html body .wrapper .content {margin: 0px;}

.homePage .section-user {
    background-color: transparent;
    box-shadow: none!important;
    align-items: end;
}

.mp-menu ul li > a.icon-nav-link .icon-nav-icon .menu-icon {
    font-size: 21px;
}

.mp-menu ul li > a.icon-nav-link .icon-nav-icon .menu-icon[class*='fa'] {
    font-size: 17px;
}

.sidebar {
    left: 0px;
}

.homePage .section-user .user-infos .user-name {
    font-size: 21px;
    margin-bottom: 10px;
}

.homePage .section-user .user-infos .user-role {
    font-size: 17px;
    color: #555;
}

.homePage .section-user .user-image {
    width: 50px;
    height: 50px;
    margin-top: 4px;
}

.homePage .section-box {
    box-shadow: 11px -2px 21px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    border: 0px;
}

.homePage .section-box .section-box-header {
    border-bottom: 1px solid #eee;
}

.homePage .section-kms-sections .section-kms-section .section-right-container .section-title {
    font-size: 16px;
    /* float: left; */
    width: calc(100% - 2px);
    display: block;
    text-decoration: none!Important;
    color: #333;
}

.homePage .section-kms-sections .section-kms-section .section-right-container a {
    text-decoration: none;
}

/* .section-subsection-holder .subsection-wrapper.ng-scope{
display:none
} */

.section-subsection-holder.expandd .subsection-wrapper.ng-scope{display:inline-block;}


.homePage .section-kms-sections .section-kms-section .section-right-container .section-subsection-holder .subsection-title:not(.title-not-clickable) {
    font-size: 14px;
    color: #666;
    display: inline-block;
}

.subsection-more a.subsection-title {
    display: block;
}

.homePage .section-kms-sections .section-kms-section .section-left-container .section-icon-container .section-icon {
    font-size: 24px;
}

.notification-item {
    border-top: 0px solid #fff!important;
}

.notification-item .item-body .item-description .item-highlight {color: #1d7cc3;}

.notification-item:not(.item-read) .item-image {
    background-color: #ddd;
}

.homePage .section-kms-sections .section-kms-section-search {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: -15px;
    height: 59px;
    border-bottom: 1px solid #eee;
    justify-content: left;
    padding-top: 9px;
    margin-bottom: 23px;
}

.homePage .section-kms-sections .section-kms-section-search .form-search {
    background-color: transparent;
    width: 100%;
    border-bottom: 1px dotted #999;
    border-radius: 0px;
    width: calc(100% - 31px);
    margin-left: 18px;
}

.homePage .section-kms-sections .section-kms-section-search .form-search .search-input::placeholder {
    color: #999;
    font-style: italic;
}

form-search-wrapper {
    width: 100%;
}

.form-search-wrapper {
    width: 100%;
}

.header .header-inner #menu-trigger {
    margin-left: -11px;
    margin-right: 17px;
}

.ar .header .header-inner #menu-trigger {
    margin-left: 35px;
}

.homePage .section-box .section-box-header {
}

.homePage .section-kms-sections .section-kms-section {
    min-height: 60px;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.06);
    margin-bottom: 6px;
    margin-right: 20px;
    padding: 23px;
    border-radius: 5px;
    /* max-width: calc(20% - 18px)!important; */
    /* width: calc(20% - 22px)!important; */
}

/* @media(min-width:1201px) {
    .homePage .section-kms-sections .section-kms-section ~ .section-kms-section:nth-child(5n) {
        margin-right: 0px!important;
    }
} */

.subsection-more {
    position: absolute;
    right: 0px;
}

.form-group-wrapper .form-group-body.restrict-above-label .form-group .control-label {
    background-color: #fff;
    border-radius: 4px;
}

.k-grid.has_Lines_horizontal table tbody tr td {
    border-left: 0px!Important;
    border-right: 0px!Important;
}

.k-grid-footer, .k-grid-footer td, .k-grid-header, .k-grid-header .k-header, .k-pager-numbers .k-state-selected, .k-pager-wrap, .k-scheduler-header, .km-pane-wrapper .k-grid-header .k-header {
    background-color: #fff;
}

.toolbar .action-wrapper .search-wrapper {background-color: transparent;border-color: transparent;}

.toolbar .action-wrapper .search-wrapper .search .search-input {
    background-color: transparent;
}

.toolbar .action-wrapper {
    width: 100%;
}

.k-edge .k-editor-toolbar, .k-ff .k-editor-toolbar, .k-ie9 .k-editor-toolbar, .k-webkit .k-editor-toolbar {
    background-color: #fff;
}

.k-button {
    background-color: #fff;
    border: 1px solid #fff;
}

.k-editor-toolbar .k-tool, .k-group-start.k-group-end.k-tool {
    border-color: #fff;
}

span.k-widget.k-dropdown[title="Insert HTML"] > span {
    width: 100%;
    min-width: 480px;
    padding-right: 0px;
}

span.k-widget.k-dropdown[title="Insert HTML"] option {
    /* border-bottom: 1px solid #ccc; */
    /* line-height: 30px; */
}

span.k-widget.k-dropdown[title="Insert HTML"] select {
    width: 100%;
}

span.k-widget.k-dropdown[title="Insert HTML"] .k-popup.k-list-container {
    min-width: 900px!Important;
}

span.k-widget.k-dropdown[title="Insert HTML"] .k-list .k-item {
    min-width: 900px;
}

table.k-editor {
    border-color: #fff!important;
}

.k-editor .k-editable-area {
    border-color: #fff;
    padding: 18px;
}

.k-dropdown {
    /* background-color: #fff; */
}

