/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
@font-face {
    font-family: 'summernote';
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/summernote.eot?0d0d5fac99cc8774d89eb08b1a8323c4");
    src: url("/fonts/summernote.eot?#iefix") format("embedded-opentype"), url("/fonts/summernote.woff?0d0d5fac99cc8774d89eb08b1a8323c4") format("woff"), url("/fonts/summernote.ttf?0d0d5fac99cc8774d89eb08b1a8323c4") format("truetype");
}

@font-face {
    font-family: 'clock';
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/DigitalFont.ttf");
}
.sidebar{
    width: 16.3rem !important;
}
.navbar-dark {
    background-color: #073B4C !important;
}

.userGlass {
    /* background-image: url('../../global_assets/images/omanairports-pattren.png'), linear-gradient(to right, #00843C, #50ce89); */
    /*background-image: url('../images/omanairports-pattren.png'), linear-gradient(to right, #293a50, #293a507e);*/
    /*background-image: url('../images/omanairports-pattren.png'), linear-gradient(to right, #5f906f, #5f906f7e);*/
    background-image: url('../images/omanairports-pattren.png'),linear-gradient(to right, #073B4C, #073B4C7e);
    /*background-image: url('../images/omanairports-pattren.png'), linear-gradient(to right, #747780, #AFB1B2);*/
    /* background: #293a50; */
    /* box-shadow: 0 8px 20px 0 rgba(41, 58, 80, 0.37); */
    color: #fff;
    border-start-start-radius: 10px;
    border-start-end-radius: 10px;
}

.cardDesign {
    background: rgba(135, 133, 128, 0.20);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #ffffff !important;
}

.profile-cover-img-new {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 7rem;
}

.mediaTop {
    margin-top: -70px
}

#containerCenter {
    /*text-align: center;*/
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.profile-cover-img {
    height: 20rem;
}

.fixedBottom {
    width: 80%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.card-text-scroll {
    height: 350px;
    overflow-x: scroll;
    width: 100%;
}

.page-footer-company {
    /*background-image: url("/images/footer_new2.png"), url("/images/omanairports-footer-prisents.png");*/
    background-image: url(/images/footer_new.png);
    background-repeat: no-repeat;
    background-size: contain,auto;
    background-position: right, center;
}

.glass {
    min-width: 0;
    background: inherit;
    border-radius: 5px;
    border: 1px solid rgba(79,176,127, 0.568);
    position: absolute;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 8px;
}

    .glass:before {
        position: absolute;
        content: '';
        background: inherit;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        box-shadow: inset 0 0 0 100px rgba(79,176,127, 0.192);
        filter: blur(10px);
        border-radius: 5px;
    }

.ScrollContent {
    height: 500px;
    overflow-y: scroll;
}

.ControlHover:hover {
    border: 1px solid rgba(79,176,127, 0.568);
    /*background: rgb(226, 224, 224, 0.22);*/
    border-radius: 8px;
    padding:8px;
}

.iconRotation {
    animation: rotation 4s infinite linear;
}

.Ecards:hover {
    background: #c6cace;
}

    .Ecards:hover .fanRotation {
        animation: MoveUpDown 1s linear infinite;
    }


@font-face {
    font-family: 'Digital-7';
    src: url('fonts/digital-7.ttf') format('woff2'), b,g,mdrx url('digital-7.woff') format('woff');
}

.clockdate-wrapper {
    background: #141E30; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #243B55, #141E30); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #243B55, #141E30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding: 5px;
    max-width: 350px;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    margin: 0 auto;
}

#clock {
    font-family: 'clock';
    font-size: calc(25px + 0.7vw);
    left: -15px;
    letter-spacing: -3px;
    text-align: center;
    font-weight: bold;
}

    #clock span {
       
        text-shadow: 0px 0px 1px #333;
        font-size: 20px;
        position: relative;
        top: -15px;
        left:-25px;
        font-weight: normal !important;
    }

#date {
    letter-spacing: 3px;
    font-size: 15px;
    font-family: arial,sans-serif;
    text-align: center;

}

.bg-comp-green {
    background-color: #5aa570 !important;
}

.bg-comp-blue {
    background-color: #75cedc !important;
}
.bg-comp-yellow {
    background-color: #ffe489 !important;
}

@keyframes MoveUpDown {
    0%, 100% {
        transform: translateY(5px);
    }

    50% {
        transform: translateY(-5px);
    }
}

@keyframes gradient {
    0% {
        background-position: 0% 20%;
    }

    30% {
        background-position: 20% 30%;
    }

    50% {
        background-position: 30% 50%;
    }

    70% {
        background-position: 50% 70%;
    }

    80% {
        background-position: 70% 100%;
    }

    100% {
        background-position: 0% 20%;
    }
}

/*@keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}*/

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-webkit-keyframes pulse {
    0% {
        /*transform: scale(0.0);*/
        border-color: #5aa570;
    }

    20% {
        /*transform: scale(0.2);*/
        border-color: #ffe489;
    }
    40% {
        /*transform: scale(0.4);*/
        border-color: #ff0000;
    }

    60% {
        /*transform: scale(0.6);*/
        border-color: #0094ff;
    }

    100% {
        /*transform: scale(0.8);*/
        border-color: #073B4C7e;
    }
}

/*@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}*/

.animatePulse {
    /*-webkit-animation: pulse 1.1s infinite;
    animation: pulse 3s infinite;*/
    /*background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
}

.group {
    background-color: rgba(121, 159, 165,255) !important;
}