@font-face {
    font-family: 'Cairo';
    src: url('/fonts/Cairo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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


body {

}

.cairo-font {font-family: Cairo; font-weight: normal}
.cairo-font-bold {font-family: Cairo-Bold;}
.title-shadow {text-shadow: -5px -5px 15px #555;}

.sliding-text, .nav-link {
    display: inline-block;
    transition: transform 0.3s ease;
    cursor: pointer;
}

    .sliding-text:hover, .nav-link:hover {
        transform: translateX(-5px); /* تحرك لليسار بمقدار 5px */
    }

.table thead td,.table th {background-color: #AAA; color: #FFF; font-family: Cairo-Bold; text-align: center; vertical-align: middle}
.table td {text-align: center; vertical-align: middle}


.nav-link {color: #333; text-shadow: 5px -5px 5px #777}

/*.nav-link:hover {color: #FFF;}*/


.alert {
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

a {text-decoration: none; color: black}


.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(200,200,200,0.3);
    margin: -10px;
    border-radius: 5px;
    top: 0;
}

.control-label {
    font-family: 'Cairo';
    font-size: 12px;
    font-weight: bold;
    color: #555;
}