@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"); /*----- for english------*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,500;1,600;1,700;1,800;1,900&display=swap"); /*----- for english------*/
@import url("https://fonts.googleapis.com/css2?family=Markazi+Text:wght@400;500;600;700&display=swap"); /*----- for arabic------*/
/*------------Table datalist style--------------*/
.k-block, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-treemap-tile {
  background-color: #ffffff;
}

.k-autocomplete, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item {
  background-position: 50% 50%;
  background-color: #ffffff;
}

.k-autocomplete, .k-block, .k-content, .k-dropdown-wrap, .k-dropzone-active, .k-filter-row > th, .k-footer-template td, .k-grid td, .k-grid td.k-state-selected, .k-grid-content-locked, .k-grid-footer, .k-grid-footer-locked, .k-grid-footer-wrap, .k-group, .k-group-footer td, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-input, .k-panel > .k-item > .k-link, .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar > .k-item > .k-link, .k-popup.k-align .k-list .k-item:last-child, .k-separator, .k-slider-track, .k-splitbar, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-toolbar, .k-treemap-tile, .k-upload-files, .k-widget {
  border-color: #ffffff;
}

.k-widget {
  border-color: #ffffff;
}

.k-pager-wrap {
  border-color: #e6e6e6;
  color: #444;
  background-color: #fafafa;
}

.k-filter-row > th, .k-footer-template td, .k-grid td, .k-grid td.k-state-selected, .k-grid-content-locked, .k-grid-footer, .k-grid-footer-locked, .k-grid-footer-wrap, .k-grid-header, .k-grid-header-locked, .k-grid-header-wrap, .k-group, .k-group-footer td, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-header, .k-input, .k-panel > .k-item > .k-link, .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar > .k-item > .k-link, .k-popup.k-align .k-list .k-item:last-child, .k-separator, .k-slider-track, .k-splitbar, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-toolbar, .k-treemap-tile, .k-upload-files, .k-widget {
  border-color: #ffffff;
}

.border-bottom {
  border-bottom: 0px solid #dee2e6 !important;
}

.k-filter-row > th:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-grid-header th.k-header:first-child {
  border-left-width: 1px;
}

.k-gantt-timeline .k-grid-header .k-header, .k-grid-header th.k-header {
  padding-left: 1.286em;
  background-color: #e4e4e4;
  color: #000;
  padding: 10px 29px 9px 10px;
  text-align: center;
}
html[dir=rtl] .k-gantt-timeline .k-grid-header .k-header, html[dir=rtl] .k-grid-header th.k-header {
  padding: 10px 10px 10px 30px;
  text-align: center;
  font-size: 18px;
}

.k-grid .k-header .k-button {
  color: #fff;
  background-color: #17a2b8;
  border-color: #105661;
  box-shadow: none;
  float: right;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
}

.k-header.k-grid-toolbar {
  border-color: white;
  float: left;
}
html[dir=rtl] .k-header.k-grid-toolbar {
  float: right;
}

.k-gantt-toolbar .k-button, .k-gantt > .k-header .k-link, .k-gantt > .k-header li, .k-grid .k-header .k-button:hover {
  color: #fff;
  background-color: #159cb1;
  border-color: #105661;
  box-shadow: none;
  float: right;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
}

.k-grid tr td, .k-pivot-layout .k-grid tr td {
  border-bottom-width: 1px;
  border-style: solid;
  padding: 0.5px;
}
html[dir=rtl] .k-grid tr td, html[dir=rtl] .k-pivot-layout .k-grid tr td {
  font-size: 18px;
}

.k-grid-header th.k-header > .k-link {
  padding: 0;
  margin: 0;
  min-height: 16px;
  line-height: inherit;
  color: #000;
}

.k-pager-wrap .k-pager-numbers .k-state-selected, .k-pager-wrap .k-pager-numbers .k-state-selected:hover {
  border-bottom-color: #b6985b;
  border-top-color: #fff;
  color: #0c0c0c;
}

.btn-group-sm > .btn, .btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.675rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
html[dir=rtl] .btn-group-sm > .btn, html[dir=rtl] .btn-sm {
  font-size: 15px;
}