.k-dropdown .k-state-default {
    background-color: #fff;
}

.form-group.disabled-selector .control-label:after {
    width: 0px;
}

.form-group-wrapper .form-group-body.restrict-above-label .form-group .form-control-simulator .k-state-disabled {
    background-color: #f8f8f8;
    width: calc(100% - 17px);
}

.form-group-title .group-collapse-icon-wrapper {
    margin-right: 12px;
}

.form-group-wrapper.collapsed-body .form-group-title {
    border-bottom: 1px solid #fff;
    padding-bottom: 6px;
}

.btn-group.ng-scope {}

.sidebar.minimal .sidebar-top .sidebar-body .minimal-tooltip {
    border-radius: 2px;
}

i#filter-slider-trigger {
}

.tableDisplay .toolbar .toolbar-commands .search-wrapper {
    background-color: transparent;
}

.tableDisplay .toolbar .toolbar-commands .search-wrapper {
}

.tableDisplay .toolbar .toolbar-commands {
    margin-right: 22px;
}

.tableDisplay .toolbar .toolbar-out-filters .form-group-body .form-group {
    height: 38px!important;
    margin-bottom: 0px;
}

.tableDisplay .toolbar .toolbar-commands .search-wrapper .icon-wrapper .zmdi {font-size: 20px;margin-top: 1px;}

.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-footer td, .k-grid-header, .k-grid-header-wrap, .k-group-footer td, .k-grouping-row td, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox {
}

.toolbar .results-wrapper {
}

.k-grid {
    border-color: #fff;
    border-right: 0px;
    border-left: 0px;
}

.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox {
    border-color: #eee;
}

.k-grid .k-grid-header {
}

.form-group.kendoGridTable .control-label {
    border: 0px;
    border-radius: 5px 5px 0px 0px!important;
}

.form-group.repeater-wrapper.compact .repeater-body .form-group-body > .form-group {
    margin-bottom: -5px;
}

.form-group.repeater-wrapper.compact .repeater-body .form-group-body > .form-group.col-xs-12 {
    width: calc(100% - 11px);
}

.ar .form-group.repeater-wrapper.compact .repeater-body .form-group-body > .form-group.col-xs-12 {
    width: calc(100% - 25px);
}

.form-group.repeater-wrapper.compact .repeater-body .cloner-actions {
    right: -15px!important;
}

.form-group.repeater-wrapper.compact .repeater-body .cloner-actions .delete-cloner-icon, .form-group.repeater-wrapper.compact .repeater-body .cloner-actions .add-cloner-icon {
    height: 20px;
}

.action-Bar-btns-wrapper.pull-right {
    margin-bottom: 5px;
}

.k-grid tr:hover {
    background-color: #f8f8f8!important;
}

.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox {
    border-color: #fff;
}

.k-grid.has-header-column-menu .k-grid-header .k-grid-header-wrap table thead tr th.k-header .k-header-column-menu {
    padding-left: 0px;
}

.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row .form-control.item-description {
    height: 31px;
    font-size: 12px;
    color: #999;
    padding: 0px;
}

.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row .invoice-col.sku-input {
    vertical-align: top;
    padding-top: 11px;
    padding-bottom: 5px;
}

.form-group.repeater-Generator .repeater-generator-hz-options .cloner-shift-actions .shift-cloner-icon {
    color: #ccc;
}

.form-group.repeater-Generator .repeater-generator-hz-options .repeater-inner-action .repeater-delete .repeater-delete-icon {
    margin-right: -6px;
    color: #ccc;
}

.repeater-generator-hz-options .zmdi, .repeater-generator-hz-options .fas {
    color: #fff!important;
}


.form-group.repeater-Generator .repeater-generator-hz-options .repeater-inner-action .repeater-delete .repeater-delete-icon:hover {
    color: #333;
}

.form-group.repeater-Generator .repeater-generator-hz-options .repeater-inner-action .repeater-add .repeater-add-icon {
    margin-right: -6px;
    color: #ccc;
    cursor: pointer;
}

.form-group.repeater-Generator .repeater-generator-hz-options .repeater-inner-action .repeater-add .repeater-add-icon:hover {
    color: #333;
}

@media(min-width: 769px){
    .editSlider .main-wrapper.has-actionBar .actionBar + .main-content {
        top: -14px!important;
    }
}

.editSlider {
    right: 0px;
}

.form-group.disabled-input label.control-label::after {
    display: none;
}

.main .main-wrapper.has-actionBar .actionBar {
    width: calc(100% - 49px);
}

span.k-link.k-nav-day {
    /* position: absolute; */
    /* left: 22px; */
    /* background-color: #fff; */
    /* letter-spacing: 91px; */
    color: #333;
}

.schedulePage .main-content.main-content-schedule-page .item-details-wrapper .item-details-body.schedulePageBody .body-content #scheduler {
    position: fixed;
    width: calc(100% - 99px)!important;
    height: 35vh!important;
    bottom: 0px;
    overflow: auto;
    border: 0px!important;
    box-shadow: 0px -3px 15px 4px rgba(0,0,0,0.09);
    animation: animfrombot 3s ease;
    border-top: 2px dashed #ddd!important;
    z-index: 99999999999999999;
    transition: all 0.4s ease!important;
}

td.disabledDate {
    background: #e6e6e6;
    border: 1px solid #eeeeee;
    height: 100%;
    width: 100%;
}

@keyframes animfrombot
{
  0% {
    bottom: -500px;
  }
  100% {
    bottom: 0px;
  }
}
.schedulePage .main-content.main-content-schedule-page .item-details-wrapper .item-details-body.schedulePageBody .body-content #scheduler #export {
    display: none;
}

