/*html {
    background: url(../Images/bg.jpeg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
*/
/*the Arabic font-face form company*/


@font-face {
    font-family: 'Tajawal-Bold';
    src: url('../fonts/Tajawal/Tajawal-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Tajawal-Regular';
    src: url('../fonts/Tajawal/Tajawal-Regular.ttf') format('truetype');
}
/*---------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Cairo-Bold';
    src: url('../fonts/CairoArabic/Cairo-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Cairo-Regular';
    src: url('../fonts/CairoArabic/Cairo-Regular.ttf') format('truetype');
}
/*---------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Kufi-Black';
    src: url('../fonts/KuifiArabic/NotoKufiArabic-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Kufi-Bold';
    src: url('../fonts/KuifiArabic/NotoKufiArabic-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Kufi-SemiBold';
    src: url('../fonts/KuifiArabic/NotoKufiArabic-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Kufi-Regular';
    src: url('../fonts/KuifiArabic/NotoKufiArabic-Regular.ttf') format('truetype');
}
/*---------------------------------------------------------------------------------------*/
/*the English font-face form company*/
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/PoppinsEnglish/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/PoppinsEnglish/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Black';
    src: url('../fonts/PoppinsEnglish/Poppins-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'PTSans-Regular';
    src: url('../fonts/PT_Sans/PTSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PTSans-Bold';
    src: url('../fonts/PT_Sans/PTSans-Bold.ttf') format('truetype');
}
/*---------------------------------------------------------------------------------------*/


body {
    background-color:#989292;
}

.ar-font {
    font-family: 'Cairo-Regular';
}

.eng-font {
    font-family: 'Poppins-Regular';
}

.item-fast {
    color: #555555;
    background-color: #fff;
}

    .item-fast:hover {
        color: #fff;
        background-color: #f47522;
        border-color: #f47522;
        text-decoration: none;
        border-radius: 1.5rem;
    }

    .item-fast:focus, .item-fast.focus {
        box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);
    }


/* Text Size 
--------------------------------*/
.text-fast-8 {
    font-size: 8px;
}

.text-fast-8B {
    font-size: 8px;
    font-weight: bold;
}

.text-fast-9 {
    font-size: 9px;
}

.text-fast-9B {
    font-size: 9px;
    font-weight: bold;
}

.text-fast-9 {
    font-size: 9px;
}

.text-fast-9B {
    font-size: 9px;
    font-weight: bold;
}

.text-fast-10 {
    font-size: 10px;
}

.text-fast-10B {
    font-size: 10px;
    font-weight: bold;
}

.text-fast-11 {
    font-size: 11px;
}

.text-fast-11B {
    font-size: 11px;
    font-weight: bold;
}

.text-fast-12 {
    font-size: 12px;
}

.text-fast-12B {
    font-size: 12px;
    font-weight: bold;
}

.text-fast-13 {
    font-size: 13px;
}

.text-fast-13B {
    font-size: 13px;
    font-weight: bold;
}

.text-fast-14 {
    font-size: 14px;
}

.text-fast-14B {
    font-size: 14px;
    font-weight: bold;
}

.text-fast-15 {
    font-size: 15px;
}

.text-fast-15B {
    font-size: 15px;
    font-weight: bold;
}

.text-fast-16 {
    font-size: 16px;
}

.text-fast-16B {
    font-size: 16px;
    font-weight: bold;
}

.text-fast-17 {
    font-size: 17px;
}

.text-fast-17B {
    font-size: 17px;
    font-weight: bold;
}

.text-fast-18 {
    font-size: 18px;
}

.text-fast-18B {
    font-size: 18px;
    font-weight: bold;
}

.text-fast-19 {
    font-size: 19px;
}

.text-fast-19B {
    font-size: 19px;
    font-weight: bold;
}

.text-fast-20 {
    font-size: 20px;
}

.text-fast-20B {
    font-size: 20px;
    font-weight: bold;
}

.text-fast-21 {
    font-size: 21px;
}

.text-fast-21B {
    font-size: 21px;
    font-weight: bold;
}

.text-fast-22 {
    font-size: 22px;
}

.text-fast-22B {
    font-size: 22px;
    font-weight: bold;
}

.text-fast-23 {
    font-size: 23px;
}

.text-fast-23B {
    font-size: 23px;
    font-weight: bold;
}

.text-fast-24 {
    font-size: 24px;
}

.text-fast-24B {
    font-size: 24px;
    font-weight: bold;
}
/* --------------------- End Text Size ------------------------------- */

/* Text Color 
--------------------------------*/
.color-fast-Blue {
    color: #337ab7;
}

.color-fast-Red {
    color: #d9534f;
}

.color-fast-Orange {
    color: #f47522;
}

.color-fast-Grey {
    color: #a1b7b9;
}

.color-fast-GreyLight {
    color: #e2e3e4;
}

.color-fast-White {
    color: #fff;
}

.color-fast-Green {
    color: #14c20d;
}
/* --------------------- End Text Color ------------------------------- */

/* BackGround Color 
--------------------------------*/
.bg-fast-Blue {
    background-color: #337ab7 !important;
}

.bg-fast-Red {
    background-color: #d9534f !important;
}

.bg-fast-Orange {
    background-color: #f47522 !important;
}

.bg-fast-Grey {
    background-color: #a1b7b9 !important;
}

.bg-fast-GreyLight {
    background-color: #e2e3e4 !important;
}

.bg-fast-White {
    background-color: #fff !important;
}

.bg-fast-Green {
    background-color: #14c20d !important;
}
/* --------------------- End BackGround Color ------------------------------- */

/* Border Color 
--------------------------------*/
.border-fast-Blue {
    border-color: #337ab7 !important;
    border-width: 1px;
}

.border-fast-Red {
    border-color: #d9534f !important;
    border-width: 1px;
}

.border-fast-Orange {
    border-color: #f47522 !important;
    border-width: 1px;
}

.border-fast-Grey {
    border-color: #a1b7b9 !important;
    border-width: 1px;
}

.border-fast-GreyLight {
    border-color: #e2e3e4 !important;
    border-width: 1px;
}

.border-fast-White {
    border-color: #fff !important;
    border-width: 1px;
}

.border-fast-Green {
    border-color: #14c20d !important;
    border-width: 1px;
}

.border-fast {
    border-radius: 20px;
    border-width: 1px;
}

.border-fast-image {
    border-radius: 0.75rem;
    border-width: 1px;
    border-color: #f47522;
}

/*.card-meals {
    border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
}
*/ /* --------------------- End Border Color ------------------------------- */
/* Set width on the form input elements since they're 100% wide by default */

.table {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    /*.table-responsive {
    display: table;
}
    tbody {
    width: 100%;
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

*/

    .table th, .table td {
        padding: 0.5rem;
        vertical-align: middle;
        border-top: 0px;
    }
/* Tabel 
--------------------------------*/

/* --------------------- End Tabel ------------------------------- */
/* Set width on the form input elements since they're 100% wide by default */

.nav-link-left {
    padding: 2px 4px 2px 4px;
    color: #3cbded;
    background-color: white;
    font-size: 12px;
    font-weight: bold;
    text-align:center;
}

.dropdown-menu {
    width: auto;
    min-width: 7rem;
    color: white;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #754eb9;
}

.bg-menu {
    background-color: #adc8db;
}

.confActive {
    color: #ff0000;
}

.remark {
    color: lightslategrey;
    font-size: small;
}

.content-desktop {
    display: block;
}

.content-mobile {
    display: none;
}

#myLogo {
    width: 50%;
}

@media (min-width: 768px) {
    .navbar .navbar-collapse {
        display: block !important;
    }
}

@media screen and (max-width: 768px) {

    .content-desktop {
        display: none;
    }

    .content-mobile {
        display: block;
    }

    #myLogo {
        width: 70%;
    }
}

