/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 01-sep-2015, 17:33:01
    Author     : awsultan
*/

/* Global Text Direction */

.dir-rtl {
    direction: rtl;
}

/* General */

.dir-rtl .right {
    float: left;
}

.dir-rtl .left {
    float: right;
}

.dir-rtl .align-right {
    text-align: left;
}

.dir-rtl .align-left {
    text-align: right;
}

/* Header */

.dir-rtl .ui-desktop #top-menu-bar {
    right: 242px;
    left: 0;
}

.dir-rtl .ui-page .ui-header h1 {
    background-position: 99% 17px;
}

.dir-rtl #top-menu-bar .main-menu a {
    float: right;
}

.dir-rtl #top-menu-bar .main-menu {
    left: 94px;
    right: 0;
}

.dir-rtl #top-menu-bar .main-menu a:first-child {
    border-radius: 0em 0em 0.4em;
}

.dir-rtl #top-menu-bar .settings {
    left: 47px;
    right: auto;
}

.dir-rtl #top-menu-bar .logout {
    left: 0px;
    right: auto;
    border-radius: 0em 0em 0em 0.4em;
}

.dir-rtl .ui-desktop #top-information-bar {
    right: 242px;
    left: 0px;
}

.dir-rtl .ui-desktop #time-info {
    float: left;
}

.dir-rtl #user-notifications {
    float: left;
}

/* Side Menu */

.dir-rtl .ui-menu {
    box-shadow: -4px 4px 4px #666;
    /*direction: rtl;*/
}

.dir-rtl .ui-desktop.ui-page .ui-secondary-content {
    left: auto;
    right: 0px;
}

/* Content */

.dir-rtl .ui-desktop.ui-page .ui-primary-content {
    padding-left: auto;
    padding-right: 246px;
}

/* Tile */

.dir-rtl .ui-fit-panel,
.dir-rtl .ui-full-panel,
.dir-rtl .ui-fixed-panel-1,
.dir-rtl .ui-fixed-panel-2,
.dir-rtl .ui-fixed-panel-3,
.dir-rtl .ui-fixed-panel-4,
.dir-rtl .ui-fixed-panel-5,
.dir-rtl .ui-full-minPanel-1 {
    box-shadow: -4px 4px 4px #666;
}

.dir-rtl .ui-desktop .ui-full-panel,
.dir-rtl .ui-desktop .ui-fixed-panel-1,
.dir-rtl .ui-desktop .ui-fixed-panel-2,
.dir-rtl .ui-desktop .ui-fixed-panel-3,
.dir-rtl .ui-desktop .ui-fixed-panel-4,
.dir-rtl .ui-desktop .ui-fixed-panel-5 {
    margin: 0px 0px 6px 6px;
}

.dir-rtl .ui-toolbar {
    float: left;
    padding: 15px 15px 0 15px;
}

.dir-rtl .tile-spliter-button {
    left: 0px;
    right: auto;
    border-right-width: 1px;
    border-right-style: solid;
    border-left: none;
    border-radius: 0 4px 4px 0;
}

.dir-rtl .tile-spliter-button:hover {
    border-right-width: 1px;
    border-right-style: solid;
    border-left: none;
}

.dir-rtl .tile-icon-collapse,
.dir-rtl .tile-icon-expand {
    right: -5px;
    left: auto;
}

/* Forms */

.dir-rtl .ui-fieldcontainer {
    direction: rtl;
}

.dir-rtl .checkfield-fakecheckbox,
.dir-rtl .radiobutton-fakeradio,
.dir-rtl .checkfield-fakecheckbox48,
.dir-rtl .radiobutton-fakeradio48 {
    float: right;
}

.dir-rtl .ui-combobox span,
.dir-rtl .ui-suggestion span,
.dir-rtl .ui-fakefield span,
.dir-rtl .ui-datefield span.datefield-button,
.dir-rtl .ui-timefield span {
    right: auto;
    left: 1px;
}

.dir-rtl .ui-combobox input,
.dir-rtl .ui-suggestion input,
.dir-rtl .formfield,
.dir-rtl .textfield,
.dir-rtl .datefield,
.dir-rtl .integerfield,
.dir-rtl .floatfield,
.dir-rtl .selectionfield,
.dir-rtl .dataTables_filter input,
.dir-rtl .table-filter {
    padding-right: 8px;
    padding-left: auto;
    text-align: right;
}

.dir-rtl .ui-combobox input,
.dir-rtl .ui-suggestion input {
    padding-left: 32px;
}

.dir-rtl .datefield,
.dir-rtl .timefield,
.dir-rtl .timefieldplus {
    direction: ltr;
}