.schedulePage .main-content.main-content-schedule-page .item-details-wrapper .item-details-body.schedulePageBody .body-content #scheduler #export.visible {
    display: block;
}
.schedulePage .main-content.main-content-schedule-page .item-details-wrapper .item-details-body.schedulePageBody .body-content #grid {
    width: 100%;
    margin-bottom: 35vh;
}

.k-block>.k-header, .k-window-titlebar {
    border-color: #eee;
    padding-bottom: 15px;
    background-color: #fff;
    border-radius: 0px;
    border: 0px;
    padding-top: 15px;
}

.k-window-title {
    padding-left: 1px;
    font-size: 20px;
    font-weight: 500;
}

.k-edit-form-container .editor-label, .k-edit-label {
    text-align: left;
}

div.k-window {}

.k-window>div.k-popup-edit-form {
    padding-top: 26px;
}

.k-edit-form-container .k-button {
    padding: 6px 29px;
    border-radius: 3px;
}

.k-widget.k-window.k-widget-image-browser .k-window-titlebar .k-window-actions {top: 9px;right: 14px;}

.k-window-titlebar .k-window-action {
    box-shadow: none;
}

.k-window-titlebar .k-state-hover {
    background-color: #fff;
    border-color: #fff;
}

.k-scheduler-table .k-today, .k-today>.k-scheduler-datecolumn, .k-today>.k-scheduler-groupcolumn {
    /* border-left-color: #f6f6f6; */
    border-style: dashed;
}

tr.k-scheduler-date-group {
}

.footer {
    pointer-events: none;
}

.footer {
    z-index: 0!Important;
}

.schedulePage.expanded .main-content.main-content-schedule-page .item-details-wrapper .item-details-body.schedulePageBody .body-content #scheduler{
    height: 80vh!important;
    transition: all 0.4s ease!important;
}

.infoSlider.sticked {
    right: 0px;
}

html[lang="ar"] .infoSlider {
    left: 0px!important;
}

.infoSlider .form-group.no-label.disabled-input.has-add-ons {
    background: #f5f5f5;
}

.infoSlider .form-group.has-add-ons.no-label {
    background-color: #fff;
}

.infoSlider .form-group {
    background-color: #fff;
    border-radius: 5px;
    /* overflow: hidden; */
}

.infoSlider .form-group.toggle-input.time-toggle {
    background-color: transparent;
}

.form-group .select-autocomplete-wrapper .k-combobox .k-state-disabled .k-dropdown-wrap .k-select {}

.k-state-disabled .k-select {
    display: none;
}

.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row:not(.invoice-create):not(.invoice-subtotal):not(.invoice-header):focus td {
    border-color: transparent;
}

.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row .invoice-col .invoice-discount .invoice-discount-dropdown-options {
    padding-right: 15px;
}

:focus {
    border: 0px solid #ccc;
    outline: none!important;
}

/* .form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row:not(.invoice-create):not(.invoice-subtotal):not(.invoice-header):focus{
    background-color: #fff;
    outline: 0px;
    opacity: 0.7;
    transition: all 0.2s ease;
    transform: scale(1.04);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
    border: 2px solid #ddd;
} */

.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row:not(.invoice-create):not(.invoice-subtotal):not(.invoice-header):focus input, .form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row:not(.invoice-create):not(.invoice-subtotal):not(.invoice-header):focus select, .form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row:not(.invoice-create):not(.invoice-subtotal):not(.invoice-header):focus span {
    color: #000;
}
.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row:not(.invoice-create):not(.invoice-subtotal):not(.invoice-header).highlighted-row {
    background-color: #fff;
    outline: 0px;
    /* opacity: 0.7; */
    transition: all 0.2s ease;
    transform: scale(1.04);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
    border: 2px solid #ddd;
}

.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row:not(.invoice-create):not(.invoice-subtotal):not(.invoice-header):hover:not(:focus) {
    background-color: #fff !important;
}
.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row:not(.invoice-create):not(.invoice-subtotal):not(.invoice-header) .product-add-icon , 
.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row:not(.invoice-create):not(.invoice-subtotal):not(.invoice-header) .product-minus-icon{
    display: none;
}

.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row:not(.invoice-create):not(.invoice-subtotal):not(.invoice-header).highlighted-row .product-add-icon{
    display: block;
}

.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row:not(.invoice-create):not(.invoice-subtotal):not(.invoice-header).highlighted-row.open-new-product-row .product-add-icon{
    display: none;
    position: absolute;
    top: 20px;
    font-size: 23px;
    color: var(--primary);
}

.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row:not(.invoice-create):not(.invoice-subtotal):not(.invoice-header).highlighted-row.open-new-product-row .product-minus-icon{
    display: block;
}

.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row:not(.invoice-create):not(.invoice-subtotal):not(.invoice-header) .product-add {
    display: none;
}

.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row:not(.invoice-create):not(.invoice-subtotal):not(.invoice-header).highlighted-row .product-add {
    display: block;
    position: absolute;
    top: 17px;
    font-size: 23px;
    color: var(--primary);
}

.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row:not(.invoice-create):not(.invoice-subtotal):not(.invoice-header) {}

input:-internal-autofill-selected {
    background: transparent;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.k-widget.k-window.k-widget-image-browser {
    width: calc(100vw - 20%)!important;
    height: calc(100vh - 20%)!important;
    border: 0px;
}

.k-filemanager-listview .k-listview-item {
    width: auto;
    display: inline-block;
    margin: 7px;
}

.k-filemanager-listview .k-listview-item .k-file-preview {
    border: 1px solid #eee;
    min-height: 100px;
    background-color: #eee;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin-bottom: 12px;
}

.k-filemanager-listview .k-listview-item .k-file-preview img {
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0px);
}

