/*@import url('open.iconic/font/css/open-iconic-bootstrap.min.css');
*/@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');

html, body {
    height: 100% !important;
    overflow: hidden !important;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.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;
    }

.nav-link.active {
    color: #fff !important;
    background-color: #3398e0 !important
}

.bg-primary {
    --bs-bg-opacity: 1;
    background: #003895c2 !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #3398e0 !important;
    border-color: #3398e0 !important;
    padding: 3px 7px !important; /* ?? bo?luk */
    font-size: 12px !important; /* Yaz? boyutu */
    height: 25px !important; /* Buton y?ksekli?i */
    min-width: 40px !important; /* Butonun en k???k geni?li?i */
}
.dxbl-btn-primary {
    color: #fff !important;
    background-color: #3398e0 !important;
    border-color: #3398e0 !important;
    padding: 3px 7px !important; /* ?? bo?luk */
    font-size: 12px !important; /* Yaz? boyutu */
    height: 25px !important; /* Buton y?ksekli?i */
    min-width: 40px !important; /* Butonun en k???k geni?li?i */
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #3398e0 !important;
    border-color: #3398e0 !important;
}

.demo-treeview-template .nav-pills .nav-pills {
    margin-left: 0 !important;
}

.demo-treeview-template h5 {
    margin-bottom: .1rem;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.2;
}

.demo-treeview-template .treeview-template-icon {
    padding: 5px;
    width: 30px;
    height: 30px;
}

.demo-treeview-template .treeview-expand-btn {
    background-color: currentColor;
    width: 0.7em;
    height: 0.7em;
}

    .demo-treeview-template .treeview-expand-btn.expanded {
        -webkit-mask-image: url("images/icons/chevron-down.svg");
        mask-image: url("images/icons/chevron-down.svg");
    }

    .demo-treeview-template .treeview-expand-btn.collapsed {
        -webkit-mask-image: url("images/icons/chevron-right.svg");
        mask-image: url("images/icons/chevron-right.svg");
    }

.login-page {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 10% !important;
}

.login-logo {
    width: 30%;
    border-radius: 0.2rem !important;
    margin-bottom: 7%;
}

.authentication-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-height: 100vh;
    width: 100%
}

    .authentication-wrapper .authentication-inner {
        width: 100%
    }

    .authentication-wrapper.authentication-1, .authentication-wrapper.authentication-2, .authentication-wrapper.authentication-4 {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .authentication-wrapper.authentication-1 .authentication-inner {
            max-width: 300px
        }

        .authentication-wrapper.authentication-2 .authentication-inner {
            max-width: 380px
        }

    .authentication-wrapper.authentication-3 {
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }

        .authentication-wrapper.authentication-3 .authentication-inner {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: stretch;
            align-items: stretch;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -ms-flex-pack: stretch;
            justify-content: stretch
        }

    .authentication-wrapper.authentication-4 .authentication-inner {
        max-width: 800px
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .authentication-wrapper::after {
        content: '';
        display: block;
        -ms-flex: 0 0 0%;
        flex: 0 0 0%;
        min-height: inherit;
        width: 0;
        font-size: 0
    }
}

.nav-link {
    padding: 0.5rem 1rem !important;
}

.permission-button {
    width: 100%;
    border-radius: 0.2rem !important;
    margin-top: 3%;
}

.transfer-button {
    width: 100%;
    border-radius: 0.2rem !important;
    margin-top: 2%;
    margin-bottom: 2%;
}

.form-check-permission {
    position: relative;
    display: block;
    padding-left: 4.25rem !important;
}

.btn-request {
    background-color: #c4e7c4;
}

.btn-carrequest {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    width: 100%;
}

.btn-rejected {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    width: 100%;
}

permission-form {
    width: 100% !important;
    margin: 10px !important;
}

.card-custom {
    width: 300px !important;
    margin: 25% !important;
    border-radius: 20px !important;
    border: none !important;
}

@media all and (max-width: 400px) {
    .card-custom {
        width: 300px !important;
        margin: 10% !important;
        border-radius: 20px !important;
        border: none !important;
    }
}

.center-text {
    text-align: center;
}

.display-table {
    display: table;
    height: 100%;
    width: 100%;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
}

::-webkit-input-placeholder {
    font-size: .9em;
    letter-spacing: 1px;
}

::-moz-placeholder {
    font-size: .9em;
    letter-spacing: 1px;
}

:-ms-input-placeholder {
    font-size: .9em;
    letter-spacing: 1px;
}

:-moz-placeholder {
    font-size: .9em;
    letter-spacing: 1px;
}

.full-height {
    height: 100%;
}

.position-static {
    position: static;
}

.font-white {
    color: #fff;
}

.btn-bg {
    background-color: #3398e0 !important;
}
/* ---------------------------------
3. MAIN SECTION
--------------------------------- */
.main-area {
    position: relative;
    height: 100vh;
    z-index: 1;
    padding: 0 20px;
    background-size: cover;
    color: #fff;
}

    .main-area:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        opacity: .4;
        background: #000;
    }

    .main-area .desc {
        margin: 20px auto;
        max-width: 500px;
    }

    .main-area .notify-btn {
        padding: 13px 35px;
        border-radius: 50px;
        border: 2px solid #F84982;
        color: #fff;
        background: #F84982;
    }

        .main-area .notify-btn:hover {
            background: none;
        }

    .main-area .social-btn {
        position: absolute;
        bottom: 40px;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

        .main-area .social-btn > li > a {
            margin: 0 10px;
            padding-bottom: 7px;
            position: relative;
            overflow: hidden;
        }

            .main-area .social-btn > li > a:after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                transition: all .2s;
                height: 2px;
                background: #F84982;
            }

            .main-area .social-btn > li > a:hover:after {
                transform: translateX(100%);
            }