.dir-rtl .weekdayfield {
    float: right;
    border-left: 0 none;
    border-radius: 0 0.6em 0.6em 0;
}

.dir-rtl .ui-datefield .datefield,
.dir-rtl .fake-datefield {
    float: right;
    padding-left: 8px;
    padding-right: 20%;
}

.dir-rtl .ui-datefield span.datefield-weekday {
    left: auto;
    right: 2%;
    border-right: none;
    border-left: 1px solid #C0C0C0;
}

.dir-rtl .timefieldplus-wrapper,
.dir-rtl .timefieldplus-plus-wrapper {
    float: right;
}

.dir-rtl .timefieldplus,
.dir-rtl .ui-small .timefieldplus {
    border-radius: 0 0.6em 0.6em 0;
}

.dir-rtl .timefieldplus-plus,
.dir-rtl .ui-small .timefieldplus-plus {
    border-radius: 0.6em 0 0 0.6em;
    border-left-width: 1px;
    border-left-style: solid;
    border-right: none;
}

/* Sugdestion / Combobox */

.dir-rtl .ui-suggestion-list .option-list-name,
.dir-rtl .ui-combobox-list .option-list-name {
    text-align: right;
}

.dir-rtl .ui-suggestion-list .option-list-abbrev,
.dir-rtl .ui-combobox-list .option-list-abbrev {
    text-align: right;
}

/* Tables */

.dir-rtl table {
    direction: rtl;
}

.dir-rtl .dateAndOrTime,
.dir-rtl .number {
    direction: ltr !important;
}

.dir-rtl table tr td.text {
    text-align: start !important;
}

.dir-rtl .tableList .actions {
    text-align: left;
}

.dir-rtl .ui-cellcontainer {
    padding-left: 10px;
    padding-right: 0px;
}

.dir-rtl .ui-cellcontainer-min {
    padding-left: 5px;
    padding-right: 0px;
}

/* Fixed Columns */

.dir-rtl .ui-fixed-column-1,
.dir-rtl .ui-fixed-column-2,
.dir-rtl .ui-fixed-column-3 {
    padding-left: 16px;
    padding-right: 0;
}

.dir-rtl .ui-fixed-column-1.last,
.dir-rtl .ui-fixed-column-2.last,
.dir-rtl .ui-fixed-column-3.last {
    padding-left: 0;
}

.dir-rtl .ui-fixed-column-1,
.dir-rtl .ui-fixed-column-2,
.dir-rtl .ui-fixed-column-3,
.dir-rtl .ui-fixed-column-4,
.dir-rtl .ui-full-column {
    float: right;
}

/* Columns */

.dir-rtl .ui-columns-1-of-20,
.dir-rtl .ui-columns-2-of-20,
.dir-rtl .ui-columns-1-of-8,
.dir-rtl .ui-columns-one-of-eight,
.dir-rtl .ui-columns-3-of-20,
.dir-rtl .ui-columns-1-of-5,
.dir-rtl .ui-columns-one-of-five,
.dir-rtl .ui-columns-4-of-20,
.dir-rtl .ui-columns-1-of-4,
.dir-rtl .ui-columns-one-of-four,
.dir-rtl .ui-columns-2-of-8,
.dir-rtl .ui-columns-two-of-eight,
.dir-rtl .ui-columns-5-of-20,
.dir-rtl .ui-columns-6-of-20,
.dir-rtl .ui-columns-1-of-3,
.dir-rtl .ui-columns-one-of-three,
.dir-rtl .ui-columns-7-of-20,
.dir-rtl .ui-columns-3-of-8,
.dir-rtl .ui-columns-8-of-20,
.dir-rtl .ui-columns-three-of-eight,
.dir-rtl .ui-columns-2-of-5,
.dir-rtl .ui-columns-9-of-20,
.dir-rtl .ui-columns-1-of-2,
.dir-rtl .ui-columns-2-of-4,
.dir-rtl .ui-columns-4-of-8,
.dir-rtl .ui-columns-one-of-two,
.dir-rtl .ui-columns-two-of-four,
.dir-rtl .ui-columns-four-of-eight,
.dir-rtl .ui-columns-10-of-20,
.dir-rtl .ui-columns-11-of-20,
.dir-rtl .ui-columns-3-of-5,
.dir-rtl .ui-columns-12-of-20,
.dir-rtl .ui-columns-5-of-8,
.dir-rtl .ui-columns-five-of-eight,
.dir-rtl .ui-columns-13-of-20,
.dir-rtl .ui-columns-2-of-3,
.dir-rtl .ui-columns-two-of-three,
.dir-rtl .ui-columns-14-of-20,
.dir-rtl .ui-columns-3-of-4,
.dir-rtl .ui-columns-three-of-four,
.dir-rtl .ui-columns-6-of-8,
.dir-rtl .ui-columns-six-of-eight,
.dir-rtl .ui-columns-15-of-20,
.dir-rtl .ui-columns-4-of-5,
.dir-rtl .ui-columns-16-of-20,
.dir-rtl .ui-columns-17-of-20,
.dir-rtl .ui-columns-7-of-8,
.dir-rtl .ui-columns-seven-of-eight,
.dir-rtl .ui-columns-18-of-20,
.dir-rtl .ui-columns-19-of-20,
.dir-rtl .ui-columns-1-of-1,
.dir-rtl .ui-columns-one,
.dir-rtl .ui-columns-minimum {
    float: right;
}