nav.k-widget.k-breadcrumb {
    display: none;
}

.k-filebrowser .k-filebrowser-toolbar {
    height: 46px;
    border: 0px;
    padding-top: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 12px;
}

.k-widget.k-window.k-widget-image-browser .imgBrowser .k-listview {
    border: 0px;
}

.k-state-selected .k-file-preview {
    outline: 2px solid #cfcfcf;
    transform: scale(1.1);
}

.invoice-col .element-action-wrapper.open .action-options-wrapper {
    margin-top: -52px;
    padding-top: 19px;
    transform: scale(1.3);
}

.k-filebrowser-toolbar .k-widget.k-search-wrap.k-textbox {
    float: left;
    background: transparent;
    border: 0px;
    box-shadow: none!important;
    zoom: 1.2;
}

.k-filebrowser-toolbar .k-widget.k-search-wrap.k-textbox input {
    background: transparent;
    border: 0px;
}

.k-filebrowser-toolbar .k-widget.k-search-wrap.k-textbox input::placeholder {
    font-style: italic;
    color: #999;
}

.k-column-menu .k-sprite, .k-gantt-views>.k-current-view>.k-link:after, .k-grid-mobile .k-resize-handle-inner:after, .k-grid-mobile .k-resize-handle-inner:before, .k-i-drag-and-drop, .k-icon, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link:after, .k-tool-icon {}

.k-column-menu .k-sprite, .k-gantt-views>.k-current-view>.k-link:after, .k-grid-mobile .k-resize-handle-inner:after, .k-grid-mobile .k-resize-handle-inner:before, .k-i-drag-and-drop, .k-icon, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link:after, .k-tool-icon {
    font-size: 22px;
}

.k-widget.k-window.k-widget-image-browser .imgBrowser .imgBrowser-action-btns {
    margin-top: 23px;
    float: left;
    margin-left: 21px;
}

.editorToolbarWindow.k-header, .k-editor.k-header, .k-filebrowser .k-header {
    background-color: #fff;
    border: 0px!important;
}

.form-group.textarea .control-label {
    border-color: #fff;
    border-radius: 4px 4px 0px 0px!Important;
}

.infoSlider .form-group.horizontal-separator {
    margin-bottom: 10px;
}

div#sectionBody-0---schedulegrid- {
    width: calc(100vw - 91px);
}

/* .main-content.main-content-schedule-page .item-details-header {
    display: none!important;
} */

.main-content.main-content-schedule-page {
    padding-top: 30px;
}

.main-content.main-content-schedule-page span.k-combobox {
    width: calc(100vw - 100px)!important;
    margin-top: 10px;
    position: fixed;
    bottom: 392px;
    left: 75px;
}

.k-event-template {
    padding: 8px;
    text-align: left!important;
}

.k-event-template > div:first-child {
    font-weight: bold;
}

.k-event-template > strong > div:first-child {content: "";position: absolute;outline: 1px solid green;outline-offset: -5px;height: 8px;border-left: 2px solid green;border-right: 2px solid green;margin-left: -11px;top: 2px;}
.k-event-template > strong > div:nth-child(2) {content: "";position: absolute;outline: 1px solid red;outline-offset: -5px;height: 8px;border-left: 2px solid red;border-right: 2px solid red;margin-left: -11px;top: 2px;}

.k-event-template strong {
    position: relative;
}

.k-event-template > div:nth-child(2) {
    text-transform: capitalize;
    font-size: 14px;
    margin-top: 3px;
}

.k-event-template > div:nth-child(3) {
    text-transform: capitalize;
    margin-top: 6px;
    opacity: 0.7;
}

.k-event-template .zmdi-turning-sign {position: absolute;right: 11px;bottom: 11px;}

.k-event-template .zmdi-info {position: absolute;right: 40px;bottom: 11px;}

.k-event {
    /* height: 43px!Important; */
    outline: 1px solid #fff!important;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 14px;
    overflow: visible;
}

.k-chart-crosshair-tooltip, .k-chart-shared-tooltip, .k-widget.k-tooltip {
    background-color: #fff!important;
    color: #333;
    font-size: 11px;
    border: 1px solid #ddd!important;
}

a.k-link.k-event-delete {
    color: #333;
    background-color: #fff;
    border-radius: 100%;
    opacity: 0.8;
}

.k-scheduler-layout tr+tr .k-scheduler-times th.k-scheduler-times-all-day, .k-scheduler-layout tr+tr .k-scheduler-times th.k-slot-cell {
    text-align: left;
    padding-top: 13px;
    position: relative;
}

