@import url('open.iconic/font/css/open-iconic-bootstrap.min.css');

:root {
    --main-font: 'Noto Sans', sans-serif;
    --main-text-color: rgba(0, 0, 0, 0.87);
    --main-color: #6854FF;
    --white-color: #FFFFFF;
    --input-readonly-color: #EBEBEB;
    --excel-button-color: #1D6F42;
    --subtitle-bg-color: #F5F5F5;
}

* {
    font-family: var(--main-font);
    font-style: normal;
    box-sizing: border-box;
}

.fas.fa-arrow-alt-circle-right,
.fas.fa-arrow-alt-circle-left,
.fas.fa-check-circle,
.fas.fa-minus-circle,
.fas.fa-times-circle {
    font-size: 16px;
}

html,
body {
    height: 100%;
    overflow: hidden;
    margin: 0;
}

.tim.sideScroll{
    overflow-y:scroll;
}

    .tim.sideScroll .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable.dxbl-tabs-tablist-scrollbuttons.dxbl-loaded.dxbl-tabs-tablist-has-overflow.dxbs-focus-hidden {
        position: sticky !important;
        top: 0;
        z-index: 9999999;
    }

@media screen and (min-width: 1520px) {
    .customColXxxl {
        width: 100%;
    }

    .customColXxxl-1 {
        width: 8.3%;
    }

    .customColXxxl-2 {
        width: 16.6%;
    }

    .customColXxxl-3 {
        width: 25%;
    }

    .customColXxxl-4 {
        width: 33.3%;
    }

    .customColXxxl-5 {
        width: 41.6%;
    }

    .customColXxxl-6 {
        width: 50%;
    }
}

/*Validation messasge css*/
.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;
    }

/* ... */
.dxbl-btn-primary:focus,
.dxbl-btn:focus,
input:focus,
.form-control:focus,
dxbl-input-editor:focus,
.dxbl-text-edit {
    box-shadow: none !important;
}

.main {
    background: #EBEBEB;
    min-height: 100vh;
}

.dxbs-grid-header-content {
    display: block;
}

/*Loader*/
.dxbl-loading-panel .dxbl-loading-panel-target-content{
    overflow:auto;
}

.loader,
.loader:before,
.loader:after {
    background: var(--main-color);
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

    .loader.login {
        color: var(--white-color);
        text-indent: -9999em;
    }

        .loader.login,
        .loader.login:before,
        .loader.login:after {
            background: var(--white-color);
        }

.loader {
    color: var(--main-color);
    text-indent: -9999em;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2000 !important;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s !important;
}

    .loader:before,
    .loader:after {
        position: absolute;
        top: 0;
        content: '';
    }

    .loader:before {
        left: -1.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loader:after {
        left: 1.5em;
    }

@-webkit-keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

.dxbl-wait-indicator.dxbl-wait-indicator-pulse {
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
}

.dxbl-wait-indicator {
    --dxbl-wait-indicator-color: unset !important;
    --dxbl-wait-indicator-size: unset !important;
    --dxbl-wait-indicator-flip-animation-rotation-y: unset !important;
    --dxbl-wait-indicator-flip-animation-rotation-x: unset !important;
}

/*Login */
.tim.loginBody {
    height: 100vh;
}

.tim.loginImg {
    height: 100vh;
    background-position-y: 20%;
    background-repeat: no-repeat;
    background-size: cover;
}

    .tim.loginImg img {
        position: absolute;
        bottom: 4%;
        left: 7%;
    }

.tim.loginText {
    font-weight: 700;
    font-size: 32px;
    line-height: 41px;
    color: #2F297E;
    padding: 70px 60px;
}

.tim.loginUniLogo {
    width: 100px;
    height: 100px;
    outline: 6px solid #B6AEF9;
    border: 6px solid #E9E7FD;
    border-radius: 50%;
    overflow: hidden;
}

    .tim.loginUniLogo img {
        width: 100%;
    }

.tim.loginSideCenter .dxbl-row {
    justify-content: center;
}

.tim.uniName {
    font-weight: 600;
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    color: #302A7F;
    margin-bottom: 45px;
}

.tim.loginTitle h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #302A7F;
}

.tim.loginInput label {
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: var(--main-text-color);
}

.tim.loginInput dxbl-input-editor {
    background: #FFFFFF;
    border-radius: 12px;
    height: 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #959595;
    border: 1px solid #EBEBEB;
}

.tim.loginBtn,
.tim.loginBtn:hover {
    background: var(--main-color) !important;
    border-radius: 12px;
    border: none;
    width: 100%;
    height: 40px;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: var(--white-color);
}

.tim.changePassLink {
    text-align: end;
}

    .tim.changePassLink .dxbl-fl-ctrl.dxbl-fl-ctrl-nc {
        display: grid;
    }

    .tim.changePassLink button {
        font-weight: normal;
        font-size: 14px;
        line-height: 15px;
        text-decoration-line: underline;
        color: var(--main-color);
        width: fit-content;
        display: flex;
        justify-content: flex-end;
        justify-self: end;
        text-decoration: none;
    }

/*.tim .registerButton{
    margin-top: 150px;
}*/

.tim .registerButton div {
    width: max-content;
    color: gray;
    font-size: 16px;
}

    .tim .registerButton div span {
        color: var(--main-color);
        font-size: 17px;
        font-weight: bold;
        cursor: pointer;
    }

        .tim .registerButton div span:hover {
            color: #5946e3;
        }

/*Nav css*/
.tim.nav-icon {
    color: #6854FF !important;
    background-color: unset;
    border: 0;
    font-size: 18px;
}

    .tim.nav-icon:hover {
        background-color: var(--main-color) !important;
        color: var(--white-color) !important;
    }

.sidebar .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: #6854FF;
    border-radius: 12px !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #FFFFFF !important;
    height: 50px;
}

.sidebar .nav-pills .nav-link {
    height: 50px;
    border-radius: 12px !important;
    color: rgba(0, 0, 0, 0.6) !important;
}

/*Main background css*/
.tim.bgWhite {
    background: white;
    border-radius: 5px !important;
    padding: 20px 5px;
    box-shadow: 0px 0px 10px rgb(51 51 51 / 20%);
    border: none;
}

.tim.gridBorder {
    border: 1px solid #EBEBEB !important;
    border-radius: 12px;
    padding: 10px 0;
}

/*Title*/
.tim.mainTitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: var(--main-text-color);
}

.tim.subtitle-bg {
    background: var(--subtitle-bg-color);
    border-radius: 5px;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 10px;
}

.tim.subtitle {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: var(--main-text-color);
    margin-bottom: 0;
}

.tim.subTitle,
.tim.checkBox.subTitle label {
    font-weight: 700;
    font-size: 19px;
    color: #2E294E;
    line-height: 24px;
}

.tim.popupSubTitle,
.tim.popupSubTitle label {
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    color: #575757 !important;
}

.tim.dashboardSubtitle {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: #575757;
}

/*Label*/
.tim.formLayoutItem label,
.tim.checkBox label {
    font-weight: 400;
    font-size: 14px;
    /*line-height: 15px;*/
    color: rgba(0, 0, 0, 0.87);
}

.tim.boldLabel label {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.tim.secondLabel label {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

/*Input*/
.tim.formLayoutItem dxbl-input-editor,
.tim.formLayoutItem dxbl-combobox,
.tim.formLayoutItem dxbl-spinedit,
.tim.formLayoutItem dxbl-date-edit,
.tim.formLayoutItem dxbl-masked-input {
    height: 32px;
}

.tim.formLayoutItem dxbl-input-editor,
.tim.formLayoutItem dxbl-combobox,
.tim.formLayoutItem dxbl-spinedit,
.tim.formLayoutItem dxbl-memo-editor,
.tim.formLayoutItem dxbl-date-edit,
.tim.formLayoutItem dxbl-masked-input,
.tim.formLayoutItem dxbl-date-time-edit {
    background: var(--white-color);
    border-radius: 12px;
    font-weight: normal;
    font-size: 16px;
    line-height: 15px;
    color: rgb(0 0 0 / 79%);
    border: 1px solid #EBEBEB;
}

.tim.formLayoutItem .dxbl-text-edit:focus-within {
    box-shadow: none;
    border: 1px solid var(--main-color);
}

/*Read Only Input*/
.tim.formLayoutItem .dxbl-readonly {
    border: none !important;
}

    .tim.formLayoutItem .dxbl-readonly:before {
        background: var(--input-readonly-color);
        color: rgba(0, 0, 0, 0.38);
        opacity: 1;
    }

    .tim.formLayoutItem .dxbl-readonly:focus-within {
        outline: none;
        border: none;
    }

.tim.formLayoutItem button.dxbl-disabled {
    opacity: 1 !important;
}

/*Input Control button*/
.tim.formLayoutItem .dxbl-btn-group-right {
    background: unset;
}

    .tim.formLayoutItem .dxbl-btn-group-right button {
        background-color: unset !important;
        border: none !important;
        color: var(--main-color) !important;
        margin-right: 15px;
        padding-left: 0;
    }

        .tim.formLayoutItem .dxbl-btn-group-right button:hover:before {
            background-color: unset !important;
            border: none !important;
            color: var(--main-color) !important;
        }

.tim.formLayoutItem button.dxbl-clear-btn {
    margin: 0;
    padding-right: 0;
}

/*CheckBox Css*/
.tim.checkBox .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked .dxbl-checkbox-check-element,
.tim.checkBox .dxbl-checkbox {
    --dxbl-checkbox-checked-focus-shadow-spread: unset;
    box-shadow: unset !important;
}

    .tim.checkBox .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before,
    .tim.checkBox .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled).dxbl-checkbox-unchecked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover::before {
        border: 1px solid rgba(0, 0, 0, 0.38);
        opacity: 1;
    }

    .tim.checkBox .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled).dxbl-checkbox-checked .dxbl-checkbox-check-element,
    .tim.checkBox .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled).dxbl-checkbox-checked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover {
        color: white;
        border: 0.5px solid var(--main-color) !important;
        background-color: var(--main-color) !important;
    }

table th dxbl-check,
table td dxbl-check {
    margin-top: 0.5rem;
}

.dxbs-gridview td.table-active.bg-primary.text-white > .dx-blazor-checkbox > .custom-control > .custom-control-label {
    mix-blend-mode: normal !important;
}

.tim.dxTable .dxbl-checkbox.dxbl-disabled {
    opacity: 1;
}

    .tim.dxTable .dxbl-checkbox.dxbl-disabled.dxbl-checkbox-checked .dxbl-checkbox-check-element {
        background-color: var(--main-color) !important;
        border: 1px solid var(--main-color) !important;
        opacity: 1;
    }

    .tim.dxTable .dxbl-checkbox.dxbl-disabled.dxbl-checkbox-unchecked .dxbl-checkbox-check-element:before {
        border: 1px solid rgba(0, 0, 0, 0.38);
        opacity: 1;
    }

.tim.dxTable .dxbl-scroll-viewer div table tbody tr td .custom-checkbox .custom-control-input[type=checkbox] {
    -webkit-appearance: none;
    background-color: var(--white-color) !important;
    border: 1px solid rgba(0, 0, 0, 0.38);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
}

    .tim.dxTable .dxbl-scroll-viewer div table tbody tr td .custom-checkbox .custom-control-input[type=checkbox]:checked {
        background-color: var(--main-color) !important;
        border: 1px solid var(--main-color) !important;
    }

.tim.dxTable .dxbl-grid-selection-cell .dxbl-checkbox-check-element::after {
    background: var(--main-color) !important;
}

.tim.dxTable .dxbl-grid-selection-cell .dxbl-checkbox-check-element::before {
    border: 1px solid rgba(0, 0, 0, 0.38) !important;
    background: white;
    opacity: 1 !important;
}

.dxbl-grid-sort-asc,
.dxbl-grid-sort-desc {
    margin: 0;
}

.tim.dxTable .dxbl-checkbox-check-element {
    background: var(--main-color) !important;
}

/*Combobox*/
.tim.combobox-item-template {
    width: 25px;
    height: 25px;
}

    .tim.combobox-item-template img {
        width: 100%;
        height: 100%;
    }

.tim.itemCombobox .form-group input[readonly],
.tim.itemCombobox .form-group input[readonly]:focus {
    border: 1px solid #EBEBEB;
    background: var(--white-color);
    font-weight: normal;
    font-size: 16px;
    line-height: 15px;
    color: rgb(0 0 0 / 79%);
}

.dxbl-listbox-item.dxbl-listbox-item-selected {
    background: var(--main-color) !important;
}

.dxbl-context-menu-item:hover::before {
    background-color: #0000006e !important;
}

/*Buttons*/
.tim.topBtns {
    display: flex;
}

.tim.btn-small {
    width: 32px;
    height: 32px;
    border-radius: 12px;
    border-width: 2px;
    font-size: 14px;
}

    .tim.btn-small.red,
    .tim.btn-small.red:hover {
        background: #DF5353;
        border-color: #DF5353;
        color: var(--white-color);
    }

    .tim.btn-small.grey-border,
    .tim.btn-small.grey-border:hover {
        background: var(--white-color);
        border-color: #EBEBEB;
        color: #00C980;
    }

    .tim.btn-small.purple,
    .tim.btn-small.purple:hover,
    .tim.btn-medium.purple,
    .tim.btn-medium.purple:hover,
    .tim.btn-large.purple,
    .tim.btn-large.purple:hover,
    .tim.btn-sm-square.purple,
    .tim.btn-sm-square.purple:hover {
        background: var(--main-color);
        border-color: var(--main-color);
        color: var(--white-color);
    }

    .tim.btn-small.purple-border,
    .tim.btn-small.purple-border:hover,
    .tim.btn-large.purple-border,
    .tim.btn-large.purple-border:hover,
    .tim.btn-sm-square.purple-border,
    .tim.btn-sm-square.purple-border:hover {
        background: var(--white-color);
        border-color: var(--main-color);
        color: var(--main-color);
    }

    .tim.btn-small.purple-without-border,
    .tim.btn-small.purple-without-border:hover,
    .tim.btn-large.purple-without-border,
    .tim.btn-large.purple-without-border:hover,
    .tim.btn-sm-square.purple-without-border,
    .tim.btn-sm-square.purple-without-border:hover {
        background: var(--white-color);
        border-color: var(--white-color);
        color: var(--main-color);
        font-size: 26px;
        align-items: center;
    }

    .tim.btn-small.red-border,
    .tim.btn-small.red-border:hover,
    .tim.btn-medium.red-border,
    .tim.btn-medium.red-border:hover,
    .tim.btn-large.red-border,
    .tim.btn-large.red-border:hover,
    .tim.btn-sm-square.red-border,
    .tim.btn-sm-square.red-border:hover {
        background: var(--white-color);
        border-color: #DF5353;
        color: #DF5353;
    }

    .tim.btn-small.green-border,
    .tim.btn-small.green-border:hover {
        background: var(--white-color);
        border-color: var(--excel-button-color);
        color: var(--excel-button-color);
    }

    .tim.btn-small.green,
    .tim.btn-small.green:hover {
        background: var(--excel-button-color);
        border-color: var(--excel-button-color);
        color: var(--white-color);
    }

.tim.btn-sm-square.green,
.tim.btn-sm-square.green:hover {
    background: #00C980;
    border-color: #00C980;
    color: var(--white-color);
}

.tim.btn-sm-square.red,
.tim.btn-sm-square.red:hover {
    background: #DF5353;
    border-color: #DF5353;
    color: var(--white-color);
}

.tim.btn-sm-square {
    width: 64px;
    height: 32px;
    border-radius: 12px;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
}

.tim.btn-oval {
    border-radius: 46px !important;
}

.tim.btn-medium {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    border-radius: 12px;
    height: 32px;
}

    .tim.btn-medium.purple-border,
    .tim.btn-medium.purple-border:hover,
    .tim.btn-sm-square.purple-border,
    .tim.btn-sm-square.purple-border:hover {
        background: var(--white-color);
        border-color: var(--main-color);
        color: var(--main-color);
    }

    .tim.btn-medium.grey-border,
    .tim.btn-medium.grey-border:hover {
        background: var(--white-color);
        border-color: #959595;
        color: #959595;
    }

    .tim.btn-medium.red,
    .tim.btn-medium.red:hover {
        background: #DF5353;
        border-color: #DF5353;
        color: white;
    }

    .tim.btn-medium.green,
    .tim.btn-medium.green:hover {
        background: #219653;
        border-color: #219653;
        color: white;
    }

.tim.btnIcon,
.show > .btn-primary.dropdown-toggle,
.tim.btnIcon:active,
.tim.btnIcon:hover {
    background-color: unset !important;
    border: none !important;
    box-shadow: none;
    color: #2E294E;
    background: none !important;
    font-size: 14px;
}

    .tim.btnIcon .dxbl-context-menu-item-text {
        color: #2E294E !important;
    }

    .tim.btnIcon.purpleDark,
    .tim.btnIcon.purpleDark:hover {
        color: #2E294E !important;
    }

    .tim.btnIcon.green,
    .tim.btnIcon.green:hover {
        color: #00C980 !important;
    }

    .tim.btnIcon.grey,
    .tim.btnIcon.grey:hover {
        color: #575757;
    }

    .tim.btnIcon.greyBorder,
    .tim.btnIcon.greyBorder:hover {
        border-radius: 8px;
        border: 1px solid #EBEBEB !important;
        background: #FFF !important;
        color: #575757;
    }

    .tim.btnIcon.red,
    .tim.btnIcon.red:hover {
        color: #DF5353 !important;
    }

    .tim.btnIcon.greenDark,
    .tim.btnIcon.greenDark:hover {
        color: #3C92C0;
    }

    .tim.btnIcon.greenDeep,
    .tim.btnIcon.greenDeep:hover {
        color: #32958F;
    }

    .tim.btnIcon.yellow,
    .tim.btnIcon.yellow:hover {
        color: #DFC053;
    }

    .tim.btnIcon.black,
    .tim.btnIcon.black:hover {
        color: rgba(0, 0, 0, 0.87);
    }

    .tim.btnIcon.purple,
    .tim.btnIcon.purple:hover {
        color: #6854FF;
    }

    .tim.btnIcon.purpleDark2,
    .tim.btnIcon.purpleDark2:hover {
        color: #8F33D8;
    }

    .tim.btnIcon.pink,
    .tim.btnIcon.pink:hover {
        color: #F82E8C;
    }

    .tim.btnIcon.blue,
    .tim.btnIcon.blue:hover {
        color: #55AAE6;
    }

    .tim.btnIcon.pinkLight,
    .tim.btnIcon.pinkLight:hover {
        color: #F67EDD;
    }

    .tim.btnIcon.blueLight,
    .tim.btnIcon.blueLight:hover {
        color: #6FB4F5;
    }