/* Tabs */

.dir-rtl .ui-tab,
.dir-rtl .ui-tab-active {
    float: right;
}

.dir-rtl .ui-wrapping-tab,
.dir-rtl .ui-wrapping-tab-primary,
.dir-rtl .ui-wrapping-tab-close,
.dir-rtl .ui-wrapping-tab-open,
.dir-rtl .ui-wrapping-tab-secondary,
.dir-rtl .ui-wrapping-tab-secondary-open {
    float: right;
}

.dir-rtl .ui-wrapping-tab,
.dir-rtl .ui-wrapping-tab-secondary-open {
    border-radius: 0px 0px 4px 0px;
}

.dir-rtl .ui-wrapping-tab-open,
.dir-rtl .ui-wrapping-tab-close {
    border-radius: 0px 0px 0px 4px;
}

.dir-rtl .ui-wrapping-tab-secondary {
    border-radius: 0px 0px 4px 0px;
}

/* Geolocation block */

.dir-rtl .geolocation-dock label {
    float: right;
}

/* Personal Calendar */

.dir-rtl .calendarTable tr td.tdMonth {
    text-align: right;
    padding-right: 5px;
    padding-left: 0px;
}

/* Group Calendar */

.dir-rtl .calendar-change-date.calendar-prev {
    float: right;
}

.dir-rtl .calendar-change-date.calendar-next {
    float: left;
}

/* Info */

.dir-rtl .ui-desktop .infoDetail {
    margin-right: 326px;
    margin-left: 0px;
}

.dir-rtl .ui-desktop #management-pdaInfoDetails .infoDetail,
.dir-rtl .ui-desktop #management-timeInfoDetails .infoDetail {
    margin-right: 319px;
    margin-left: 0px;
}

/* Help */

.dir-rtl div#helpButton,
.dir-rtl div.help-icon {
    right: auto;
    left: 5px;
}

/* Personal Monthly Ledger */

.dir-rtl #personalMonthlyledger-timesTab-timesTable_table tr td.firstBorder {
    border-left: none;
}

.dir-rtl #personalMonthlyledger-timesTab-timesTable tr td.lastBorder {
    border-right: none;
    border-left: 1px solid;
}

/* Datepicker */

.dir-rtl .ui-datepicker-prev-nav {
    right: 10px;
    left: auto;
}

.dir-rtl .ui-datepicker-next-nav {
    left: 10px;
    right: auto;
}

/* Less than 800px of width */

@media all and (max-width: 800px) {
    .dir-rtl .ui-desktop #top-menu-bar {
        right: 0;
    }
    .dir-rtl .ui-desktop #top-information-bar {
        right: 0;
    }
}

/* Legend */

.dir-rtl .legend-element {
    float: right;
}

.dir-rtl .legend-abbrev-td {
    float: right;
}

.dir-rtl .legend-name-td {
    float: right;
    margin-right: 5px;
    margin-left: 0;
}

/* In Dialog Message */

.dir-rtl .indialog-message {
    padding-left: 40px;
}

/* Group Calendar */

.dir-rtl .calendarTable.group div.employee-selection-overlay {
    left: auto;
    right: 0px;
}

/* Detail overlay */

.dir-rtl .calendarTable .cellInfoOverlay td:last-child .bg-first {
    border-radius: 4px 0 0 0;
}

.dir-rtl div.divCellInfoOverlay {
    left: auto;
    right: 0;
    border-radius: 5px 0 5px 5px;
}

.dir-rtl .cellInfoOverlay {
    direction: ltr;
    border-radius: 5px 0 5px 5px;
}

.dir-rtl .calendarTable thead tr.days-of-week-row td.normalBorder button {
    overflow: hidden;
}