.schedulePage .main-content.main-content-schedule-page .item-details-wrapper .item-details-body.schedulePageBody .body-content .scheduleTable.schedule-align .k-scheduler-layout.k-scheduler-timelineWorkWeekview .k-scheduler-content .k-event.changeEventView .k-event-template {
    background: repeating-linear-gradient(45deg, rgb(0 0 0 / 22%), rgb(0 0 0 / 22%) 10px, #00000000 10px, #00000000 20px)!important;
}

.schedulePage .main-content.main-content-schedule-page .item-details-wrapper .item-details-body.schedulePageBody .body-content .scheduleTable.schedule-align .k-scheduler-layout.k-scheduler-TimelineNoGapview .k-scheduler-content .k-event.changeEventView .k-event-template {
    background: repeating-linear-gradient(45deg, rgb(0 0 0 / 22%), rgb(0 0 0 / 22%) 10px, #00000000 10px, #00000000 20px)!important;
    height: 100%;
}

.schedulePage .main-content.main-content-schedule-page .item-details-wrapper .item-details-body.schedulePageBody .body-content .scheduleTable.schedule-align .k-scheduler-layout.k-scheduler-TimelineWeekNoGapview .k-scheduler-content .k-event.changeEventView .k-event-template {
    background: repeating-linear-gradient(45deg, rgb(0 0 0 / 22%), rgb(0 0 0 / 22%) 10px, #00000000 10px, #00000000 20px)!important;
    height: 100%;
}

.schedulePage .main-content.main-content-schedule-page .item-details-wrapper .item-details-body.schedulePageBody .body-content .scheduleTable.schedule-align .k-scheduler-layout.k-scheduler-TimelineWorkWeekNoGapview .k-scheduler-content .k-event.changeEventView .k-event-template {
    background: repeating-linear-gradient(45deg, rgb(0 0 0 / 22%), rgb(0 0 0 / 22%) 10px, #00000000 10px, #00000000 20px)!important;
    height: 100%;
}

.schedulePage .main-content.main-content-schedule-page .item-details-wrapper .item-details-body.schedulePageBody .body-content .scheduleTable.schedule-align .k-scheduler-layout.k-scheduler-TimelineNoGapWithResourceDetailsview .k-scheduler-content .k-event.changeEventView .k-event-template {
    background: repeating-linear-gradient(45deg, rgb(0 0 0 / 22%), rgb(0 0 0 / 22%) 10px, #00000000 10px, #00000000 20px)!important;
    height: 100%;
}
.schedulePage .main-content.main-content-schedule-page .item-details-wrapper .item-details-body.schedulePageBody .body-content .scheduleTable.schedule-align .k-scheduler-layout.k-scheduler-TimelineNoGapWithResourceDetailsview .k-scheduler-content .k-event.free-timeColor {
    background: #EEEEEE !important;
    border-color: #EEEEEE !important;
    color: #B3B3B3;
}

.form-group.col-xs-12.form-legend {
    float: left;
}

.form-group.repeater-Generator.ng-isolate-scope {
    background-color: #fff;
    border-radius: 6px;
    padding: 14px;
    padding-bottom: 42px;
}

.form-group.repeater-Generator .form-group.textfield, .form-group.repeater-Generator .form-group.toggle-input {
    outline: 1px solid #eee;
    border: 0px!Important;
    border-bottom: 0px!important;
}

.form-group.repeater-Generator .form-group.textfield[data-directivefor="title"] label,
.form-group.repeater-Generator .form-group.textfield[data-directivefor="subTitle"] label {
    display: none;
}

.form-group.repeater-Generator .form-group.textfield[data-directivefor="title"],
.form-group.repeater-Generator .form-group.textfield[data-directivefor="subTitle"]{
    border: 0px!Important;
    border-bottom: 1px solid #ddd!important;
    outline: none;
    margin-top: 20px;
    z-index: 0;
}
.form-group.repeater-Generator .form-group.textfield[data-directivefor="subTitle"] input {
    font-size: 24px!Important;
    padding: 10px;
}

.form-group.repeater-Generator .form-group.textfield[data-directivefor="subTitle"] input::placeholder{
    font-size: 24px!Important;
}

.form-group.repeater-Generator .form-group.textfield[data-directivefor="title"] input {
    font-size: 34px;
    font-weight: bold;
    padding: 0px;
}

.form-group.repeater-Generator .form-group.textfield[data-directivefor="title"] input::placeholder{
    font-size: 34px!important;
    font-weight: bold;
}



.form-group.invoiceDetailsTable .table-scroll .invoice-body .invoice-row.invoice-create {
    border-bottom: 5px solid #ddd;
}

.form-group.invoiceDetailsTable .table-scroll .invoice-body tbody .invoice-row:last-child {
    border-bottom: 5px solid #ddd;
}

.form-group.repeater-Generator .form-group.form-legend .control-legend {
    display: none;
}

.form-group.repeater-Generator .repeater-generator-hz-options .cloner-shift-actions {position: absolute;right: 46px;top: 3px;}

.form-group.repeater-Generator .repeater-generator-hz-options {
    position: relative;
    z-index: 2;
    visibility: hidden;
    position: absolute;
    background-color: #666;
    width: 140px;
    height: 40px;
    box-shadow: 0px 0px 11px 2px rgb(0 0 0 / 11%);
    right: 0px;
    /* opacity: 0.9; */
    margin-top: -24px;
}
.group.ng-scope:hover .repeater-generator-hz-options {
    visibility: visible!important;
}

.group.ng-scope:hover .repeater-generator-hz-options:before {content: "";position: absolute;right: 0px;top: -260px;background: transparent;width: 190px;height: 320px;}

.form-group.invoiceDetailsTable .table-scroll .invoice-body {border-top: 5px solid #ddd!important;}

.form-group.repeater-Generator .repeater-generator-hz-options .repeater-inner-action .repeater-delete {
    position: absolute;
    right: 21px;
    top: 5px;
    cursor: pointer;
}
/* 
.form-group.invoiceDetailsTable {
    margin-bottom: 122px;
} */

.k-editor-toolbar .k-tool.k-state-selected, .k-toolbar .k-button-group .k-button.k-state-active {
    background: transparent;
    outline: 1px solid #000;
}

.k-editor-toolbar .k-tool.k-state-selected, .k-toolbar .k-button-group .k-button {
    margin-left: 1px;
}

.k-overflow-container .k-button .k-icon, .k-overflow-container .k-button .k-sprite, .k-toolbar .k-button .k-icon, .k-toolbar .k-button .k-sprite {
    margin-left: -6px;
    margin-top: -8px;
}

.k-scheduler-table .k-today, .k-today>.k-scheduler-datecolumn, .k-today>.k-scheduler-groupcolumn {
    background: #fff;
}

.section-kms-section .subsection-wrapper.ng-scope {min-width: 140px;}

.ar .section-kms-section .subsection-wrapper.ng-scope {
    min-width: 120px;
}

.homePage .section-kms-sections .section-kms-section .section-right-container .section-subsection-holder {
    width: fit-content;
    position: relative;
    display: inline-block;
    margin-left: -6px;
    position: absolute;
    padding: 7px;
    z-index: 1;
    /* padding: 22px; */
    right: 0px;
    top: -15px;
    /* float: left; */
}

.ar .homePage .section-kms-sections .section-kms-section .section-right-container .section-subsection-holder {
    right: auto;
    left: 0px;
}

.homePage .section-kms-sections .section-kms-section .section-right-container .section-subsection-holder.expandd{
    /* box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16); */
    /* background-color: #fff; */
    position: relative;
    top: auto;
    right: auto;
    margin-left: -46px;
    width: 100%;
    column-count: 2;
    column-gap: 52px;
}

.homePage .section-kms-sections .section-kms-section .section-right-container {
    position: relative;
    display: block;
    padding-top: 3px;
}

.sidebar.minimal .sidebar-top .sidebar-body .minimal-tooltip.show-tooltip {
    /* overflow: hidden; */
    padding-left: 8px;
    padding: 10px;
    background-color: transparent;
    box-shadow: none;
    margin-top: -38px;
}

.sidebar.minimal .sidebar-top .sidebar-body .minimal-tooltip.show-tooltip .mp-level:before {
    font-family: 'Material-Design-Iconic-Font';
    content: "\f2f4";
    position: absolute;
    top: -2px;
    left: -11px;
    background: aliceblue;
    opacity: 1;
    font-size: 56px;
    color: #fff;
}

.sidebar.minimal .sidebar-top .sidebar-body .minimal-tooltip .mp-level {
    position: relative;
    box-shadow: 0px 0px 10px rgb(68 166 219 / 27%);
    border-radius: 5px;
    padding-bottom: 19px;
    background-color: #fff;
}

.sidebar.minimal .sidebar-top .sidebar-body .minimal-tooltip .mp-level h2 {
    border-radius: 4px 4px 0px 0px;
    margin-bottom: 11px;
    padding-left: 24px;
    background-color: transparent;
    color: var(--primary);
    border-bottom: 1px solid #eee;
    font-size: 14px;
    font-weight: bold;
}

.sidebar.minimal .sidebar-top .sidebar-body .minimal-tooltip .mp-level ul {
    /* background-color: #fff; */
}

.sidebar.minimal .sidebar-top .sidebar-body .minimal-tooltip .mp-level ul li {
    min-height: 36px;
    box-sizing: border-box;
    padding-top: 6px;
    min-width: 212px;
}

.sidebar.minimal .sidebar-top .sidebar-body .minimal-tooltip .mp-level ul li.icon .icon-nav-link {
    min-height: 35px;
}

.mp-menu ul li > a.icon-nav-link:hover span {
    color: #000!Important;
    font-weight: bold;
}

.mp-menu ul li > a.icon-nav-link:hover {
    background-color: #fff;
}

.sidebar.minimal .sidebar-top .sidebar-body .minimal-tooltip .icon-nav-link {
    background-color: var(--primary);
    min-width: 176px;
    padding: 6px;
    padding-left: 13px;
    border-radius: 4px;
    box-shadow: 0px 0px 10px var(--primary);
    margin-top: 25px;
    margin-left: -3px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}

.sidebar.minimal .sidebar-top .sidebar-body .minimal-tooltip .mp-level-two .icon-nav-link {
    background-color: #fff;
    min-width: 176px;
    padding: 0px;
    padding-left: 0px;
    border-radius: 0px!Important;
    box-shadow: none;
    margin-top: 0px;
    margin-left: 0px;
    min-height: 25px!Important;
    text-transform: none;
}

.form-group.action-button .btn.primary {
    color: #fff;
}

.form-group .multiSelect-wrapper .k-multiselect.form-control .k-multiselect-wrap .k-button .k-icon.k-i-close:before {
    right: -13px;
}

.form-group .multiSelect-wrapper .k-multiselect.form-control .k-multiselect-wrap .k-button {
    margin-bottom: 0px;
    line-height: 25px;
    padding-left: 7px;
}

.message + .message {
    padding-bottom: 1px;
}

.message:last-child .message-body {
    padding-bottom: 16px;
}

.message .message-body,.message .message-body span {
    font-size: 15px!Important;
    width: calc(100% - 0px);
}

.message .message-body .message-description.message-description-you {
    font-size: 15px!Important;
}

.messages-wrapper .btn-text-only.btn-text-secondary {
    font-size: 21px;
    position: absolute;
    right: 15px;
    color: #999;
    top: 6px;
}

.ar .btn-text-only.btn-text-secondary.repeater-delete {
    left: 15px;
    right: auto;
}

.messages-wrapper textarea {
    font-size: 16px!Important;
    background: #fff!important;
}

textarea#responseMessage {
    background-color: #ffffff!important;
    margin-bottom: -45px;
    border: 1px solid #eee;
    padding: 8px 11px 12px 12px;
    height: 120px;
    width: calc(100% - 13px)!important;
    margin-left: 6px;
}

.main-wrapper.messaging-main-wrapper .messages-wrapper .messages-reponse-wrapper .messages-reponse-btn {margin-top: -27px;}

.message .message-body .message-sender {
    font-size: 17px!important;
}

.messages-display .messages .messages-header .messages-exit {
    font-size: 22px;
}

.message .message-body span.message-time-value {
    font-size: 12px!Important;
}

.message .message-body {
    background-color: #fff;
    /* border: 2px solid #eee; */
    border-radius: 0px 15px 15px 15px;
    padding: 15px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
}

.main-wrapper.messaging-main-wrapper {
    background: #f7f7f7;
}

.messages-fields {
    /* border: 1px solid #fff; */
}

.message .message-body .message-time.message-time-inline {
    margin-top: 4px;
}

.k-drag-clue.k-state-selected, .k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    background-color: var(--primary);
    color: #fff;
}

.k-popup .k-list > .k-state-selected.k-state-focused {
    background-color: var(--primary);
    color: #fff;
    font-weight: bold;
}

.item-details-wrapper .item-details:not(.order-details) .item-details-header {
    background-color: var(--primary);
}

section.section-box.section-kms-sections.section-100 {
    background-color: #eee;
    box-shadow: none;
    padding: 0px;
    margin-top: 62px;
}

.homePage .section-kms-sections .section-kms-section-wrapper {
    /* margin: 0px -36px 0 0px; */
}

.homePage .section-kms-sections .section-kms-section .section-right-container .section-subsection-holder .subsection-wrapper .subSubsection-wrapper {
    margin-left: 0px;
    border-left: 1px dotted;
}

.homePage .section-kms-sections .section-kms-section .section-right-container .section-subsection-holder .subsection-title.title-not-clickable {
    margin-top: 13px;
}

.homePage .section-kms-sections .section-kms-section-search .form-search .search-input {
    font-size: 29px;
    padding-left: 0;
}

.notification-item .item-body .item-description .item-highlight {
    font-size: 15px;
}

.notification-item .item-body .item-description .item-text-highlight {
    font-size: 14px;
}

.notification-item .item-body .item-description .item-text {
    font-size: 14px;
}

input#menu-sidebar-search-input {}

.g-loginPage .g-login-wrapper .login-inputs {
    background: #fff;
    width: 355px;
    height: 415px;
    padding: 56px;
    box-sizing: content-box;
    border-radius: 15px;
    padding-top: 140px;
    padding-bottom: 36px;
    left: 100px;
    transform: translateY(-50%) translateX(0%);
}

.g-loginPage .g-login-wrapper .login-inputs form[name="loginForm"] .login-btn,
.g-loginPage .g-login-wrapper .login-inputs form[name="resetPasswordForm"] .login-btn {
    background-color: var(--logincolor);
    color: #fff;
}

.g-loginPage .g-login-wrapper .login-inputs .login-logo .login-logo-img {
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 3px 15px rgba(0, 0, 0, 0.05);
}

.g-loginPage .g-login-wrapper .login-inputs form[name="loginForm"] .form-group .icon-box .zmdi,
    .g-loginPage .g-login-wrapper .login-inputs form[name="resetPasswordForm"] .form-group .icon-box .zmdi {
    color: #333;
}

@keyframes animfromleft
{
  0% {
    left: -500px;
  }
  100% {
    left: 100px;
  }
}

.g-loginPage .g-login-wrapper .login-inputs{
    animation: animfromleft 0.9s ease;
}

@keyframes fadein
{
  0% {
    opacity: 0;
    transform:translateX(20%);
  }

  60% {
    opacity: 0;
    transform:translateX(20%);
  }

  100% {
    opacity: 1;
    transform:translateX(0%);
  }
}

.g-loginPage .g-login-wrapper .login-inputs form[name="loginForm"] .form-group,
.g-loginPage .g-login-wrapper .login-inputs form[name="resetPasswordForm"] .form-group {
    background: #eee;
    margin-bottom: 13px;
    border: 1px solid #eae9e9;
    border-radius: 6px;
}

.g-loginPage .g-login-wrapper .login-inputs form[name="loginForm"] .form-group .form-control,
    .g-loginPage .g-login-wrapper .login-inputs form[name="resetPasswordForm"] .form-group .form-control {
    color: #333!important;
}

.g-loginPage .g-login-wrapper .login-inputs form[name="loginForm"] .form-group .form-control::placeholder,
.g-loginPage .g-login-wrapper .login-inputs form[name="resetPasswordForm"] .form-group .form-control::placeholder,
 .g-loginPage .g-login-wrapper .login-inputs form[name="loginForm"] .form-group .form-control[name="password"]::placeholder,
    .g-loginPage .g-login-wrapper .login-inputs form[name="resetPasswordForm"] .form-group .form-control[name="password"]::placeholder{
 color:#999!important   
}

.g-loginPage .g-login-wrapper .login-inputs .login-logo {
    text-align: left;
}

.ar .g-loginPage .g-login-wrapper .login-inputs .login-logo {
    text-align: right;
}

label#lblGreetings, label#lblGreetingsar {
    position: absolute;
    left: 652px;
    color: #fff;
    bottom: 222px;
    font-size: 27px;
    font-weight: 100;
    line-height: 50px;
    animation: fadein 2s cubic-bezier(0.25, 0.1, 0.35, 0.58);
}

label#lblGreetings b, label#lblGreetingsar b {
    font-size: 96px;
    line-height: 48px;
    font-weight: 600;
}

.ar label#lblGreetings{
    display:none;
}

label#lblGreetingsar{
    display:none;
}