.box-fast {
    padding: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e2e3e4;
    border-left-width: .25rem;
    border-right-width: .25rem;
    border-radius: 2.5rem;
    text-align: center;
}
    .box-fast:hover {
        border-left-color: #f47522;
        border-right-color: #f47522;
    }

    .box-fast a {
        color: #444444;
        text-decoration: none;
        margin: 0px;
        font-weight: 600;
    }

    .box-fast:hover a {
        text-align: center;
        box-shadow: 4px 4px #6da0b5;
        background-color: #000;
        color: #f47522;
    }

.box-fastImage {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.box-fastTitle {
    font-size: large;
    font-weight: 800;
    margin-bottom: 5px;
}

.box-fastSubTitle {
    font-size: medium;
    font-weight: 500;
    margin-bottom: 5px;
}

.box-fastMore {
    margin: 30px 10px;
    padding: 5px;
    background-color: #17b2eb;
    color: #fff;
    width: auto;
}

.boxBorder-fast-Blue {
    border-left-color: #337ab7;
    border-right-color: #337ab7;
}

.boxBorder-fast-Green {
    border-left-color: #5cb85c;
    border-right-color: #5cb85c;
}

.boxBorder-fast-Red {
    border-left-color: #d9534f;
    border-right-color: #d9534f;
}

.boxBorder-fast-Orange {
    border-color: #f1ac7f;
}

.boxBorder-fast-Grey {
    border-color: #a1b7b9;
}

.boxBorder-fast-GreyLight {
    border-left-color: #e2e3e4;
    border-right-color: #e2e3e4;
}

.boxBorder-fast-White {
    border-left-color: #f2f2f2;
    border-right-color: #f2f2f2;
}

.use-hand {
    cursor: pointer;
}

/*----------------------------------------------Make the label inside textbox---------------------------------------------------------------*/
.form-label-group {
    position: relative;
}

    .form-label-group > label {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        margin-bottom: 0;
        color: #959ca9;
        border: 1px solid transparent;
        transition: all 0.1s ease-in-out;
        font-size: 0.70rem;
        text-align: left;
        padding: 0.6rem 0.6rem;
        pointer-events: none;
        font-family: 'Almarai' !important;
    }

    .form-label-group .form-control:-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group .form-control::-moz-placeholder {
        color: transparent;
    }

    .form-label-group .form-control::placeholder {
        color: transparent !important;
    }

    .form-label-group .form-control:not(:-moz-placeholder-shown) {
        padding-top: calc(0.6rem + 0.6rem * (2 / 3));
        padding-bottom: calc(0.6rem / 3);
    }

    .form-label-group .form-control:not(:-ms-input-placeholder) {
        padding-top: calc(0.6rem + 0.6rem * (2 / 3));
        padding-bottom: calc(0.6rem / 3);
    }

    .form-label-group .form-control:not(:placeholder-shown) {
        padding-top: calc(0.6rem + 0.6rem * (2 / 3));
        padding-bottom: calc(0.6rem / 3);
    }

    .form-label-group .form-control:not(:-moz-placeholder-shown) ~ label {
        padding-top: calc(0.6rem / 3);
        padding-bottom: calc(0.6rem / 3);
        font-size: 0.6rem;
    }

    .form-label-group .form-control:not(:-ms-input-placeholder) ~ label {
        padding-top: calc(0.6rem / 3);
        padding-bottom: calc(0.6rem / 3);
        font-size: 0.6rem;
    }

    .form-label-group .form-control:not(:placeholder-shown) ~ label {
        padding-top: calc(0.6rem / 3);
        padding-bottom: calc(0.6rem / 3);
        font-size: 0.6rem;
    }

/* ---price filter css start--- */
.ui-widget-content {
    background: #d9d9d9;
    border: medium none;
    border-radius: 0;
    /*height: 4px;*/
    margin: 20px 0;
}

/*    .ui-widget-content .ui-state-default {
        background: #ffffff;
        border: 2px solid #db9664;
        border-radius: 50%;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #ffffff;
        cursor: pointer;
        font-weight: normal;
        height: 18px;
        width: 18px;
    }
*/

/*.ui-slider-horizontal .ui-slider-handle {
    top: -7px;
}

.ui-widget-content .ui-state-default:hover {
    background: rgb(219,150,100);
    background: linear-gradient(90deg, rgba(219,150,100,1) 0%, rgba(219,150,100,1) 36%, rgba(249,224,183,1) 100%);
}

.ui-widget-content .ui-slider-range:last-child {
    background: rgb(219,150,100);
    background: linear-gradient(90deg, rgba(219,150,100,1) 0%, rgba(219,150,100,1) 36%, rgba(249,224,183,1) 100%);
}
*/

.filter-price-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
}

    .filter-price-cont .input-type input {
        border: medium none;
        font-size: 14px;
        font-weight: 400;
        width: 70%;
    }