.tim.btnCircleGrid {
    border-radius: 55px;
    background: var(--hefte-tam-3, #BAE0FF) !important;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #2E294E !important;
    padding: 10px;
    border-radius: 50% !important;
}

.tim.groupLabBtn {
    width: 20px;
    height: 20px;
    border-radius: 50% !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    border: none;
}

.tim.groupLabBirBtn,
.tim.groupLabBirBtn:hover {
    background: #6FB4F5 !important;
    color: #FFFFFF !important;
}

.tim.groupLabIkiBtn,
.tim.groupLabIkiBtn:hover {
    background: #F67EDD !important;
    color: #FFFFFF !important;
}

.tim.btnIcon-lg {
    font-size: 18px !important;
}

.greenLight,
.greenLight:hover {
    background-color: #00C980 !important;
    border: 1px solid #00C980 !important;
}

.tim.btn-large {
    box-sizing: border-box;
    border-radius: 12px;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    height: 32px;
    width: 181px;
}

    .tim.btn-large.grey-border,
    .tim.btn-large.grey-border:hover {
        border: 1px solid #959595 !important;
        background: var(--white-color) !important;
        color: #959595;
    }

    .tim.btn-large.green {
        border: 1px solid #1D6F42 !important;
        background: #1D6F42 !important;
        color: #fff;
    }

.tim.btn-xlarge {
    width: 226px !important;
}

.tim.btn-sm-grid {
    width: 50px;
    height: 30px;
    border-radius: 5px;
    border: none;
}

    .tim.btn-sm-grid.green,
    .tim.btn-sm-grid.green:hover {
        background: #DAFFF4;
        color: #32958F;
    }

    .tim.btn-sm-grid.gray,
    .tim.btn-sm-grid.gray:hover {
        background: #C4C4C4;
        color: #FFFFFF;
    }

    .tim.btn-sm-grid.red,
    .tim.btn-sm-grid.red:hover {
        background: #FFDFDF;
        color: #DF5353;
    }

.tim.fileUploader button,
.tim.fileUploader button:hover {
    height: 32px;
    border-radius: 12px;
    position: absolute;
    top: 0;
    right: 0;
    background: var(--main-color) !important;
    border-color: var(--main-color) !important;
    color: var(--white-color) !important;
    font-size: 14px;
    font-weight: 600;
    padding: 0 15px;
}

.tim.fileUploader.w-96 button {
    width: 96px !important;
}

.tim.btn-info {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    font-size: 22px;
}

    .tim.btn-info.purple {
        background: #F8F6FF !important;
        border-color: #F8F6FF !important;
        color: var(--main-color) !important;
    }

/*Table*/
.tim.dxTable .dxbl-scroll-viewer div table thead tr {
    border-radius: 12px !important;
    border: none;
    background-color: #BEB5FF;
}

    .tim.dxTable .dxbl-scroll-viewer div table thead tr.dxbl-grid-filter-row {
        background-color: white;
    }

/*.tim.dxTable .dxbl-grid-filter-menu-funnel-btn{
        margin:0;
    }*/

.tim.dxTable .dxbl-grid-header-content {
    justify-content: center;
}

.tim.dxTable .dxbl-scroll-viewer div,
.tim.dxTable .dxbl-scroll-viewer div table,
.tim.dxTable .dxbl-scroll-viewer div table thead tr th {
    border: none;
    text-align: center;
}

    .tim.dxTable .dxbl-scroll-viewer div table thead tr th {
        border-right: 1px solid #dee2e6;
    }

        .tim.dxTable .dxbl-scroll-viewer div table thead tr th:first-child {
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px;
        }

        .tim.dxTable .dxbl-scroll-viewer div table thead tr th:last-child {
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
            border-left: none !important;
        }

    .tim.dxTable .dxbl-scroll-viewer div table tbody tr {
        box-sizing: border-box;
        border-radius: 12px;
        border: none;
    }

.tim.dxTable table tbody tr:nth-child(odd) {
    background: var(--white-color);
}

.tim.dxTable table tbody tr:nth-child(even) {
    background: #F8F8FF;
}

.tim.dxTable .dxbl-scroll-viewer div table tbody tr td {
    height: 40px;
    border: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87);
    text-align: center !important;
    background-color:white !important;
}

    .tim.dxTable .dxbl-scroll-viewer div table tbody tr td:first-child {
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }

    .tim.dxTable .dxbl-scroll-viewer div table tbody tr td:last-child {
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-left: none !important;
    }

.tim.dxTable table thead tr th,
.tim.dxTable table thead label {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87);
    height: 40px;
}

.tim.dxTable .dxbl-scroll-viewer div table tbody tr.dxbl-grid-selected-row {
    background: #ECE7FD !important;
    color: var(--table-body-color) !important;
}

.tim.gridImage {
    display: block;
    margin: auto;
}

.dxbl-grid .dxbl-grid-columns-separator {
    position: unset !important;
}

/*Popup*/
.tim.popup .dxbl-modal-header {
    border-top-left-radius: 22px !important;
    border-top-right-radius: 22px !important;
}

    .tim.popup .dxbl-modal-header:before {
        background: var(--main-color) !important;
        opacity: 1 !important;
    }

    .tim.popup .dxbl-modal-header span {
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        color: var(--white-color);
    }

    .tim.popup .dxbl-modal-header a {
        color: #fff !important;
        font-size: 19px !important;
        margin: 0 !important;
    }

.tim.popup .dxbl-modal-content {
    border: none !important;
    border-radius: 25px !important;
    width: 100% !important;
}

.tim.popup .dxbl-modal-body {
    padding-top: 1rem;
}

.tim.popup .dxbl-modal-footer {
    background: unset;
    border-top: none !important;
    padding: 1.6rem !important;
}

.grid-Info {
    text-align: center !important;
}

.info-numbers {
    font-size: 36px;
}

.info-text {
    font-size: 18px;
    font-weight: 400;
    padding-left: 15px;
}

.tim.popup .dxbl-modal-footer:before {
    background: unset !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #6854FF;
    border-color: #6854FF;
}

.dxbl-pager .dxbl-btn.dxbl-pager-page-btn {
    border-color: #6854FF !important;
}

.dxbl-pager .dxbl-pager-active-page-btn {
    background-color: #6854FF !important;
    border-color: #6854FF !important;
}

.table-bordered > :not(caption) > * {
    border-width: 0 !important;
}

.input-file::-webkit-file-upload-button {
    visibility: hidden;
}

input[type='file'] {
    color: rgba(0, 0, 0, 0);
}

/*.input-file::before {
    content: 'Fayl seç';
    display: block;
    width: 100% !important;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    width: 132px !important;
    height: 29px;
    background: white !important;
    border: 1px solid var(--main-color) !important;
    color: var(--main-color) !important;
    font-weight: 700;
    font-size: 16px;
    border-radius: 12px;
    text-align: center;
}*/

.input-file:hover::before {
    border-color: black;
}

.input-file:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

/*Image Upload*/
.imgUpload {
    border-radius: 10px !important;
    overflow: hidden !important;
}

    .imgUpload img {
        object-fit: contain !important;
        border-radius: 10px !important;
        height: 185px;
    }

.mainImgUpload.imgUpload img {
    height: 100% !important;
}

.dxuc-file-view {
    display: none;
}

.tim.uploadBtn div button,
.tim.uploadBtn div button:hover {
    width: 100%;
    height: 40px;
    background: white !important;
    border: 1px solid var(--main-color) !important;
    color: var(--main-color) !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin-top: 1rem;
    border-radius: 12px;
}

.tim.uploadBtnSolid div button,
.tim.uploadBtnSolid div button:hover {
    width: 100%;
    height: 40px;
    background: var(--main-color) !important;
    border: 1px solid var(--main-color) !important;
    color: white !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin-top: 1rem;
    border-radius: 12px;
}

.tim.uploadBtnSolid.m-0 div button {
    margin: 0 !important;
}

.tim.uploadBtnSolid div.col-auto {
    width: 100%;
}

.tim.uploadBtn.m-0 div button {
    margin: 0 !important;
}

.tim.uploadBtn div.col-auto {
    width: 100%;
}

.dxbl-grid-pager-container {
    margin: auto;
}

table th dxbl-check,
table td dxbl-check {
    margin-top: -18px;
}

/*Tabpage*/
.tim.tabpage,
.tim.tabpage nav {
    border: none !important;
}

    .tim.tabpage .dxbl-scroll-viewer ul li .dxbl-tabs-item.dxbl-active {
        font-weight: 700;
        font-size: 16px;
        line-height: 32px;
        color: rgba(0, 0, 0, 0.6);
        border: none !important;
    }

    .tim.tabpage .dxbl-scroll-viewer ul li .dxbl-tabs-item:hover::before {
        content: none !important;
    }

    .tim.tabpage .dxbl-scroll-viewer ul li .dxbl-tabs-item.dxbl-active .dxbl-text {
        border-bottom: 2px solid #6854FF;
        color: rgba(0, 0, 0, 0.6);
    }

    .tim.tabpage .dxbl-scroll-viewer ul li .dxbl-tabs-item {
        font-weight: normal;
        font-size: 16px;
        line-height: 32px;
        color: #959595;
        border: none;
    }

    .tim.tabpage .dxbl-scroll-viewer ul {
        border-bottom: 1px solid white;
    }

.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-active):not(.dxbl-disabled):not(:disabled):not(.dxbl-disabled):not(:disabled):hover,
.dxbl-tabs > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-active):not(.dxbl-disabled):not(:disabled):not(.dxbl-disabled):not(:disabled):hover {
    border-color: white;
    background-color: unset;
    color: unset;
}

    .dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-active):not(.dxbl-disabled):not(:disabled):not(.dxbl-disabled):not(:disabled):hover::before,
    .dxbl-tabs > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-active):not(.dxbl-disabled):not(:disabled):not(.dxbl-disabled):not(:disabled):hover::before {
        background-color: unset !important;
    }

.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-active):not(.dxbl-disabled):not(:disabled):not(.dxbl-disabled):not(:disabled):hover,
.dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-active):not(.dxbl-disabled):not(:disabled):not(.dxbl-disabled):not(:disabled):hover.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-active):not(.dxbl-disabled):not(:disabled):not(.dxbl-disabled):not(:disabled):hover,
.dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-active):not(.dxbl-disabled):not(:disabled):not(.dxbl-disabled):not(:disabled):hover {
    border-color: transparent;
}

.h-346 {
    height: 346px !important;
}

.h-110 {
    height: 110px !important;
}

.h-200 {
    height: 200px !important;
}

.tim.tabpageBg .nav.nav-tabs {
    padding: 20px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 4px 25px -5px rgb(0 0 0 / 10%);
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}

.tim.tabpageMargin .nav.nav-tabs {
    margin: 0 !important;
}

.tim.tabpagePadding .dxbs-fl-gt {
    padding: 0;
}

.tim.subTabPage .dxbs-fl-gt {
    padding: 0;
}

.tim.subTabPage ul li a.nav-link {
    border: 1px solid #959595 !important;
    border-radius: 49px;
    font-weight: normal;
    font-size: 16px;
    line-height: 32px;
    color: #959595 !important;
    height: 32px;
    margin-right: 12px;
    transition: background-color .15s ease-in-out;
}

    .tim.subTabPage ul li a.nav-link.active {
        border: 1px solid #6854FF !important;
        font-weight: bold !important;
        color: #6854FF !important;
    }

.tim.tabpage.tb-h-100 .dxbl-tabs-content-panel.dxbl-loaded,
.tim.tabpage.tb-h-100 .dxbl-tabs-content.dxbl-active {
    height: 100%;
}

.tim.cavabTagElement {
    min-height: 28px;
    line-height: 16px;
    margin: 0 5px;
    border: 1px solid #cbcbcb;
    border-radius: 10px;
    padding: 4px 7px;
    background-color: #BAE0FF;
    color: #2B4BA8;
}

.tim.tagElement {
    min-height: 32px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    padding: 8px 24px;
    display: inline-block;
    border-radius: 25px;
}

    .tim.tagElement.pink {
        background-color: #FFE4F4;
        color: #BF2C84;
    }

    .tim.tagElement.blue {
        background-color: #E9F5FF;
        color: #2E294E;
    }

.tim.tagElementStandartSmall.blue {
    background-color: #E9F5FF;
    color: #2E294E;
}

.tim.tagElement.blueDark {
    background-color: #BAE0FF;
    color: #2B4BA8;
}

.tim.tagElement.orange {
    background-color: #FFECDA;
    color: #FE7F2D;
}

.tim.tagElement.green {
    background-color: #DAFFF4;
    color: #32958F;
}

.tim.tagElement.red {
    background-color: #FFDFDF;
    color: #DF5353;
}

.tim.tagElement.purple {
    background-color: #EFE6FF;
    color: #8F33D8;
}

.tim.tagElementStandartSmall.purple {
    background-color: #EFE6FF;
    color: #8F33D8;
}

.tim.tagElement.yellow {
    background-color: #FDFCDB;
    color: #6B6929;
}

.tim.tagElement.yellowDark {
    background-color: #EBF0CD;
    color: #6B6929;
}

.tim.tagElement.brown {
    background-color: #EFE7E7;
    color: #9A6767;
}

.tim.tagElement.blueLight {
    background-color: #E9F5FF;
    color: #3C92C0;
}

.tim.tagElement.gray {
    background-color: #F5F5F5;
}

.tim.tagElementStandartSmall.gray {
    background-color: #F5F5F5;
}

.tim.tagElement.grayDark {
    background-color: #cbcbcb;
}

.tim.tagElement.greyLight {
    background-color: #e5e2e2;
}

.tim .tagElementButton {
    border: 0 !important;
    width: 60px;
    border-radius: 7px;
}

.tim .tagElementButtonRounded {
    width: 60px;
    height: 30px !important;
    border: 0 !important;
    border-radius: 13px;
}

.tim .tagElementButton.grey,
.tagElementButtonRounded.grey {
    background-color: #cbcbcb !important;
}

.tim .tagElementButton:hover,
.tagElementButtonRounded:hover {
    background-color: initial !important;
    color: black !important;
}

.tim.tagGrid {
    /*    display: grid;
    grid-template-columns: auto auto auto;
    row-gap: 15px;
    column-gap: 15px;*/

    display: flex;
    flex-wrap: wrap;
}

.tim.tagElementStandart {
    min-height: 42px;
    min-width: 220px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #6854FF;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid rgba(199, 192, 255, 0.18);
    background: rgba(199, 192, 255, 0.18);
    width: max-content;
    margin: 0 15px 15px 0;
    flex: 1 1 auto;
}

.tim.tagElementStandartSmall {
    max-width: calc(100% / 9) !important;
    min-width: 68px;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #2C2738;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #D1D1D1;
    background: #F7F7F7;
    margin: 0 6px 2px 0;
    flex: 1 1 auto;
}

.tim.ftpTagElementStandart {
    min-height: 42px;
    min-width: fit-content;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #2C2738;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #D1D1D1;
    background: #F7F7F7;
    width: max-content;
    margin: 0 15px 15px 0;
    flex: 1 1 auto;
}

.DersTagElement {
    width: 100% !important;
}

.tim.gridStatus {
    border: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    border-radius: 50px;
}

    .tim.gridStatus.green,
    .tim.gridStatus.green :hover {
        background: #DAFFF4 !important;
        color: #32958F !important;
    }

    .tim.gridStatus.lightGreen,
    .tim.gridStatus.lightGreen :hover {
        background: #F5F5F5 !important;
        color: #32958F !important;
    }

    .tim.gridStatus.grey,
    .tim.gridStatus.grey :hover {
        background: #EBEBEB !important;
        color: #878787 !important;
    }

    .tim.gridStatus.red,
    .tim.gridStatus.red :hover {
        background: #FFE9E9 !important;
        color: #DF5353 !important;
    }

    .tim.gridStatus.yellow,
    .tim.gridStatus.yellow:hover {
        background: #FDFCDB !important;
        color: #6B6929 !important;
    }

    .tim.gridStatus.orange,
    .tim.gridStatus.orange:hover {
        background: #FFEEE3 !important;
        color: #D45620 !important;
    }

    .tim.gridStatus.purple,
    .tim.gridStatus.purple:hover {
        background: #EFE5FF !important;
        color: #8F33D8 !important;
    }

    .tim.gridStatus.pink,
    .tim.gridStatus.pink:hover {
        background: #FFE4F4 !important;
        color: #BF2C84 !important;
    }

    .tim.gridStatus.blue,
    .tim.gridStatus.blue:hover {
        background: #E9F5FF80 !important;
        color: #2E294E !important;
    }

    .tim.gridStatus.green2,
    .tim.gridStatus.green2:hover {
        background: #E0FDDB !important;
        color: #337C21 !important;
    }

    .tim.gridStatus.green3,
    .tim.gridStatus.green3:hover {
        background: #F3FBF6 !important;
        color: #219653 !important;
    }