.ar label#lblGreetingsar{
    display:block;
}

html[lang="ar"] .g-loginPage {
    direction: inherit!important;
}

.ar .g-loginPage .g-login-wrapper .login-inputs form[name="loginForm"] .login-btn .btn-text,
    .ar .g-loginPage .g-login-wrapper .login-inputs form[name="resetPasswordForm"] .login-btn .btn-text {
    font-size: 22px;
    line-height: 29px;
    margin-top: -7px;
}

.ar .subsection-more {
    left: auto!important;
    right: 0px;
}

html[lang="ar"] .sidebar {
    right: 0px!Important;
}

.ar .header {
    padding: 0px;
}

html[lang="ar"] .editSlider {
    left: 0px;
}

.infoSlider .form-group.read-only .form-control {
    background-color: transparent!Important;
}

.infoSlider .infoBarBlock .block .form-group.read-only {
    background-color: transparent;
}

.schedulePage .main-content.main-content-schedule-page .item-details-wrapper .item-details-body.schedulePageBody .body-content #scheduler.standAloneScheduler {
    position: relative;
    width:  100% !important;
    height: auto !important;
    box-shadow: none;
    margin-top: 25px;
    border-top: 0px !important;
}

.form-group.primary-separator {
    background-color: #fff;
    border-bottom: 1px dashed var(--primary);
    margin-bottom: 112px;
    position:relative;
}

