/*Glool kendo Overrides with classes*/

.gl-screen-content .gl-kendo-date-picker,
.gl-side-panel .gl-kendo-date-picker {
    max-width: 245px !important;
}

.gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom).gl-kendo-grid-daily-homework .k-grid-header {
    padding: 0rem !important;
}

.gl-kendo-grid-daily-homework .k-grid-content>table {
    border-spacing: 0rem 1rem;
}

:not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:last-child:not(.border-left-none) {
    border-top: 0.0625rem solid #fff !important;
    border-right: 0.0625rem solid #fff !important;
    border-bottom: 0.0625rem solid #fff !important;
    border-left: 0.0625rem solid #fff !important;
    border-top-right-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;

}

:not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:first-child:not(.border-right-none) {
    border-top: 0.0625rem solid #fff !important;
    border-left: 0.0625rem solid #fff !important;
    border-bottom: 0.0625rem solid #fff !important;
    border-right: 0.0625rem solid #fff !important;
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;

}


:not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:first-child.gl-teacher-self-background {
    border-top: 0.0625rem solid var(--purple, #9A4FDB) !important;
    border-left: 0.0625rem solid var(--purple, #9A4FDB) !important;
    border-bottom: 0.0625rem solid var(--purple, #9A4FDB) !important;
    border-right: 0.0625rem solid var(--purple, #9A4FDB) !important;
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;

}


:not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td {
    border: none;
}

:not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:last-child.border-left-none {
    border-top: 0.0625rem solid #fff !important;
    border-right: 0.0625rem solid #fff !important;
    border-bottom: 0.0625rem solid #fff !important;
    border-left: none !important;
    border-top-right-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;

}

:not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:first-child.border-right-none {
    border-top: 0.0625rem solid #fff !important;
    border-left: 0.0625rem solid #fff !important;
    border-bottom: 0.0625rem solid #fff !important;
    border-right: none !important;
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}



:not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:not(:first-child):not(:last-child) {
    border-top: 0.0625rem solid #fff !important;
    border-bottom: 0.0625rem solid #fff !important;
    border-right: none !important;
    border-left: none !important;

}


:not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td.gl-teacher-self-background:last-child.border-left-none,
:not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td.gl-teacher-self-background:first-child.border-right-none,
:not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td.gl-teacher-self-background:not(:first-child):not(:last-child) {
    border-color: var(--purple, #9A4FDB) !important;

}

/* :not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td span.gl-teacher-self-background{

    border: 1px var(--purple, #9A4FDB) solid !important;
} */





:not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.gl-kendo-grid-daily-homework.k-grid:not(.custom) tbody td {

    border: 0.0625rem solid var(--purple, #9A4FDB) !important;
    background-color: transparent !important;
    border-bottom: transparent !important;
    border-left: transparent !important;
    line-height: 2.0625rem;
}

.rtls :not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:last-child.border-left-none {

    border-top: 0.0625rem solid var(--purple, #9A4FDB) !important;
    border-left: 0.0625rem solid var(--purple, #9A4FDB) !important;
    border-bottom: 0.0625rem solid var(--purple, #9A4FDB) !important;
    border-right: none !important;
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}

.rtls :not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:first-child.border-right-none {
    border-top: 0.0625rem solid var(--purple, #9A4FDB) !important;
    border-right: 0.0625rem solid var(--purple, #9A4FDB) !important;
    border-bottom: 0.0625rem solid var(--purple, #9A4FDB) !important;
    border-left: none !important;
    border-top-right-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
}

.rtls :not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:not(:first-child):not(:last-child) {
    border-top: 0.0625rem solid var(--purple, #9A4FDB) !important;
    border-bottom: 0.0625rem solid var(--purple, #9A4FDB) !important;
    border-right: none !important;
    border-left: none !important;

}

.rtls .gl-kendo-grid-daily-homework.k-grid:not(.custom) tbody td {

    border: 0.0625rem solid var(--purple, #9A4FDB) !important;
    background-color: transparent !important;
    border-bottom: transparent !important;
    border-left: transparent !important;
    line-height: 2.0625rem;
}

.gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-header,

.gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-header th.k-header {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;



}

.gl-kendo-grid-daily-homework .k-grid-header th.k-header>.k-link {

    width: auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: start !important;
    font-size: 0.8rem;
}



.gl-kendo-grid-daily-homework.k-grid .k-grid-content tr:nth-of-type(even) {

    border: 0.0625rem solid var(--purple, #9A4FDB) !important;
}



.gl-kendo-grid-daily-homework .listviewWithHeaderContainer .k-grid-content table tbody tr td {

    padding: 0 !important;
}

.gl-kendo-grid-daily-homework.k-grid .k-grid-content.k-auto-scrollable {
    overflow-y: initial !important;
}

.gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-pager-wrap.k-grid-pager {

    background: #FFF !important;
    border: 0.0625rem solid var(--purple, #9A4FDB) !important;
    border-radius: 0.6875rem !important;

}

.gl-kendo-grid-daily-homework.k-grid select option[selected="selected"] {
    background: #dabff0 !important;
    background-color: #dabff0 !important;
}


.gl-kendo-grid-daily-homework tbody tr {

    padding: 1.25rem 1.5625rem !important;
    flex-shrink: 0 !important;
    border-radius: 0.6875rem !important;
    border: 0.0625rem solid var(--purple, #9A4FDB) !important;
    background: #FFF !important;
    vertical-align: middle !important;
    margin-top: 0.8rem !important;
    margin-bottom: 0.8rem !important;

}

.gl-kendo-grid-daily-homework .k-pager-wrap .k-link {
    color: var(--purple, #9A4FDB) !important;
}


.gl-kendo-grid-daily-homework tbody tr td {

    flex-shrink: 0 !important;

    border: 0.0625rem solid var(--purple, #9A4FDB) !important;
    background: #FFF !important;
    vertical-align: middle !important;
    margin-top: 0.8rem !important;
    margin-bottom: 0.8rem !important;
}




.gl-kendo-grid-daily-homework tbody {


    background-color: transparent !important;
}



.gl-kendo-grid-daily-homework-field-subject-style {
    color: var(--purple, #9A4FDB) !important;
    font-size: 1.25rem !important;

    font-weight: 800 !important;
    line-height: normal !important;
}



.gl-kendo-grid-daily-homework-field-requiredDate {

    color: #000;

    font-size: 0.9rem;
    font-style: normal;
    font-weight: 1000;
    line-height: normal;

    padding-inline: 0.62rem;


}

.gl-kendo-grid-daily-homework-field-teacher-name {

    color: var(--purple, #9A4FDB) !important;

    font-size: 0.9rem;
    font-style: normal;
    font-weight: 1000;
    line-height: normal;

    padding-inline: 0.62rem;


}


.gl-body a.k-link,
select.k-dropdown.gl-kendo-drop-down-list {

    border-color: #000 !important;
}


.gl-layout a.k-link.k-dropdown.gl-kendo-drop-down-list {

    border-color: #000 !important;
}

.gl-kendo-grid.k-grid.k-widget:not(.custom).gl-kendo-grid .k-grid-header {
    padding: 0rem !important;
}

.gl-kendo-grid .k-grid-content>table {
    border-spacing: 0rem 1rem;
}

:not(.k-detail-row) .gl-kendo-grid.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:last-child:not(.border-left-none) {
    border-top: 0.0625rem solid white !important;
    border-right: 0.0625rem solid white !important;
    border-bottom: 0.0625rem solid white !important;
    border-left: 0.0625rem solid white !important;
    border-top-right-radius: 0.3125rem;


}

:not(.k-detail-row) .gl-kendo-grid.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:first-child:not(.border-right-none) {
    border-top: 0.0625rem solid white !important;
    border-left: 0.0625rem solid white !important;
    border-bottom: 0.0625rem solid white !important;
    border-right: 0.0625rem solid white !important;
    border-top-left-radius: 0.3125rem;

    border-bottom-left-radius: 0.3125rem;

}

:not(.k-detail-row) .gl-kendo-grid.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td {
    border: none;

}

:not(.k-detail-row) .gl-kendo-grid.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:last-child.border-left-none {
    border-top: 0.0625rem solid white !important;
    border-right: 0.0625rem solid white !important;
    border-bottom: 0.0625rem solid white !important;
    border-left: none !important;
    border-top-right-radius: 0.3125rem;

    border-bottom-right-radius: 0.3125rem;

}

:not(.k-detail-row) .gl-kendo-grid.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:first-child.border-right-none {
    border-top: 0.0625rem solid white !important;
    border-left: 0.0625rem solid white !important;
    border-bottom: 0.0625rem solid white !important;
    border-right: none !important;
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;

}



:not(.k-detail-row) .gl-kendo-grid.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:not(:first-child):not(:last-child) {
    border-top: 0.0625rem solid white !important;
    border-bottom: 0.0625rem solid white !important;
    border-right: none !important;
    border-left: none !important;

}


.gl-kendo-grid.k-grid:not(.custom) tbody td {

    border: 0.0625rem solid white !important;
    background-color: transparent !important;
    border-bottom: transparent !important;
    border-left: transparent !important;
    line-height: 2.0625rem;
}

.rtls :not(.k-detail-row) .gl-kendo-grid.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:last-child.border-left-none {

    border-top: 0.0625rem solid white !important;
    border-left: 0.0625rem solid white !important;
    border-bottom: 0.0625rem solid white !important;
    border-right: none !important;
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}

.rtls :not(.k-detail-row) .gl-kendo-grid.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:first-child.border-right-none {
    border-top: 0.0625rem solid white !important;
    border-right: 0.0625rem solid white !important;
    border-bottom: 0.0625rem solid white !important;
    border-left: none !important;
    border-top-right-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
}

.rtls :not(.k-detail-row) .gl-kendo-grid.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td:not(:first-child):not(:last-child) {
    border-top: 0.0625rem solid white !important;
    border-bottom: 0.0625rem solid white !important;
    border-right: none !important;
    border-left: none !important;

}

.rtls .gl-kendo-grid.k-grid:not(.custom) tbody td {

    border: 0.0625rem solid white !important;
    background-color: transparent !important;
    border-bottom: transparent !important;
    border-left: transparent !important;
    line-height: 2.0625rem;
}

.gl-kendo-grid.k-grid.k-widget:not(.custom) .k-grid-header,

.gl-kendo-grid.k-grid.k-widget:not(.custom) .k-grid-header th.k-header {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;



}

.gl-kendo-grid .k-grid-header th.k-header>.k-link {

    width: auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: start !important;
    font-size: 0.8rem;
}



.gl-kendo-grid.k-grid .k-grid-content tr:nth-of-type(even) {

    border: 0.0625rem solid white !important;
}



.gl-kendo-grid .listviewWithHeaderContainer .k-grid-content table tbody tr td {

    padding: 0 !important;
}

.gl-kendo-grid.k-grid .k-grid-content.k-auto-scrollable {
    overflow-y: initial !important;
}

.gl-kendo-grid.k-grid.k-widget:not(.custom) .k-pager-wrap.k-grid-pager {

    background: #FFF !important;
    border: 0.0625rem solid white !important;
    border-radius: 0.6875rem !important;

}

/* .gl-kendo-grid.k-grid select option[selected="selected"] {
background: #ffffff !important;
background-color: #dabff0 !important;
} */


.gl-kendo-grid tbody tr {

    padding: 1.25rem 1.5625rem !important;
    flex-shrink: 0 !important;
    border-radius: 0.6875rem !important;
    border: 0.0625rem solid white !important;
    background: #FFF !important;
    vertical-align: middle !important;
    margin-top: 0.8rem !important;
    margin-bottom: 0.8rem !important;

}

/* bsharah 2-7-2024 */
.gl-kendo-grid .k-pager-wrap .k-link {
    color: black !important;

}


.gl-kendo-grid tbody tr td {

    flex-shrink: 0 !important;

    border: 0.0625rem solid white !important;
    background: #FFF !important;
    vertical-align: middle !important;
    margin-top: 0.8rem !important;
    margin-bottom: 0.8rem !important;
}




.gl-kendo-grid tbody {


    background-color: transparent !important;
}



.gl-kendo-grid-cell-text-style {

    color: #000;
    font-size: 0.875rem;
    font-weight: 600;

}

.gl-kendo-grid.k-grid.k-widget:not(.custom) .k-pager-wrap.k-grid-pager {
    background: #FFF !important;

    border-radius: 0.6875rem !important;

}

:not(.k-detail-row) .gl-kendo-grid.k-grid.k-widget:not(.custom) .k-grid-content table {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

/* FIRAS - 2024-09-01 */
.gl-kendo-date-picker.k-widget .k-input,
.gl-kendo-drop-down-list.k-widget .k-input,
.gl-kendo-combo-box.k-widget .k-input {
    height: 100% !important;
    background: #FFFFFF !important;
}
.gl-kendo-date-picker.k-widget .k-dropdown-wrap .k-select,
.gl-kendo-date-picker.k-widget .k-dropdown-wrap.k-state-focused .k-select,
.gl-kendo-drop-down-list.k-widget .k-dropdown-wrap .k-select,
.gl-kendo-drop-down-list.k-widget .k-dropdown-wrap.k-state-focused .k-select,
.gl-kendo-combo-box.k-widget .k-dropdown-wrap .k-select,
.gl-kendo-combo-box.k-widget .k-dropdown-wrap.k-state-focused .k-select {
    /* background: transparent !important; */
    color: var(--color-input) !important;
}
.gl-kendo-date-picker.k-widget .k-dropdown-wrap.k-state-focused .k-select .k-icon::before,
.gl-kendo-date-picker.k-widget .k-dropdown-wrap.k-state-focused .k-select .k-icon::after,
.gl-kendo-drop-down-list.k-widget .k-dropdown-wrap.k-state-focused .k-select .k-icon::before,
.gl-kendo-drop-down-list.k-widget .k-dropdown-wrap.k-state-focused .k-select .k-icon::after,
.gl-kendo-combo-box.k-widget .k-dropdown-wrap.k-state-focused .k-select .k-icon::before,
.gl-kendo-combo-box.k-widget .k-dropdown-wrap.k-state-focused .k-select .k-icon::after {
    border-top-color: var(--color-input) !important;
    border-bottom-color: var(--color-input) !important;
}

.gl-kendo-date-picker,
.gl-kendo-drop-down-list .form-control.k-widget .k-dropdown-wrap,
.gl-kendo-drop-down-list span.k-dropdown-wrap.k-state-default,
.gl-body .k-combobox {
    border-radius: 0.5rem !important;
    border: 0.0625rem solid #D9D9D9 !important;
    /* margin-inline: 0.3125rem !important; */
    border-radius: 0.3125rem !important;
    border-radius: 0.5rem !important;
    outline: none !important;
    height: 2.5rem !important;
    flex-shrink: 0 !important;
    color: #000;
    font-family: Inter;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625rem;
    min-width: 9rem !important;
    /* padding-inline-end: 1.6rem !important; */
    /* commented 2024-07-17 */



}

.gl-kendo-date-picker.form-control.k-widget,
.gl-kendo-drop-down-list.form-control.k-widget {

    height: 2.6rem !important;/*bsharah 2024-07-18*/
    background: transparent !important;

}

.gl-kendo-drop-down-list.k-dropdown:not(.k-editor-widget) .k-dropdown-wrap,
.gl-body .k-combobox {
    background-color: #FFF !important;
    background: #FFF !important;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

.gl-kendo-drop-down-list.k-dropdown:not(.k-editor-widget) .k-dropdown-wrap > .k-input {
    flex: 1;
}
.gl-kendo-drop-down-list.k-dropdown:not(.k-editor-widget) .k-dropdown-wrap > .k-select {
    position: relative;
}


.gl-kendo-drop-down-list.k-dropdown .k-input,
.gl-kendo-drop-down-list.k-dropdown .k-state-focused .k-input,

.gl-kendo-drop-down-list.k-dropdown:not(.k-editor-widget) .k-dropdown-wrap .k-input {

    color: #000 !important;
    font-family: Inter !important;
    font-size: 0.875rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.5625rem !important;

    padding-top: 0.5rem !important;
}

span.k-widget.k-dropdown.gl-kendo-drop-down-list.form-control.form {
    width: min-content !important;
}

.gl-kendo-drop-down-list span.k-select,

.gl-body .k-dropdown .k-input {

    background: #FFF !important;
}


.gl-kendo-date-picker .form-control.k-widget .k-picker-wrap,
.gl-kendo-drop-down-list .form-control.k-widget .k-dropdown-wrap {

    border-radius: 0.6875rem !important;
    border-radius: 0.6875rem !important;

}

.gl-body .k-animation-container .k-popup ul li,
.gl-body .k-animation-container .k-popup ul li * {
    font-size: 0.9rem;
}

.gl-kendo-drop-down-list.k-dropdown .k-dropdown-wrap.k-state-focused .k-select *,
.gl-kendo-drop-down-list.k-dropdown .k-dropdown-wrap.k-state-focused .k-select,
.gl-body .k-animation-container .k-popup ul li.k-state-selected,
.gl-body .k-animation-container .k-popup ul li.k-state-selected * {

    background: var(--purple, #9A4FDB) !important;
    background-color: var(--purple, #9A4FDB) !important;
    color: #fff !important;

}

.gl-kendo-drop-down-list.k-dropdown .k-state-disabled .k-input {
    color: black !important;
    background: #D9D9D9 !important;
    padding-inline-end: 2rem !important;
}

.gl-body .gl-kendo-drop-down-list .k-state-disabled span.k-select {
    color: black !important;
    background: #D9D9D9 !important;
}

.gl-body input:not(.k-input):not(.k-widget).gl-input {
    height: var(--size-input) !important;
}

.gl-body :not(.k-detail-row) .k-grid.k-widget:not(.custom) .k-grid-content table tbody tr td.gl-teacher-self-background {

    background: #F2EBF8 !important;

}


.gl-kendo-grid.k-grid .k-state-focused {
    box-shadow: none !important;

}

.gl-kendo-grid-daily-homework.k-grid .k-state-focused {
    box-shadow: none !important;

}

:not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr:hover>td:not(.k-hierarchy-cell) {
    background: rgb(255, 255, 255) !important;
}


:not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr:hover td.gl-teacher-self-background:not(.k-hierarchy-cell) {
    background: #F2EBF8 !important;
}


:not(.k-detail-row) .gl-kendo-grid-daily-homework.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr:hover {

    box-shadow: 0px 0px 4px 4px #c7c7c7;
    background: inherit !important;
}

.gl-kendo-grid-daily-homework.k-grid tr:hover {
    background-color: transparent !important;
    background-image: none !important;

    background-position: inherit !important;
}

:not(.k-detail-row) .gl-kendo-grid.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr:hover>td:not(.k-hierarchy-cell) {
    border-color: transparent !important;
}

.gl-kendo-grid.k-grid tr:hover {
    background-color: transparent !important;
    background-image: none !important;

    background-position: inherit !important;
}

:not(.k-detail-row) .gl-kendo-grid.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr:hover {
    box-shadow: 0px 0px 4px 4px #c7c7c7;
    background: #fff !important;
}

:not(.k-detail-row) .gl-kendo-grid.k-grid.k-widget:not(.custom) .k-grid-content table tbody tr:hover>td:not(.k-hierarchy-cell) {
    background: rgb(255, 255, 255) !important;
}

.gl-kendo-grid.k-grid:not(.custom) .k-grid-content .k-selectable tbody tr,
.gl-kendo-grid-daily-homework.k-grid:not(.custom) .k-grid-content .k-selectable tbody tr {

    cursor: unset !important;
}



/* *********************************************************** */
/* *********************************************************** */
/* *********************************************************** */
/* *********************************************************** */
/* *********************************************************** */
/* *********************************************************** */
/* under here is for kendo things the is generated insted of kendo tages 
and popups that comes in the end of the body*/
/* *********************************************************** */
/* *********************************************************** */
/* *********************************************************** */
/* *********************************************************** */
/* *********************************************************** */
/* *********************************************************** */

.gl-body a.k-link.k-pager-nav {

    /* border-color: var(--purple, #9A4FDB) !important; */
    border-color: #000 !important;
}


.gl-body span.k-pager-info.k-label {
    /* border-color: var(--purple, #9A4FDB) !important; */
    border-color: #000 !important;

}



.gl-layout a.k-link.k-pager-nav {
    /* border-color: var(--purple, #9A4FDB) !important; */
    border-color: #000 !important;
}

.gl-layout span.k-pager-info.k-label {
    /* border-color: var(--purple, #9A4FDB) !important; */
    border-color: #000 !important;
}


.gl-screen-content .k-datepicker .k-picker-wrap.k-state-focused .k-select,
.gl-side-panel .k-datepicker .k-picker-wrap.k-state-focused .k-select {

    background: #9A4FDB !important;
    /*bsharah 2024-08-07*/
    color: white !important;
}

.gl-body .k-mobile .col-lg-12.gl-search-container {
    overflow-x: hidden !important;

}

/* bsharah 2024-08-15 commented */
/* .gl-screen-content .k-dropdown:not(.k-editor-widget),
.gl-side-panel .k-dropdown:not(.k-editor-widget) {
    width: auto !important;
} */


/* @media (max-width:650px) {

    .gl-screen-content .k-dropdown:not(.k-editor-widget),
    .gl-side-panel .k-dropdown:not(.k-editor-widget) {
        width: 100% !important;
    }


} */


.gl-screen-content .form-control.k-widget .k-picker-wrap,
.gl-side-panel .form-control.k-widget .k-picker-wrap {
    height: 100% !important;
    /* margin-inline: 0px !important; */
    border-radius: 0.6875rem !important;
}


.gl-screen-content .k-datepicker .k-picker-wrap .k-input,
.gl-side-panel .k-datepicker .k-picker-wrap .k-input {
    height: 100% !important;
    margin: 0px !important;
}


.gl-screen-content span.k-widget.k-datepicker.form-control,
.gl-side-panel span.k-widget.k-datepicker.form-control {
    border: none !important;

}


/* .gl-screen-content span.k-widget.k-datepicker.form-control,
.gl-side-panel span.k-widget.k-datepicker.form-control {

    margin-inline-start: 0.65rem !important;
} */
/* commented 2024-07-17 */

.gl-screen-content span.k-select,
.gl-side-panel span.k-select {

    padding-top: 0.35rem;
    /* FIRAS - 2024-07-30 */
    padding-bottom: 0.35rem;

}


.gl-body .k-widget .k-picker-wrap,
.gl-body .k-widget .k-dropdown-wrap,
.gl-body .k-widget .k-dropdown-wrap .k-input {
    height: 100% !important;
}

.gl-body .k-widget .k-picker-wrap .k-select {
    padding: 0px !important;
}

.gl-body a.k-link {

    color: #000 !important;
}




.gl-body .k-animation-container .k-popup ul li.k-state-hover:not(.k-state-selected),

.gl-body .k-animation-container .k-popup ul li:not(.k-state-selected) {
    color: #000 !important;
}

.gl-body .k-combobox,
.gl-body select.k-dropdown {
    /* border-color: var(--purple, #9A4FDB) !important; */
    border-color: #000 !important;
}

/*bsharah 2024-07-08*/
/*
.gl-body .k-pager-wrap {
    display: none !important;
}*/
/*bsharah 2024-07-08*/
.gl-body .k-pager-wrap .k-pager-numbers-wrap * {
    color: #000 !important;
}

.gl-body .k-pager-numbers-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.gl-body .k-editor-toolbar-wrap .k-combobox {
    border: none !important;
}

.gl-body .k-combobox .k-dropdown-wrap.k-state-focused .k-select {
    background: #9A4FDB !important;
}

.gl-body .k-combobox .k-dropdown-wrap.k-state-focused {
    border-color: #9A4FDB !important;
}

.gl-body .k-combobox .k-dropdown-wrap .k-select {
    height: 100% !important;
    background: transparent !important;
}

.gl-body .k-toolbar.k-editor-toolbar .k-tool-group {
    width: min-content !important;


}

.gl-body .k-toolbar.k-editor-toolbar .k-combobox .k-dropdown-wrap {

    margin-inline-end: -1rem;
}

.gl-body .k-toolbar.k-editor-toolbar .k-picker-wrap.k-state-default {

    background-image: url(textures/highlight.png) !important;
    background-image: none !important;
    background-position: 50% 50% !important;
    background-color: #ffffff !important;
    border-color: #d1d1d1 !important;
}




.gl-body span.k-widget.k-timepicker.form-control.gl-kendo-date-picker {
    border: none !important;
}

.gl-actions-cell-kendo-grid {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
}


.gl-body span.k-dropdown-wrap.k-state-disabled {
    border-radius: 0.5rem !important;
    height: 2.5rem !important;
}

.gl-body .k-timepicker .k-picker-wrap .k-input {

    height: 100% !important;
    margin-inline-start: 0px !important;
}

.gl-body .k-state-border-up .k-animation-container,
.gl-body .k-state-border-up.k-list-container,
.gl-body .k-state-border-up .k-list-scroller {
    /* make size of drop down options list when open fit content (no extra white space)*/
    height: fit-content !important;
    /* max size of drop down options list when open*/
    max-height: 220px !important;

}


/*bsharah 2024-07-03*/
.gl-body span.k-select {
    display: flex;
    justify-content: center;
    align-items: center;
    /* FIRAS - 2024-07-30 */
    flex-direction: column;
}

/*bsharah 2024-07-03*/
.gl-body span[aria-readonly="true"] .k-input,
.gl-body span[aria-readonly="true"] * {

    background-color: #dae3fe !important;

}

/*bsharah 2024-07-17*/
.gl-body .gl-filter-span .gl-kendo-drop-down-list {
    width: 100% !important;
}

.gl-body .gl-kendo-combo-box *,
.gl-body .gl-kendo-combo-box >*,
.gl-body .k-combobox .k-dropdown-wrap .k-input{
    color: #000 !important;
}

.gl-body .k-icon.k-i-x:hover{
    background-color: #9A4FDB  !important;
    border-radius: 100% !important;
}

.gl-body .k-combobox.gl-kendo-combo-box{
border: unset !important;
}

.gl-kendo-drop-down-list {
    /* FIRAS - 2024-09-01 */
    /* max-width: 17rem !important; */
    min-width: 7rem !important;
}

.gl-handle-large-grid-cell {
    /* Prevents text from wrapping */
    /* FIRAS - 2024-09-01 COMMENTED */
    /* white-space: nowrap !important; */
    /* Hides overflow text */
    overflow: hidden !important;
    /* Adds ellipsis (...) for overflow text */
    text-overflow: ellipsis !important;
    /* Adjust this value as needed */
    max-width: 200px !important;
}