body {
    background-color: #f5f5f5;
    color: #5d5d5d;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
    text-align: center !important;
}
h1 {
    font-size: 2.45em;
    font-weight: 700;
    color: #5d5d5d;
    letter-spacing: -0.02em;
    margin-bottom: 30px;
    margin-top: 30px;
}
.container {
    /* width: 100%; */
    margin-right: auto;
    margin-left: auto;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.info {
    color: #5594cf;
    fill: #5594cf;
}
.error {
    color: #c92127;
    fill: #c92127;
}
.warning {
    color: #ffcc33;
    fill: #ffcc33;
}
.success {
    color: #5aba47;
    fill: #5aba47;
}
.icon-large {
    height: 132px;
    width: 132px;
}
.description-text {
    color: #707070;
    letter-spacing: -0.01em;
    font-size: 1.25em;
    line-height: 20px;
}
.footer {
    margin-top: 40px;
    font-size: 0.7em;
}
.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to   {
        opacity: 1;
    }
}
.state-error, .state-success, .state-warning {
    padding: 6px 14px;
    border: solid 1px;
    border-radius: 8px;
    width: auto;
    opacity: .8;
    transition: all .5s;
}
.state-error {
    background-color: #f998a2 !important;
    color: #dc3545 !important;
}
.state-success {
    background-color: #aaefba !important;
    color: #28a745 !important;
}
.state-warning {
    background-color: #fde498 !important;
    color: #bb8e09 !important;
}
.img-error, .img-danger {
    background-color: #dc3545 !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.img-pink {
    background-color: #d63384 !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.img-purple {
    background-color: #6f42c1 !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.img-indigo {
    background-color: #6610f2 !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.img-white {
    background-color: #fff !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.img-light {
    background-color: #f8f9fa !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.img-dark {
    background-color: #212529 !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.img-gray {
    background-color: #6c757d !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.img-gray-dark {
    background-color: #343a40 !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.img-success {
    background-color: #198754 !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.img-orange {
    background-color: #fd7e14 !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.img-warning {
    background-color: #ffc107 !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.img-info {
    background-color: #0dcaf0 !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.img-primary {
    background-color: #0d6efd !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.img-teal {
    background-color: #20c997 !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.img-cyan {
    background-color: #0dcaf0 !important;
    padding: 4px;
    border-radius: 8px;
    opacity: .8;
}
.ol-separate:not([size]) {
    position: relative !important;
    height: 4px !important;
    background-color: #777;
    opacity: .8;
}
.ol-link  {
    color: #E4D023 !important;
    font-weight: bold;
    text-decoration: none;
    transition: all .5s ease-in-out;
}
.ol-link:hover {
    opacity: .8 !important;
    text-decoration: none;
    transition: all .5s ease-in-out;
}
.opacity-0 {
    opacity: 0 !important;
}
.opacity-1 {
    opacity: 1 !important;
}
.opacity-2 {
    opacity: .2 !important;
}
.opacity-3 {
    opacity: .3 !important;
}
.opacity-4 {
    opacity: .4 !important;
}
.opacity-5 {
    opacity: .5 !important;
}
.opacity-6 {
    opacity: .6 !important;
}
.opacity-7 {
    opacity: .7 !important;
}
.opacity-8 {
    opacity: .8 !important;
}
.opacity-9 {
    opacity: .9 !important;
}
.resize-none {
    resize: none !important;
}
.text-decoration-none {
    text-decoration: none !important;
}
.text-decoration {
    text-decoration: underline !important;
}
.cursor-pointer {
    cursor: pointer !important;
}
.warning-danger {
    padding: 8px 16px !important;
    background-color: #fbd8ba !important;
    color: #fd7e14 !important;
    border: 1px solid #fd7e14 !important;
    border-radius: 8px !important;
    display: inline-block !important;
    text-align: center !important;
}
.warning-error {
    padding: 8px 16px !important;
    background-color: #f998a2 !important;
    color: #dc3545 !important;
    border: 1px solid #dc3545 !important;
    border-radius: 8px !important;
    display: inline-block !important;
    text-align: center !important;
}
.warning-success {
    padding: 8px 16px !important;
    background-color: #aaefba !important;
    color: #28a745 !important;
    border: 1px solid #28a745 !important;
    border-radius: 8px !important;
    display: inline-block !important;
    text-align: center !important;
}
.warning-primary {
    padding: 8px 16px !important;
    background-color: #b5d3f3 !important;
    color: #007bff !important;
    border: 1px solid #007bff !important;
    border-radius: 8px !important;
    display: inline-block !important;
    text-align: center !important;
}
.warning-purple {
    padding: 8px 16px !important;
    background-color: #d8c3ff !important;
    color: #6f42c1 !important;
    border: 1px solid #6f42c1 !important;
    border-radius: 8px !important;
    display: inline-block !important;
    text-align: center !important;
}
.warning-pink {
    padding: 8px 16px !important;
    background-color: #f9c4dd !important;
    color: #e83e8c !important;
    border: 1px solid #e83e8c !important;
    border-radius: 8px !important;
    display: inline-block !important;
    text-align: center !important;
}
.warning-brown {
    padding: 8px 16px !important;
    background-color: #fdcda7 !important;
    color: #cf6713 !important;
    border: 1px solid #cf6713 !important;
    border-radius: 8px !important;
    display: inline-block !important;
    text-align: center !important;
}
.font-italic {
    font-style: italic !important;
}
.font-normal {
    font-style: normal !important;
}
.font-bold {
    font-weight: bold !important;
}
@media (max-width:991.98px){
    .bg-image {
        background-image: url('../../img/calendar.jpg');
        background-attachment: scroll;
        background-repeat: no-repeat;
        min-height: 600px;
        background-size: auto 100%;
        background-position: center;
    }
}
@media (min-width:992px){
    .bg-image {
        background-image: url('../../img/calendar.jpg');
        background-attachment: scroll;
        background-repeat: no-repeat;
        min-height: 600px;
        background-size: 100% auto;
    }
}
.bg-image .card-body {
    background-color: #eee;
    margin-top: 60px;
    border-radius: 8px;
    opacity: .8;
}
.text-bold {
    font-weight: bold !important;
}
.add-link {
    padding: 0 10px 4px 10px !important;
    border-radius: 6px !important;
    border: solid 1px currentColor !important;
    transition: all .5s ease-in-out !important;
}
.add-link:hover {
    color: #918a3c !important;
}
@media (max-width: 767.98px) {
    .container-sm {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        max-width: 690px;
    }
}
@media (min-width: 768px) {
    .container-fluid-sm {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
}
.url-name {
    position: relative !important;
}
.url-name a {
    position: absolute !important;
    right: 10px !important;
    color: #dc3545 !important;
    transition: all .5s ease-in-out !important;
}
.url-name a i:hover {
    cursor: pointer !important;
    color: #bd2130 !important;
}
.profil-img {
    max-height: 140px !important;
    padding-bottom: 1rem !important;
}
.profil-img.img-size {
    min-height: 200px !important;
    padding-bottom: 1rem !important;
}
.calendar-separate {
    position: absolute;
    left: -15px;
    right: -15px;
    border-bottom: 1px #eee solid;
    height: 0;
}
.datetime-delete {
    color: var(--mc-dark-error) !important;
    opacity: 1;
    transition: all .3s ease-in-out;
}
.datetime-delete:hover {
    opacity: .8;
    transition: all .3s ease-in-out;
}
/* Margin */
.m-6 {
    margin: 4.5rem !important;
}
.m-7 {
    margin: 6rem !important;
}
.m-8 {
    margin: 8rem !important;
}
.m-9 {
    margin: 12rem !important;
}
.m-10 {
    margin: 16rem !important;
}
.ml-6 {
    margin-left: 4.5rem !important;
}
.ml-7 {
    margin-left: 6rem !important;
}
.ml-8 {
    margin-left: 8rem !important;
}
.ml-9 {
    margin-left: 12rem !important;
}
.ml-10 {
    margin-left: 16rem !important;
}
.mr-6 {
    margin-right: 4.5rem !important;
}
.mr-7 {
    margin-right: 6rem !important;
}
.mr-8 {
    margin-right: 8rem !important;
}
.mr-9 {
    margin-right: 12rem !important;
}
.mr-10 {
    margin-right: 16rem !important;
}
.mb-6 {
    margin-bottom: 4.5rem !important;
}
.mb-7 {
    margin-bottom: 6rem !important;
}
.mb-8 {
    margin-bottom: 8rem !important;
}
.mb-9 {
    margin-bottom: 12rem !important;
}
.mb-10 {
    margin-bottom: 16rem !important;
}
.mt-6 {
    margin-top: 4.5rem !important;
}
.mt-7 {
    margin-top: 6rem !important;
}
.mt-8 {
    margin-top: 8rem !important;
}
.mt-9 {
    margin-top: 12rem !important;
}
.mt-10 {
    margin-top: 16rem !important;
}
.m-n6 {
    margin: -4.5rem !important;
}
.m-n7 {
    margin: -6rem !important;
}
.m-n8 {
    margin: -8rem !important;
}
.m-n9 {
    margin: -12rem !important;
}
.m-n10 {
    margin: -16rem !important;
}
.mt-n6 {
    margin-top: -4.5rem !important;
}
.mt-n7 {
    margin-top: -6rem !important;
}
.mt-n8 {
    margin-top: -8rem !important;
}
.mt-n9 {
    margin-top: -12rem !important;
}
.mt-n10 {
    margin-top: -16rem !important;
}
.mb-n6 {
    margin-bottom: -4.5rem !important;
}
.mb-n7 {
    margin-bottom: -6rem !important;
}
.mb-n8 {
    margin-bottom: -8rem !important;
}
.mb-n9 {
    margin-bottom: -12rem !important;
}
.mb-n10 {
    margin-bottom: -16rem !important;
}
.ml-n6 {
    margin-left: -4.5rem !important;
}
.ml-n7 {
    margin-left: -6rem !important;
}
.ml-n8 {
    margin-left: -8rem !important;
}
.ml-n9 {
    margin-left: -12rem !important;
}
.ml-n10 {
    margin-left: -16rem !important;
}
.mr-n6 {
    margin-right: -4.5rem !important;
}
.mr-n7 {
    margin-right: -6rem !important;
}
.mr-n8 {
    margin-right: -8rem !important;
}
.mr-n9 {
    margin-right: -12rem !important;
}
.mr-n10 {
    margin-right: -16rem !important;
}
.mx-6 {
    margin: 0 4.5rem !important;
}
.mx-7 {
    margin: 0 6rem !important;
}
.mx-8 {
    margin: 0 8rem !important;
}
.mx-9 {
    margin: 0 12rem !important;
}
.mx-10 {
    margin: 0 16rem !important;
}
.my-6 {
    margin: 4.5rem 0 !important;
}
.my-7 {
    margin: 6rem 0 !important;
}
.my-8 {
    margin: 8rem 0 !important;
}
.my-9 {
    margin: 12rem 0 !important;
}
.my-10 {
    margin: 16rem 0 !important;
}
/* Padding */
.p-6 {
    padding: 4.5rem !important;
}
.p-7 {
    padding: 6rem !important;
}
.p-8 {
    padding: 8rem !important;
}
.p-9 {
    padding: 12rem !important;
}
.p-10 {
    padding: 16rem !important;
}
.pl-6 {
    padding-left: 4.5rem !important;
}
.pl-7 {
    padding-left: 6rem !important;
}
.pl-8 {
    padding-left: 8rem !important;
}
.pl-9 {
    padding-left: 12rem !important;
}
.pl-10 {
    padding-left: 16rem !important;
}
.pr-6 {
    padding-right: 4.5rem !important;
}
.pr-7 {
    padding-right: 6rem !important;
}
.pr-8 {
    padding-right: 8rem !important;
}
.pr-9 {
    padding-right: 12rem !important;
}
.pr-10 {
    padding-right: 16rem !important;
}
.pb-6 {
    padding-bottom: 4.5rem !important;
}
.pb-7 {
    padding-bottom: 6rem !important;
}
.pb-8 {
    padding-bottom: 8rem !important;
}
.pb-9 {
    padding-bottom: 12rem !important;
}
.pb-10 {
    padding-bottom: 16rem !important;
}
.pt-6 {
    padding-top: 4.5rem !important;
}
.pt-7 {
    padding-top: 6rem !important;
}
.pt-8 {
    padding-top: 8rem !important;
}
.pt-9 {
    padding-top: 12rem !important;
}
.pt-10 {
    padding-top: 16rem !important;
}
.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}
.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
.px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
.px-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
.px-6 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
}
.px-7 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}
.px-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
}
.px-9 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
}
.px-10 {
    padding-left: 16rem !important;
    padding-right: 16rem !important;
}
.py-0 { 
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py-1 { 
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}
.py-2 { 
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}
.py-3 { 
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.py-4 { 
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}
.py-5 { 
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}
.py-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important
}
.py-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important
}
.py-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important
}
.py-9 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important
}
.py-10 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important
}
@media (max-width: 575.98px) {
    /* Margin */
    .m-xs-0 {
        margin: 0 !important;
    }
    .m-xs-1 {
        margin: 0.25rem !important;
    }
    .m-xs-2 {
        margin: 0.5rem !important;
    }
    .m-xs-3 {
        margin: 1rem !important;
    }
    .m-xs-4 {
        margin: 1.5rem !important;
    }
    .m-xs-5 {
        margin: 3rem !important;
    }
    .m-xs-auto {
        margin: auto !important;
    }
    .m-xs-6 {
        margin: 4.5rem !important;
    }
    .m-xs-7 {
        margin: 6rem !important;
    }
    .m-xs-8 {
        margin: 8rem !important;
    }
    .m-xs-9 {
        margin: 12rem !important;
    }
    .m-xs-10 {
        margin: 16rem !important;
    }
    .ml-xs-0 {
        margin-left: 0 !important;
    }
    .ml-xs-1 {
        margin-left: 0.25rem !important;
    }
    .ml-xs-2 {
        margin-left: 0.5rem !important;
    }
    .ml-xs-3 {
        margin-left: 1rem !important;
    }
    .ml-xs-4 {
        margin-left: 1.5rem !important;
    }
    .ml-xs-5 {
        margin-left: 3rem !important;
    }
    .ml-xs-6 {
        margin-left: 4.5rem !important;
    }
    .ml-xs-7 {
        margin-left: 6rem !important;
    }
    .ml-xs-8 {
        margin-left: 8rem !important;
    }
    .ml-xs-9 {
        margin-left: 12rem !important;
    }
    .ml-xs-10 {
        margin-left: 16rem !important;
    }
    .mr-xs-0 {
        margin-right: 0 !important;
    }
    .mr-xs-1 {
        margin-right: 0.25rem !important;
    }
    .mr-xs-2 {
        margin-right: 0.5rem !important;
    }
    .mr-xs-3 {
        margin-right: 1rem !important;
    }
    .mr-xs-4 {
        margin-right: 1.5rem !important;
    }
    .mr-xs-5 {
        margin-right: 3rem !important;
    }
    .mr-xs-6 {
        margin-right: 4.5rem !important;
    }
    .mr-xs-7 {
        margin-right: 6rem !important;
    }
    .mr-xs-8 {
        margin-right: 8rem !important;
    }
    .mr-xs-9 {
        margin-right: 12rem !important;
    }
    .mr-xs-10 {
        margin-right: 16rem !important;
    }
    .mb-xs-0 {
        margin-bottom: 0 !important;
    }
    .mb-xs-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-xs-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xs-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xs-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xs-5 {
        margin-bottom: 3rem !important;
    }
    .mb-xs-6 {
        margin-bottom: 4.5rem !important;
    }
    .mb-xs-7 {
        margin-bottom: 6rem !important;
    }
    .mb-xs-8 {
        margin-bottom: 8rem !important;
    }
    .mb-xs-9 {
        margin-bottom: 12rem !important;
    }
    .mb-xs-10 {
        margin-bottom: 16rem !important;
    }
    .mt-xs-0 {
        margin-top: 0 !important;
    }
    .mt-xs-1 {
        margin-top: 0.25rem !important;
    }
    .mt-xs-2 {
        margin-top: 0.5rem !important;
    }
    .mt-xs-3 {
        margin-top: 1rem !important;
    }
    .mt-xs-4 {
        margin-top: 1.5rem !important;
    }
    .mt-xs-5 {
        margin-top: 3rem !important;
    }
    .mt-xs-6 {
        margin-top: 4.5rem !important;
    }
    .mt-xs-7 {
        margin-top: 6rem !important;
    }
    .mt-xs-8 {
        margin-top: 8rem !important;
    }
    .mt-xs-9 {
        margin-top: 12rem !important;
    }
    .mt-xs-10 {
        margin-top: 16rem !important;
    }
    .mt-xs-n1 {
        margin-top: -0.25rem !important;
    }
    .mt-xs-n2 {
        margin-top: -0.5rem !important;
    }
    .mt-xs-n3 {
        margin-top: -1rem !important;
    }
    .mt-xs-n4 {
        margin-top: -1.5rem !important;
    }
    .mt-xs-n5 {
        margin-top: -3rem !important;
    }
    .mt-xs-n6 {
        margin-top: -4.5rem !important;
    }
    .mt-xs-n7 {
        margin-top: -6rem !important;
    }
    .mt-xs-n8 {
        margin-top: -8rem !important;
    }
    .mt-xs-n9 {
        margin-top: -12rem !important;
    }
    .mt-xs-n10 {
        margin-top: -16rem !important;
    }
    .mb-xs-n1 {
        margin-bottom: -0.25rem !important;
    }
    .mb-xs-n2 {
        margin-bottom: -0.5rem !important;
    }
    .mb-xs-n3 {
        margin-bottom: -1rem !important;
    }
    .mb-xs-n4 {
        margin-bottom: -1.5rem !important;
    }
    .mb-xs-n5 {
        margin-bottom: -3rem !important;
    }
    .mb-xs-n6 {
        margin-bottom: -4.5rem !important;
    }
    .mb-xs-n7 {
        margin-bottom: -6rem !important;
    }
    .mb-xs-n8 {
        margin-bottom: -8rem !important;
    }
    .mb-xs-n9 {
        margin-bottom: -12rem !important;
    }
    .mb-xs-n10 {
        margin-bottom: -16rem !important;
    }
    .ml-xs-n1 {
        margin-left: -0.25rem !important;
    }
    .ml-xs-n2 {
        margin-left: -0.5rem !important;
    }
    .ml-xs-n3 {
        margin-left: -1rem !important;
    }
    .ml-xs-n4 {
        margin-left: -1.5rem !important;
    }
    .ml-xs-n5 {
        margin-left: -3rem !important;
    }
    .ml-xs-n6 {
        margin-left: -4.5rem !important;
    }
    .ml-xs-n7 {
        margin-left: -6rem !important;
    }
    .ml-xs-n8 {
        margin-left: -8rem !important;
    }
    .ml-xs-n9 {
        margin-left: -12rem !important;
    }
    .ml-xs-n10 {
        margin-left: -16rem !important;
    }
    .mr-xs-n1 {
        margin-right: -0.25rem !important;
    }
    .mr-xs-n2 {
        margin-right: -0.5rem !important;
    }
    .mr-xs-n3 {
        margin-right: -1rem !important;
    }
    .mr-xs-n4 {
        margin-right: -1.5rem !important;
    }
    .mr-xs-n5 {
        margin-right: -3rem !important;
    }
    .mr-xs-n6 {
        margin-right: -4.5rem !important;
    }
    .mr-xs-n7 {
        margin-right: -6rem !important;
    }
    .mr-xs-n8 {
        margin-right: -8rem !important;
    }
    .mr-xs-n9 {
        margin-right: -12rem !important;
    }
    .mr-xs-n10 {
        margin-right: -16rem !important;
    }
    .mx-xs-n1 {
        margin: 0 -0.25rem !important;
    }
    .mx-xs-n2 {
        margin: 0 -0.5rem !important;
    }
    .mx-xs-n3 {
        margin: 0 -1rem !important;
    }
    .mx-xs-n4 {
        margin: 0 -1.5rem !important;
    }
    .mx-xs-n5 {
        margin: 0 -3rem !important;
    }
    .mx-xs-n6 {
        margin: 0 -4.5rem !important;
    }
    .mx-xs-n7 {
        margin: 0 -6rem !important;
    }
    .mx-xs-n8 {
        margin: 0 -8rem !important;
    }
    .mx-xs-n9 {
        margin: 0 -12rem !important;
    }
    .mx-xs-n10 {
        margin: 0 -16rem !important;
    }
    .my-xs-n1 {
        margin: -0.25rem 0 !important;
    }
    .my-xs-n2 {
        margin: -0.5rem 0 !important;
    }
    .my-xs-n3 {
        margin: -1rem 0 !important;
    }
    .my-xs-n4 {
        margin: -1.5rem 0 !important;
    }
    .my-xs-n5 {
        margin: -3rem 0 !important;
    }
    .my-xs-n6 {
        margin: -4.5rem 0 !important;
    }
    .my-xs-n7 {
        margin: -6rem 0 !important;
    }
    .my-xs-n8 {
        margin: -8rem 0 !important;
    }
    .my-xs-n9 {
        margin: -12rem 0 !important;
    }
    .my-xs-n10 {
        margin: -16rem 0 !important;
    }
    /* Padding */
    .p-xs-0 {
        padding: 0 !important;
    }
    .p-xs-1 {
        padding: 0.25rem !important;
    }
    .p-xs-2 {
        padding: 0.5rem !important;
    }
    .p-xs-3 {
        padding: 1rem !important;
    }
    .p-xs-4 {
        padding: 1.5rem !important;
    }
    .p-xs-5 {
        padding: 3rem !important;
    }
    .p-xs-6 {
        padding: 4.5rem !important;
    }
    .p-xs-7 {
        padding: 6rem !important;
    }
    .p-xs-8 {
        padding: 8rem !important;
    }
    .p-xs-9 {
        padding: 12rem !important;
    }
    .p-xs-10 {
        padding: 16rem !important;
    }
    .pl-xs-0 {
        padding-left: 0 !important;
    }
    .pl-xs-1 {
        padding-left: 0.25rem !important;
    }
    .pl-xs-2 {
        padding-left: 0.5rem !important;
    }
    .pl-xs-3 {
        padding-left: 1rem !important;
    }
    .pl-xs-4 {
        padding-left: 1.5rem !important;
    }
    .pl-xs-5 {
        padding-left: 3rem !important;
    }
    .pl-xs-6 {
        padding-left: 4.5rem !important;
    }
    .pl-xs-7 {
        padding-left: 6rem !important;
    }
    .pl-xs-8 {
        padding-left: 8rem !important;
    }
    .pl-xs-9 {
        padding-left: 12rem !important;
    }
    .pl-xs-10 {
        padding-left: 16rem !important;
    }
    .pr-xs-0 {
        padding-right: 0 !important;
    }
    .pr-xs-1 {
        padding-right: 0.25rem !important;
    }
    .pr-xs-2 {
        padding-right: 0.5rem !important;
    }
    .pr-xs-3 {
        padding-right: 1rem !important;
    }
    .pr-xs-4 {
        padding-right: 1.5rem !important;
    }
    .pr-xs-5 {
        padding-right: 3rem !important;
    }
    .pr-xs-6 {
        padding-right: 4.5rem !important;
    }
    .pr-xs-7 {
        padding-right: 6rem !important;
    }
    .pr-xs-8 {
        padding-right: 8rem !important;
    }
    .pr-xs-9 {
        padding-right: 12rem !important;
    }
    .pr-xs-10 {
        padding-right: 16rem !important;
    }
    .pb-xs-0 {
        padding-bottom: 0 !important;
    }
    .pb-xs-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-xs-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-xs-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xs-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-xs-5 {
        padding-bottom: 3rem !important;
    }
    .pb-xs-6 {
        padding-bottom: 4.5rem !important;
    }
    .pb-xs-7 {
        padding-bottom: 6rem !important;
    }
    .pb-xs-8 {
        padding-bottom: 8rem !important;
    }
    .pb-xs-9 {
        padding-bottom: 12rem !important;
    }
    .pb-xs-10 {
        padding-bottom: 16rem !important;
    }
    .pt-xs-0 {
        padding-top: 0 !important;
    }
    .pt-xs-1 {
        padding-top: 0.25rem !important;
    }
    .pt-xs-2 {
        padding-top: 0.5rem !important;
    }
    .pt-xs-3 {
        padding-top: 1rem !important;
    }
    .pt-xs-4 {
        padding-top: 1.5rem !important;
    }
    .pt-xs-5 {
        padding-top: 3rem !important;
    }
    .pt-xs-6 {
        padding-top: 4.5rem !important;
    }
    .pt-xs-7 {
        padding-top: 6rem !important;
    }
    .pt-xs-8 {
        padding-top: 8rem !important;
    }
    .pt-xs-9 {
        padding-top: 12rem !important;
    }
    .pt-xs-10 {
        padding-top: 16rem !important;
    }
    .px-xs-0 {
        padding: 0 !important;
    }
    .px-xs-1 {
        padding: 0 0.25rem !important;
    }
    .px-xs-2 {
        padding: 0 0.5rem !important;
    }
    .px-xs-3 {
        padding: 0 1rem !important;
    }
    .px-xs-4 {
        padding: 0 1.5rem !important;
    }
    .px-xs-5 {
        padding: 0 3rem !important;
    }
    .px-xs-6 {
        padding: 0 4.5rem !important;
    }
    .px-xs-7 {
        padding: 0 6rem !important;
    }
    .px-xs-8 {
        padding: 0 8rem !important;
    }
    .px-xs-9 {
        padding: 0 12rem !important;
    }
    .px-xs-10 {
        padding: 0 16rem !important;
    }
    .py-xs-0 {
        padding: 0 !important;
    }
    .py-xs-1 {
        padding: 0.25rem 0 !important;
    }
    .py-xs-2 {
        padding: 0.5rem 0 !important;
    }
    .py-xs-3 {
        padding: 1rem 0 !important;
    }
    .py-xs-4 {
        padding: 1.5rem 0 !important;
    }
    .py-xs-5 {
        padding: 3rem 0 !important;
    }
    .py-xs-6 {
        padding: 4.5rem 0 !important;
    }
    .py-xs-7 {
        padding: 6rem 0 !important;
    }
    .py-xs-8 {
        padding: 8rem 0 !important;
    }
    .py-xs-9 {
        padding: 12rem 0 !important;
    }
    .py-xs-10 {
        padding: 16rem 0 !important;
    }
}
.btn-container {
    position: absolute !important;
    right: 0 !important;
    top: 16px !important;
}
.btn-container button {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.token-style {
    position: relative !important;
    color: #1e8936 !important;
    font-weight: 500 !important;
    background-color: #89e79e !important;
    padding: 0 4px 2px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    top: 6px !important;
}
.help-icon svg {
    position: fixed;
    right: 20px;
    top: 24px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: solid 1px #007bff;
    fill: #007bff !important;
    stroke: #007bff !important;
    transition: all .2s ease-in-out;
    z-index: 20 !important;
    background: #ddd;
    opacity: .8;
}
.help-icon:hover svg {
    border: solid 1px #72e549;
    fill: #72e549 !important;
    stroke: #72e549 !important;
    transition: all .2s ease-in-out;
    background-color: #f5f5f5;
}
.mails-separate {
    position: relative !important;
    left: -15px !important;
    width: 110% !important;
}
.free-holidays {
    padding: 8px 10px 0 10px !important;
    border: solid 1px #ccc !important;
    border-radius: 12px !important;
    margin-bottom: 10px !important;
}