/*Accordion bg*/
.tim.accardion.dxbl-accordion > nav > .dxbl-accordion-group:first-child:not(:last-child) {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.dxbl-accordion > nav > .dxbl-accordion-group:last-child:not(:first-child) {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.tim.accardion .dxbl-group-header.dxbl-accordion-group-header {
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
}

    .tim.accardion .dxbl-group-header.dxbl-accordion-group-header:before {
        background: unset !important;
    }

.tim.accardion .dxbl-accordion-item-text-container {
    width: 100%;
    display: unset !important;
}

    .tim.accardion .dxbl-accordion-item-text-container .dxbl-text,
    .tim.accardion .dxbl-accordion-item-text-container .dxbl-fl {
        width: 100%;
    }

.tim.accardion .dxbl-group-header.dxbl-accordion-group-header button.dxbl-group-expand-btn,
.tim.accardion .dxbl-group-header.dxbl-accordion-group-header button.dxbl-group-expand-btn:hover {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--main-color);
    border-color: var(--main-color);
    color: var(--white-color);
}

    .tim.accardion .dxbl-group-header.dxbl-accordion-group-header button.dxbl-group-expand-btn:hover {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: var(--main-color) !important;
        border-color: var(--main-color) !important;
        color: var(--white-color) !important;
    }

    .tim.accardion .dxbl-group-header.dxbl-accordion-group-header button.dxbl-group-expand-btn:before {
        content: none;
    }

    .tim.accardion .dxbl-group-header.dxbl-accordion-group-header button.dxbl-group-expand-btn span {
        opacity: 1;
    }

.tim.acc-p-0 .dxbl-accordion-item-content {
    padding: 0 !important;
}

/*Badge*/
.tim.badge {
    width: 59px;
    height: 32px;
    border-radius: 54px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .tim.badge.green {
        background: #DAFFF4;
        color: #32958F;
    }

    .tim.badge.red {
        background: #FFDFDF;
        color: #DF5353;
    }

.dxbs-tree > ul.nav ul.nav {
    margin: 5px -10px;
}

.dxbl-row {
    margin-right: unset;
    margin-left: unset;
}

.dxbl-grid {
    --dxbl-grid-font-size: unset;
    --dxbl-grid-line-height: unset;
    --dxbl-grid-bg: unset;
    --dxbl-grid-color: unset;
    --dxbl-grid-border-color: unset;
    --dxbl-grid-border-style: unset;
}

.dxbs-context-menu-item.dropdown-item:not(.disabled) .dxbs-context-menu-item-icon,
.dxbs-context-menu-item.dropdown-item:not(.disabled) .dx-popout-image {
    opacity: 1;
}

.tim.popupContent {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: var(--header-text-color);
    word-break: break-all;
}

.tim.infoCard {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2);
    border-radius: 15px;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 10px 20px;
}

    .tim.infoCard.purple {
        background: #6854FF;
    }

        .tim.infoCard.purple .infoCardContent {
            color: #FFFFFF;
        }

    .tim.infoCard.green .infoCardContent {
        color: #3CC0B8;
    }

    .tim.infoCard.orange .infoCardContent {
        color: #FE7F2D;
    }

    .tim.infoCard.grenlight .infoCardContent {
        color: #3CC0B8;
    }

    .tim.infoCard.red .infoCardContent {
        color: #DF5353;
    }

    .tim.infoCard.brownGreen .infoCardContent {
        color: #6B6929;
    }

    .tim.infoCard.grey .infoCardContent {
        color: rgba(0, 0, 0, 0.60);
    }

    .tim.infoCard.greentwo .infoCardContent {
        color: #32958F;
    }

    .tim.infoCard .infoCardContent .amount,
    .tim.infoCard .infoCardContent .currency,
    .tim.infoCard .infoCardContent p {
        font-weight: 700;
    }

    .tim.infoCard .infoCardContent .amount {
        font-size: 36px;
        line-height: 49px;
    }

    .tim.infoCard .infoCardContent .currency {
        font-size: 18px;
        line-height: 25px;
    }

    .tim.infoCard .infoCardContent p {
        font-size: 16px;
        line-height: 24px;
    }

/*Dashboard user info card*/
.tim.userImg {
    width: 100px;
    height: 100px;
}

    .tim.userImg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.tim.userInfo h4 {
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #2E294E;
}

.tim.userInfo span {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #575757;
}

.tim.accordionPadding .dxbl-group-header.dxbl-accordion-group-header {
    padding: 0;
}

/*Dashboard info card*/
.tim.dash-info-card {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    height: 60px;
    align-items: center;
    padding: 0 20px;
}

    .tim.dash-info-card h5 {
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        display: flex;
        align-items: center;
        font-feature-settings: 'liga' off;
        color: #575757;
        margin-bottom: 0;
    }

    .tim.dash-info-card span {
        font-weight: 700;
        font-size: 20px;
        line-height: 27px;
        display: flex;
        align-items: center;
    }

    /*blue*/
    .tim.dash-info-card.blue {
        background: #E9F5FF;
    }

        .tim.dash-info-card.blue span {
            color: #3C92C0;
        }

    /*purple*/
    .tim.dash-info-card.purple {
        background: #EFE6FF;
    }

        .tim.dash-info-card.purple span {
            color: #8F33D8;
        }

    /*red*/
    .tim.dash-info-card.red {
        background: #FFDFDF;
    }

        .tim.dash-info-card.red span {
            color: #DF5353;
        }

    /*yellow*/
    .tim.dash-info-card.yellow {
        background: #FDFCDB;
    }

        .tim.dash-info-card.yellow span {
            color: #6B6929;
        }

    /*orange*/
    .tim.dash-info-card.orange {
        background: #FFECDA;
    }

        .tim.dash-info-card.orange span {
            color: #FE7F2D;
        }

.tim.text {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #575757;
}

.tim.gridLayout {
    display: grid;
    column-gap: 8px;
    grid-template-columns: auto auto auto auto auto;
}

.tim.userInfoTitle h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.87);
}

.tim.userInfoTitle p {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.87);
}

.tim.userInfoCard {
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.09);
    border-radius: 8px;
    height: 80px;
    padding: 10px;
    display: flex;
    align-items: baseline;
    margin-bottom: 20px;
}

    .tim.userInfoCard i {
        font-size: 16px;
        margin-right: 20px;
    }

    .tim.userInfoCard h5 {
        font-weight: 500;
        font-size: 14px;
        line-height: 30px;
        color: rgba(0, 0, 0, 0.5);
    }

    .tim.userInfoCard p {
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        color: rgba(0, 0, 0, 0.87);
    }

.tim.userGridLayout {
    display: grid;
    column-gap: 20px;
    grid-template-columns: auto auto auto;
}

    .tim.userGridLayout.largeCardLayout {
        grid-template-columns: auto auto;
    }

.tim.border-15 {
    border-radius: 15px !important;
}

.tim.grayBorder {
    border-radius: 5px;
    border: 1px solid #EBEBEB !important;
    background: #FFF !important;
    padding: 5px 15px;
}

.tim.mrg-0 .dxbl-fl-ctrl.dxbl-fl-ctrl-nc {
    margin: 0;
}

/*Flyout css*/
.tim.flyoutBody {
    background: #F8F7FF;
}

.tim.flyoutTitle h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #6854FF;
}

.tim.flyoutTitle p {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.87);
}

.tim.flyoutUserGridLayout {
    display: grid;
    column-gap: 60px;
    row-gap: 20px;
    grid-template-columns: auto auto auto;
}

.tim.flyoutUserInfoCard {
    display: flex;
    align-items: baseline;
    width: 180px;
}

    .tim.flyoutUserInfoCard h5 {
        font-weight: 500;
        font-size: 14px;
        line-height: 30px;
        color: rgba(0, 0, 0, 0.5);
    }

    .tim.flyoutUserInfoCard p {
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        color: rgba(0, 0, 0, 0.87);
        margin: 0;
    }

    .tim.flyoutUserInfoCard i {
        font-size: 16px;
        margin-right: 20px;
        color: #6854FF;
    }

.tim.gridCard {
    border-radius: 2px;
    border: 1px solid #F5F5F5;
    background: #FFF;
    box-shadow: 0px 0px 2px 0px rgba(51, 51, 51, 0.17);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #575757;
    text-align: center !important;
    padding: 8px 10px;
    display: inline-block;
}

    .tim.gridCard.blue {
        background: #E9F5FF !important;
    }

    .tim.gridCard h6 {
        color: rgba(0, 0, 0, 0.87);
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .tim.gridCard .text {
        color: #575757;
        text-align: center;
        font-size: 12px;
        font-weight: 600;
        line-height: 24px;
    }

.tim.gridCardItem {
    border-radius: 6px;
    border: 1px solid #F5F5F5;
    background: #FFF;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #575757;
    height: 24px;
    padding: 3px 10px;
    margin-bottom: 5px;
    /*margin-left: 6px !important;*/
    text-align: center;
}

    .tim.gridCardItem:last-of-type {
        margin: 0;
    }

    .tim.gridCardItem.grey {
        background: #F5F5F5;
    }

span.tim.gridCardItem {
    display: inline-block;
    margin: 0;
}

.tim.gridCard p {
    margin: 0;
    /*text-align-last:justify;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tim.gridCardBorder {
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    box-shadow: 0px 0px 3px rgba(51, 51, 51, 0.05);
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    padding: 6px 10px;
}

/*Radio button*/
.tim.radioButton .form-group .form-check-input:focus {
    box-shadow: unset;
}

.tim.radioButton .form-group label {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
}

.tim.radioBtn input {
    border: 1px solid var(--main-color);
}

.tim.radioBtn .form-check-input:checked {
    background-color: var(--main-color);
    outline: var(--main-color);
}

.tim.radioBtn.form-check-input:checked {
    background-color: var(--main-color);
    outline: var(--main-color);
}

.tim.radioButton .dxbl-fl-ctrl.dxbl-fl-ctrl-nc {
    display: flex;
    justify-content: space-between;
}

.tim.radioButton .dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked > .dxbl-checkbox-check-element::before,
.tim.radioButton .dxbl-checkbox.dxbl-checkbox-radio:not(.dxbl-readonly):not(.dxbl-disabled):not(:disabled):hover.dxbl-checkbox-checked .dxbl-checkbox-check-element::before {
    border-color: var(--main-color);
}

.tim.radioButton .dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked > .dxbl-checkbox-check-element::after,
.tim.radioButton .dxbl-checkbox.dxbl-checkbox-radio:not(.dxbl-readonly):not(.dxbl-disabled):not(:disabled):hover.dxbl-checkbox-checked .dxbl-checkbox-check-element::after {
    background-color: var(--main-color);
}

.tim.content {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #575757;
}

.tim.font20 {
    font-size: 20px !important;
}

.tim.statistikaGridLayout {
    display: grid;
    column-gap: 20px;
    grid-template-columns: auto auto auto auto auto;
    align-items: center;
}

    .tim.statistikaGridLayout div {
        height: 52px;
        background: #F7F7F7;
        border: 1px solid #D1D1D1;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tim.statistikaGridLayout h2 {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.87);
        margin: 0;
    }

    .tim.statistikaGridLayout p {
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        color: #2C2738;
        margin: 0;
    }

@media only screen and (max-width: 960px) {
    .tim.flyoutUserGridLayout {
        grid-template-columns: auto;
    }
}

/*grid css*/
.tim.gh-100 .dxbl-fl,
.tim.gh-100 .dxbl-fl .dxbl-row,
.tim.gh-100 .dxbl-row dxbl-form-layout-item:last-child,
.tim.gh-100 .dxbl-row dxbl-form-layout-item:last-child .dxbl-fl-ctrl.dxbl-fl-ctrl-nc {
    height: 100%;
}

.dxbl-fl-ctrl-nc {
    height: 100% !important;
}

.tim.newTable {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .tim.newTable table thead {
        background-color: white !important;
    }

    .tim.newTable table > thead > tr > th {
        height: 50px;
        background: #EAEAFA !important;
        text-align: center;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #444545 !important;
    }

    .tim.newTable table th:first-child {
        border-top-left-radius: 6px;
    }

    .tim.newTable table th:last-child {
        border-top-right-radius: 6px;
    }

    .tim.newTable table > thead > tr > th dxbl-grid-header-content {
        justify-content: center;
    }

    .tim.newTable table > tbody > tr > td {
        /*height: 40px;*/
        border-bottom: 1px solid #EBEBEB !important;
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        color: #575757 !important;
        text-align: center !important;
        word-break: break-word;
        background-color: inherit !important;
    }

.dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before{
    background-color:unset !important;
}

.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
    background-color: unset !important;
}
/*.tim.newTable.virtualScroll tr[dxbl-top-virtual-spacer-element] {
        display: none;
    }*/
.tim.newTable table tbody tr:nth-child(odd) {
    background: var(--white-color);
}

    .tim.newTable table tbody tr:nth-child(even) {
        background: #FBFBFB;
    }

    .tim.newTable table .dxbl-grid-selected-row {
        background: #E9F5FF !important;
    }

    .tim.newTable .dxbl-grid-filter-row button {
        padding: 0;
    }

        .tim.newTable .dxbl-grid-filter-row button:hover {
            color: var(--main-color);
        }

        .tim.newTable .dxbl-grid-filter-row button span {
            visibility: hidden;
            position: relative;
        }

            .tim.newTable .dxbl-grid-filter-row button span:after {
                content: "Təmizlə";
                visibility: visible;
                position: absolute;
                left: 0;
                font-size: 13px;
            }

    .tim.newTable .dxbl-grid-filter-row .dxbl-text-edit:focus-within:has(:focus) {
        border-color: var(--main-color);
    }

    .tim.newTable .dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked > .dxbl-checkbox-check-element::before,
    .tim.newTable .dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked > .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover::before {
        border-color: var(--main-color);
    }

    .tim.newTable .dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked > .dxbl-checkbox-check-element::after,
    .tim.newTable .dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked > .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover::after {
        background-color: var(--main-color);
    }

    .tim.newTable .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element,
    .tim.newTable .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element,
    .tim.newTable .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover,
    .tim.newTable .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover {
        background-color: var(--main-color);
    }

.tim.tablePadding .dxbl-grid-table{
    padding-bottom:40px;
}

/*.dxbl-listbox-item.dxbl-listbox-item-selected {
    background-color: #e9f5ff !important;
}*/

.dxbl-grid-column-chooser-dialog .dxbl-dropdown-header span {
    visibility: hidden;
    position: relative;
}

    .dxbl-grid-column-chooser-dialog .dxbl-dropdown-header span::after {
        content: "Sütunları seç";
        visibility: visible;
        position: absolute;
    }

.dxbl-checkbox.dxbl-checkbox-checked .dxbl-checkbox-check-element:focus-within,
.dxbl-checkbox.dxbl-checkbox-checked .dxbl-checkbox-check-element:has(:focus),
.dxbl-checkbox.dxbl-checkbox-indeterminate .dxbl-checkbox-check-element:focus-within,
.dxbl-checkbox.dxbl-checkbox-indeterminate .dxbl-checkbox-check-element:has(:focus) {
    box-shadow: none;
}

.dxbl-grid .dxbl-grid-table > thead > tr > th span,
.dxbl-grid .dxbl-grid-table > tbody > tr > td,
.dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-group-footer-row > td > div,
.dxbl-grid .dxbl-grid-table > tfoot > tr > td > div {
    overflow: visible !important;
}

.dxFirefox .dxbl-grid .dxbl-grid-table.dxbl-grid-table-no-scroll {
    height: 10% !important;
}

.dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled).dxbl-active {
    background-color: #6854ff !important;
}

.dxbl-radio-group.dxbl-radio-group-vertical {
    -webkit-box-orient: horizontal !important;
    flex-flow: row !important;
}

    .dxbl-radio-group.dxbl-radio-group-vertical > .dxbl-checkbox-radio + .dxbl-checkbox-radio {
        padding-top: 0px !important;
        padding-left: 20px !important;
    }

.same-type .dxbl-gridlayout-root {
    gap: 0px !important;
}

/*Cedvel*/
.CedvelCard {
    position: relative;
    border-radius: 10px !important;
    margin: 20px 0px;
    font-family: var(--body-font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 15px !important;
    line-height: 30px;
}

    .CedvelCard div {
        margin: auto;
    }

.CedvelCardIcon {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.CedvelCardIconGun {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 25px;
}

.cedvelIcon {
    Width: 35px;
    Height: 35px;
    border-radius: 55px !important;
}

.CedvelButtonClose {
    width: 20px;
    height: 20px;
    border-radius: 55px !important;
}

.CedveltamHefte {
    background: #E9F5FF;
    border: 1px solid #E9F5FF;
    color: #2E294E;
}

.cedvelMuhazire {
    background-color: #BAE0FF !important;
    color: #2E294E !important;
    border: 1px solid #BAE0FF !important;
}

.CedveltamHefteClose {
    background-color: #BAE0FF !important;
    border: 1px solid #BAE0FF !important;
    color: white !important;
}

.CedvelUstHefte {
    background: #FFECDA !important;
    border: 1px solid #FFECDA;
    color: #D55620;
}

.cedvelSeminar {
    background-color: #FBC89A !important;
    color: #D55620 !important;
    border: 1px solid #FBC89A !important;
}

.CedvelUstHefteClose {
    background-color: #FBC89A !important;
    border: 1px solid #FBC89A !important;
    color: white !important;
}

.CedvelAltHefte {
    background: #FFDFDF !important;
    border: 1px solid #FFDFDF;
    color: #DF5353;
}

.cedvelLabaratoriya {
    background-color: #E3B5FF !important;
    color: #8F33D8 !important;
    border: 1px solid #E3B5FF !important;
}

.CedvelAltHefteClose {
    background-color: #D797FF !important;
    border: 1px solid #D797FF !important;
    color: white !important;
}

.cedvelCheckbox.orange .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #6854FF !important;
    background-color: #6854FF !important;
}

.cedvelCheckbox.green .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #00C980 !important;
    background-color: #00C980 !important;
}

.cedvelCheckbox.red .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #DF5353 !important;
    background-color: #DF5353 !important;
}

.cedvelCheckbox.purple .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #8F33D8 !important;
    background-color: #8F33D8 !important;
}

.cedvelCheckbox.orangeTwo .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #F5AC6A !important;
    background-color: #F5AC6A !important;
}

.cedvelCheckbox.grey .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #959595 !important;
    background-color: #959595 !important;
}

.btn.btn-sm.dx-btn.btn-secondary.dxbs-edit-btn.dropdown-toggle.dxbs-clickable,
div.dxbs-btn-group.dxbs-input-group-append > button.btn.btn-secondary.dxbs-edit-btn {
    color: var(--orange-color) !important;
    background-color: var(--white-color) !important;
    border-color: var(--white-color) !important;
}

.tim.libCheckbox.green .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #00C980 !important;
    background-color: #00C980 !important;
}