@media screen and (max-width: 600px) {
    .phone_content {
        visibility: hidden;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }
}

.fixedHeight {
    height: 350px;
    overflow-y: auto;
}

.dxbs-sc-time-cell {
    width: 200px !important;
    height: 200px !important;
}

::deep .arrow {
    position: relative;
}

    ::deep .arrow::before {
        position: absolute;
        content: ' ';
        display: block;
        width: 16px;
        height: 16px;
        background: url(images/icons.png);
        background-position: -144px -36px;
    }

::deep .arrow1::before {
    background-position: -144px -36px;
}

::deep .arrow2::before {
    background-position: -90px -36px;
}

::deep .arrow3::before {
    background-position: -54px -36px;
}

::deep .highUnitPrice {
    color: red;
    font-weight: bold
}

::deep .lowUnitPrice {
    color: green;
    font-weight: bold
}

.menu-font-style {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important; /* Kal?n yaz?lar */
    font-size: 16px !important;
    color: #444 !important;
    letter-spacing: 0.5px !important;
}

.bd-callout-warning {
    border-left-color: #f0ad4e !important;
}

.bd-callout-error {
    border-left-color: #f04e4e !important;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
}

.card-img-top {
    width: 6vw !important;
    height: 6vw;
    object-fit: cover;
}

.center-item {
    align-items: center;
    align-content: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
}
/**THE SAME CSS IS USED IN ALL 3 DEMOS**/
/**gallery margins**/
ul.gallery {
    margin-left: 3vw;
    margin-right: 3vw;
}

