/*PRELOADING------------ */

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 4em;
    height: 4em;
    vertical-align: text-bottom;
    border: 0.5em solid #ffffff;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 2.5em;
    height: 2.5em;
    border: 0.3em solid #ffffff;
    border-right-color: transparent;
    border-width: $spinner-border-width-sm;
}

#overlayer {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 7100;
    background: rgb(24, 150, 237);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.loader {
    z-index: 7700;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* Growing circle */

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: none;
    }
}

.spinner-grow {
    display: inline-block;
    width: $spinner-width;
    height: $spinner-height;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
    width: $spinner-width-sm;
    height: $spinner-height-sm;
}

/*END PRELOADING------------ */

@media (max-height:992px) {
    .side-nav .logo-wrapper, .side-nav .logo-wrapper a {
        height: 105px;
    }
}

@media only screen and (max-width:1440px) {
    .side-nav.fixed {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    .side-nav.fixed.right-aligned {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.sub-menu {
    /*width: 228px;*/
    background-color: #6a9ed3;
    /*position: absolute;*/
    /*z-index: 100;*/
    display: none;
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);*/
}

.sub-menu>ul>li>a {
    padding: 0 10px 10px 0;
}

.side-nav .fa-angle-down.static-icon {
    position: absolute;
    right: 0;
    top: .8rem;
    margin-right: 1.25rem;
}

.side-nav .logo-wrapper img {
    height: auto;
    padding: 10% 65px 0;
}

.side-nav .collapsible a {
    font-size: .9rem;
}

.stamps-list {
    font-size: .8rem;
    /*background-color: #F4F9FF;*/
}

.stamps-list img {
    max-height: 120px;
}

.stamps-list-card {
    margin-bottom: 8px;
}

.btn.btn-xs {
    padding: .2rem 1rem;
    font-size: .60rem;
}

nav.page-navigation {
    margin-top: 30px;
}

.force-min-height {
    min-height: 750px;
}

.force-500-height {
    min-height: 500px;
}

.force-100-height {
    min-height: 100px;
}

.max-height-180 {
    max-height: 180px;
}

.spacer-20 {
    margin-bottom: 20px;
}

.classic-tabs li a.active {
    color: cyan;
}

.tabs-blue-grey {
    background-color: #3f5c80 !important;
}

.carousel-control-prev-icon {
    background-image: url(../img/arrow_left.svg) !important;
}

.carousel-control-next-icon {
    background-image: url(../img/arrow_right.svg) !important;
}

body {
    /* width: 80%; */
    /* max-width: 1200px; */
    /* or whatever width you want */
}