/* ---price filter css end--- */

/* sidebar categories css start */
.filter-attribute-container li {
    margin-bottom: 10px;
}

.filter-attribute-container ul li a {
    color: #444;
    padding-left: 20px;
    position: relative;
}

    .filter-attribute-container ul li a::before {
        content: "\f096";
        font-family: fontawesome;
        left: 0;
        position: absolute;
    }

    .filter-attribute-container ul li a::after {
        content: "\f046";
        font-family: fontawesome;
        left: 0;
        position: absolute;
        opacity: 0;
        visibility: hidden;
    }

    .filter-attribute-container ul li:hover a,
    .filter-attribute-container ul li a.active {
        color: #db9664;
    }

        .filter-attribute-container ul li:hover a::after {
            opacity: 1;
            visibility: visible;
        }

        .filter-attribute-container ul li a.active::after {
            opacity: 1;
            visibility: visible;
        }

.sidebar-thumb:hover {
    opacity: 0.7;
}

/* ----sidebar categories css end---- */
/*-------------------------------------------------------------------------------------------------------------*/
/* cart */

.cart {
    width: 30px;
    height: 30px;
    padding: 0px;
    margin: 0px;
    position: relative;
    border: none;
    cursor: pointer;
}

    .cart:hover {
        -moz-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.5);
    }

        .cart:hover .popup {
            visibility: visible;
            opacity: 1;
            pointer-events: auto;
            -webkit-animation-duration: 200ms;
            -webkit-animation-name: show-popup;
            -webkit-animation-direction: normal;
            -webkit-animation-timing-function: cubic-bezier(1, 0.18, 1, 0.93);
            -moz-animation-duration: 200ms;
            -moz-animation-name: show-popup;
            -moz-animation-direction: normal;
            -moz-animation-timing-function: cubic-bezier(1, 0.18, 1, 0.93);
            -o-animation-duration: 200ms;
            -o-animation-name: show-popup;
            -o-animation-direction: normal;
            -o-animation-timing-function: cubic-bezier(1, 0.18, 1, 0.93);
            animation-duration: 200ms;
            animation-name: show-popup;
            animation-direction: normal;
            animation-timing-function: cubic-bezier(1, 0.18, 1, 0.93);
        }