.tim.libCheckbox.green label {
    font-family: var(--body-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 15px;
    color: #575757;
}

.ustIcon {
    border-radius: 55px;
    width: 20px;
    height: 20px;
    background-color: #D55620 !important;
    border: 1px solid #D55620 !important;
    color: white;
}

.altIcon {
    border-radius: 55px;
    width: 20px;
    height: 20px;
    background-color: #8F33D8 !important;
    border: 1px solid #8F33D8 !important;
    color: white;
}

.tim.cedvelBtns {
    /*display: flex;
    flex-direction: column;
    gap: 50px;*/
    /*position:relative;*/
}

.pat-btn {
    position: absolute;
    top: 5px;
    right: 5px;
}

.pab-btn {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.bg-grey {
    background-color: #FAFAFA;
    padding: 10px 20px;
}

.tim.badge {
    /* height: 32px;*/
    border-radius: 54px;
    font-family: var(--body-font-family);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 32px;
    padding: 0 20px;
    white-space: normal;
    text-align: left;
}

    .tim.badge.green {
        background-color: #DAFFF4;
        color: #32958F;
    }

    .tim.badge.grey {
        background-color: #E4E4E4;
        color: #959595;
    }

    .tim.badge.red {
        background-color: #FFDFDF;
        color: #DF5353;
    }

    .tim.badge.orange {
        background-color: #FFECDA;
        color: #FE7F2D;
    }

    .tim.badge.purple {
        background-color: #EFE6FF;
        color: #8F33D8;
    }

    .tim.badge.lightGreen {
        background-color: #E0FDDB;
        color: #337C21;
    }

    .tim.badge.blue {
        background-color: #E9F5FF;
        color: #2E294E;
    }

    .tim.badge.lightBlue {
        background-color: #E9F5FF;
        color: #3C92C0;
    }

.tim.infoCard.brown .infoCardContent {
    color: #6B6929;
}

.qiymetGreyGreenBtn {
    background: #F5F5F5 !important;
    color: rgba(0, 0, 0, 0.38);
}

    .qiymetGreyGreenBtn .green {
        color: #32958F !important;
    }

    .qiymetGreyGreenBtn .red {
        color: #DF5353 !important;
    }

.tim.jurnalBtn,
.tim.allIconBtn,
.tim.qiymet {
    /* height: 30px;*/
    /* width: 50px;*/
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 24px;
    border: none;
    background: unset;
    font-family: var(--body-font-family);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
}

.tim.jurnalPurpleBtn,
.tim.purpleBtn {
    background: #EFE6FF !important;
    color: #8F33D8 !important;
}

.tim.jurnalGreyeBtn,
.tim.qiymetGreyBtn {
    background: #E4E4E4 !important;
    color: #575757 !important;
}

.tim.jurnalOrangeBtn,
.tim.qiymetOrangeBtn {
    background: #FFECDA !important;
    color: #6854FF !important;
}

.timjurnalYellowBtn {
    background: #FDFCDB !important;
    color: #6B6929 !important;
}

.tim.jurnalRedBtn,
.tim.qiymetRedBtn {
    background: #FFDFDF !important;
    color: #DF5353 !important;
}

.tim.redBtn {
    background: #FFDFDF !important;
    color: #DF5353 !important;
}

.tim.greyBtn {
    background: #EFEFEF !important;
    color: #959595 !important;
}

.tim.jurnalGreenBtn,
.tim.qiymetGreenBtn {
    background: #DEEFE5 !important;
    color: #32958F !important;
}

.tim.jurnalBlueBtn,
.tim.qiymetBlueBtn {
    background: #E9F5FF !important;
    color: #3C92C0 !important;
}

.tim.jurnalQrup.green {
    background: #DAFFF4 !important;
    color: #32958F !important;
}

.tim.jurnalQrup.red {
    background: #FFDFDF !important;
    color: #DF5353 !important;
}

.cedvelLittleCard {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2);
    border-radius: 5px;
    padding: 10px;
}

.alt-ust h2 {
    font-family: var(--body-font-family);
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    line-height: 26px;
    color: white;
    width: 87px;
    height: 25px;
    border-radius: 30px;
    margin-bottom: 0;
    text-align: center;
}

.alt-ust.yellow h2 {
    background-color: #F9CC62;
}

.alt-ust.red h2 {
    background-color: #F82E8C;
}

/*Cedvel*/
/*Table*/
.fquzrecedvel .dxbl-grid-empty-row {
    display: none !important;
}

.tim.WebNewTable table {
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    border-bottom: none !important;
    border-top: none !important;
}

    .tim.WebNewTable table thead tr {
        border-radius: 5px !important;
        /*background: rgba(46, 60, 127, 0.1);*/
        box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2);
    }

        .tim.WebNewTable table thead tr th {
            background: white !important;
            border-bottom: 1px solid #D4D9DD !important;
            border-top: 1px solid #D4D9DD !important;
            /*        background: #EFEFEF;
*/
        }

        .tim.WebNewTable table thead tr th {
            border: 1px solid #D4D9DD !important;
            /*border-radius: 5px;*/
        }

            .tim.WebNewTable table thead tr th:first-child {
                border-left: 1px solid #D4D9DD !important;
            }

            .tim.WebNewTable table thead tr th:last-child {
                border-right: 1px solid #D4D9DD !important;
            }

            .tim.WebNewTable table thead tr th:first-child {
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px;
            }

            .tim.WebNewTable table thead tr th:last-child {
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
            }

            .tim.WebNewTable table thead tr th .dxbl-grid-header-content {
                justify-content: center;
            }

    .tim.WebNewTable table tbody tr {
        background: var(--white-color);
        box-sizing: border-box;
        /*box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2);*/
        border: 1px solid #D4D9DD !important;
        border-radius: 5px;
    }

        .tim.WebNewTable table tbody tr.dxbl-grid-selected-row {
            background: #E9F5FF !important;
        }

        .tim.WebNewTable table tbody tr td {
            background: var(--white-color);
            font-weight: normal;
            font-size: 16px;
            line-height: 22px;
            text-align: center !important;
            color: #383838;
            height: 50px !important;
            white-space: normal;
            /*border: 1px solid #fff !important;*/
            /*border-radius: 5px;*/
        }

            .tim.WebNewTable table tbody tr td:first-child {
                border-left: 1px solid #D4D9DD !important;
                border-bottom: 1px solid #D4D9DD !important;
                border-right: 1px solid #D4D9DD !important;
                /*border-top-left-radius: 5px;*/
                background: white !important;
                background: white;
                border-radius: 5px !important;
                padding: 20px 5px;
                box-shadow: 0px 0px 10px rgb(51 51 51 / 20%);
            }

            .tim.WebNewTable table tbody tr td:last-child {
                border-right: 1px solid #D4D9DD !important;
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
            }

    .tim.WebNewTable table thead tr th,
    .tim.WebNewTable .table table thead label {
        font-weight: bold;
        font-size: 16px;
        line-height: 22px;
        text-align: center !important;
        color: var(--main-color);
        height: 50px;
        /* border: none !important;*/
    }

.dxbl-checkbox.dxbl-checkbox-switch.dxbl-checkbox-checked .dxbl-checkbox-check-element {
    background: var(--main-color);
}

.dxbl-checkbox.dxbl-checkbox-switch:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover {
    background: var(--main-color);
}

.dxbl-fl-ctrl {
    margin-top: 4.5px !important;
}

.endItems .dxbl-fl-ctrl.dxbl-fl-ctrl-nc {
    padding: 0 10px 0 0;
    text-align: end !important;
}

.cariShobeYer span {
    color: var(--mixed-black, #575757);
    font-family: Noto Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.cariShobeYer p {
    color: var(--black-87, rgba(0, 0, 0, 0.87));
    font-family: Noto Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.cariShobeBolme p {
    color: var(--black-87, rgba(0, 0, 0, 0.87));
    font-family: Noto Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.dxbl-checkbox.dxbl-checkbox-switch.dxbl-checkbox-checked .dxbl-checkbox-check-element {
    background: #00C980;
}

.tim.webBody.Newtable .card table thead tr {
    border-radius: 5px !important;
    /*background: rgba(46, 60, 127, 0.1);*/
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2);
}

    .tim.webBody.Newtable .card table thead tr th {
        /*background: rgba(46, 60, 127, 0.1);*/
        border-bottom: 1px solid #D4D9DD !important;
        border-top: 1px solid #D4D9DD !important;
        /*        background: #EFEFEF;
*/
    }

        .tim.webBody.Newtable .card table thead tr th:first-child {
            border-left: 1px solid #D4D9DD !important;
        }

        .tim.webBody.Newtable .card table thead tr th:last-child {
            border-right: 1px solid #D4D9DD !important;
        }

        .tim.webBody.Newtable .card table thead tr th:first-child {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .tim.webBody.Newtable .card table thead tr th:last-child {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

.tim.webBody.Newtable .card table tbody tr {
    background: var(--white-color);
    box-sizing: border-box;
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2);
    border-radius: 5px;
}

    .tim.webBody.Newtable .card table tbody tr td {
        background: var(--white-color);
        font-family: var(--body-font-family);
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 22px;
        text-align: center !important;
        color: #383838;
        height: 50px !important;
        border-bottom: 1px solid #D4D9DD !important;
        border-top: 1px solid #D4D9DD !important;
        border-left: none !important;
        border-right: none !important;
        white-space: normal;
    }

        .tim.webBody.Newtable .card table tbody tr td:first-child {
            border-left: 1px solid #D4D9DD !important;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .tim.webBody.Newtable .card table tbody tr td:last-child {
            border-right: 1px solid #D4D9DD !important;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

.tim.WebNewTable .card {
    border: none !important;
}

.tim.webBody.Newtable table thead tr th,
.tim.table table thead label {
    font-family: var(--body-font-family);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center !important;
    color: var(--table-header-color);
    height: 50px;
    /* border: none !important;*/
}

.tim.webBody.Newtable .card table tbody tr td .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,
.tim.webBody.Newtable .card table tbody tr td.table-active.bg-primary .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: var(--orange-color) !important;
    border: 1px solid var(--orange-color) !important;
}

.tim.webBody.Newtable .card table tbody tr td .custom-checkbox .custom-control-input[type=checkbox] {
    -webkit-appearance: none;
    background-color: #fafafa !important;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05) !important;
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    /*position: relative;*/
}

    .tim.webBody.Newtable .card table tbody tr td .custom-checkbox .custom-control-input[type=checkbox]:checked {
        background-color: #e9ecee !important;
        border: 1px solid #adb8c0 !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1) !important;
        color: #99a1a7 !important;
    }

/*.bg-primary {
    background-color: #2E3C7F !important;
}*/
.tim.gridIcon,
.tim.gridIcon:hover,
.tim.gridIcon:active,
.tim.gridIcon:focus,
.tim.gridIcon .btn-primary:not(:disabled):not(.disabled).active,
.tim.gridIcon .btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background-color: unset !important;
    border: none !important;
    /*color: #2E3C7F !important;*/
    box-shadow: none;
}

.tim.webBody.Newtable .card table tbody tr td.table-active.bg-primary {
    background-color: var(--blue-color) !important;
    color: var(--table-body-color) !important;
}

.tim.cedvelBtnDiv {
    align-items: start !important;
    flex-direction: column;
    gap: 10px;
}

.ptcedvelleftright {
    border: 1px solid #6854FF !important;
    box-sizing: border-box;
    border-radius: 51px !important;
    color: #6854FF !important;
    background-color: white !important;
    width: 32px;
    height: 32px;
}

.tim.cedvelDayWeekBtns {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgb(51 51 51 / 20%);
    border-radius: 50px;
    height: 32px;
    align-items: center;
    display: flex;
    padding: 5px;
    position: absolute;
    right: 3%;
}

    .tim.cedvelDayWeekBtns button {
        border-radius: 44px;
        border: var(--body-font-family);
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 22px;
        color: #959595;
        height: 30px;
        background: unset;
        border: none;
        min-width: 65px;
    }

        .tim.cedvelDayWeekBtns button.cedvelActive,
        .tim.cedvelDayWeekBtns button.cedvelActive:active,
        .tim.cedvelDayWeekBtns button:active {
            background: #6854FF !important;
            font-weight: bold !important;
            color: #FFFFFF !important;
        }

.tim.WebNewTable div table {
    border-collapse: separate !important;
    border-spacing: 2px !important;
    border-bottom: none !important;
    border-top: none !important;
}

.tim.WebNewTable .card {
    border: none !important;
}

.CedvelCard {
    border-radius: 10px !important;
    margin: 20px 0px;
    font-family: var(--body-font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
}

.cedvelShadow .dxbl-grid-last-fixed-left-cell {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    clip-path: inset(0px -15px 0px 0px);
}

.CedvelCard div {
    margin: auto;
}

.cedvelIcon {
    Width: 35px;
    Height: 35px;
    border-radius: 55px !important;
}

.CedvelButtonClose {
    width: 20px;
    height: 20px;
    border-radius: 55px !important;
}

.CedveltamHefte {
    background: #E9F5FF;
    border: 1px solid #E9F5FF;
    color: #2E294E;
}

.cedvelMuhazire {
    background-color: #BAE0FF !important;
    color: #2E294E !important;
    border: 1px solid #BAE0FF !important;
}

.CedveltamHefteClose {
    background-color: #BAE0FF !important;
    border: 1px solid #BAE0FF !important;
    color: white !important;
}

.CedvelUstHefte {
    background: #FFECDA !important;
    border: 1px solid #FFECDA;
    color: #D55620;
}

.cedvelSeminar {
    background-color: #FBC89A !important;
    color: #D55620 !important;
    border: 1px solid #FBC89A !important;
}

.CedvelUstHefteClose {
    background-color: #FBC89A !important;
    border: 1px solid #FBC89A !important;
    color: white !important;
}

.cedvelLabaratoriya {
    background-color: #E3B5FF !important;
    color: #8F33D8 !important;
    border: 1px solid #E3B5FF !important;
}

.CedvelAltHefteClose {
    background-color: #D797FF !important;
    border: 1px solid #D797FF !important;
    color: white !important;
}

.cedvelCheckbox.orange .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #6854FF !important;
    background-color: #6854FF !important;
}

.cedvelCheckbox.green .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #00C980 !important;
    background-color: #00C980 !important;
}

.cedvelCheckbox.red .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #DF5353 !important;
    background-color: #DF5353 !important;
}

.cedvelCheckbox.purple .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #8F33D8 !important;
    background-color: #8F33D8 !important;
}

.cedvelCheckbox.orangeTwo .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #F5AC6A !important;
    background-color: #F5AC6A !important;
}

.cedvelCheckbox.grey .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #959595 !important;
    background-color: #959595 !important;
}

.btn.btn-sm.dx-btn.btn-secondary.dxbs-edit-btn.dropdown-toggle.dxbs-clickable,
div.dxbs-btn-group.dxbs-input-group-append > button.btn.btn-secondary.dxbs-edit-btn {
    color: var(--orange-color) !important;
    background-color: var(--white-color) !important;
    border-color: var(--white-color) !important;
}

.tim.libCheckbox.green .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #00C980 !important;
    background-color: #00C980 !important;
}

