.btn-og-default {
    color: #fff;
    background-color: #42dff4;
    border-color: #42dff4
}

    .btn-og-default.focus, .btn-og-default:focus, .btn-og-default:hover {
        color: #fff;
        background-color: #1ed2f2;
        border-color: #1ed2f2
    }

    .btn-og-default.focus, .btn-og-default:focus {
        box-shadow: 0 0 0 .2remrgba(25, 206, 198, 0.35);
    }

    .btn-og-default.disabled, .btn-og-default:disabled {
        color: #fff;
        background-color: #42dff4;
        border-color: #42dff4
    }

    .btn-og-default:not(:disabled):not(.disabled).active, .btn-og-default:not(:disabled):not(.disabled):active, .show > .btn-og-default.dropdown-toggle {
        color: #fff;
        background-color: #1ed2f2;
        border-color: #1ed2f2
    }

        .btn-og-default:not(:disabled):not(.disabled).active:focus, .btn-og-default:not(:disabled):not(.disabled):active:focus, .show > .btn-og-default.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(25, 206, 198, 0.35);
        }

        * {
            font-family: 'Poppins', 'Noto Kufi Arabic', sans-serif;
        }
        
        
        @font-face {
            font-family:'ogate-icons';
            src:url(../fonts/ogate-icons.eot?vev5fq);
            src:url(../fonts/ogate-icons.eot?vev5fq#iefix) format("embedded-opentype"),
            url(../fonts/ogate-icons.ttf?vev5fq) format("truetype"),
            url(../fonts/ogate-icons.woff?vev5fq) format("woff"),
            url(../fonts/ogate-icons.svg?vev5fq#ogate-icons) format("svg");
            font-weight:400;
            font-style:normal
        }
        
        [class*=" icon-"],
        [class^=icon-] {
            font-family:'ogate-icons' !important;
            font-style:normal;
            font-weight:400;
            font-variant:normal;
            text-transform:none;
            line-height:1;
            -webkit-font-smoothing:antialiased;
            -moz-osx-font-smoothing:grayscale
        }
        
        .icon-alarm:before {
            content:""
        }
        .icon-arrow-down:before {
            content:""
        }
        .icon-arrow-left:before {
            content:""
        }
        .icon-arrow-right:before {
            content:""
        }
        .icon-arrow-up:before {
            content:""
        }
        .icon-ascending-sort:before {
            content:""
        }
        .icon-backpack:before {
            content:""
        }
        .icon-bed:before {
            content:""
        }
        .icon-calendar:before {
            content:""
        }
        .icon-camera:before {
            content:""
        }
        .icon-cancel:before {
            content:""
        }
        .icon-check-in:before {
            content:""
        }
        .icon-check-out:before {
            content:""
        }
        .icon-check:before {
            content:""
        }
        .icon-child-face:before {
            content:""
        }
        .icon-coin-hand:before {
            content:""
        }
        .icon-coin:before {
            content:""
        }
        .icon-credit-card:before {
            content:""
        }
        .icon-dealing:before {
            content:""
        }
        .icon-descending-sort:before {
            content:""
        }
        .icon-dislike:before {
            content:""
        }
        .icon-dollar-symbol:before {
            content:""
        }
        .icon-donate:before {
            content:""
        }
        .icon-dots-menu:before {
            content:""
        }
        .icon-error-outline:before {
            content:""
        }
        .icon-error:before {
            content:""
        }
        .icon-event:before {
            content:""
        }
        .icon-filter:before {
            content:""
        }
        .icon-heart-outline:before {
            content:""
        }
        .icon-like:before {
            content:""
        }
        .icon-list:before {
            content:""
        }
        .icon-magnify:before {
            content:""
        }
        .icon-map-outline:before {
            content:""
        }
        .icon-marker:before {
            content:""
        }
        .icon-moon:before {
            content:""
        }
        .icon-password:before {
            content:""
        }
        .icon-pencil:before {
            content:""
        }
        .icon-price-tag:before {
            content:""
        }
        .icon-printer:before {
            content:""
        }
        .icon-question-mark:before {
            content:""
        }
        .icon-reload-empty:before {
            content:""
        }
        .icon-reload:before {
            content:""
        }
        .icon-speech-bubble:before {
            content:""
        }
        .icon-star-outline:before {
            content:""
        }
        .icon-star:before {
            content:""
        }
        .icon-suitcase:before {
            content:""
        }
        .icon-tick-inside-circle:before {
            content:""
        }
        .icon-timer:before {
            content:""
        }
        .icon-transaction:before {
            content:""
        }
        .icon-translate:before {
            content:""
        }
        .icon-trash:before {
            content:""
        }
        .icon-usd-symbol:before {
            content:""
        }
        .icon-user-outline:before {
            content:""
        }
        
        body {
            font-family: 'Cairo', sans-serif;
            font-weight: 500;
            font-style: normal;
            color: #313541;
            font-size: 14px;
        }
        
        body.layout-admin #header,
        #header {
            z-index: 999 !important;
        }
        
        body {
            background-color: #f9f9fc;
            display: flex;
            flex-direction: column;
        }
        
        ::selection {
            background-color: #bbf7f7ad;
        }
        
        p.loading-text {
            color: #6c757d;
            margin-bottom: 1rem;
            margin-top: 0;
            font-size: 1.0625rem;
            font-weight: 400;
            line-height: 1.5;
        }
        
        .banner {
            width: 100%;
            height: 100%;
            border-radius: 16px;
        }
        
        .valid.modified:not([type=checkbox]) {
            outline: 1px solid #26b050;
        }
        
        .navbar .navbar-nav a.nav-link {
            padding: 0.45rem 1.4rem;
            border-radius: 0.3rem;
            margin-left: 0.2rem;
            margin-right: 0.2rem;
        }
        
            .navbar .navbar-nav a.nav-link.active, .navbar .navbar-nav a.nav-link:hover {
                background-color: #e1f2f3;
                color: #083655;
            }
        
        .invalid {
            outline: 1px solid red;
        }
        
        .validation-message {
            color: red;
        }
        
        #blazor-error-ui {
            background: lightyellow;
            bottom: 0;
            box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
            display: none;
            left: 0;
            padding: 0.6rem 1.25rem 0.7rem 1.25rem;
            position: fixed;
            width: 100%;
            z-index: 1000;
        }
        
        #blazor-error-ui .dismiss {
            cursor: pointer;
            position: absolute;
            right: 0.75rem;
            top: 0.5rem;
        }
        
        .daterangepicker td.active {
            background: #188f9b !important;
        }
        
        .daterangepicker {
            border-radius: 10px !important;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 30px 0px !important;
            align-items: stretch;
            background: rgb(255, 255, 255) none repeat scroll 0% 0%;
            border: 0 !important;
            padding: 10px;
        }
        
        .daterangepicker .drp-buttons {
            border-top: 1px solid #eef1f4 !important;
        }
        
        .daterangepicker::before {
            border: 0 !important;
        }
        
        .stick-to-me {
            position: sticky !important;
            z-index: 10;
        }        


        
        .btn.call-us {
            font-size: 12px;
            padding: 2px 10px;
            margin: 6px 0 0 0;
            border-radius: 10px;
          }
          
          .navbar .navbar-nav a.nav-link {
            padding: 18px 15px;
            border-radius: 0;
          }
          
          .navbar .navbar-nav a.nav-link.active {
            background-color: #f6f6fa;
            border-top: white;
            border-top-width: 3px;
            border-top-style: solid;
            border-top-color: #33a9a9;
          }
          
          .navbar-brand img {
              display: inline !important;
          }



.modal-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}