.cart {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAIh2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgZXhpZjpEYXRlVGltZU9yaWdpbmFsPSIyMDE4LTEyLTA3VDIwOjQxOjUyIiBleGlmOlN1YlNlY1RpbWVPcmlnaW5hbD0iMDAiIGV4aWY6U3ViU2VjVGltZURpZ2l0aXplZD0iMDAiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTEyLTA3VDIwOjQxOjUyIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0xMS0yMVQwMTo1ODozOSswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0xMS0yMVQwMTo1ODozOSswMzowMCIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOkRhdGVDcmVhdGVkPSIyMDE4LTEyLTA3VDIwOjQxOjUyIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjViZGJiMmVlLTY5OTUtYWQ0Mi1hNmYyLTI3M2JiZDRlN2ExYyIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmY0Y2U2NjE5LTY4ODUtZjk0Ni1iZmMzLTEwNjg2OTAwNjNlOSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjcyZjNlYzkyLTg2NmMtMmQ0ZC05MmIwLTM5Yzg3M2EzZDE4ZiI+IDxkYzpjcmVhdG9yPiA8cmRmOlNlcT4gPHJkZjpsaT5WZWN0b3JTdG9jay5jb20vMzE3MDEwMDg8L3JkZjpsaT4gPC9yZGY6U2VxPiA8L2RjOmNyZWF0b3I+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjcyZjNlYzkyLTg2NmMtMmQ0ZC05MmIwLTM5Yzg3M2EzZDE4ZiIgc3RFdnQ6d2hlbj0iMjAyMy0xMS0yMVQwMTo1ODozOSswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gaW1hZ2UvanBlZyB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImRlcml2ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImNvbnZlcnRlZCBmcm9tIGltYWdlL2pwZWcgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1YmRiYjJlZS02OTk1LWFkNDIt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');
    background-repeat: no-repeat;
    background-position: center;
    width:28%;
}

.checkout {
    margin-top: 10px;
    padding-left: 20px;
}

.checkout-button {
    padding: 3px 5px;
    background: #e54040;
    -moz-box-shadow: inset 0 2px 7px 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 2px 7px 0 rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 2px 7px 0 rgba(255, 255, 255, 0.3);
    border: 1px solid #e06b6b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
}

    .checkout-button:hover {
        background: #e54040;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .checkout-button:active {
        background: #e54040;
        -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    }
/*-------------------------------------------------------------------------------------------------------------*/
.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #f47522;
    border-color: #f47522;
    margin-right: 15px;
    border: 1px solid #f47522;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border-color: #f47522;
    margin-right: 15px;
    border: 1px solid #f47522;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #f47522;
}

.page-link:hover {
    color: #1e88e5;
}

.page-link:focus {
    box-shadow: unset;
}

.page-item.active .page-link {
    background-color: #1e88e5;
    border-color: #1e88e5;
}