.form-group.primary-separator:before {
    content: "<page break>";
    font-style: italic;
    color: #ccc;
    padding-top: 20px;
    position: absolute;
}

.form-group.repeater-Generator .repeater-generator-hz-options .repeater-inner-action {
    z-index: 1;
}

.schedulePage .form-group.kendoGridTable .kgrid-form-control {
    margin-bottom: 230px;
}
.form-group.repeater-wrapper.compact .repeater-body .form-group-body.restrict-above-label .form-group.has-add-ons .form-control-simulator.select-autocomplete-wrapper {
    WIDTH: calc(100% - 47px) !important;
}

.form-group.repeater-wrapper.compact .repeater-body .form-group-body.restrict-above-label .form-group .form-control-simulator.select-autocomplete-wrapper {
    WIDTH: 100% !important;
}

.form-group.no-label.has-add-ons .form-control-simulator.select-autocomplete-wrapper{
    WIDTH: calc(100% - 89px) !important;
}

.scheduleTable .k-scheduler-search {
    background-color: transparent;
    border-color: transparent;
}

.scheduleTable .k-scheduler-search:hover {
    box-shadow: none;
}

.scheduleTable .k-scheduler-search .k-icon {
    font-size: 17px;
}

.scheduleTable .k-scheduler-search input {
    padding-left: 22px;
    background-color: transparent;
}

