/*
|------------------------------------------------------------------------------
| Scroll Bar
|------------------------------------------------------------------------------
*/

*::-webkit-scrollbar {
    height: 2px;
    width: 3px;
}

*::-webkit-scrollbar-button {
    height: 0px;
    width: 0px;
}

*::-webkit-scrollbar-thumb {
    background: #868E96;
    border: 0px none #FFFFFF;
    border-radius: 0;
}

*::-webkit-scrollbar-thumb:hover {
    background: #495057;
}

*::-webkit-scrollbar-thumb:active {
    background: #343A40;
}

*::-webkit-scrollbar-track {
    background: #F1F3F5;
    border: 0px none transparent;
    border-radius: 50px;
}

*::-webkit-scrollbar-track:hover {
    background: #EEEEEE;
}

*::-webkit-scrollbar-track:active {
    background: #EEEEEE;
}

*::-webkit-scrollbar-corner {
    background: transparent;
}


/*GLOBAL*/


/*Alert utility*/

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}


/*Put left the title of the app*/

#tab-home>div:nth-child(1)>div:nth-child(1)>div:nth-child(1) {
    left: 0!important;
}


/*Link utilities*/

.sgr-color-white {
    color: white !important;
}

.sgr-color-red {
    color: #ff3b30 !important;
}

.sgr-color-green {
    color: green !important;
}

.sgr-color-light-grey {
    color: #929292 !important;
}

.sgr-color-dark {
    color: #000 !important;
}


/*Margin  utilities*/

.mt-35 {
    margin-top: 35px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mt-15 {
    margin-top: 15px;
}

.ml-25 {
    margin-top: 25px;
}

.mr-25 {
    margin-bottom: 25px;
}

.ml-15 {
    margin-top: 15px;
}

.mr-15 {
    margin-bottom: 15px;
}

.mt-75 {
    margin-top: 75px;
}

.mb-75 {
    margin-bottom: 75px !important;
}


/***Padding utilities***/

.pt-35 {
    padding-top: 35px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pl-25 {
    padding-top: 25px;
}

.pr-25 {
    padding-bottom: 25px;
}

.pl-15 {
    padding-top: 15px;
}

.pr-15 {
    padding-bottom: 15px;
}

.pt-75 {
    padding-top: 75px;
}

.pb-75 {
    padding-bottom: 75px;
}


/*Images class*/

.fluid-img {
    width: 100%;
    height: auto;
    text-align: center
}

.sgr-constraint {
    max-width: 134px;
}


/*Components*/

.jumbotron {
    background-color: #f4f4f4;
    padding: 15px;
}

.jumbotron-leaves {
    background-image: url('/assets/custom/img/paven.png');
    padding: 5px;
}

div.title:nth-child(2) {
    color: white;
    background: #ff3b30;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 25px;
}

.navbar-inner .special-right {
    padding: 20px;
    font-size: 22px;
    background-color: #ff3b30;
}

.navbar-inner .special-right a {
    margin-top: -22px;
    margin-left: -9px;
}

.swiper-button-prev,
.swiper-button-next {
    top: 40%;
    background-color: white;
    padding: 5px;
}


/*Brands bg color*/

.facebook {
    background-color: #4267B2!important;
}

.twitter {
    background-color: #1DA1F2!important;
}

.whatsapp {
    background-color: #0FC245!important;
}

.instagram {
    background-color: #d62976!important;
}

.basicLightbox {
    z-index: 99999!important;
}


/*NAVBAR*/

.ios .navbar {
    font-size: 14px;
}


/*******FOR THE DESKTOP**********/

@media (min-width: 1150px) {
    html {
        background-image: url('/assets/custom/img/bg.jpg');
        background-size: cover;
        background-position: center;
    }
    #app,
    body {
        width: 40%;
        margin: 0 auto;
    }
    .logo-desktop {
        max-width: 55%;
    }
    .cards.news-card .card {
        height: 44vh!important;
    }
    .swiper-button-prev,
    .swiper-button-next {
        top: 25%;
    }
}