/*-----------------------------------------------------------SHARF--------------------------------------------------------------*/


/*-----------------------------------------------------------SIDE NAV--------------------------------------------------------------*/

.sidenav-item.open > .sidenav-menu {
    background: #F2F2F2;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Manrope";
}

.sidenav.bg-dark .sidenav-link:hover, .sidenav.bg-dark .sidenav-link:focus, .sidenav.bg-dark .sidenav-horizontal-prev:hover, .sidenav.bg-dark .sidenav-horizontal-prev:focus, .sidenav.bg-dark .sidenav-horizontal-next:hover, .sidenav.bg-dark .sidenav-horizontal-next:focus {
    color: #fff;
    background-color: #414141;
}

.sidenav.bg-dark {
    background-color: #F2F2F2 !important;
    color: #000;
}

    .sidenav.bg-dark .sidenav-link {
        color: #121212;
    }

    .sidenav.bg-dark .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
        color: #fff;
        background-color: #414141;
        font-family: 'Manrope';
        font-weight: 800;
    }


.sidenav.bg-dark .sidenav-link {
    color: #121212;
}

.sidenav.bg-dark .sidenav-item.open:not(.sidenav-item-closing) > .sidenav-toggle, .sidenav.bg-dark .sidenav-item.active > .sidenav-link {
    /*color: #fff;*/
}

/*-----------------------------------------------------------NAVBAR--------------------------------------------------------------*/
.navbar-nav .nav-link {
    color: #FF6568 !important;
    font-family: 'Manrope';
    font-weight: 800;
}


/*-----------------------------------------------------------FILTER SECTIONS--------------------------------------------------------------*/
.bg-sharf {
    color: #121212;
    background: #e1e1e1;
}


/*-----------------------------------------------------------MODAL--------------------------------------------------------------*/
.modal-header {
    background-color: #121212;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

.modal-title {
    font-weight: bold;
    font-family: 'Manrope';
    font-size: 1rem;
}


/*-----------------------------------------------------------BUTTONS--------------------------------------------------------------*/
.btn-sharf-primary {
    background-color: #FF6568;
    color: #fff;
}

.btn-primary {
    background-color: #121212;
    font-family: 'Manrope';
    font-weight: bold;
}

    .btn-primary:hover {
        background-color: #262626;
        font-family: 'Manrope';
        font-weight: bold;
    }


/*-----------------------------------------------------------TEXTS--------------------------------------------------------------*/
.text-primary {
    color: #FF6568 !important;
}

body {
    font-family: 'Manrope';
}

.text-sharf-primary {
    color: #68002B;
}

/*-----------------------------------------------------------PAGINATION--------------------------------------------------------------*/

.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus, .pagination li.active > a:not(.page-link), .pagination li.active > a:not(.page-link):hover, .pagination li.active > a:not(.page-link):focus {
    border-color: #121212 !important;
    background-color: #121212 !important;
    color: #fff !important;
}


/*-------------------------------LOGIN-------------------------------------*/
section.login .row > div:first-child {
    background-color: #121212;
}