.zoom {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

    .zoom:hover,
    .zoom:active,
    .zoom:focus {
        /**adjust scale to desired size, 
add browser prefixes**/
        -ms-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -webkit-transform: scale(2.5);
        -o-transform: scale(2.5);
        transform: scale(2.5);
        position: relative;
        z-index: 100;
    }
/**To keep upscaled images visible on mobile, 
increase left & right margins a bit**/
@media only screen and (max-width: 768px) {
    ul.gallery {
        margin-left: 15vw;
        margin-right: 15vw;
    }
    /**TIP: Easy escape for touch screens,
give gallery's parent container a cursor: pointer.**/
    .DivName {
        cursor: pointer
    }

    .text-container {
        display: none !important;
    }
}

.dx-scheduler .dx-scheduler-date-table-cell {
    min-width: 350px !important;
}

.dxbs-sc-time-cell {
    height: 600px !important;
}

.color1 {
    background-color: #ff7200 !important;
}

.color2 {
    background-color: #5FE30A !important;
}

.color3 {
    background-color: #0AE38E !important;
}

.color4 {
    background-color: #0C97A3 !important;
}

.color5 {
    background-color: #f0ad4e !important;
}

.color6 {
    background-color: #1098C4 !important;
}

.color7 {
    background-color: #00C1FF !important;
}

.color8 {
    background-color: #007CFF !important;
}

.color9 {
    background-color: #0B498C !important;
}

.color10 {
    background-color: #4045B2 !important;
}

.color11 {
    background-color: #0B0D2E !important;
}

.color12 {
    background-color: #8D19D5 !important;
}

.color13 {
    background-color: #B292C6 !important;
}

.color14 {
    background-color: #B51CC4 !important;
}

.color15 {
    background-color: #E6B0EC !important;
}

.color16 {
    background-color: #910E1C !important;
}

.color17 {
    background-color: #BC3F3F !important;
}

.color18 {
    background-color: #FBDE08 !important;
}

.color19 {
    background-color: #897C24 !important;
}

.color20 {
    background-color: #006F58 !important;
}

.color21 {
    background-color: #bb39a4 !important;
}

.color22 {
    background-color: #7e0c0c !important;
}

.color23 {
    background-color: #362a45 !important;
}

.color24 {
    background-color: #5c4b72 !important;
}

.color25 {
    background-color: #a1c586 !important;
}

.color26 {
    background-color: #543535 !important;
}

.color27 {
    background-color: #694343 !important;
}

.color28 {
    background-color: #e08484 !important;
}

.color29 {
    background-color: #5e75ad !important;
}

.color30 {
    background-color: #b674c1 !important;
}

.color31 {
    background-color: #166f00 !important;
}

.color32 {
    background-color: #1c59e0 !important;
}

.color33 {
    background-color: #0f405f !important;
}

.color34 {
    background-color: #2c4e25b9 !important;
}

.color35 {
    background-color: #61721d !important;
}

.color36 {
    background-color: #95fff4 !important;
}

.color37 {
    background-color: #13e6dc !important;
}

.color38 {
    background-color: #b601f4 !important;
}

.color39 {
    background-color: #6694e1 !important;
}

.color40 {
    background-color: #3e0a0a !important;
}

.color41 {
    background-color: #f0e49e !important;
}

.color42 {
    background-color: #431f1f !important;
}

.color43 {
    background-color: #b54df3 !important;
}

.color44 {
    background-color: #c4f5a5 !important;
}

.color46 {
    background-color: #006F58 !important;
}

.color45 {
    background-color: red !important;
}

.color47 {
    background-color: #26b050 !important;
}

.color48 {
    background-color: #003895c2 !important;
}

.color49 {
    background-color: #dba3a3 !important;
}

.color50 {
    background-color: #FF4040 !important;
}
.color51 {
    background-color: #8B3A3A !important;
}
.color52 {
    background-color: #EEE9E9 !important;
}
.color53 {
    background-color: #FFFAFA !important;
}
.color54 {
    background-color: #8B7D7B !important;
}
.color55 {
    background-color: #CDB7B5 !important;
}
.color56 {
    background-color: #EED5D2 !important;
}
.color57 {
    background-color: #FA8072 !important;
}
.color58 {
    background-color: #8B3626 !important;
}
.color59 {
    background-color: #CD4F39 !important;
}
.color60 {
    background-color: #EE5C42 !important;
}
.color61 {
    background-color: #FF6347 !important;
}
.color62 {
    background-color: #8A3324 !important;
}
.color63 {
    background-color: #8B3E2F !important;
}
.color64 {
    background-color: #CD5B45 !important;
}
.color65 {
    background-color: #EE6A50 !important;
}
.color66 {
    background-color: #FF7256 !important;
}
.color67 {
    background-color: #8B4C39 !important;
}
.color68 {
    background-color: #CD7054 !important;
}
.color69 {
    background-color: #EE8262 !important;
}
.color70 {
    background-color: #FF8C69 !important;
}
.color71 {
    background-color: #E9967A !important;
}
.color72 {
    background-color: #5E2612 !important;
}
.color73 {
    background-color: #8B2500 !important;
}
.color74 {
    background-color: #CD3700 !important;
}
.color75 {
    background-color: #EE4000 !important;
}
.color76 {
    background-color: #FF4500 !important;
}
.color77 {
    background-color: #FF7F50 !important;
}
.color78 {
    background-color: #8B5742 !important;
}
.color79 {
    background-color: #CD8162 !important;
}
.color80 {
    background-color: #EE9572 !important;
}
.color81 {
    background-color: #FFA07A !important;
}
.color82 {
    background-color: #8B4726 !important;
}
.color83 {
    background-color: #CD6839 !important;
}
.color84 {
    background-color: #EE7942 !important;
}
.color85 {
    background-color: #FF8247 !important;
}
.color86 {
    background-color: #A0522D !important;
}
.color87 {
    background-color: #8A360F !important;
}
.color88 {
    background-color: #FF6103 !important;
}
.color89 {
    background-color: #FF7D40 !important;
}
.color90 {
    background-color: #292421 !important;
}
.color91 {
    background-color: #8B4513 !important;
}
.color92 {
    background-color: #CD661D !important;
}
.color93 {
    background-color: #EE7621 !important;
}
.color94 {
    background-color: #FF7F24 !important;
}
.color95 {
    background-color: #D2691E !important;
}
.color96 {
    background-color: #C76114 !important;
}
.color97 {
    background-color: #FFDAB9 !important;
}
.color98 {
    background-color: #FAF0E6 !important;
}
.color99 {
    background-color: #8B5A2B !important;
}
.color100 {
    background-color: #CD853F !important;
}
.color101 {
    background-color: #EE9A49 !important;
}
.color102 {
    background-color: #FFA54F !important;
}
.color103 {
    background-color: #FF8000 !important;
}
.color104 {
    background-color: #8B4500 !important;
}
.color105 {
    background-color: #CD6600 !important;
}
.color106 {
    background-color: #EE7600 !important;
}
.color107 {
    background-color: #FF7F00 !important;
}
.color108 {
    background-color: #FF8C00 !important;
}
.color109 {
    background-color: #ED9121 !important;
}
.color110 {
    background-color: #E3A869 !important;
}
.color111 {
    background-color: #8B7D6B !important;
}
.color112 {
    background-color: #CDB79E !important;
}
.color113 {
    background-color: #EED5B7 !important;
}
.color114 {
    background-color: #FFE4C4 !important;
}
.color115 {
    background-color: #8B7355 !important;
}
.color116 {
    background-color: #CDAA7D !important;
}
.color117 {
    background-color: #EEC591 !important;
}
.color118 {
    background-color: #FFD39B !important;
}
.color119 {
    background-color: #DEB887 !important;
}
.color120 {
    background-color: #8B8378 !important;
}
.color121 {
    background-color: #CDC0B0 !important;
}
.color122 {
    background-color: #EEDFCC !important;
}
.color123 {
    background-color: #FFEFDB !important;
}
.color124 {
    background-color: #FAEBD7 !important;
}
.color125 {
    background-color: #FF9912 !important;
}
.color126 {
    background-color: #9C661F !important;
}
.color127 {
    background-color: #D2B48C !important;
}
.color128 {
    background-color: #FCE6C9 !important;
}
.color129 {
    background-color: #8B795E !important;
}
.color130 {
    background-color: #CDB38B !important;
}
.color131 {
    background-color: #EECFA1 !important;
}
.color132 {
    background-color: #FFDEAD !important;
}
.color133 {
    background-color: #FFEBCD !important;
}
.color134 {
    background-color: #FFEFD5 !important;
}
.color135 {
    background-color: #FFE4B5 !important;
}
.color136 {
    background-color: #8B7E66 !important;
}
.color137 {
    background-color: #CDBA96 !important;
}
.color138 {
    background-color: #EED8AE !important;
}
.color139 {
    background-color: #FFE7BA !important;
}
.color140 {
    background-color: #F5DEB3 !important;
}
.color141 {
    background-color: #FDF5E6 !important;
}
.color142 {
    background-color: #FFFAF0 !important;
}
.color143 {
    background-color: #8B5A00 !important;
}
.color144 {
    background-color: #CD8500 !important;
}
.color145 {
    background-color: #EE9A00 !important;
}
.color146 {
    background-color: #FFA500 !important;
}
.color147 {
    background-color: #F0E68C !important;
}
.color148 {
    background-color: #8B864E !important;
}
.color149 {
    background-color: #CDC673 !important;
}
.color150 {
    background-color: #EEE685 !important;
}
.color151 {
    background-color: #FFF68F !important;
}
.color152 {
    background-color: #BDB76B !important;
}
.color153 {
    background-color: #808000 !important;
}
.color154 {
    background-color: #808069 !important;
}
.color155 {
    background-color: #8B8B00 !important;
}
.color156 {
    background-color: #CDCD00 !important;
}
.color157 {
    background-color: #9AFF9A !important;
}
.color158 {
    background-color: #98FB98 !important;
}
.color159 {
    background-color: #698B69 !important;
}
.color160 {
    background-color: #9BCD9B !important;
}
.color161 {
    background-color: #B4EEB4 !important;
}
.color162 {
    background-color: #C1FFC1 !important;
}
.color163 {
    background-color: #8FBC8F !important;
}
.color164 {
    background-color: #838B83 !important;
}
.color165 {
    background-color: #C1CDC1 !important;
}
.color166 {
    background-color: #E0EEE0 !important;
}
.color167 {
    background-color: #F0FFF0 !important;
}
.color168 {
    background-color: #3D9140 !important;
}
.color169 {
    background-color: #BDFCC9 !important;
}
.color170 {
    background-color: #00C957 !important;
}
.color171 {
    background-color: #2E8B57 !important;
}
.color172 {
    background-color: #43CD80 !important;
}
.color173 {
    background-color: #4EEE94 !important;
}
.color174 {
    background-color: #54FF9F !important;
}
.color175 {
    background-color: #3CB371 !important;
}
.color176 {
    background-color: #008B45 !important;
}
.color177 {
    background-color: #00CD66 !important;
}
.color178 {
    background-color: #00EE76 !important;
}
.color179 {
    background-color: #00FF7F !important;
}
.color180 {
    background-color: #528B8B !important;
}
.color181 {
    background-color: #79CDCD !important;
}
.color182 {
    background-color: #8DEEEE !important;
}
.color183 {
    background-color: #97FFFF !important;
}
.color184 {
    background-color: #2F4F4F !important;
}
.color185 {
    background-color: #668B8B !important;
}
.color186 {
    background-color: #96CDCD !important;
}
.color187 {
    background-color: #AEEEEE !important;
}
.color188 {
    background-color: #BBFFFF !important;
}
.color189 {
    background-color: #7A8B8B !important;
}
.color190 {
    background-color: #B4CDCD !important;
}
.color191 {
    background-color: #D1EEEE !important;
}
.color192 {
    background-color: #E0FFFF !important;
}
.color193 {
    background-color: #838B8B !important;
}
.color194 {
    background-color: #C1CDCD !important;
}
.color195 {
    background-color: #E0EEEE !important;
}
.color196 {
    background-color: #F0FFFF !important;
}
.color197 {
    background-color: #00CED1 !important;
}
.color198 {
    background-color: #5F9EA0 !important;
}
.color199 {
    background-color: #00868B !important;
}
.color200 {
    background-color: #00C5CD !important;
}
.color201 {
    background-color: #00E5EE !important;
}
.color202 {
    background-color: #00F5FF !important;
}
.color203 {
    background-color: #53868B !important;
}
.color204 {
    background-color: #7AC5CD !important;
}
.color205 {
    background-color: #8EE5EE !important;
}
.color206 {
    background-color: #98F5FF !important;
}
.color207 {
    background-color: #B0E0E6 !important;
}
.color208 {
    background-color: #68838B !important;
}
.color209 {
    background-color: #9AC0CD !important;
}
.color210 {
    background-color: #B2DFEE !important;
}
.color211 {
    background-color: #BFEFFF !important;
}
.color212 {
    background-color: #ADD8E6 !important;
}
.color213 {
    background-color: #33A1C9 !important;
}
.color214 {
    background-color: #00688B !important;
}
.color215 {
    background-color: #009ACD !important;
}
.color216 {
    background-color: #00B2EE !important;
}
.color217 {
    background-color: #87CEEB !important;
}
.color218 {
    background-color: #4A708B !important;
}
.color219 {
    background-color: #6CA6CD !important;
}
.color220 {
    background-color: #7EC0EE !important;
}
.color221 {
    background-color: #87CEFF !important;
}
.color222 {
    background-color: #607B8B !important;
}
.color223 {
    background-color: #8DB6CD !important;
}
.color224 {
    background-color: #A4D3EE !important;
}
.color225 {
    background-color: #B0E2FF !important;
}
.color226 {
    background-color: #87CEFA !important;
}
.color227 {
    background-color: #36648B !important;
}
.color228 {
    background-color: #4F94CD !important;
}
.color229 {
    background-color: #5CACEE !important;
}
.color230 {
    background-color: #63B8FF !important;
}
.color231 {
    background-color: #4682B4 !important;
}
.color232 {
    background-color: #F0F8FF !important;
}
.color233 {
    background-color: #104E8B !important;
}
.color234 {
    background-color: #1874CD !important;
}
.color235 {
    background-color: #1C86EE !important;
}
.color236 {
    background-color: #1E90FF !important;
}
.color237 {
    background-color: #6C7B8B !important;
}
.color238 {
    background-color: #9FB6CD !important;
}
.color239 {
    background-color: #B9D3EE !important;
}
.color240 {
    background-color: #C6E2FF !important;
}
.color241 {
    background-color: #708090 !important;
}
.color242 {
    background-color: #778899 !important;
}
.color243 {
    background-color: #6E7B8B !important;
}
.color244 {
    background-color: #A2B5CD !important;
}
.color245 {
    background-color: #BCD2EE !important;
}
.color246 {
    background-color: #CAE1FF !important;
}
.color247 {
    background-color: #B0C4DE !important;
}
.color248 {
    background-color: #6495ED !important;
}
.color249 {
    background-color: #27408B !important;
}
.color250 {
    background-color: #3A5FCD !important;
}
.color251 {
    background-color: #436EEE !important;
}
.color252 {
    background-color: #4876FF !important;
}
.color253 {
    background-color: #4169E1 !important;
}
.color254 {
    background-color: #3D59AB !important;
}
.color255 {
    background-color: #191970 !important;
}
.color256 {
    background-color: #000080 !important;
}
.color257 {
    background-color: #00008B !important;
}
.color258 {
    background-color: #0000CD !important;
}
.color259 {
    background-color: #0000FF !important;
}
.color260 {
    background-color: #E6E6FA !important;
}
.color261 {
    background-color: #F8F8FF !important;
}
.color262 {
    background-color: #6959CD !important;
}
.color263 {
    background-color: #7A67EE !important;
}
.color264 {
    background-color: #836FFF !important;
}
.color265 {
    background-color: #6A5ACD !important;
}
.color266 {
    background-color: #7B68EE !important;
}
.color267 {
    background-color: #8470FF !important;
}
.color268 {
    background-color: #483D8B !important;
}
.color269 {
    background-color: #5D478B !important;
}
.color270 {
    background-color: #8968CD !important;
}
.color271 {
    background-color: #9F79EE !important;
}
.color272 {
    background-color: #AB82FF !important;
}
.color273 {
    background-color: #9370DB !important;
}
.color274 {
    background-color: #551A8B !important;
}
.color275 {
    background-color: #7D26CD !important;
}
.color276 {
    background-color: #912CEE !important;
}
.color277 {
    background-color: #9B30FF !important;
}
.color278 {
    background-color: #8A2BE2 !important;
}
.color279 {
    background-color: #4B0082 !important;
}
.color280 {
    background-color: #68228B !important;
}
.color281 {
    background-color: #9A32CD !important;
}
.color282 {
    background-color: #B23AEE !important;
}
.color283 {
    background-color: #BF3EFF !important;
}
.color284 {
    background-color: #9932CC !important;
}
.color285 {
    background-color: #9400D3 !important;
}
.color286 {
    background-color: #7A378B !important;
}
.color287 {
    background-color: #B452CD !important;
}
.color288 {
    background-color: #D15FEE !important;
}
.color289 {
    background-color: #E066FF !important;
}
.color290 {
    background-color: #BA55D3 !important;
}
.color291 {
    background-color: #800080 !important;
}
.color292 {
    background-color: #8B008B !important;
}
.color293 {
    background-color: #CD00CD !important;
}
.color294 {
    background-color: #EE00EE !important;
}
.color295 {
    background-color: #FF00FF !important;
}
.color296 {
    background-color: #EE82EE !important;
}
.color297 {
    background-color: #DDA0DD !important;
}
.color298 {
    background-color: #8B668B !important;
}
.color299 {
    background-color: #CD96CD !important;
}
.color300 {
    background-color: #EEAEEE !important;
}
.color301 {
    background-color: #FFBBFF !important;
}
.color302 {
    background-color: #8B7B8B !important;
}
.color303 {
    background-color: #CDB5CD !important;
}
.color304 {
    background-color: #EED2EE !important;
}
.color305 {
    background-color: #FFE1FF !important;
}
.color306 {
    background-color: #D8BFD8 !important;
}
.color307 {
    background-color: #8B4789 !important;
}
.color308 {
    background-color: #CD69C9 !important;
}
.color309 {
    background-color: #EE7AE9 !important;
}
.color310 {
    background-color: #FF83FA !important;
}
.color311 {
    background-color: #DA70D6 !important;
}
.color312 {
    background-color: #D02090 !important;
}
.color313 {
    background-color: #C71585 !important;
}
.color314 {
    background-color: #8B1C62 !important;
}
.color315 {
    background-color: #CD2990 !important;
}
.color316 {
    background-color: #EE30A7 !important;
}
.color317 {
    background-color: #FF34B3 !important;
}
.color318 {
    background-color: #8B0A50 !important;
}
.color319 {
    background-color: #CD1076 !important;
}
.color320 {
    background-color: #EE1289 !important;
}
.color321 {
    background-color: #FF1493 !important;
}
.color322 {
    background-color: #872657 !important;
}
.color323 {
    background-color: #8B3A62 !important;
}
.color324 {
    background-color: #CD6090 !important;
}
.color325 {
    background-color: #EE6AA7 !important;
}
.color326 {
    background-color: #FF6EB4 !important;
}
.color327 {
    background-color: #FF69B4 !important;
}
.color328 {
    background-color: #8B2252 !important;
}
.color329 {
    background-color: #CD3278 !important;
}
.color330 {
    background-color: #EE3A8C !important;
}
.color331 {
    background-color: #FF3E96 !important;
}
.color332 {
    background-color: #8B8386 !important;
}
.color333 {
    background-color: #CDC1C5 !important;
}
.color334 {
    background-color: #EEE0E5 !important;
}
.color335 {
    background-color: #FFF0F5 !important;
}
.color336 {
    background-color: #8B475D !important;
}
.color337 {
    background-color: #CD6889 !important;
}
.color338 {
    background-color: #EE799F !important;
}
.color339 {
    background-color: #FF82AB !important;
}
.color340 {
    background-color: #DB7093 !important;
}
.color341 {
    background-color: #8B636C !important;
}
.color342 {
    background-color: #CD919E !important;
}
.color343 {
    background-color: #EEA9B8 !important;
}
.color344 {
    background-color: #FFB5C5 !important;
}
.color345 {
    background-color: #FFC0CB !important;
}
.color346 {
    background-color: #8B5F65 !important;
}
.color347 {
    background-color: #CD8C95 !important;
}
.color348 {
    background-color: #EEA2AD !important;
}
.color349 {
    background-color: #FFAEB9 !important;
}
.color350 {
    background-color: #e2afaf !important;
}

.cell-min-height {
    min-height: 1000px !important;
}

.cell-background-holiday {
    background-color: rgb(143 255 152 / 21%) !important;
}

.cell-background-weekend {
    background-color: #3398e036 !important;
}
.cell-background-report {
    background-color: #d5a5b5 !important;
}
.cell-background-leave {
    background-color: #bdc5e7 !important;
}
.cell-background-special {
    background-color: #f0ad4e !important;
}
.cell-background-leavehour {
    background-color: #c2fc62 !important;
}
dxbl-scheduler .dxbs-sc-timeline .dxbs-sc-horizontal-view > tbody > tr:not(:first-child) > td, dxbl-scheduler .dxbs-sc-timeline .dxbs-sc-resource-headers > tbody > tr > td {
    height: 160px !important;
}

dxbl-scheduler .dxbs-sc-month .dxbs-sc-time-cell {
    height: 50px !important;
    width: 14% !important;
}

.custom-drop-zone {
    padding: 0 !important;
    border-style: dashed !important;
    border-width: 2px !important;
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .custom-drop-zone.custom-drag-over {
        background-color: #868A8D;
    }



.dxuc-button-container .row .align-items-end .col-auto {
    width:100% !important
}

.navbar-username {
    color: black;
    font-size: small;
    font-family: sans-serif;
    font-weight: bolder;
}
.scroll {
    max-height: 800px;
    overflow-y: auto;
}


/* Sol men? d?? yap?s? */
.menu-container {
    width: 250px !important; /* Men? geni?li?i */
    height: 100vh !important; /* Men? y?ksekli?i (tam ekran) */
    background-color: #f4f4f9 !important; /* A??k gri arka plan */
    border-right: 1px solid #ddd !important; /* Sa? kenarda ince bir ?izgi */
    padding-top: 10px !important; /* ?stten biraz bo?luk */
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1) !important; /* Sol g?lge efekti */
    position: fixed !important; /* Men?y? sabitle */
}

    /* Men? ba?l?klar? */
    .menu-container h2 {
        font-family: 'Montserrat', sans-serif !important; /* Ba?l?k fontu */
        font-size: 20px !important;
        color: #333 !important; /* Koyu metin rengi */
        padding-left: 20px !important;
        margin-bottom: 20px !important; /* Ba?l?k ile men? ??eleri aras?na bo?luk */
    }

/* Men? ??eleri i?in kart stili */
.menu-item {
    display: block !important;
    border-top: 0.25px solid #3398e0 !important; /* Border rengi ekleyin */
    background-color: #fff !important; /* Beyaz arka plan */
    border-radius: 8px !important; /* K??e yuvarlama */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important; /* Yumu?ak g?lge */
    color: #333 !important; /* Metin rengi */
    text-decoration: none !important; /* Alt ?izgiyi kald?r */
    font-size: 16px !important; /* Yaz? boyutu */
    font-family: 'Roboto', sans-serif !important; /* Font */
    transition: all 0.3s ease !important; /* Ge?i? efekti */
}

    /* Men? ??esinin ?zerine gelindi?inde renk de?i?imi ve y?kselme efekti */
    .menu-item:hover {
        background-color: #3398e0 !important; /* Hover arka plan rengi */
        color: white !important; /* Yaz? rengi beyaz */
        transform: translateY(-3px) !important; /* Hafif y?kselme efekti */
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important; /* Daha g??l? g?lge */
    }

    /* Men? ??esi aktif durumunda (se?ili) */
    .menu-item.active {
        background-color: #388E3C !important; /* Aktif ??e i?in ye?il renk */
        color: white !important;
    }

    /* Men?lerde k???k bo?luk */
    .menu-item + .menu-item {
        margin-top: 5px !important;
    }

.main-menu {
    display: block !important;
    margin: 0 0 2px 0;
    background-color: #fff !important; /* Beyaz arka plan */
    border-radius: 8px !important; /* K??e yuvarlama */
    box-shadow: 0 0 3px rgba(76, 106, 146, 0.5) !important; /* ?nce g?lge, #3398e0 renginde */
    color: #333 !important; /* Metin rengi */
    text-decoration: none !important; /* Alt ?izgiyi kald?r */
    font-size: 16px !important; /* Yaz? boyutu */
    font-family: 'Roboto', sans-serif !important; /* Font */
    transition: all 0.3s ease !important; /* Ge?i? efekti */
}

.selected-item {
    background-color: #3398e0 !important; /* Se?ili ??e arka plan rengi */
    color: white !important; /* Se?ili ??e yaz? rengi */
    border-radius: 4px !important; /* Hafif k??e yuvarlama */
    box-shadow: 0 0 6px rgba(76, 106, 146, 0.7) !important; /* Hafif g?lge efekti */
}

.dxbl-wait-indicator.dxbl-wait-indicator-pulse {
    -webkit-transform-origin: center !important;
    -o-transform-origin: center !important;
    transform-origin: center !important;
    fill: #3398e0 !important;
    -webkit-animation: dxbl-indicator-animation-pulse 1.2s cubic-bezier(0.52, 0.6, 0.25, 0.99) infinite;
    -o-animation: dxbl-indicator-animation-pulse 1.2s cubic-bezier(0.52, 0.6, 0.25, 0.99) infinite;
    animation: dxbl-indicator-animation-pulse 1.2s cubic-bezier(0.52, 0.6, 0.25, 0.99) infinite;

}

.dxbl-loading-panel .dxbl-loading-panel-message {
    font-size: var(--dxbl-loading-panel-message-size);
    color: #3398e0 !important;
}

.centered-div {
    position: absolute;
    top: 10px; /* ?stten mesafe, istedi?iniz gibi ayarlayabilirsiniz */
    left: 50%;
    transform: translateX(-50%); /* Tam olarak ortalar */
    width: auto; /* ??eri?e ba?l? olarak geni?li?i ayarlar */
    z-index: 999; /* Di?er ??elerin ?n?nde kalmas?n? sa?lar */
}

/* Navbar'daki buton grubuna genel stil (iste?e ba?l?) */
.navbar .btn-group-sm a {
    margin-right: 10px; /* Butonlar aras?na bo?luk ekler */
}

@media (max-width: 768px) { /* Bu ?rnekte, 768px alt?ndaki ekranlarda gizleme */
    .centered-div {
        display: none; /* 768px ve alt?ndaki ekranlarda gizler */
    }
}


.dxbl-btn-standalone.dxbl-btn-danger {
    --dxbl-btn-color: rgb(255, 255, 255) !important;
    --dxbl-btn-bg: #F28D8C !important; /* Soft k?rm?z? tonunda */
    --dxbl-btn-border-color: #F28D8C !important; /* Soft k?rm?z? tonunda */
    --dxbl-btn-active-bg: #D77D7A !important; /* Aktif ton daha pastel k?rm?z? */
    --dxbl-btn-active-color: rgb(255, 255, 255) !important;
    --dxbl-btn-active-border-color: #D77D7A !important; /* Aktif tonun s?n?r? */
    --dxbl-btn-hover-bg: #D05B58 !important; /* Hover rengi biraz daha koyu ama soft k?rm?z? */
    --dxbl-btn-hover-color: rgb(255, 255, 255) !important;
    --dxbl-btn-hover-border-color: #D05B58 !important; /* Hover s?n?r? */
    --dxbl-btn-disabled-bg: #F8D3D1 !important; /* Devre d??? tonunda daha a??k k?rm?z? */
    --dxbl-btn-disabled-color: rgb(255, 255, 255) !important;
    --dxbl-btn-disabled-border-color: #F8D3D1 !important; /* Devre d??? s?n?r? */
    --dxbl-btn-focus-outline-size: 0.125rem !important;
    --dxbl-btn-focus-outline-offset: 0.063rem !important;
    --dxbl-btn-focus-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
    --dxbl-btn-focus-bg: #F28D8C !important; /* Soft k?rm?z? */
    --dxbl-btn-focus-color: rgb(255, 255, 255) !important;
    --dxbl-btn-focus-border-bg: #F28D8C !important; /* Soft k?rm?z? */
    --dxbl-btn-focus-outline-color: #6F42C1 !important;
}

/* Genel Card Bile?eni D?zenlemeleri */
.card {
    border-radius: 10px !important; /* K??eleri yumu?at */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important; /* Hafif g?lge efekti */
    overflow: hidden !important; /* ??erik ta?mas?n? engeller */
}

.card-header {
    background-color: #ffffff !important; /* Hafif gri arka plan */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; /* Modern font */
    font-size: 1.2em !important;
    font-weight: 600 !important;
    padding: 15px 20px !important;
    border-bottom: 1px solid #e0e0e0 !important; /* ?nce gri kenarl?k */
    text-align: center !important; /* Ba?l?k ortalanm?? */
    color: #333 !important; /* Ba?l?k yaz? rengi */
    text-transform: uppercase !important; /* Ba?l?klar? b?y?k harf yap */
}

.card-body {
    font-family: 'Roboto', sans-serif !important; /* Modern ve okunabilir yaz? tipi */
    font-size: 1em !important;
    color: #555 !important; /* A??k gri yaz? rengi */
    padding: 20px !important;
}

/* DxGrid i?in stil */
.dx-grid {
    border-radius: 8px !important; /* Grid k??elerini yuvarlat */
    overflow: hidden !important; /* Grid ta?mas?n? engeller */
    background-color: #fafafa !important; /* Hafif gri arka plan */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important; /* Hafif g?lge efekti */
}

.dx-grid-header-content {
    background-color: #e3e7eb !important; /* Grid ba?l?klar? i?in a??k gri arka plan */
    font-weight: 600 !important;
    color: #333 !important; /* Grid ba?l?k yaz? rengi */
    text-transform: uppercase !important; /* Ba?l?klar? b?y?k harf yap */
    padding: 12px !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    text-align: center !important; /* Kolon ba?l?klar?n? ortala */
}

.dx-grid .dx-header-row, .dx-grid .dx-row {
    font-family: 'Roboto', sans-serif !important; /* Okunabilir yaz? tipi */
    color: #666 !important; /* Yaz? rengi */
}

.dx-grid .dx-row {
    border-bottom: 1px solid #e0e0e0 !important; /* Sat?rlar? ay?ran ?izgi */
    transition: background-color 0.3s ease !important; /* Sat?r ge?i? efekti */
    width: auto !important; /* Kolonlar geni?liklerini i?eri?ine g?re ayarlas?n */
}

    .dx-grid .dx-row:hover {
        background-color: #f1f1f1 !important; /* Sat?r hover efekti */
    }

/* DxPopup i?in stil */
.dx-popup {
    border-radius: 10px !important; /* Popup k??elerini yuvarlat */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important; /* Popup i?in hafif g?lge */
    padding: 15px !important;
}

.dx-popup-header {
    background-color: #4EC3A2 !important; /* Popup ba?l?k rengi */
    color: #fff !important; /* Ba?l?k yaz? rengi */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 1.1em !important;
    font-weight: 600 !important;
    text-align: center !important;
    padding: 10px !important;
    border-radius: 10px 10px 0 0 !important;
}

/* DxComboBox i?in stil */
.dx-combobox {
    font-size: 1em !important;
    padding: 10px !important;
    border-radius: 5px !important;
    border: 1px solid #ccc !important;
    background-color: #fff !important;
}

    .dx-combobox:focus {
        border-color: #4EC3A2 !important; /* ComboBox focus efekti */
        outline: none !important;
    }

/* Loading Panel i?in stil */
.DxLoadingPanel {
    text-align: center !important;
    font-size: 1.2em !important;
    font-weight: 600 !important;
    color: #4EC3A2 !important;
    padding: 20px !important;
}

    .DxLoadingPanel .dx-loading-indicator {
        margin: 0 auto !important;
        display: block !important;
    }

/* Genel d?zenleme */
.container-fluid {
    padding: 0 15px !important;
    margin-top: 20px !important;
    font-family: 'Roboto', sans-serif !important;
}

    .container-fluid p {
        font-size: 1.2em !important;
        color: #777 !important;
        font-weight: 600 !important;
        text-align: center !important;
    }

.menu-container {
    width: 280px !important;
    height: calc(100vh - 56px) !important;
    background: #ffffff !important;
    border-right: 1px solid #dbe5f0 !important;
    box-shadow: none !important;
    padding-top: 8px !important;
}

.paradigma-nav-tree .dxbl-treelist-node,
.paradigma-nav-tree .dxbl-treeview-node {
    border-radius: 10px !important;
    margin: 2px 8px !important;
    transition: all 0.2s ease !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    border: 1px solid transparent !important;
}

.paradigma-nav-tree .dxbl-treeview-node:hover,
.paradigma-nav-tree .dxbl-treelist-node:hover {
    background: #f1f7ff !important;
    border-color: #dceaf8 !important;
}

.main-menu {
    margin: 0 8px 4px 8px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
}

.menu-item {
    border-top: none !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    border: 1px solid transparent !important;
    background: transparent !important;
}

.menu-item:hover {
    background: #f1f7ff !important;
    color: #1669b2 !important;
    transform: translateY(0) !important;
    box-shadow: none !important;
    border-color: #dceaf8 !important;
}

.selected-item {
    background: #eaf3fe !important;
    color: #0e4f8d !important;
    box-shadow: none !important;
    border-color: #cfe3f8 !important;
    border-left: 3px solid #3398e0 !important;
}

/* Icon normalization - Blazor menu */
.paradigma-nav-tree .dxbl-treeview-node-image,
.paradigma-nav-tree .dxbl-image,
.paradigma-nav-tree .main-menu img,
.paradigma-nav-tree .menu-item img,
.paradigma-nav-tree .main-menu [class*="icon"],
.paradigma-nav-tree .menu-item [class*="icon"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    padding: 6px !important;
    border-radius: 8px !important;
    background: #edf3fb !important;
    border: 1px solid #d6e3f3 !important;
    color: #4b5b6d !important;
    box-sizing: content-box !important;
    transition: all 0.22s ease !important;
}

.paradigma-nav-tree .menu-item:hover .dxbl-treeview-node-image,
.paradigma-nav-tree .menu-item:hover .dxbl-image,
.paradigma-nav-tree .menu-item:hover img,
.paradigma-nav-tree .menu-item:hover [class*="icon"] {
    background: #d6e9ff !important;
    border-color: #b7d7fb !important;
}

.paradigma-nav-tree .selected-item .dxbl-treeview-node-image,
.paradigma-nav-tree .selected-item .dxbl-image,
.paradigma-nav-tree .selected-item img,
.paradigma-nav-tree .selected-item [class*="icon"] {
    background: #d6e9ff !important;
    border-color: #b7d7fb !important;
    color: #0e4f8d !important;
    transform: scale(1.05);
}

.paradigma-nav-tree .dxbl-treeview-node-toggle,
.paradigma-nav-tree .dxbl-treeview-expand-button {
    color: #71849b !important;
    opacity: 0.9;
}

/* Blazor menu typography refinement */
.paradigma-nav-tree .main-menu,
.paradigma-nav-tree .main-menu *,
.paradigma-nav-tree .menu-item,
.paradigma-nav-tree .menu-item * {
    font-family: "Segoe UI", "Inter", "Open Sans", Tahoma, Arial, sans-serif !important;
}

.paradigma-nav-tree .main-menu {
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    color: #223347 !important;
}

.paradigma-nav-tree .menu-item {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.15px !important;
    color: #304258 !important;
}

.paradigma-nav-tree .menu-item:hover {
    color: #0f5da4 !important;
}

.paradigma-nav-tree .selected-item {
    color: #0c4a80 !important;
    font-weight: 700 !important;
}