.tim.libCheckbox.green label {
    font-family: var(--body-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 15px;
    color: #575757;
}

.ustIcon {
    border-radius: 55px;
    width: 20px;
    height: 20px;
    background-color: #D55620 !important;
    border: 1px solid #D55620 !important;
    color: white;
}

.altIcon {
    border-radius: 55px;
    width: 20px;
    height: 20px;
    background-color: #8F33D8 !important;
    border: 1px solid #8F33D8 !important;
    color: white;
}

.tim.cedvelBtns {
    /*display: flex;
    flex-direction: column;
    gap: 50px;*/
    /*position:relative;*/
}

.pat-btn {
    position: absolute;
    top: 5px;
    right: 5px;
}

.pab-btn {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

/*Cedvel end*/
/*finkod*/
.tim.finkod div input {
    text-transform: uppercase;
}

/*finkod end*/

/*.dxbs-grid-header-container {
    width: auto!important;
}

.dxbs-grid-hsd {
    width: auto!important;
}*/

/*telebe muellum portali*/

.pt-head {
    /*    background: #E9F5FF;
    border-radius: 25px;*/
}

    .pt-head span {
        background: #FE7F2D;
        border: 10px solid #FE7F2D;
        border-radius: 114px;
        width: 48px;
        height: 48px;
        color: white;
        font-family: var(--body-font-family);
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 33px;
        padding: 0 12px;
    }

/*.dxbl-fl-ctrl-nc{
height:100%!important;
}*/
.tab-100,
.tab-100 .dxbl-tabs-content-panel {
    height: 100% !important;
}

.tim.gh-100 .dxbl-fl,
.tim.gh-100 .dxbl-fl .dxbl-row,
.tim.gh-100 .dxbl-row dxbl-form-layout-item:last-child,
.tim.gh-100 .dxbl-row dxbl-form-layout-item:last-child .dxbl-fl-ctrl.dxbl-fl-ctrl-nc,
.tim.gh-100.dxbl-fl,
.tim.gh-100.dxbl-fl .dxbl-row,
.tim.gh-100.dxbl-fl-group,
.tim.gh-100.dxbl-fl-group .dxbl-row {
    height: 100%;
}

.tarixceDataGrid .dxbl-row,
.row100 .dxbl-row {
    width: 100%;
}

.rowH100 .dxbl-row {
    height: 100% !important;
}

.rowEnd .dxbl-fl-ctrl.dxbl-fl-ctrl-nc {
    display: flex;
    justify-content: end;
}

/*.AccItem100 .dxbl-fl{
    width:inherit;
}*/
.blueCard {
    padding: 5px;
    border-radius: 9px;
    background-color: #E9F5FF;
    box-shadow: 0px 0px 2px 0px #3333332B;
    border: 1px solid #D1D1D1;
}

.fennQruplari .blueCard {
    padding-top: 10px;
    padding-bottom: 10px;
}

.grey-card {
    background: #FAFAFA !important;
    padding-top: 10px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 10px !important;
    border-radius: 4px !important;
    height: 68px;
}

    .grey-card p {
        color: #575757;
    }

.purple-card {
    background: #C7C0FF2E !important;
    padding-top: 10px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 10px !important;
    border-radius: 4px !important;
    color: #6854FF !important;
    height: 68px;
}

    .purple-card p {
        color: #6854FF;
    }

.form-check-input:checked {
    background-color: #959595;
    border-color: #959595;
}

.info-style {
    border-bottom: 1px solid #D4D4D4;
    padding-bottom: 5px;
    min-height: 60px;
}

    .info-style p {
        font-size: 14px;
        color: #959595;
    }

    .info-style h6 {
        font-size: 16px;
        color: #575757;
    }

.gridStatus.blue-icon {
    background-color: #BAE0FF;
    color: black;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 2px 0px;
    border: none;
    text-align: center;
    justify-content: center;
    display: inline-flex;
}

.border-green {
    background: transparent !important;
    border: 1px solid #32958F !important;
    color: #32958F !important;
    width: 60px !important;
}

.border-red {
    background: transparent !important;
    border: 1px solid #DF5353 !important;
    color: #DF5353 !important;
    width: 60px !important;
}

.border-blue {
    background: transparent !important;
    border: 1px solid #BAE0FF !important;
    color: #BAE0FF !important;
    width: 60px !important;
}

.gh-90 {
    height: 89% !important;
}

.gh-95 {
    height: 86% !important;
}

.gh-98 {
    height: 98% !important;
}

.gh-scroll {
    height: 495px !important;
    overflow-y: scroll !important;
}

.white-card {
    background: #FFFFFF !important;
    padding: 25px !important;
    padding-left: 16px !important;
    border-radius: 6px !important;
    box-shadow: 0px 0px 10px 0px #33333317;
    transition: 0.2s;
    cursor: pointer;
}

    .white-card:hover {
        transform: scale(1.02);
    }

    .white-card i {
        color: #6854FF;
        padding: 8px;
        border: 1px solid #BEB5FF;
        border-radius: 8px;
        font-size: 22px;
        width: 46px;
        text-align: center;
        height: 46px;
        padding-top: 12px;
    }

.PopupHeaderText {
    color: var(--black-87, rgba(0, 0, 0, 0.87));
    font-family: Noto Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.non-colour .dxbl-group-expand-btn,
.non-colour .dxbl-group-expand-btn:hover {
    background: transparent !important;
    border-color: transparent !important;
    color: black !important;
}

.non-colour.dxbl-group > .dxbl-group-header > .dxbl-btn.dxbl-group-expand-btn:hover {
    background: transparent !important;
    border-color: transparent !important;
    color: black !important;
}

.jurnalIeRadioBtn {
    color: var(--green-green-2, #32958F);
    font-family: Noto Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

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

    .jurnalIeRadioBtn .form-check-input:checked {
        background-color: #32958F;
        border-color: #32958F;
    }

    .jurnalIeRadioBtn input {
        outline: 1px solid #8F33D8;
    }

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

.jurnalQbRadioBtn .form-check-input:checked {
    background-color: #DF5353;
    border-color: #DF5353;
}

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

.jurnalQiymetRadioBtn input {
    outline: 1px solid #8F33D8;
}

.jurnalQiymetRadioBtn .form-check-input:checked {
    background-color: #8F33D8;
    border-color: #8F33D8;
}

.valid.modified:not([type=checkbox]) {
    outline: none !important;
}

.jurnalDiv .form-check-input {
    border: none;
}

.dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-radio.dxbl-checkbox-checked .dxbl-checkbox-check-element::before {
    border: 2px solid #6854FF !important;
}

.jurnalQbRadioBtn input {
    outline: 1px solid #DF5353;
}

.dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-radio.dxbl-checkbox-checked .dxbl-checkbox-check-element::after {
    background-color: #6854FF !important;
}

.jurnalIeRadioBtn input {
    outline: 1px solid #32958F;
}

.dxbl-checkbox.valid.modified:not([type=checkbox]).dxbl-checkbox-radio.dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before {
    border: 2px solid #6854FF !important;
}

.h-change .dxbl-fl-ctrl-nc {
    height: 90% !important;
    overflow: scroll !important;
}

.yellowBox {
    display: flex;
    height: 40px;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 54px;
    background: var(--yellow-yelo, #FDFCDB);
}

.deyishBtnPurple {
    display: flex;
    width: 149px;
    color: var(--primary-purple-main, #6854FF);
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    height: 40px;
    padding: 10px;
    background: white;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid var(--primary-purple-main, #6854FF);
}

.formLayoutItemSingleBtn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    transition: all ease-in-out 0.5s;
    gap: 20px;
    align-self: stretch;
    margin-bottom: 10px;
}

    .formLayoutItemSingleBtn .dxbl-fl-ctrl.dxbl-fl-ctrl-nc {
        display: flex;
        justify-content: flex-end;
    }

    .formLayoutItemSingleBtn .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
        background: #6854FF;
        color: white;
    }

.dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked > .dxbl-checkbox-check-element::before {
    border: 2px solid #6854FF !important
}

.dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked > .dxbl-checkbox-check-element::after {
    background-color: #6854FF !important;
}

.value-radio {
    box-shadow: 0px 0px 10px rgb(51 51 51 / 20%);
    padding: 20px 30px;
    border-radius: 11px;
}

.NewElaveEt {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none;
    border-radius: 12px;
    background: var(--primary-purple-main, #6854FF);
    box-shadow: 0px 0px 3px -3px rgba(238, 95, 12, 0.20);
}

    .NewElaveEt:hover {
        background: var(--primary-purple-main, #6854FF) !important;
    }

.NewTemizle:hover {
    background: none;
    border: 1px solid var(--mixed-deactive-grey, #959595) !important;
}

.NewTemizle {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    border: none;
    gap: 10px;
    background: none;
    border-radius: 12px;
    border: 1px solid var(--mixed-deactive-grey, #959595);
}

    .NewTemizle.dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
        background: initial;
    }

    .NewTemizle:hover {
        background: initial;
    }

    .NewTemizle span {
        color: grey;
    }

.etrafliQeyd {
    line-height: 30px;
    color: #575757;
    font-weight: 600;
    text-align: left;
    font-size: 16px;
}

.headTitle h1 {
    color: var(--black-87, rgba(0, 0, 0, 0.87));
    font-family: Noto Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.tim.CedvelTitle {
    color: var(--mixed-black, #575757);
    font-family: Noto Sans;
    font-size: 24px;
    font-style: normal;
    padding: 0 15px;
    font-weight: 700;
    line-height: 24px;
}

.infoCard.col-2 {
    width: 18.666667%;
}

.topButton {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.BoTableData th {
    color: var(--mixed-black, #575757);
    font-family: Noto Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-right: 15px;
}

.BoTableData td {
    color: var(--black-87, rgba(0, 0, 0, 0.87));
    font-family: Noto Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
}

.etrafliOdenish {
    padding-right: 75px !important;
}

.tim.newSbtitle {
    color: var(--black-87, rgba(0, 0, 0, 0.87));
    font-family: Noto Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
}

.tim.gridIcon.green span::before {
    color: #3CC0B8;
}

.tim.gridIcon.red span::before {
    color: #DF5353;
}

.circleMuhasibatliq {
    padding: 6px 17px;
    border-radius: 24px !important;
}

.tim.tagElementStandartCol {
    min-height: 100%;
    /*min-width: 44%;*/
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: #6854FF;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    border: 1px solid rgba(199, 192, 255, 0.18);
    background: rgba(199, 192, 255, 0.18);
    /*margin: 0 15px 15px 0;*/
}

.DcIqGridButton {
    font-size: 20px !important;
}

.gh-kadr {
    height: 88% !important;
}

.resp-button {
    margin-right: 9px;
}

.clock-button {
    height: 32px;
    width: 70px;
    margin-right: 10px;
    text-align: center !important;
}

.width-280 {
    width: 280px !important;
}

.ftp-media {
    width: 20% !important;
}

.dav-height {
    height: 340px !important;
}

@media screen and (max-width: 1400px) {
    .info-text {
        font-size: 16px;
        font-weight: 400;
        padding-left: 5px;
    }

    .gh-kadr {
        height: 49% !important;
    }

    .desktop {
        padding-left: 1rem !important;
    }

    .dav-height {
        height: 220px !important;
    }

    .responsive-purple {
        position: relative !important;
        right: 15px !important;
    }

    .resp-button {
        width: 199px !important;
    }

    .different-tags .tim.tagElementStandart {
        min-width: 168px;
    }

    .different-tags .col-lg-3 {
        width: 37% !important;
    }

    .different-tags .col-lg-1 {
        width: 12.333333% !important;
    }

    .ftp-media {
        width: 26% !important;
    }

    .caridovriyye .dxbl-col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33%;
    }
}

.arrow-line {
    background: rgba(209, 209, 209, 1);
    width: 1.75px;
    height: 45px;
    position: relative;
    left: 9px;
    bottom: 22px;
}

@media screen and (max-width: 480px) {
    .infoCard.col-2 {
        width: 100%;
        margin-bottom: 10px;
    }

    .main-info-part-about {
        padding-left: 30px !important;
        width: 69% !important;
    }

    .main-info-part-icon {
        padding-left: 30px !important;
    }

    .arrow-line {
        width: 2.75px;
    }

    .mpt-responsive .gridStatus {
        margin-bottom: 15px !important;
        width: 120px !important;
    }

    .acc-card {
        flex-direction: column;
    }

    .left-line-cavab {
        width: 26px !important;
    }

    .tbcPopupCrudMobile {
        width: 97% !important;
    }

    .tbcPopupMobile {
        width: 97% !important;
    }

    .flex-wrap-responsive div {
        flex-wrap: wrap;
    }

        .flex-wrap-responsive div div {
            display: flex;
            margin-top: 12px;
        }

    .d-flex justify-content-end {
        display: flex !important;
    }

    .grey-card {
        height: 91px;
    }

    .overflow-mobil-visible {
        overflow: visible !important;
    }

    .h-initial {
        height: initial !important;
    }

    .ps-sm-0 {
        padding-left: 0px !important;
    }

    .pe-sm-0 {
        padding-right: 0px !important;
    }

    .white-card h6 {
        font-size: 12px;
        margin: 0 !important;
    }

    .ders .tim.tagElementStandart {
        width: 70px !important;
        min-width: 70px !important;
    }

    .ders .tim.tagElement.red {
        background-color: #FFDFDF;
        color: #DF5353;
        right: -37px;
        bottom: -11px;
        position: absolute;
    }

    .takeplace {
        width: 100% !important;
        overflow: hidden !important;
    }

    body {
        overflow: hidden !important;
    }

    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }

    .tim.mainTitle {
        font-size: 18px;
    }

    .p-sm-0 {
        padding: 0rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .create-position {
        display: flex;
        position: absolute;
        bottom: -39%;
        right: -16%;
    }

    .create-position1 {
        display: flex;
        position: absolute;
        bottom: -84%;
        right: -16%;
    }

    .different-tags .tim.tagElementStandart {
        min-width: 140px;
    }

    .jurnal-position {
        padding-left: 8% !important;
    }

    .jurnal-position1 {
        padding-left: 4%;
        align-items: flex-end;
        width: 100%;
        margin-top: 20px;
    }

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

        .white-card h6 {
            position: relative !important;
            left: 0px !important;
            top: 5px !important;
            display: block !important;
        }

    .book-width {
        width: 83.3333333333% !important;
    }

    .book-width-qiymet {
        width: 14.666667% !important;
    }

    .overflow {
        overflow: scroll !important;
    }

    .overflow-y-scroll {
        overflow-y: scroll !important;
    }

    .mpt-responsive-title {
        display: contents !important;
    }

    .mpt-responsive {
        display: block !important;
    }

        .mpt-responsive .tagElementStandart, .mpt-responsive .btn-responsive {
            margin-bottom: 15px !important;
        }

    .responsive-justify {
        justify-content: start !important;
        margin-left: 9px !important;
        margin-top: 14px;
    }

    .d-sm-grid1 {
        display: grid !important;
    }

    .left-line {
        left: -14px !important;
    }
}

.different-tag .tagElement {
    padding: 1px 24px !important;
}

.tvp .dxbl-accordion-group-header {
    padding-left: 0px !important;
}

.tabelgridStatus {
    margin: 0 auto !important;
    height: 50px !important;
    border-radius: 12px !important;
    display: grid !important;
}

.acc-padding {
    padding: 9px !important;
}

/*.tim.WebNewTable table tbody tr td {
    border: 0.5px solid #6060604D !important;
    border-radius: 0px !important;
}*/

dxbl-grid[data-dx-grid-uid="6fb93a57-8ba0-49d8-9dbb-8e099a5613fc"] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > * > tr > td.dxbl-grid-last-fixed-left-cell {
    border-right-color: #d4d9dd !important;
}

.table-td .dxbl-grid-action {
    padding: 30px !important;
}

.table-td .dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
    background-color: white !important;
}

.virtualScrolledGrid tr:first-child {
    display: none;
}

.info-acc .fa-info-circle {
    color: #6854ff;
    font-size: 17px !important;
}

.info-acc .tim.accardion .dxbl-group-header.dxbl-accordion-group-header button.dxbl-group-expand-btn,
.info-acc .tim.accardion .dxbl-group-header.dxbl-accordion-group-header button.dxbl-group-expand-btn:hover {
    background-color: transparent !important;
    border-radius: 10px !important;
    border-color: rgba(199, 199, 199, 1) !important;
    height: 40px !important;
    width: 42px !important;
}

.tabel-height {
    height: 260px !important;
}

/*starts FilterPopupDesign*/

.tim.newTable .dxbl-grid-filter-menu-funnel-btn {
    margin: 0;
}

.tim.newTable .dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-filled {
    color: var(--main-color);
}

.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element,
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element {
    background-color: var(--main-color)
}

.dxbl-dropdown > .dxbl-dropdown-dialog,
.dxbl-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-header,
.dxbl-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-footer {
    border-radius: 20px;
}

    .dxbl-dropdown > .dxbl-dropdown-dialog .dxbl-checkbox input:hover {
        background-color: initial !important;
    }

    .dxbl-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-footer .dxbl-btn {
        border-radius: 8px;
    }

        .dxbl-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-footer .dxbl-btn.dxbl-btn-primary {
            background-color: var(--main-color);
            border: 0;
        }

    .dxbl-dropdown > .dxbl-dropdown-dialog --dxbl-checkbox-check-element-checked-hover-bg {
        background-color: var(--main-color) !important;
    }

/*ends FilterPopupDesign*/
/*.dxbl-loading-panel {
    z-index:999999;
}*/

.dxbl-loading-panel-container {
    z-index: 1250 !important;
}

.dxbl-grid .dxbl-grid-table > thead > tr > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header) {
    padding: 20px !important;
}

.dxbl-btn:not(.dxbl-disabled):not(:disabled) {
    transition: all .2s ease !important;
}

.cedvel-all .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
    border-color: #6854ff !important;
    background: #6854ff !important;
    background-color: #6854ff !important;
    color: white !important;
}

.tedris-ichinde-radios .dxbl-checkbox.dxbl-checkbox-radio:first-child, .tedris-ichinde-radios .dxbl-radio-group.dxbl-radio-group-vertical > .dxbl-checkbox-radio:first-child {
    width: 118px !important;
}

.tedris-ichinde-radios .dxbl-radio-group.dxbl-radio-group-vertical > .dxbl-checkbox-radio:nth-child(2) {
    width: 178px !important;
}

.tim.gh-100 .dxbl-fl-ctrl {
    text-align: center;
}
/*
.valideyn-social-veziyyet .dxbl-col-xl-1.dxbl-col-md-2.dxbl-col.dxbl-fl-item{
    margin-top:1rem !important;
    padding-top:1.5rem !important;
}*/
.navbar-items-twc {
    margin-bottom: 0.3rem !important;
}
/*.content.layout-item.dxbl-gridlayout-item {
    overflow: visible !important;
}*/

/*
.main-loader-parent:nth-child(6) {
    position: absolute !important;
    z-index: -1 !important;
}
*/
/*}*/

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: transparent !important;
    color: fieldtext !important;
}

.dxbl-tag-box {
    border-radius: 12px !important;
    padding: 6px !important;
}

.dxbl-tag-text {
    color: rgba(87, 87, 87, 1) !important;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #adadad;
    transition: all .3s ease;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #969696;
    }

.dxbl-grid-selection-cell {
    padding-top: 13px !important;
}

.ders-bildirish-textarea textarea {
    height: 90px !important;
}

.my-tagbox .dxbl-text-edit.dxbl-tag-box {
    border-radius: 10px !important;
    border: none !important;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 1px 0px, rgba(17, 21, 15, 0.15) 0px 0px 0px 1px !important;
}

.left-line {
    background-color: #DDD8FF !important;
    width: 48px !important;
    height: 100% !important;
    border-radius: 0px !important;
    color: #6854FF !important;
    font-size: 24px;
    padding-top: 22px;
    text-align: center;
    font-weight: bold;
    position: relative;
    left: -7px;
}

.w-102 .dxbl-v-resize {
    color: rgba(149, 149, 149, 1) !important;
}

.table-page .dxbl-grid-table {
    margin-left: 9px !important;
}

.left-line-cavab {
    background-color: #DDD8FF !important;
    width: 100%;
    height: 100% !important;
    border-radius: 0px !important;
    color: #6854FF !important;
    font-size: 24px;
    padding-top: 22px;
    text-align: center;
    font-weight: bold;
    position: relative;
    margin-left: -7px !important;
}

.w-98 {
    width: 98% !important;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.suallar-main .dxbl-gridlayout-root {
    overflow: hidden;
    padding: 0 7px;
}

.w-96 {
    width: 96% !important;
}

.w-102 {
    width: 102% !important;
}

.h-different {
    height: 95% !important;
}

.h-different1 {
    height: 97% !important;
}

.roundedElement {
    display: flex;
    height: 40px;
    padding: 18px 20px 20px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 54px;
}

    .roundedElement.pink {
        background: var(--hefte-pink, #FFE4F4);
    }

    .roundedElement.green {
        background: var(--hefte-green, #DAFFF4);
    }

    .roundedElement.yellow {
        background: var(--hefte-yelo, #FDFCDB);
    }

.popupContextBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #6854FF;
    padding: 2px;
    margin-top: 40px;
    border-radius: 12px;
    box-shadow: 0px 0px 3px -3px rgba(238, 95, 12, 0.20);
}

    .popupContextBtn button {
        color: white !important;
    }

.video-card {
    padding: 20px;
    gap: 136px;
    align-self: stretch;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.20);
    margin: 10px 0px;
}

.youtubeVideo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-height: 70% !important;
}

.youtubeVideoImg {
    width: 130px !important;
    max-height: 100px !important;
}

.sechBtn {
    align-self: end;
}

/*---------TptSualFormItem------------*/

.tptSualFormItem {
    background-color: var(--subtitle-bg-color);
    height: 50px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
}

    .tptSualFormItem .dxbl-fl-ctrl.dxbl-fl-ctrl-nc {
        display: flex;
        align-items: center;
    }

.tptSualFormRadio {
    color: var(--main-color) !important;
}

.netice-span {
    width: 60px;
}

.h-390 {
    height: 390px !important;
}
/*------------------------------------*/

/*------------------------------------*/

/*mini info card*/
.mini-gray-info-card {
    margin-bottom: 10px
}

    .mini-gray-info-card .main-info-part {
        width: 85%;
        min-height: 90px;
        border-radius: 20px;
        background: #F5F5F5;
    }

.main-info-part1 {
    width: 85%;
    /*min-height: 90px;*/
    border-radius: 0px;
    background: white;
    border: 1px solid rgba(235, 235, 235, 1) !important;
}

.main-info-part2 {
    background: #F5F5F5;
}

.mini-gray-info-card .main-info-part1 .main-info-part-icon {
    font-size: 18px;
}

.mini-gray-info-card .main-info-part1 .main-info-part-about {
    padding: 15px 1px;
    padding-left: 0;
}

    .mini-gray-info-card .main-info-part1 .main-info-part-about p {
        font-weight: 700;
        margin-bottom: 5px;
    }

.mini-gray-info-card .main-info-part1 .main-info-part-icon {
    font-size: 18px;
}

.mini-gray-info-card .main-info-part1 .main-info-part-about {
    padding: 15px 1px;
    padding-left: 0;
}

    .mini-gray-info-card .main-info-part1 .main-info-part-about p {
        font-weight: 700;
        margin-bottom: 5px;
    }

.test-tpt-buttons .cedvel-button-item button {
    transition: 3s !important;
}

    .test-tpt-buttons .cedvel-button-item button:hover {
        background-color: transparent !important;
        transform: scale(1.1);
    }

.uygunlasdirmaWord {
    min-width: 90px;
    font-weight: 500;
    font-size: 16px;
}

.dxbl-grid-header-row {
    z-index: 99999999 !important;
    position: relative !important;
    background: #eaeafa !important;
}

.dxbl-grid-filter-menu-funnel-btn {
    margin-left: 0px !important;
}

.dxbl-grid-header-content {
    justify-content: center !important;
}

.ders-loading .dxbl-loading-panel-target-content {
    display: flex;
    justify-content: end;
}

.mini-gray-info-card .main-info-part {
    min-height: 55px;
    border-radius: 10px;
}

.acc-shadow {
    box-shadow: none !important;
}

.tedris-qrafik-tags .tag-text-elem {
    font-size: 15px !important;
    padding: 10px 10px !important;
}

    .tedris-qrafik-tags .tag-text-elem.tag-custom-tq-col-4 {
        width: 43.5% !important
    }

    .tedris-qrafik-tags .tag-text-elem.tag-custom-tq-col-1 {
        width: 17% !important
    }

    .tedris-qrafik-tags .tag-text-elem.tag-custom-tq-col-5 {
        width: 51% !important
    }

.movzular .fas.fa-arrow-alt-circle-right, .movzular .fas.fa-arrow-alt-circle-left {
    font-size: 19px !important;
}

.purple-without-border {
    position: relative !important;
    top: 5px !important;
}

.uygunlasdirma .dxbl-tag-box {
    width: 415px !important;
}

.tim.uploadBtnSolid1 div button, .tim.uploadBtnSolid1 div button:hover {
    border-radius: 44px !important;
    margin-top: 25px !important;
    height: 32px !important;
}

.popupContextBtn1 button {
    border-radius: 50% !important;
    height: 35px !important;
    width: 35px !important;
}

/*MuzakireCSS*/

@keyframes underlineAnimation {
    from {
        width: 1%;
    }

    to {
        width: 100%;
    }
}

.muzakireTextBox {
    position: relative;
}

    .muzakireTextBox .dxbl-text-edit {
        background-color: transparent;
        border: 0px;
        padding: 0px;
    }

        .muzakireTextBox .dxbl-text-edit::after {
            content: "";
            position: absolute;
            bottom: -2px;
            height: 2px;
            width: 100%;
            background-color: #c9c7c7;
            animation: underlineAnimation 0.4s ease-in;
        }

.muzakireBtn {
    width: 40px;
    height: 30px;
    border-radius: 9px;
}

.muzakireCloseBtn {
    color: #8f8d8d !important;
    background-color: transparent !important;
    border-color: #8f8d8d !important;
}

    .muzakireCloseBtn:hover {
        color: #8f8d8d !important;
        background-color: transparent !important;
        border-color: #8f8d8d !important;
    }

.muzakireSaveBtn {
    color: var(--white-color) !important;
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}

    .muzakireSaveBtn:hover {
        color: var(--white-color) !important;
        background-color: var(--main-color) !important;
        border-color: var(--main-color) !important;
    }

.neticeler .dxbl-text {
    font-weight: bold !important;
}

.overflowedGrid div[dxbl-grid-summary-item] {
    overflow-wrap: anywhere;
}

.debts .tim.gridCard {
    min-width: 190px;
}

.ftp .tim.tagElementStandart {
    flex: none !important;
    width: 265px !important;
}

.overflow-y-scroll {
    overflow-y: scroll !important;
}

.h-auto {
    height: auto !important;
}
/*.tim.newTable table > tbody > tr > td{
    background:white!important;
}*/
.tpt-question .left-line-cavab {
    margin-left: 0px !important;
}


.infoPopupMainDiv {
    padding: 30px 0 0 3px;
}

    .infoPopupMainDiv span {
        color: var(--black-87, rgba(0, 0, 0, 0.87));
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: Noto Sans;
        font-size: 17px;
        font-style: normal;
        font-weight: 600;
    }

.headerUserName {
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid;
}

.informationManagerDoneHeader {
    background: var(--mixed-green, #3CC0B8) !important;
    padding: 3px 0;
}

.informationManagerDoneCloseBtn {
    background: var(--mixed-green, #3CC0B8);
    color: white;
    border: none;
}

    .informationManagerDoneCloseBtn:hover {
        background: var(--mixed-green, #3CC0B8) !important;
        color: white;
        border: none;
    }

.w-70 .h-390 .dxbl-fl-ctrl-nc {
    height: 90% !important;
}

.p-cedvel {
    margin-bottom: 0px !important;
}

.CedvelCard1.CedvelAltHefte .fas {
    background: rgba(246, 182, 182, 1) !important;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.CedvelCard1.CedvelUstHefte .fas {
    background: rgba(251, 200, 154, 1) !important;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.CedvelCard1.CedveltamHefte .fas {
    background: rgba(186, 224, 255, 1) !important;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    justify-content: center;
    align-items: center;
    display: flex;
}


.CedvelCard2.CedvelAltHefte .fas {
    background: rgba(246, 182, 182, 1) !important;
    border-radius: 50%;
    height: 65px;
    width: 65px !important;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 20px;
}

.CedvelCard2.CedvelUstHefte .fas {
    background: rgba(251, 200, 154, 1) !important;
    border-radius: 50%;
    height: 65px;
    width: 65px !important;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 20px;
}

.CedvelCard2.CedveltamHefte .fas {
    background: rgba(186, 224, 255, 1) !important;
    border-radius: 50%;
    height: 65px;
    width: 65px !important;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 20px;
}

.ftp-semestr .tagElementButtonRounded span {
    padding-left: 5px !important;
}

.ftp-semestr .tagElement.blueDark .dxbl-image {
    color: rgba(50, 149, 143, 1) !important;
}

.ftp-semestr .tagElement.green .dxbl-image {
    color: rgba(35, 151, 232, 1) !important;
}

.ftp-semestr .tagElementButtonRounded {
    border-radius: 35px !important;
}

.ftp-semestr .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
    background-color: none !important;
}

.ftp-semestr .tagElement.blueDark:hover {
    background-color: #BAE0FF !important;
    color: #2B4BA8 !important;
}

.ftp-semestr .tagElement.green:hover {
    background-color: #DAFFF4 !important;
    color: #32958F !important;
}

.ftp-semestr .tagElement.red:hover {
    background-color: #FFDFDF !important;
    color: #DF5353 !important;
}


.tedrisStatusPinkBox {
    width: 449px;
    height: 130px;
    flex-shrink: 0;
    border-radius: 15px;
    background: var(--primary-purple-main, #6854FF);
    box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.17);
}

    .tedrisStatusPinkBox .leftSide {
        margin-left: 15px;
    }

    .tedrisStatusPinkBox .rightSide {
        margin-right: 15px;
        margin-top: 10px;
    }

    .tedrisStatusPinkBox .leftSide h1 {
        color: var(--mixed-white, #FFF);
        text-align: justify;
        font-family: Noto Sans;
        font-size: 30px;
        margin-top: 5px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 45px;
    }

    .tedrisStatusPinkBox .leftSide span {
        color: var(--mixed-white, #FFF);
        font-family: Noto Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 27.462px;
    }

    .tedrisStatusPinkBox .rightSide span {
        color: var(--mixed-white, #FFF);
        font-family: Noto Sans;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 27.462px;
    }

.tabpage .tabIcons {
    color: rgba(104, 84, 255, 1) !important;
    font-size: 13px !important;
}
/*.kursish .newTable, .serbestish .newTable {
    padding: 7px !important;
}*/
.tabpage-tarixce .tim.bgWhite.dxbl-gridlayout-item {
    /* height: 400px !important;
    overflow-y: scroll !important;*/
    overflow-y: hidden !important;
}

.end-0 {
    right: -12px !important;
}

.end-02 {
    right: -2px !important;
}

.row100 .dxbl-row:first-of-type {
    /*height: 396px !important;*/
    /*overflow-y: scroll !important;*/
    padding: 0px 11px !important;
}

.end-01 {
    right: 0 !important;
}

.tim1.tabpage .dxbl-scroll-viewer ul li .dxbl-tabs-item.dxbl-active .dxbl-text {
    border: 1px solid #6854FF;
    color: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    padding: 2px 32px;
}

.ftpDersCartList {
    overflow-x: auto;
    max-width: 83% !important;
    border-right: 0.5px solid #F5F5F5;
}

    .ftpDersCartList::-webkit-scrollbar {
        height: 3px !important;
        width: 2px !important;
    }

.ftpGrayBorder {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #D1D1D1;
}

.ftpGrayBorderThin {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #F5F5F5;
    min-width: 210px !important;
}

    .ftpGrayBorderThin div div {
        margin: 0 5px;
    }

        .ftpGrayBorderThin div div:first-child {
            margin: 0;
        }

.ftpHeader {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}


.ftpFennStatus {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.3s !important;
}


    .ftpFennStatus span {
        margin: 0 auto;
    }

    .ftpFennStatus i {
        margin: 0 auto;
    }

    .ftpFennStatus.green {
        background-color: #1D6F42;
        color: white;
    }

    .ftpFennStatus.orange {
        background-color: #FE7F2D;
        color: white;
    }

    .ftpFennStatus.oliveGreen {
        background-color: #6B6929;
        color: white;
    }

    .ftpFennStatus.green:hover {
        background-color: #1D6F42 !important;
        border: 1px solid inherit !important;
        color: white !important;
    }

    .ftpFennStatus.orange:hover {
        background-color: #FE7F2D !important;
        border: 1px solid inherit !important;
        color: white !important;
    }

    .ftpFennStatus.oliveGreen:hover {
        background-color: #6B6929 !important;
        color: white !important;
        border: 1px solid #6B6929 !important;
    }

    .ftpFennStatus.orangeBorder:hover {
        background-color: #FE7F2D !important;
        color: white !important;
        border: 1px solid #FE7F2D !important;
    }

    .ftpFennStatus.greenBorder {
        background-color: white;
        color: #1D6F42;
        border: 1px solid #1D6F42;
    }

    .ftpFennStatus.oliveGreenBorder {
        background-color: white;
        color: #6B6929;
        border: 1px solid #6B6929;
    }

    .ftpFennStatus.greenBorder:hover {
        background-color: #1D6F42 !important;
        color: white !important;
        border: 1px solid #1D6F42 !important;
    }

    .ftpFennStatus.oliveGreenBorder:hover {
        background-color: #6B6929 !important;
        color: white !important;
        border: 1px solid #6B6929 !important;
    }

    .ftpFennStatus.orangeBorder {
        background-color: white;
        color: #FE7F2D;
        border: 1px solid #FE7F2D;
    }


    .ftpFennStatus.gray {
        background-color: #C4C4C4;
        color: black;
    }

.ftpFennStatusButton {
    width: 32px !important;
    height: 32px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.dovriyye-text p {
    text-align: left !important;
}

.dovriyye-text .dxbl-text {
    padding-top: 5px !important;
}

.dovriyye-text1 .dxbl-text {
    padding-top: 9px !important;
}

.dovriyye-text1 .grey {
    min-width: 100px !important;
    max-width: 170px !important;
    margin: auto !important;
}

.ftpFennStatusButton.green {
    background-color: #1D6F42 !important;
    color: white !important;
    border: 0px !important;
}

.ftpFennStatusButton.gray {
    background-color: #C4C4C4 !important;
    color: black !important;
}

.sidebar.collapse .seperateNavItem1 .dxbl-treeview-item-text {
    display: none !important;
}



.card-ders {
    border-radius: 30px !important;
    font-weight: bold !important;
    border-color: rgba(235, 235, 235, 1) !important;
    height: 32px !important;
    padding-top: 8px !important;
    width: 115px !important;
    color: black !important;
}

.ftpInfoButton {
    width: 32px !important;
    height: 32px !important;
    background-color: var(--white-color) !important;
    color: var(--main-color) !important;
    border-radius: 9px !important;
    border: 2px solid var(--main-color) !important;
}

.bgWhite.mpt-main-yekun {
    min-height: 440px;
}

.cedvelTab .dxbl-tabs-content-panel {
    height: 93% !important;
}

/*@media only screen and (min-width: 1400px) {
    .cedvelH{
        height: 83%
    }
}*/

@media only screen and (max-height: 600px) {
    .cedvelH {
        height: 43vh !important;
    }
}

@media only screen and (min-height: 600px) {
    .cedvelH {
        height: 51vh !important;
    }
}

@media only screen and (min-height: 768px) {
    .cedvelH {
        height: 62vh !important;
    }
}

@media only screen and (min-height: 992px) {
    .cedvelH {
        height: 68vh !important;
    }
}


@media only screen and (max-height: 600px) {
    .cedvelQrup .dxbl-grid {
        height: 33vh !important;
    }
}

@media only screen and (min-height: 600px) {
    .cedvelQrup .dxbl-grid {
        height: 43vh !important;
    }
}

@media only screen and (min-height: 768px) {
    .cedvelQrup .dxbl-grid {
        height: 60vh !important;
    }
}

@media only screen and (min-height: 992px) {
    .cedvelQrup .dxbl-grid {
        height: 63vh !important;
    }
}



.pointerEventNone {
    pointer-events: none !important;
}


.main-jurnal-davamiyyet .dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
    background-color: #EAEAFA !important;
}


.main-jurnal-davamiyyet-inner .dxbl-grid-header.dxbl-grid-action:not(.dxbl-grid-fixed-cell), .main-jurnal-davamiyyet-inner .dxbl-align-center:not(.dxbl-grid-fixed-cell) {
    border-right: 1px solid #6c6b6b2e !important;
    
}

.main-jurnal-davamiyyet-inner .dxbl-grid-header.dxbl-grid-action:nth-child(4), .main-jurnal-davamiyyet-inner .dxbl-align-center:nth-child(4) {
    border-right: 1px solid #6c6b6b2e !important;
    border-left: 1px solid #6c6b6b2e !important;
}

.main-jurnal-davamiyyet-inner .dxbl-grid-header.dxbl-grid-action:not(.dxbl-grid-fixed-cell) {
    border-top: 1px solid #6c6b6b2e !important;
    border-bottom: 1px solid #6c6b6b2e !important;
}

.main-jurnal-davamiyyet-inner .dxbl-align-center:not(.dxbl-grid-fixed-cell) {
    border-bottom: 1px solid #6c6b6b2e !important;
}

.main-jurnal-davamiyyet-inner tr:nth-child(2n) td.dxbl-grid-fixed-cell {
    background: #FBFBFB !important
}

.main-jurnal-davamiyyet-inner tr:nth-child(2n+1) td.dxbl-grid-fixed-cell {
    background: white !important
}

.qiymetlendirme-purple {
    color: #8F33D8 !important;
    font-weight: 600;
}

.main-jurnal-davamiyyet-inner .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td.dxbl-grid-fixed-cell::before {
    background-color: rgb(143 204 255) !important;
  
}

.kursishmain .dxbl-row {
    width: 100% !important;
}

.istfadechi-grid {
    height: 86% !important;
    margin-top: 15px !important;
}

@media only screen and (max-height: 600px) {

    .istfadechi-grid {
        height: 66% !important;
        margin-top: 15px !important;
    }
}

@media only screen and (min-height: 600px) {

    .istfadechi-grid {
        height: 76% !important;
        margin-top: 15px !important;
    }
}

@media only screen and (min-height: 768px) {

    .istfadechi-grid {
        height: 86% !important;
        margin-top: 15px !important;
    }
}

.main-image-box .uploadBtn {
    width: 80% !important;
}

.main-image-box div {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.refresh-btn-ixtisas {
    padding-left: 0 !important;
}

    .refresh-btn-ixtisas div {
        display: flex !important;
        justify-content: start !important;
        /*padding-left:0 !important;*/
    }

        .refresh-btn-ixtisas div button {
            margin-top: 4px !important;
        }

.cedvel-dc-data .dxbl-grid-table tr {
    height: 160px !important;
}

.testiqleme-confirm .dxbl-modal-body {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.fileUploader.fileUpload-inports button, .fileUploader.fileUpload-inports button:hover {
    width: 95px !important;
    right: 10% !important;
}

.main-istek-layout .main-istek-layout-inner {
    overflow-y: scroll !important;
    height: 68vh !important;
}

.main-rich-text .dxreRoot.card {
    overflow-x: auto !important;
    scrollbar-width: thin !important;
}

.kns-fixer-layout-grup .tecrube-layout-checkbox {
    padding-right: 0 !important;
    /*  padding-right: 7% !important;*/
}

.kns-fixer-layout-grup .ksn-layout-fixer {
    padding-left: 1% !important;
}

.kns-fixer-layout-grup {
    padding-left: 25px !important;
    padding-right: 20px !important;
}

    .kns-fixer-layout-grup .kns-find-button div {
        display: flex !important;
        justify-content: end !important;
    }

    .kns-fixer-layout-grup .tecrube-nov-kns {
        padding-left: 24px !important;
        padding-right: 0 !important;
    }
/*.loading-over-popup{
    z-index:99999999 !important;
}*/

.girish-nov-sechim-box hr {
    position: relative;
    top: 1px;
    border: none;
    height: 1px;
    background-color: black;
    opacity: 1 !important;
    /*  margin-bottom: 50px;*/
}

.girish-nov-sechim-box {
    background: #F6F5FF;
    padding: 20px;
    border-radius: 14px;
}

    .girish-nov-sechim-box .selected-nov-item-inner {
        padding: 5px;
        cursor: pointer;
        border-radius: 5px;
        transition: 0.3s;
    }

        .girish-nov-sechim-box .selected-nov-item-inner:hover {
            background: #FFFFFF80;
            transition: 0.3s;
        }

.kontingentTabs .dxbl-tabs-content-panel {
    height: calc(100% - 75px);
}

.kontingentTabs .tim.newTable {
    margin-top: 10px;
}

.mptJurnalTabs .dxbl-tabs-content-panel {
    height: calc(100% - 100px) !important;
}

.jurnalTabs {
    height: 100% !important;
}

.jurnal-davamiyyet-grid .main-jurnal-davamiyyet {
    height: 97% !important;
}

.jurnal-davamiyyet-grid .dxbl-accordion-group-header .dxbl-group-expand-btn.dxbl-nav-expand-btn-custom {
    margin-bottom: 16px !important;
}

.jurnalTabs .dxbl-tabs-content-panel {
    height: calc(100% - 70px);
}

.movzular-jurnal-grid .dxbl-row {
    height: 100% !important;
}

.yekun-qiymet-jurnal-grid .dxbl-row {
    height: 93% !important;
}

.jurnalSIshKursLabMovzu {
    height: calc(100% - 60px) !important;
}

.jurnalSIshKursLabTelebe {
    height: calc(100% - 60px) !important;
}

.jurnalSIshKursLabTelebe-sc {
    height: calc(100% - 40px) !important;
}

.mptJurnalPopup .dxbl-modal-body {
    overflow: hidden !important;
}

.height-fixer-jurnal .height-fixer-jurnal-inner {
    height: 78% !important;
}

.height-fixer-jurnal-movzu .height-fixer-jurnal-movzu-inner {
    height: 90% !important;
}

.cedvel-header-hg tr.dxbl-grid-header-row {
    height: 120px !important;
}

.jurnal-dersgrid-main .jurnal-dersgrid {
    height: 500px !important;
}

.mpt-kitabxana-movzu-grid .dxbl-grid.tim.newTable {
    height: auto !important;
}

.custom-jurnal-radiobuttons-main .custom-jurnal-radiobuttons .valid.modified:not([type=checkbox]) {
    outline: 1px solid #8F33D8 !important;
}

.custom-jurnal-radiobuttons-main .custom-jurnal-radiobuttons input {
    outline: 1px solid #8F33D8 !important;
}

.custom-jurnal-radiobuttons-main .custom-jurnal-radiobuttons .form-check-input:checked {
    /*outline: 1px solid #8F33D8 !important;*/
    background-color: #8F33D8;
    border-color: #8F33D8;
}

.custom-jurnal-radiobuttons-main .custom-jurnal-radiobuttons-ie input {
    outline: 1px solid #32958F !important;
}

.custom-jurnal-radiobuttons-main .custom-jurnal-radiobuttons-ie .form-check-input:checked {
    /*outline: 1px solid #32958F !important;*/
    background-color: #32958F;
    border-color: #32958F;
}

.custom-jurnal-radiobuttons-main .custom-jurnal-radiobuttons-ie .valid.modified:not([type=checkbox]) {
    outline: 1px solid #32958F !important;
}

.custom-jurnal-radiobuttons-main .custom-jurnal-radiobuttons-qb input {
    outline: 1px solid #DF5353 !important;
}

.custom-jurnal-radiobuttons-main .custom-jurnal-radiobuttons-qb .valid.modified:not([type=checkbox]) {
    outline: 1px solid #DF5353 !important;
}

.custom-jurnal-radiobuttons-main .custom-jurnal-radiobuttons-qb .form-check-input:checked {
    /* outline: 1px solid #DF5353 !important;*/
    background-color: #DF5353;
    border-color: #DF5353;
}

@media screen and (max-width: 1412px) {

    button.dxbl-btn.dxbl-btn-primary.dxbl-sm.tim.btn-large.purple {
        width: 150px !important;
    }

    button.dxbl-btn.dxbl-btn-primary.dxbl-sm.tim.btn-large.grey-border {
        width: 150px !important;
    }
}

@media screen and (max-width: 1200px) {

    button.dxbl-btn.dxbl-btn-primary.dxbl-sm.tim.btn-large.purple {
        width: 120px !important;
    }

        button.dxbl-btn.dxbl-btn-primary.dxbl-sm.tim.btn-large.purple span {
            font-size: 13px !important;
        }

    button.dxbl-btn.dxbl-btn-primary.dxbl-sm.tim.btn-large.grey-border {
        width: 120px !important;
    }

        button.dxbl-btn.dxbl-btn-primary.dxbl-sm.tim.btn-large.grey-border span {
            font-size: 13px !important;
        }
}


@media screen and (max-width: 1000px) {

    button.dxbl-btn.dxbl-btn-primary.dxbl-sm.tim.btn-large.purple {
        width: 115px !important;
    }

        button.dxbl-btn.dxbl-btn-primary.dxbl-sm.tim.btn-large.purple span {
            font-size: 12px !important;
        }

    button.dxbl-btn.dxbl-btn-primary.dxbl-sm.tim.btn-large.grey-border {
        width: 115px !important;
    }

        button.dxbl-btn.dxbl-btn-primary.dxbl-sm.tim.btn-large.grey-border span {
            font-size: 12px !important;
        }
}


@media screen and (max-width: 964px) {

    button.dxbl-btn.dxbl-btn-primary.dxbl-sm.tim.btn-large.purple {
        width: 110px !important;
    }

        button.dxbl-btn.dxbl-btn-primary.dxbl-sm.tim.btn-large.purple span {
            font-size: 12px !important;
        }

    button.dxbl-btn.dxbl-btn-primary.dxbl-sm.tim.btn-large.grey-border {
        width: 110px !important;
    }

        button.dxbl-btn.dxbl-btn-primary.dxbl-sm.tim.btn-large.grey-border span {
            font-size: 12px !important;
        }
}

.green-toggle-cari .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}

    .green-toggle-cari .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.green-toggle-cari .slider-toggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 4.2px;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .green-toggle-cari .slider-toggle:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 0.9px;
        /* left:1px;
        right:1px;*/
        /*right:4px;*/
        bottom: 2.1px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.green-toggle-cari input:checked + .slider-toggle {
    background-color: #00C980;
}

.green-toggle-cari input:focus + .slider-toggle {
    box-shadow: 0 0 1px #2196F3;
}

.green-toggle-cari input:checked + .slider-toggle:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded slider-toggles */
.green-toggle-cari .slider-toggle.round {
    border-radius: 34px;
}

    .green-toggle-cari .slider-toggle.round:before {
        border-radius: 50%;
    }

.jurnal-head-part .hami-istirak-edir-btn span {
    font-size: 15px !important;
    margin-bottom: 0 !important
}

.tooltip-jurnal {
    position: relative;
    display: inline-block;
    /*   white-space: nowrap;
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

    .tooltip-jurnal .tooltiptext-jurnal-lab {
        opacity: 0;
        font-size: 13px;
        min-width: 200px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 3px;
        /* Position the tooltip */
        position: absolute;
        top: -45px;
        right: -16px;
        z-index: 999;
        transition: 0.2s;
        /* cursor:*/
    }

        .tooltip-jurnal .tooltiptext-jurnal-lab:after {
            content: " ";
            position: absolute;
            left: 20px;
            bottom: -7px;
            border-top: 10px solid black;
            border-right: 10px solid transparent;
            border-left: 10px solid transparent;
            border-bottom: none;
        }

    .tooltip-jurnal:hover .tooltiptext-jurnal-lab {
        opacity: 1;
        transition: 0.2s;
    }

    .tooltip-jurnal .tooltip-jurnal-overflow {
        white-space: nowrap;
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tooltip-jurnal .tooltip-jurnal-si-overflow {
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tooltip-jurnal .tooltip-jurnal-overflow-lab {
        white-space: nowrap;
        /*width: 100px;*/
        overflow: hidden;
        text-overflow: ellipsis;
    }








/*.tooltip-dersBolguIq {
    position: relative;
    display: inline-block;*/
/*   white-space: nowrap;
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;*/
/*}*/


.tooltip-dersbolgu {
    position: relative;
    display: inline-block;
}

    .tooltip-dersbolgu .tooltip-jurnal-overflow {
        white-space: nowrap;
        width: 170px;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    .tooltip-dersbolgu .tooltiptext-jurnal {
        opacity: 0;
        font-size: 13px;
        min-width: 100px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 3px;
        /* Position the tooltip */
        position: absolute;
        top: -45px;
        right: -16px;
        z-index: 1;
        transition: 0.2s;
        /* cursor:*/
    }

        .tooltip-dersbolgu .tooltiptext-jurnal:after {
            content: " ";
            position: absolute;
            left: 20px;
            bottom: -7px;
            border-top: 10px solid black;
            border-right: 10px solid transparent;
            border-left: 10px solid transparent;
            border-bottom: none;
        }

    .tooltip-dersbolgu:hover .tooltiptext-jurnal {
        opacity: 1;
        transition: 0.2s;
    }

@media screen and (min-width: 1300px) {

    .tooltip-dersbolgu .tooltip-jurnal-overflow {
        width: 220px;
    }
}


@media screen and (min-width: 1400px) {

    .tooltip-dersbolgu .tooltip-jurnal-overflow {
        width: 340px;
    }
}

@media screen and (min-width: 1500px) {

    .tooltip-dersbolgu .tooltip-jurnal-overflow {
        width: 410px;
    }
}

@media screen and (min-width: 1670px) {

    .tooltip-dersbolgu .tooltip-jurnal-overflow {
        width: 520px;
    }
}

@media screen and (max-width: 1218px) {

    .tooltip-dersbolgu .tooltip-jurnal-overflow {
        width: 120px;
    }
}














.tooltip-jurnal .tooltiptext-jurnal-si {
    opacity: 0;
    font-size: 13px;
    min-width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 3px;
    /* Position the tooltip */
    position: absolute;
    top: -45px;
    right: 5px;
    z-index: 1;
    transition: 0.2s;
    /* cursor:*/
}

    .tooltip-jurnal .tooltiptext-jurnal-si:after {
        content: " ";
        position: absolute;
        left: 10px;
        bottom: -3px;
        border-top: 10px solid black;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: none;
    }

.tooltip-jurnal:hover .tooltiptext-jurnal-si {
    opacity: 1;
    transition: 0.2s;
}

.tooltip-jurnal .tooltiptext-jurnal {
    opacity: 0;
    font-size: 13px;
    min-width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 3px;
    /* Position the tooltip */
    position: absolute;
    top: -45px;
    right: -16px;
    z-index: 1;
    transition: 0.2s;
    /* cursor:*/
}

.tooltip-jurnal.sb-ist-tpt .tooltiptext-jurnal {
    opacity: 0;
    font-size: 13px;
    min-width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 3px;
    /* Position the tooltip */
    position: absolute;
    top: -30px;
    right: -16px;
    z-index: 1;
    transition: 0.2s;
    /* cursor:*/
}

.tooltip-jurnal .tooltiptext-jurnal:after {
    content: " ";
    position: absolute;
    left: 20px;
    bottom: -7px;
    border-top: 10px solid black;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: none;
}

.tooltip-jurnal:hover .tooltiptext-jurnal {
    opacity: 1;
    transition: 0.2s;
}

/*.btns-jurnal-header .btn-hami-ie-jrnl {
        width: 60px !important;
    }*/

.btns-jurnal-header .btn-hami-ie-jrnl span {
    font-size: 17px !important;
}

.btns-jurnal-header .refresh-jurnalbtn span {
    font-size: 17px !important;
}

.akademikTitle {
    padding: 15px 0 5px 8px;
    font-weight: 700;
    font-size: 17px;
    line-height: 24px;
    color: var(--main-text-color);
}


.tableLine {
    position: relative;
}

    .tableLine th:first-child {
        position: relative;
    }

        .tableLine th:first-child::after {
            content: "";
            position: absolute;
            top: 32px;
            bottom: 0;
            width: 1px;
            left: 100%;
            background: black;
            height: 69px;
        }

@media screen and (min-width: 1770px) {
    .jurnal-lft-rspn .jurnal-lft-rspn-inner-ders {
        min-width: 270px !important;
    }

    .jurnal-lft-rspn .jurnal-lft-rspn-inner {
        min-width: 270px !important;
    }
}

@media screen and (min-width: 1810px) {

    .jurnal-lft-rspn .jurnal-lft-rspn-inner-ders {
        min-width: 310px !important;
    }

    .jurnal-lft-rspn .jurnal-lft-rspn-inner {
        min-width: 310px !important;
    }
}


@media screen and (max-width: 1503px) {


    .btns-jurnal-header .btn-qrup-sechilme-jrnl {
        width: 100px;
    }

    /* .btns-jurnal-header .btn-hami-ie-jrnl {
            width:60px;
           

        }*/
    /* .btns-jurnal-header .btn-hami-ie-jrnl span {
                font-size: 12px !important;
            }*/

    .btns-jurnal-header .btn-cari-tarix-jrnl {
    }
}
/*@media screen and (max-width: 1465px) {


    .jurnal-lft-rspn .jurnal-lft-rspn-inner {
        min-width: 160px;
    }
    .btns-jurnal-header .btn-qrup-sechilme-jrnl {
        width: 100px;
    }
    .jurnal-lft-rspn .jurnal-lft-rspn-inner {
        min-width: 140px;
    }

    .btns-jurnal-header .btn-qrup-sechilme-jrnl {
        width: 90px;
    }

}*/
@media screen and (max-width: 1465px) {

    .jurnal-lft-rspn .jurnal-lft-rspn-inner-ders {
        min-width: 160px;
    }

    .jurnal-lft-rspn .jurnal-lft-rspn-inner {
        min-width: 140px;
    }

    .btns-jurnal-header .btn-qrup-sechilme-jrnl {
        width: 90px;
    }
}

@media screen and (max-width: 1312px) {

    .jurnal-lft-rspn .jurnal-lft-rspn-inner-ders {
        min-width: 140px;
    }

    .jurnal-lft-rspn .jurnal-lft-rspn-inner {
        min-width: 140px;
    }

    .btns-jurnal-header .btn-qrup-sechilme-jrnl {
        width: 90px;
    }

    /* .btns-jurnal-header .btn-hami-ie-jrnl {
        width: 134px;
    }

        .btns-jurnal-header .btn-hami-ie-jrnl span {
            font-size: 12px !important;
        }

    .btns-jurnal-header .btn-cari-tarix-jrnl {
    }*/
    .green-toggle-cari .text-secondary {
        font-size: 12px
    }
}

@media screen and (max-width: 1287px) {

    .jurnal-lft-rspn .jurnal-lft-rspn-inner-ders {
        min-width: 120px;
        font-size: 14px !important;
    }

    .jurnal-lft-rspn .jurnal-lft-rspn-inner {
        min-width: 120px;
        font-size: 14px !important;
    }

    .btns-jurnal-header .btn-qrup-sechilme-jrnl {
        width: 90px;
    }

    /*.btns-jurnal-header .btn-hami-ie-jrnl {
        width: 134px;
    }

        .btns-jurnal-header .btn-hami-ie-jrnl span {
            font-size: 12px !important;
        }

    .btns-jurnal-header .btn-cari-tarix-jrnl {
    }
*/
    .green-toggle-cari .text-secondary {
        font-size: 12px
    }
}

@media screen and (min-width: 1200px) and (max-width: 1287px) {

    .jurnal-lft-rspn .jurnal-lft-rspn-inner-ders {
        min-width: 90px;
        font-size: 13px !important;
    }

    .jurnal-lft-rspn .jurnal-lft-rspn-inner {
        min-width: 90px;
        font-size: 13px !important;
    }

    .btns-jurnal-header .btn-qrup-sechilme-jrnl {
        width: 90px;
    }

    /*.btns-jurnal-header .btn-hami-ie-jrnl {
        width: 134px;
    }

        .btns-jurnal-header .btn-hami-ie-jrnl span {
            font-size: 12px !important;
        }

    .btns-jurnal-header .btn-cari-tarix-jrnl {
    }*/

    .green-toggle-cari .text-secondary {
        font-size: 12px
    }
}

.tim.printBtn {
    font-size: 16px;
    background: #6854FF !important;
    color: white;
    border-radius: 10px;
}

.telebe-bax-img .dxbl-fl-ctrl.dxbl-fl-ctrl-nc {
    display: flex !important;
    justify-content: center !important;
}

.flyoutBody.flyout-inner .dxbl-flyout-body {
    overflow-x: hidden !important;
}
/*.jurnal-davamiyyet-tarix .dxbl-align-center:has(div.bayramGunu) {
    padding: 0 !important;
}

*/
/*.jurnalTabs.jurnalTabs-p:has(.jurnalTabs-p-inner) {
    padding-left: 6px !important;
    padding-right: 6px !important;
}
*/

.jurnal-davamiyyet-tarix .dxbl-align-center:has(div.azad-tpt-cell), .jurnal-davamiyyet-tarix .dxbl-align-center:has(div.borc-tpt-cell) {
    padding: 0 !important;
}

.main-row-element-tpt {
    width: 130px;
}

    .main-row-element-tpt.caritarixuzre {
        width: 160px;
    }

    .main-row-element-tpt:has(div.azad-tpt-cell), .main-row-element-tpt:has(div.borc-tpt-cell) {
        margin: 0 !important;
        width: 100% !important;
    }

.main-jurnal-davamiyyet-inner .borc-tpt-cell, .main-jurnal-davamiyyet-inner .azad-tpt-cell {
    min-height: 38.8px !important;
}

.jurnal-tarixce-mpt .borc-tpt-cell, .jurnal-tarixce-mpt .azad-tpt-cell {
    min-height: 38.8px !important;
}

.jurnal-tarixce-mpt .dxbl-align-center:has(div.azad-tpt-cell), .jurnal-tarixce-mpt .dxbl-align-center:has(div.borc-tpt-cell) {
    padding: 0 !important;
}


.yarimQrup-active-button {
    width: 32px !important;
}

.yarimQrup-deactive-button {
    width: 32px !important;
}

.main-button-change-color {
    background: rgb(167 255 229) !important;
    color: rgb(2 71 55) !important;
}


/*////////*/

@media screen and (min-width: 1770px) {

    .jurnal-lft-rspn-vp .jurnal-lft-rspn-inner-ders-vp {
        min-width: 340px !important;
    }

    .jurnal-lft-rspn-vp .jurnal-lft-rspn-inner-vp {
        min-width: 340px !important;
    }
}

@media screen and (min-width: 1810px) {

    .jurnal-lft-rspn-vp .jurnal-lft-rspn-inner-ders-vp {
        min-width: 355px !important;
    }

    .jurnal-lft-rspn-vp .jurnal-lft-rspn-inner-vp {
        min-width: 355px !important;
    }
}

.cedvel-istek-gun-grid-layout dxbl-grid-header-content span{
    max-width:fit-content!important;
}


@media screen and (max-width: 1500px) {
    .jurnal-lft-rspn-vp .jurnal-lft-rspn-inner-vp {
        min-width: 285px;
    }
}

@media screen and (min-width: 1505px) {
    .jurnal-lft-rspn-vp .jurnal-lft-rspn-inner-ders-vp {
        min-width: 245px;
    }

    .jurnal-lft-rspn-vp .jurnal-lft-rspn-inner-vp {
        min-width: 245px;
    }
}


@media screen and (max-width: 1425px) {
    .jurnal-lft-rspn-vp .jurnal-lft-rspn-inner-ders-vp {
        min-width: 235px;
    }

    .jurnal-lft-rspn-vp .jurnal-lft-rspn-inner-vp {
        min-width: 215px;
    }
}

@media screen and (max-width: 1312px) {

    .jurnal-lft-rspn-vp .jurnal-lft-rspn-inner-ders-vp {
        min-width: 215px;
    }

    .jurnal-lft-rspn-vp .jurnal-lft-rspn-inner-vp {
        min-width: 215px;
    }
}

@media screen and (max-width: 1287px) {

    .jurnal-lft-rspn-vp .jurnal-lft-rspn-inner-ders-vp {
        min-width: 195px;
        font-size: 15px !important;
    }

    .jurnal-lft-rspn-vp .jurnal-lft-rspn-inner-vp {
        min-width: 195px;
        font-size: 15px !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1287px) {

    .jurnal-lft-rspn-vp .jurnal-lft-rspn-inner-ders-vp {
        min-width: 195px;
        font-size: 14px !important;
    }

    .jurnal-lft-rspn-vp .jurnal-lft-rspn-inner-vp {
        min-width: 195px;
        font-size: 14px !important;
    }
}

.jurnalDavamiyyetGrid .davamiyyet-qeyd-btn {
    width: 69px !important;
    margin: 0 auto !important;
    cursor: pointer !important;
}


.jurnalDavamiyyetGrid .dxbl-grid-header.dxbl-grid-action:has(span.bayram-tarix-headers) {
    background: #e5e2e2 !important;
}

.jurnal-si-qiymetlendir.tim {
    min-height: 42px;
    /*min-width: 220px;*/
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #6854FF;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid rgba(199, 192, 255, 0.18);
    background: rgba(199, 192, 255, 0.18);
    /*width: max-content;*/
    margin: 0 15px 15px 0;
    flex: 1 1 auto;
}

.b-radius-30 {
    border-radius: 30px !important;
}

.b-radius-10 {
    border-radius: 10px !important;
}

.b-radius-20 {
    border-radius: 20px !important;
}

.b-radius-40 {
    border-radius: 40px !important;
}

.b-radius-50 {
    border-radius: 50px !important;
}

.hover-disabled-si button.tagElementButton.b-radius-30.red:hover {
    background: #FFDFDF !important;
    color: #DF5353 !important;
}

.hover-disabled-si button.tagElementButton.b-radius-30.blueDark:hover {
    background: #BAE0FF !important;
    color: #2B4BA8 !important;
}

.hover-disabled-si button.tagElementButton.b-radius-30.green:hover {
    background: #DAFFF4 !important;
    color: #32958F !important;
}

.hover-disabled-si button.tagElementButton.b-radius-30.grey:hover {
    background: #cbcbcb !important
}

.iconfixer-user-btn-hover:hover {
    color: black !important
}

@-moz-document url-prefix() {
    /* Styles applied only to Firefox */


    .main-jurnal-davamiyyet-inner .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td.dxbl-grid-fixed-cell::before {
        background-color: #0c2e80 !important;
    }

    .jurnalDavamiyyetGrid div.davamiyyet-qeyd-btn#davamiyyet-qeyd-btn-id {
        align-items: center;
        width: 75px !important;
        min-width: 75px !important;
        max-height: 15px !important;
    }

    .jurnalTarixceGrid div.davamiyyet-qeyd-btn#davamiyyet-qeyd-btn-id {
        align-items: center;
        width: 75px !important;
        min-width: 75px !important;
        max-height: 15px !important;
    }

    .jurnalDavamiyyetGrid .d-flex.justify-content-between.mx-auto {
        gap: 3px !important
    }

    .jurnalTarixceGrid .d-flex.justify-content-between.mx-auto {
        gap: 5px !important
    }




    @media screen and (max-width: 1537px) {

        .jurnal-lft-rspn .jurnal-lft-rspn-inner {
            min-width: 173px;
        }

        .btns-jurnal-header .btn-qrup-sechilme-jrnl {
            width: 100px;
        }
    }

    @media screen and (max-width: 1565px) {

        .jurnal-lft-rspn .jurnal-lft-rspn-inner {
            min-width: 176px;
        }

        .btns-jurnal-header .btn-qrup-sechilme-jrnl {
            width: 100px;
        }
    }
    /*  @media screen and (max-width: 1465px) {


        .jurnal-lft-rspn .jurnal-lft-rspn-inner {
            min-width: 160px;
        }

        .btns-jurnal-header .btn-qrup-sechilme-jrnl {
            width: 90px;
        }
    }*/

    @media screen and (max-width: 1465px) {

        .jurnal-lft-rspn .jurnal-lft-rspn-inner-ders {
            min-width: 160px;
        }

        .jurnal-lft-rspn .jurnal-lft-rspn-inner {
            min-width: 140px;
        }

        .btns-jurnal-header .btn-qrup-sechilme-jrnl {
            width: 90px;
        }
    }

    @media screen and (max-width: 1312px) {

        .jurnal-lft-rspn .jurnal-lft-rspn-inner-ders {
            min-width: 140px;
        }

        .jurnal-lft-rspn .jurnal-lft-rspn-inner {
            min-width: 140px;
        }

        .btns-jurnal-header .btn-qrup-sechilme-jrnl {
            width: 90px;
        }


        .green-toggle-cari .text-secondary {
            font-size: 12px
        }
    }

    @media screen and (max-width: 1287px) {

        .jurnal-lft-rspn .jurnal-lft-rspn-inner-ders {
            min-width: 120px;
            font-size: 14px !important;
        }

        .jurnal-lft-rspn .jurnal-lft-rspn-inner {
            min-width: 120px;
            font-size: 14px !important;
        }

        .btns-jurnal-header .btn-qrup-sechilme-jrnl {
            width: 90px;
        }


        .green-toggle-cari .text-secondary {
            font-size: 12px
        }
    }

    @media screen and (min-width: 1200px) and (max-width: 1352px) {

        .jurnal-lft-rspn .jurnal-lft-rspn-inner-ders {
            min-width: 90px;
            font-size: 13px !important;
        }

        .jurnal-lft-rspn .jurnal-lft-rspn-inner {
            min-width: 90px;
            font-size: 13px !important;
        }
    }

    @media screen and (min-width: 1810px) {

        .jurnal-lft-rspn .jurnal-lft-rspn-inner-ders {
            min-width: 290px !important;
        }

        .jurnal-lft-rspn .jurnal-lft-rspn-inner {
            min-width: 290px !important;
        }
    }
}

.jurnalTarixceGrid .davamiyyet-qeyd-btn {
    width: 60px !important
}

.fixedFile .dxuc-file-list-view {
    display: none;
}

.bankdanGelenInput .input-file::-webkit-file-upload-button {
    visibility: hidden;
}

.bankdanGelenInput input[type='file'] {
    color: rgba(0, 0, 0, 0);
    margin-left: 7px;
    margin-top: 3px;
}

.elektronVesait input[type='file'] {
    color: rgba(0, 0, 0, 0);
    margin-top: 30px;
}

.bankdanGelenInput .input-file::before {
    content: 'Seç';
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: block;
    width: 59px;
    color: white !important;
    border: 1px solid var(--main-color) !important;
    background: var(--main-color) !important;
    font-weight: 700;
    font-size: 16px;
    padding: 0px 14px;
    height: 27px;
    padding: -2px 0;
    line-height: 22px;
    border-radius: 11px !important;
}

.akademikBtn .dxbl-fl-ctrl.dxbl-fl-ctrl-nc {
    display: flex;
    align-items: center;
    padding-top: 10px;
    justify-content: end;
}

.akademiktranskriptTable td {
    padding: 6px;
}


.akademiktranskriptTable th {
    padding: 6px;
}

.digerMelumatlar .input-file::before {
    content: 'Seç';
    cursor: pointer;
    width: 59px;
    color: white !important;
    border: 1px solid var(--main-color) !important;
    background: var(--main-color) !important;
    font-weight: 700;
    font-size: 16px;
    padding: 0px 14px;
    height: 27px;
    padding: -2px 0;
    line-height: 22px;
    border-radius: 11px !important;
}

.elektronVesait .input-file::before {
    content: 'Seç';
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: block;
    width: 76px;
    text-align: center;
    color: white !important;
    border: 1px solid var(--main-color) !important;
    background: var(--main-color) !important;
    font-weight: 700;
    font-size: 16px;
    padding: 0px 14px;
    height: 27px;
    padding: -2px 0;
    line-height: 22px;
    border-radius: 11px !important;
}

.kitabAdd .input-file::before {
    content: 'Seç';
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: block;
    width: 59px;
    color: var(--main-color);
    border: 1px solid var(--main-color) !important;
    background: white;
    font-weight: 700;
    width: 145px;
    text-align: center;
    font-size: 16px;
    padding: 0px 14px;
    height: 27px;
    padding: -2px 0;
    line-height: 22px;
    border-radius: 11px !important
}

.materialInput .input-file::before {
    content: 'Seç';
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: block;
    width: 129px;
    color: white !important;
    border: 1px solid var(--main-color) !important;
    background: var(--main-color) !important;
    font-weight: 700;
    font-size: 16px;
    padding: 3px 14px;
    height: 30px;
    line-height: 22px;
    margin: 27px auto 0 auto;
    border-radius: 11px !important;
    text-align: center;
}

.bankdanGelenInput .input-file:hover::before {
    border-color: black;
}

.input-file:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.dersler-tabpage .dxbl-image.fa.fa-user {
    color: black !important
}

/*.main-cedvel-scroll-fixer {
    overflow: auto !important;
    max-height: 90vh !important;
}*/
.ishciInput .input-file::before {
    content: 'Fayl seç';
    display: flex !important;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 32px;
    background: white !important;
    border: 1px solid var(--main-color) !important;
    color: var(--main-color) !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    border-radius: 12px;
}

.ishciInput input[type='file'] {
    color: rgba(0, 0, 0, 0);
    width: 100%;
}

/*.input-file{
    background:red !important;
}*/
/*@media only screen and (max-width: 1200px){
    .movzular-jurnal-grid .dxbl-col-lg-12.dxbl-col.dxbl-fl-item {
        max-height: 450px !important;
    }
}*/

.materialInput input[type='file'] {
    width: 100%;
}

.mpt-imtahan-datagrid-main .mpt-imtahan-datagrid {
    height: 500px !important;
    overflow: auto !important;
}



@media screen and (min-width: 1500px) and (max-width: 1900px) {
    .mpt-imtahan-datagrid-main .mpt-imtahan-datagrid-rpn {
        height: 545px !important;
    }
}

@media screen and (min-width: 1900px) and (max-width: 2700px) {
    .mpt-imtahan-datagrid-main .mpt-imtahan-datagrid-rpn {
        height: 650px !important;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1500px) {
    .mpt-imtahan-datagrid-main .mpt-imtahan-datagrid-rpn {
        height: 525px !important;
    }
}

@media screen and (min-width: 950px) and (max-width: 1300px) {
    .mpt-imtahan-datagrid-main .mpt-imtahan-datagrid-rpn {
        height: 500px !important;
    }
}

.main-dbfq-inner tr:nth-child(2n+1) td.dxbl-grid-fixed-cell {
    background: white !important
}

.main-dbfq-inner tr:nth-child(2n) td.dxbl-grid-fixed-cell {
    background: #FBFBFB !important
}

.main-dbfq-inner .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td.dxbl-grid-fixed-cell::before {
    background-color: #0c2e80 !important;
}

main-dbfq-inner .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td.dxbl-grid-fixed-cell::before {
    background-color: rgb(143 204 255) !important;
}

.main-dbfq .dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
    background-color: #EAEAFA !important;
}
.main-dbfq-inner tr:nth-child(2n) td.dxbl-grid-fixed-cell {
    background: #FBFBFB !important;
    background-color: #FBFBFB !important
}
.main-dbfq-inner .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td.dxbl-grid-fixed-cell::before {
    background-color: rgb(143 204 255) !important;
    background: rgb(143 204 255) !important;
}
.main-dbfq-inner{
    height:350px !important;
}
@media screen and (min-width: 1500px) and (max-width: 1900px) {
    .main-dbfq-inner {
        height: 560px !important;
    }
}

@media screen and (min-width: 1900px) and (max-width: 2700px) {
    .main-dbfq-inner {
        height: 670px !important;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1500px) {
    .main-dbfq-inner {
        height: 560px !important;
    }
}

@media screen and (min-width: 950px) and (max-width: 1300px) {
    .main-dbfq-inner {
        height: 560px !important;
    }
}

.main-arxiv-inner tr:nth-child(2n+1) td.dxbl-grid-fixed-cell {
    background: white !important
}
.main-arxiv-inner tr:nth-child(2n) td.dxbl-grid-fixed-cell {
    background: #FBFBFB !important;
    background-color: #FBFBFB !important;
}
.main-arxiv-inner tr:nth-child(2n) td.dxbl-grid-fixed-cell {
    background: #FBFBFB !important;
    background-color: #FBFBFB !important;
}
.main-arxiv-inner .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td.dxbl-grid-fixed-cell::before {
    background-color: #69bef7 !important;
    background: #69bef7 !important;
}
/*main-arxiv-inner .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td.dxbl-grid-fixed-cell::before {
    background-color: #0c2e80 !important;
    background: #0c2e80 !important;
}*/
.main-arxiv .dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
    background-color: #EAEAFA !important;
    background: #EAEAFA !important;
}



.fixed-row-color-fixer-inner tr:nth-child(2n+1) td.dxbl-grid-fixed-cell {
    background: white !important
}

.fixed-row-color-fixer-inner tr:nth-child(2n) td.dxbl-grid-fixed-cell {
    background: #FBFBFB !important
}

.fixed-row-color-fixer-inner .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td.dxbl-grid-fixed-cell::before {
    background-color: #0c2e80 !important;
}

fixed-row-color-fixer-inner .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td.dxbl-grid-fixed-cell::before {
    background-color: rgb(143 204 255) !important;
}

.fixed-row-color-fixer .dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
    background-color: #EAEAFA !important;
}

.fixed-row-color-fixer-inner tr:nth-child(2n) td.dxbl-grid-fixed-cell {
    background: #FBFBFB !important;
    background-color: #FBFBFB !important
}

.fixed-row-color-fixer-inner .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td.dxbl-grid-fixed-cell::before {
    background-color: rgb(143 204 255) !important;
    background: rgb(143 204 255) !important;
}
.bad-border-remover button{
    border:none !important;
    
}
    .bad-border-remover button.green-status-lab:hover {
        border: none !important;
        background: #DAFFF4 !important;
        background-color: #DAFFF4 !important;
        color: #32958F !important;
    }

    .bad-border-remover button.red-status-lab:hover {
        border: none !important;
        background: #FFDFDF !important;
        background-color: #FFDFDF !important;
        color: #DF5353 !important;
    }

.yerdeyishme-evezleme-elem {
    height: 52px;
    background: #F7F7F7;
    border: 1px solid #D1D1D1;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .yerdeyishme-evezleme-elem p {
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        color: #2C2738;
        margin: 0;
    }

.kandidat-fenn-qrup-main label.dxbl-fl-cpt.fw-bold.dxbl-text{
    font-size:15px !important
}

.shifre-vereqi-layout-group .webBody.Newtable{
    height:400px !important;
}




.main-jurnal-davamiyyet-inner-cell-color .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td {
    background-color: rgb(209 209 255) !important;
    background: rgb(209 209 255) !important;
}
    .main-jurnal-davamiyyet-inner-cell-color .dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td.dxbl-grid-fixed-cell::before {
        background-color: rgb(209 209 255) !important;
        background: rgb(209 209 255) !important;
    }


.yeniden-hesabla-button{
    float:right;
}

.chap-btn-style{
    width:30px !important;
    
}

.axtar-btn-style{
    width:64px !important;
}
.imtahanvereq-axtarish-item-sm {
    width: 13% !important
}


.imtahanvereq-axtarish-item-lg{
    width: 35% !important
}

div.b-radius-0-btn button{
    border-radius:3px !important;
    font-size:15px !important;
    width:34px;
}
div.b-radius-0-btn{
    display:flex;
    justify-content:space-around;
}

.grid-filter-distance-fixer th dxbl-grid-header-content span{
    max-width:fit-content !important;
}
.cedvel-istek-gun-readonly{
    width:32px !important;
    margin-right:10px !important;
}

.input-file:hover::before {
    border-color: black;
}
.input-file:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
.input-file::-webkit-file-upload-button {
    visibility: hidden;
}


    
.input-file::before {
    content: 'Fayl seç';
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 32px;
    background: white !important;
    border: 1px solid var(--main-color) !important;
    color: var(--main-color) !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    border-radius: 12px;
}

}

.input-file::before {
    content: 'Fayl seç';
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 32px;
    background: white !important;
    border: 1px solid var(--main-color) !important;
    color: var(--main-color) !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    border-radius: 12px;
}

.input-file {
    height: fit-content !important;
    width: 104px !important;
    padding-top: 30px !important;
}
}


    .input-file:hover::before {
        border-color: black;
    }
    .input-file:active::before {
        background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
    }
    .input-file::-webkit-file-upload-button {
        visibility: hidden;
    }


    .input-file:hover::before {
        border-color: black;
    }


    .input-file::before {
        content: 'Fayl seç';
        display: flex;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 32px;
        background: white !important;
        border: 1px solid var(--main-color) !important;
        color: var(--main-color) !important;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        border-radius: 12px;
    }

.input-file {
    height: fit-content !important;
    width: 104px !important;
    padding-top: 30px !important;
}