/* .scheduleTable .k-widget.k-multiselect.k-multiselect-clearable {
    display: none;
} */

div#resources_name {
    color: #3F9FE9;
    font-size: 15px;
}

.resources_details strong {
    font-size: 10px;
    color: #ccc;
}

.resources_details div {
    color: #59B200;
    margin-right: 9px;
}

.vehicle_details strong {
    font-size: 10px;
    color: #ccc;
}

.vehicle_details div {
    color: #3F9FE9;
    margin-right: 9px;
}

.resources_details > div:last-child {
    /* display: none; */
}

.resources_details div:empty:before {content: '0min';}

.resources_details {
    margin-top: 6px;
}

a.zmdi.zmdi-turning-sign.inres {
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 18px;
}
.k-event.k-event-inverse.k-state-selected { 
    color: inherit;
}

@media only screen and (max-width:768px) {
body{
    visibility:visible;
}

.g-loginPage .g-login-wrapper .kmsRights {
    color: #fff;
}

.g-loginPage .g-login-wrapper .login-inputs {
    /* width: 240px; */
    /* left: 50%; */
    /* transform: translateY(-50%) translateX(-50%); */
    /* height: 380px; */
    /* padding-top: 162px; */
    /* padding-bottom: 0px; */
    padding-left: 29px;
    padding-right: 29px;

    width: calc(100% - 90px);
    left: 30px;
    height: auto;
    padding-bottom: 30px;
    padding-top: 30px;
    transform: translateY(-50%) translateX(-15px);
}

.g-loginPage:before {
    width: 100vw;
}
}


.k-editor-inline {
    border: 0px;
}

.repeater-generator-hz-options .repeater-body {
    position: absolute;
    top: 3px;
    right: 101px;
    width: 40px;
    height: 40px;
    display: block;
}

.form-group.repeater-Generator .repeater-body .floating-product-container {
    position: relative;
    top: auto;
    left: -18px;
    width: 100%;
    height: 100%;
}

.form-group.repeater-Generator .repeater-body .zmdi {
    /* color: var(--primary)!important; */
}

.k-editor-toolbar .k-editor-dropdown {
}

span.k-widget.k-dropdown.k-insertHtml.k-editor-widget {
    min-width: 480px;
}

.repeater-Generator .group.ng-scope:hover {
    outline: 1px solid #666;
}

.repeater-Generator .group.ng-scope {
    padding-top: 1px;
    margin-top: 2px;
}

div.k-window-titleless {
    padding-top: 0;
    position: fixed;
    top: 133px!Important;
    /* width: calc(100vw - 412px)!important; */
    /* left: 73px!important; */
}

.form-group.repeater-Generator .repeater-generator-hz-options .repeater-inner-action .repeater-add .repeater-minus-icon {
    padding-left: 13px;
}

.k-grid table tbody tr td[role="gridcell"][data-grid-role="alert-counter"] .counter:not(.isRead).isPrimary {
    color: #fff;
    line-height: 19px;
}
html[lang="ar"] .daterangepicker.ltr.single.opensright.show-calendar {
    direction: ltr;
    left: 5px !important; /*to fix calendar not fully appearing in arabic */
}