/*  Custom CSS RTL */
/* --------------- */
/*  Import Font Library */
@font-face{font-family:'Noto Kufi Arabic';src:url(NotoKufiArabic-Regular.ttf) format('truetype')}
@font-face{font-family:"Cairo";src:url(Cairo-Regular.ttf) format('truetype')}
h1, h3, h2, h4, h5, h6, p, a, .text-center,
.card-content,.table thead th,
.table{
  font-family:"Cairo", sans-serif!important;
}
/*  Align icons position */
.main-menu .navigation li > a > i, .main-menu .dropdown-menu i, .main-menu .dropdown-user > a > i, .main-menu .navigation > li > a > i {
  float : right;
}
.main-navbar{
    position: relative;
    top: 68px;
    background:linear-gradient(45deg, #018da8, #026376, #018da8);
    margin-bottom:5%;
}
.main-navbar h2{color:#fff;}
.main-navbar .container{
    align-items: center;
    text-align: center;
    vertical-align: middle;
    display: block;
}
.mainTitle{
    padding: 10px;
}
.back-button{
    background: url(../../Uploads/redHome.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px;
    transition: all .5s;
}
.back-button:hover{
    background: url(../../Uploads/yellowBack.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px;
}
.back-button a{
        color: #fff;
    font-size: 2.13rem;
    position: relative;
    bottom: 2px;
}
.back-button:hover a{
        color: #101010;
}
.main-button{
    background: url(../../Uploads/HomeRed.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px;
    transition: all .5s;
}
.main-button:hover{
    background: url(../../Uploads/yellowHome.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px;
}
.main-button a{
        color: #fff;
    font-size: 2.13rem;
}
.main-button:hover a{
        color: #101010;
}
.mainPages .card{
    background-color: #008ba6;
}
.mainPages .card-content{
    background: url(../../Uploads/catbg.jpg) no-repeat top center;
    min-height: 720px;
}
.mainPages .itemNavRight{
    margin: 20px;
    background: url(../../Uploads/Whiteright.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
}
.mainPages .itemNavRight:hover{
    margin: 20px;
    background: url(../../Uploads/Whiteright-hover.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
}
.mainPages .itemNavRightAnnouncement{
    margin: 20px;
    background: url(../../Uploads/WhiteRedRightGIF.gif);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
}
.mainPages .itemNavleft{
    margin: 20px;
    background: url(../../Uploads/Whiteleft.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
}
.mainPages .itemNavleft:hover{
    margin: 20px;
    background: url(../../Uploads/Whiteleft-hover.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
}
.mainPages .itemNavleftAnnouncement{
    margin: 20px;
    background: url(../../Uploads/WhiteRedLeftGIF.gif);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
}
.mainPages .itemNavRight img{
    left: 33px;
    position: relative;
}
.mainPages .itemNavRightAnnouncement img{
    left: 33px;
    position: relative;
}
.mainPages .itemNavleft img{
    right: 33px;
    position: relative;
}
.mainPages .itemNavleftAnnouncement img{
    right: 33px;
    position: relative;
}
.mainPages h3{display: inline-block;min-width: 204px;}
.dropdown-user.nav-item i {
  float : right;
}
.Department{text-align:center;}
.Department h2{
    background: url(../../Uploads/deparmentBG.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px;
}
.Department:hover h2{
    background: url(../../Uploads/deparmentBG-Hover.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.Department img{
    position: relative;
    top: 23px;
}
.mainPages .Reminders h3{
   font-size: 21px !important;
}
@media(max-width:766px){
    .mainPages .itemNavRight img {
        left: -2px;
        position: relative;
        width: 70px;
    }
    .mainPages .itemNavRightAnnouncement img {
        left: -2px;
        position: relative;
        width: 70px;
    }
    .mainPages .itemNavleft img {
        right: -2px;
        position: relative;
        width: 70px;
    }
    .mainPages .itemNavleftAnnouncement img {
        right: -2px;
        position: relative;
        width: 70px;
    }
    .mainPages .itemNavleft .FixedType img{
        right: 0px !important;
    }
    .mainPages h3 {
        display: inline-block;
        font-size: 20px;
    }
    .Department h2{font-size: 23px;}
    .mainPages .Reminders h3{
        font-size: 17px !important;
    }
}
.dataTables_scrollHead.dataTables_scrollHeadInner,
.table.dataTable,
div.dataTables_scrollFoot>.dataTables_scrollFootInner{
    width:100% !important;
}
.horizontal-menu .main-menu-content #main-menu-navigation > li > a > i {
  float : right;
}

.menu-expanded .form-group i {
  float : inherit;
}

.form-control-position i {
  top : 25%;
  position : absolute;
  right : 25%;
}

/* Dopzone horizontal scrollbar issue */
.dz-hidden-input {
  position : relative !important;
}

/* RTL version sticky sidebar float */
.content-wrapper .sticky-wrapper, .content-right-sidebar .sticky-wrapper {
  float : left;
}

.ui-widget-icon-block {
  right : 50%;
}

.ui-dialog .ui-dialog-titlebar-close {
  right : 3rem;
}

.square.slider-xl .noUi-handle:before {
  left : 5px;
}

.square.slider-xl .noUi-handle:after {
  left : 10px;
}

.square .noUi-handle:before {
  left : 0;
}

.square .noUi-handle:after {
  left : 5px;
}

.square.slider-xs .noUi-handle:before {
  left : -2px;
}

.square.slider-xs .noUi-handle:after {
  left : 1px;
}

.noUi-vertical.square .noUi-handle:before {
  left : -1px;
}

.noUi-vertical.square .noUi-handle:after {
  left : -1px;
}

.btn i[class^='icon-'], .btn i[class*=' icon-'] {
  line-height : 1.25rem;
}

code[class*='language-'], pre[class*='language-'] {
  direction : ltr;
}

@media print {
  code[class*='language-'], pre[class*='language-'] {
    text-shadow : none;
  }
}

/* Email Application */
.email-application .app-content .list-group .list-group-item i {
  float : right !important;
}

/* Perfact scrollbar RTL fix */
body .ps__rail-y {
  right : -6px !important;
}

/*  calendar app */
.calendar-application .content-wrapper .sidebar .sidebar-calendars .tui-full-calendar-checkbox-round + span {
  margin-left : 8px;
}

/* Input Group with Dropdown Component */
.input-group .input-group-prepend .dropdown-menu {
  right : auto;
}

/* Right dropdown menu */
.dropdown-menu.dropdown-menu-right::before {
  right : 1rem;
}

/* Quill Editor - arrow icons */
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right : auto;
}

.popover {
  right : initial !important;
}

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^='left'] > .arrow {
  right : calc((0.5rem + 1px) * -1);
  left : initial;
  -webkit-transform : rotate(180deg);
      -ms-transform : rotate(180deg);
          transform : rotate(180deg);
}

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^='right'] > .arrow {
  left : calc((0.5rem + 1px) * -1);
  right : initial;
  -webkit-transform : rotate(180deg);
      -ms-transform : rotate(180deg);
          transform : rotate(180deg);
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
  right : 0.5em;
}

.progress-bar-animated {
  -webkit-animation : progress-bar-stripes 40s linear infinite;
          animation : progress-bar-stripes 40s linear infinite;
}

.kanban-board {
  float : right !important;
}

.kanban-container .kanban-board .kanban-board-header .kanban-title-button {
  right : 14px;
}