body {
  direction: rtl;
}

/************************ Header Styles **********************/
.MainHeader .Headerinfo {
  margin: 0 115px 0 0px;
}

.MainHeader .logo {
  float: right;
}

.MainHeader .logo::before {
  border-left: 60px solid transparent;
  border-right: 70px solid #fff;
  right: 100%;
  left: auto;
}
 
.MainHeader .logo::after {
  right: 100%;
  left: auto;
}
.userinfo {
  padding: 7px;
  padding-right: 20px;
  margin-left: 20px;
  margin-right: 0px;
}

.switchUser {
  right: auto;
  left: 5px;
}
.header-Search button {
  left: 0;
  right: auto;
}

.HeaderMenu ul.menu > li:hover > a + .dropdown-menu {
  right: 0;
  left: auto;
}

.header-Search .form-control {
  padding-left: 30px;
  padding-right: 10px;
}
.switchUserMenu .menu > li a {
  border-left: 0 !important;
  border-right: 4px solid #ffffff;
}

.switchUserMenu .menu > li a:hover,
.switchUserMenu .menu > li .active ,
.switchUserMenu .menu > li .active:hover {
    border-right-color: var(--primary-color);
}

body:not(.k-rtl) .MainHeader .dropdown.show .dropdown-menu.switchUserMenu {
	left: 0 !important;
	right: auto !important;
}


/***** hasSubMwenu ****/
.hasSubMwenu .dropdown-menu {
    right: 100%;
    left: auto !important
}

.dropdown.hasSubMwenu a.dropdown-toggle:after {
    content: '\f053';
}
    /************************ Controls Styles **********************/
    .input-with-btn .input-btn-icon button {
  margin-right: 5px;
  margin-left: 0px;
}
.btn {
  letter-spacing: 0;
}
.custom-file-label::after {
  left: 0px;
  margin-left: -45px;
  right: auto;
  margin-right: 5px;
}
.checkbox-container input[type="checkbox"] + span::before,
.radio-input input[type="radio"] + span::before {
  margin-left: 7px;
  margin-right: 0px;
}

.checkbox-container,
.radio-input {
  margin-left: 10px;
  margin-right: 0;
}

.switch-btn-container .switch {
  margin-left: 7px;
  margin-right: 0;
}
select:not([multiple]) {
  background-position: 8px center;
  padding-right: 16px;
  padding-left: 27px;
  height: 36px;
}
/* .nav-tabs .nav-link {
	margin-right: 0;
	margin-left: 15px;
}  */

.btn {
  letter-spacing: 0;
}
.nav-tabs .nav-link i {
  padding-left: 8px;
  padding-right: 0;
}
.ml-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.btn:not(.circleBtn) > i {
  margin-left: 8px;
  margin-right: -4px;
}
.form-check-input {
    margin-right: -16px;
    margin-left: 3px;
}
/************************ Genral Styles **********************/
/******** Online theme  **********/
.PageTitle::before {
    border-right: 13px solid var(--primary-color);
    border-left: 0;
    margin-left: 10px;
    margin-right: 0;
}
.BreadCrumbItem {
  margin-left: 10px;
  margin-right: 0;
}
    .BreadCrumbItem::after {
        border-right: 9px solid var(--primary-color);
        border-left: 0;
        margin-right: 9px;
        margin-left: 0px;
    }
.quickServiseItem {
  margin-left: 20px;
  margin-right: 0;
}
.serviceIcon {
  padding-left: 0px;
  padding-right: 0px;
}
.BannerSearchInput button {
  left: 3px;
}
/******** Grid style **********/
.table-head-col,
.noBorder.table-head-col,
.DivGridtoolsTd.table-head-col {
  padding: 15px 20px 4px 13px;
}
.table-row-col {
  padding: 13px 20px 13px 13px;
}
.table-head-col::before {
  right: 5px;
  left: auto;
}
.table-row .table-row-col:first-child::before {
  left: auto;
  right: 0;
}
.table .checkbox-container {
  margin-left: 0;
  margin-right: 0;
}
.table-row .table-row-col:first-child {
  border-radius: 0 4px 4px 0;
}
.table-row .table-row-col:last-child {
  border-radius: 4px 0 0 4px;
}
.table-row .table-row-col:first-child:before {
  border-radius: 0 6px 6px 0 ;
}
.table .dropdown-item {
  text-align: left;
}
.MainHeader .profile-dropdown .dropdown-menu {
  right: 4px;
  left: auto;
}

.mCustomScrollBox .mCSB_container {
  direction: rtl !important;
}
.dropdown-menu {
  text-align: start;
}
/********* Kendo styles RTL **********/

.k-radio-item .k-radio:disabled::before {
  left: auto;
  right: 12px;
}
.k-dropzone {
  flex-direction: row !important;
}
.k-upload .k-upload-button {
  margin-left: 0;
  margin-right: 5px;
}

.k-radio-item .k-radio::before {
  left: auto;
  right: 7px;
}

.k-rtl .k-switch.k-switch-on .k-switch-handle,
.k-switch[dir="rtl"].k-switch-on .k-switch-handle {
  left: calc(100% - 0.9em);
}
.k-rtl .k-switch.k-switch-off .k-switch-handle,
.k-switch[dir="rtl"].k-switch-off .k-switch-handle {
  right: calc(100% - 2em);
}
.k-treeview .k-content,
.k-treeview .k-item > .k-group,
.k-treeview > .k-group {
  list-style-type: none;
  direction: rtl;
}
.k-treeview span.k-in {
  display: inline-flex;
}

