@import url('https://fonts.googleapis.com/css?family=El+Messiri');
@import url('https://fonts.googleapis.com/css?family=Cairo');
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');



* {
    /*box-sizing: border-box;*/
    font-family: 'Cairo', sans-serif;
    font-family: 'El Messiri', sans-serif;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
    text-rendering: optimizeSpeed;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-size: large;
}



section.custody i, section.archive i {
    color: #0caba8;
}



body {
    font-family: 'Tajawal', sans-serif;
    /*    background-color: #f5f5f5;
*/ /*background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjZmZmIj48L3JlY3Q+CjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPC9zdmc+');
    background-image: url('../images/bodybg.jpg');*/
/*    background-image: url('../images/bodybg.jpg');
*/    direction: rtl;
}

/*body {
    font-family: 'Almarai', sans-serif;
    background-image: url('/images/bodybg.jpg'); background-size: 30%;
        line-height:unset;
}*/

a {
    text-decoration: none;
}

ul {
    border: none !important;
}

button {
    border: none;
}

    button.hvr-back-pulse:hover, button.hvr-back-pulse:focus {
        background: #015a58 !important;
    }



/*navbar*/
section.main-navbar {
    background: #0CABA8;
}

.main-navbar a.nav-link.active {
    color: #015958;
    font-weight: bold;
}

.main-navbar a.nav-link {
    color: white;
}

section.main-navbar ul li a button {
    background: none;
    border: none;
    color: white;
    border-radius: 5px;
}

/*Signup Page*/
section.header {
    /*background: url(/../assets/img/bg.png);*/
    /*background-image: url("../../../assets/img/1-removebg.png");*/
    /*background-image: url('../../../../images/Custody.jpg');*/
    /*background-image: url('../../../../images/bodybg.jpg');*/

    background-color: #eef9f9;
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 15px;
}

.content.container-fluid {
    position: relative;
    top: 10%;
    /*margin-top:20px;*/
}

section.sign-form {
    color: #ffffff;
    background: #0caba8d9;
    border-radius: 10px;
    border-bottom: 3px solid white;
}

    section.sign-form label.user-cat {
        font-weight: bold;
    }

    section.sign-form ul li a.active {
        background: #0caba8 !important;
        border: none;
        color: white !important;
        border-radius: 5px;
    }

    section.sign-form ul li a {
        color: white !important;
    }

        section.sign-form ul li a:hover {
            border: none;
            margin: 0px;
        }

    section.sign-form input {
        /*background: #ffffff7a;*/
        border: none;
    }

    section.sign-form button {
        background: #008f8d !important;
        border: none;
    }

    section.sign-form p {
        font-size: 14px;
    }

        section.sign-form p a {
            color: white;
            font-weight: bold;
            font-size: 15px;
            text-decoration: underline;
        }

    section.sign-form ul.dropdown-menu.show {
        background: #008f8d;
    }

    section.sign-form ul li a:hover {
        background: #ffffff7a;
    }

/*Index*/
section.head {
    /*background: url(/Styles/assets/img/bg.png);*/
    /*    background-image: url('~/Pic/CustomerLogoBig.jpg');*/
    background-image: url('/Pic/CustomerLogoBig.jpg');
    /*background-image: url('../../img/1-removebg.png');*/
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    margin-top: 20px;
    margin-bottom: 20px;
}

    section.head section {
        color: #ffffff;
        background: #0caba8d9;
        border-radius: 10px;
        border-bottom: 3px solid white;
    }

        section.head section button {
            background: #008f8d !important;
            border: none;
        }

/*admin*/
section.admin, section.custody, section.archive {
    margin-top: 40px;
    margin-bottom: 40px;
}

    section.admin h4, section.custody h4, section.archive h4 {
        font-weight: bold;
        color: #0caba8;
        margin-bottom: 20px;
    }

    section.admin i, section.custody i, section.archive i {
        color: #0caba8;
    }

    section.admin h6, section.custody h6, section.archive h6 {
        font-weight: bold;
    }

    section.admin button, section.custody button, section.archive button {
        border: none;
        border-radius: 5px;
        background: #0CABA8;
        color: white;
        height: 36px;
    }

        section.admin button i, section.custody button i, section.archive button i {
            color: white;
        }

    section.admin a, section.custody a, section.archive a {
        color: #015a58 !important;
    }

/*custody*/
section.custody {
    background: #0caba812;
    padding: 20px 0;
}

/*archive*/

/*sign up*/
section.sign {
    background: #0caba812;
}

    section.sign label.gender {
        margin-left: 15px;
    }

    section.sign p.subscribe {
        font-weight: bold;
        font-size: 16px;
    }

    section.sign div.data {
        border: 2px solid white;
        border-radius: 10px;
        margin-bottom: 10px;
    }

        section.sign div.data p {
            font-weight: bold;
            font-size: 16px;
        }

        section.sign div.data h6 {
            font-weight: bold;
            margin-bottom: 0px;
        }



@media only screen and (max-width: 992px) {
    section.header section, section.head section {
        margin: 0 !important;
        /*background: #0caba8d1;*/
    }
}

@media only screen and (max-width: 992px) {
    section.sign-form ul li a.active, section.sign-form input, section.sign-form button, section.sign-form ul li a.active, section.head form button {
        /*background: #015a58 !important;*/
        color: white;
    }
}

@media only screen and (max-width: 992px) {
    section.main-navbar ul.nav.justify-content-center {
        display: grid !important;
    }
}

@media only screen and (max-width: 992px) {
    section.admin div.col-lg, section.custody div.col-lg, section.archive div.col-lg {
        margin-bottom: 40px;
    }
}


















section.sign-form {
    color: #ffffff;
    /*color: black;*/
    background: #0caba8d9;
    /*background: #fff;*/
    border-radius: 10px;
    border-bottom: 3px solid white;
}

.left {
    direction: ltr;
    text-align: left;
    /*font-size:14px !important;*/
}

.center {
    direction: ltr;
    text-align: center;
    /*font-size:14px !important;*/
}

.btnColor {
    background: #0caba8d9;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    justify-content: space-evenly;
}

section.sign-form input {
    /*            background: #ffffff7a;
*/ border: none;
}

.btn-primary {
    --bs-btn-bg: #73737399;
}

.btn:first-child:hover, :not(.btn-check) + .btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: #4a807f;
    border-color: #2492b3;
}

/*        input.login-btn:hover{
            background: #ffffff7a;
        }*/

section.head form button {
    background: #008f8d !important;
    border: none;
}

.DropDownList {
    /* background: #008f8d !important;*/
    border: none;
    width: 200px;
    /* margin-top: 7px;
    height: 31px;*/
    border-radius: 15px;
}