/*-----------re design with kendo button-------------------------*/
/*----------delete alart message-------------*/
.sweet-alert {
  background-color: white;
  font-family: "Open Sans", sans-serif;
  width: auto;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999;
}
html[dir=rtl] .sweet-alert {
  font-family: "Markazi Text", serif;
}

.sweet-alert button {
  background-color: #8cd4f5;
  color: white;
  border: 0;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  -webkit-border-radius: 4px;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer;
}

.sweet-alert button.cancel {
  background-color: #c1c1c1;
}

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid #0e616e;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}

.sweet-alert .sa-icon.sa-warning {
  border-color: #0e616e;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #0e616e;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #0e616e;
}

/*--------------Button styles------------------*/
.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
  padding: 2px 10px 2px 10px;
  font-size: 13px;
}

.btn-sm .btn-group-sm .btn {
  padding: 0.2rem 0.2rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.custom-align {
  text-align: right;
}
html[dir=rtl] .custom-align {
  text-align: left;
}

/*----------table page desing-----------------*/
table {
  border-collapse: collapse;
  border-radius: 1em;
  overflow: hidden;
  background-color: #F5F5F5;
}

.table-data {
  font-size: 14px;
}
.table-data .t-head-dark {
  background-color: #D9D9D9;
}
.table-data .table-data .btn-sm .btn-group-sm .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.715rem;
  line-height: 1.5;
}
.table-data .t-head-dark {
  background-color: #D9D9D9;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  background-color: #fff;
}
.table .btn-group-sm > .btn, .table .btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.message-test {
  font-size: 12px;
  line-height: 14px;
  color: green;
}

.Resource-details-txt {
  font-size: 12px;
  line-height: 12px;
}

.col-form-label {
  line-height: 15px;
}
html[dir=rtl] .col-form-label {
  text-align: right;
  font-size: 18px;
}

.Resource-details-sub-hesding {
  font-size: 18px;
  font-weight: 800;
}

/*----------------------re-style calender border & others---------*/
.k-autocomplete, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
  background-position: 50% 50%;
  color: #444;
  background-color: #fafafa;
  border-color: #ced4da;
}
html[dir=rtl] .k-autocomplete, html[dir=rtl] .k-dropdown-wrap.k-state-default, html[dir=rtl] .k-numeric-wrap.k-state-default, html[dir=rtl] .k-picker-wrap.k-state-default {
  text-align: right;
}

html[dir=rtl] .k-fieldselector .k-list .k-item, html[dir=rtl] .k-popup .k-list .k-item, html[dir=rtl] .k-popup > .k-group-header {
  text-align: right;
}
html[dir=rtl] .k-list-optionlabel.k-state-selected.k-state-focused {
  text-align: right;
}
html[dir=rtl] span .k-colorpicker, html[dir=rtl] span.k-combobox, html[dir=rtl] span.k-datepicker, html[dir=rtl] span.k-datetimepicker, html[dir=rtl] span.k-dropdown, html[dir=rtl] span.k-dropdowntree, html[dir=rtl] span.k-numerictextbox, html[dir=rtl] span.k-timepicker {
  text-align: right;
}

.k-calendar > .k-header {
  border-color: #e6e6e6;
  color: #fff;
  background-color: #b6985b;
  background-image: none;
}

.k-calendar .k-header .k-link.k-state-hover {
  color: inherit;
  background-color: #a17f3a;
  box-shadow: none;
}

.k-calendar td.k-state-selected {
  border-color: #ad9057;
  color: #fff;
  background-color: #b6985b;
  background-image: none;
}

.k-combobox-clearable .k-input, .k-dropdowntree-clearable .k-dropdown-wrap .k-input, .k-dropdowntree-clearable .k-multiselect-wrap, .k-multiselect-clearable .k-multiselect-wrap {
  padding-right: 2.42142857em;
  border: solid 1px #ccc;
  border-radius: 4px;
}

/*------------text and label--------------------------------*/
html[dir=rtl] .label-align {
  text-align: right;
}