.k-grid .k-grid-content tbody tr td:first-child::before {
  right: 0;
  left: auto;
}
.k-grid .k-grid-content tbody tr td:first-child {
  border-radius: 0 6px 6px 0;
  border: none;
}
.k-grid .k-grid-content tbody tr td:first-child {
  border-radius: 0 6px 6px 0 !important;
  border: none;
}
.k-header > .k-grid-filter,
.k-header > .k-header-column-menu {
  float: right !important;
  margin: -0.3em -2px -0.4em 0.6em !important;
}

.k-header .k-icon .k-i-filter::before {
  content: "\e5d4";
  font-family: "Material Icons" !important;
  font-size: 19px;
}

.k-grid .k-grid-content tbody tr td:first-child:before {
  left: 0;
}

.k-grid .k-grid-content tbody tr td:first-child:before {
  border-radius:  0 6px 6px 0;
  right: 0;
}
.k-grid .k-grid-content tbody tr td:last-child {
	border-radius: 6px 0 0 6px;
}
.k-rtl .k-combobox-clearable .k-input, .k-rtl .k-dropdown-wrap, 
.k-rtl .k-dropdowntree-clearable .k-dropdown-wrap .k-input, 
.k-rtl .k-dropdowntree-clearable .k-multiselect-wrap, 
.k-rtl .k-multiselect-clearable .k-multiselect-wrap, 
.k-rtl .k-numeric-wrap, .k-rtl .k-picker-wrap {
    padding-right: 0;
    padding-left: 2.5em !important;
}
#passwordIconIDss.password-icon,
#passwordIconIDs.password-icon {
    margin-right: -26px !important;
    margin-left: 9px !important;
}
    /************  Responsive *************/

    @media screen and (max-width: 1024px) {
        .MainHeader .Headerinfo {
            left: -300px;
            right: auto;
        }

        .showHeaderinfo .MainHeader .Headerinfo {
            left: 0px;
            right: auto;
        }

        .HeaderMenu {
            right: auto;
            left: -300px;
        }

        .showMainMenu .HeaderMenu {
            right: auto;
            left: 0;
        }

        .MainHeader .logo {
            left: auto;
            right: 0;
        }

        .mobile_button.rtbtn {
            right: auto;
            left: 65px;
        }

        .mobile_button.lftbtn {
            right: auto;
            left: 19px;
        }

        .HeaderMenu ul.menu > li:hover > a + .dropdown-menu {
            border-left: none;
            border-right: 4px solid var(--primary-color);
        }
    }


ul#onlineNotificationDropdown, ul#notificationDropdown {
    max-height: 67vh !important;
    width: 300px;
    overflow: auto !important;
    position: absolute;
    will-change: transform;
    top: 0px;
    right: auto !important;
    transform: translate3d(0px, 44px, 0px) !important;
    left: 0 !important;
}

.header-icons .dropdown-menu > li a {
    display: block;
    padding: 9px;
    color: #555;
    font-size: 12px;
    line-height: 1.5em;
    border-right: 4px solid #ffffff;
    position: relative;
    text-wrap: wrap;
}
.k-listbox .k-item, .k-popup .k-list .k-item {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    padding: 0 4px;
    text-align: start;
    direction: rtl !important;
}

.k-popup.k-list-container .k-state-selected {
    background: var(--primary-color);
    color: #fff;
    margin-bottom: 1px;
    border-radius: 0;
    text-align: start;
    direction: rtl !important;
}
.x{
    width : 332px !important;
    margin: auto;
}
.k-icon.k-i-calendar {
    position: relative;
    right: 6px;
}
.k-multiselect-wrap ul.k-reset:empty::before{
    left:0 !important;
    right:auto !important;
}


.row-item-first .gap-xs-1 .dayLabel{
    min-width: 80px;
}
@media (max-width: 576px) {
     #dynamic-rows{
       
        overflow-x: auto!important;
       
 }
}
@media (max-width: 992px) {
 #dynamic-rows{
        padding-bottom: 40px;
        overflow-x: hidden;
        overflow-y: hidden;
 }
  .row-item-first .gap-xs-1 {
    gap : 0.25rem !important;
    /* justify-content: space-between; */
  }
  .row-item-first  input[type="time"]{
    padding: 0 !important;
  }
  .row-item-first .gap-xs-1 .dayLabel{
    min-width: 50px !important;
    max-width: 50px !important;
    color: var(--primary-color);
   
    font-size:12px;
    }
    .row-item-first .row-item-second .nested-row{
        margin-right: 55px;
       

    }
      .row-item-first .row-item-second  .row-item-first{
        gap :0.25rem !important;
        width: auto !important;
        /* justify-content: space-between; */
      }
      .row-item-first .delete-btn{
        position: absolute;
        right:355px;

      }
      .row-item-firs:has(> .row-item-second) ~ .col-auto .delete-btn{
        top: -32px
      }

          .nested-apply{
flex-wrap: nowrap;
      }
      .nested-apply  .col-6:first-child{
        margin-right: 55px;
      }
      .nested-apply  .col-6 {
        max-width: 160px !important;
       
      }
      .apply-all-checkbox_break.w-50,
      #arrow_circle_up_break.w-50{
        width: 100% !important;
      }
      #BreakTimesDiv{
        display: none !important;
      }
      span.action-btn {
        display: inline-block;
        min-width: 35px;
        text-align: end;
    }
}

#EmbassiesDataGrid .k-grid-content table td[role="gridcell"]:has(table){
padding: 0;
}

.dark #addConfirm #DocumentTypesForServices{
  color: var(--primary-color) !important;
}