interface/themes/rtl.scss

   1
   2
   3 //    RTL adjustments for style*.css files
   4
   5 //    Author     : Amiel Elboim, Matrix
   6
   7
   8 /* General RTL calsses */
   9 @mixin rtl_style {
  10
  11     body{
  12         direction: rtl;
  13     }
  14
  15     tr, td, th{
  16         text-align: right !important;
  17
  18     }
  19
  20     /*Bootstrap 3 classes modified for rtl*/
  21     .text-center {
  22         text-align: center !important;
  23     }
  24
  25     .css_button span {
  26         padding: 5px 0 5px 10px;
  27     }
  28
  29     #navigation-slide, #navigation-slide *{
  30         padding-right:0px;
  31         margin-right:0px;
  32     }
  33
  34     #navigation-slide a{
  35
  36         padding: 5px 2px 5px 10px;
  37     }
  38
  39     /* Calander */
  40     #bottomLeft{
  41
  42         float: right !important;
  43     }
  44     #bigCal{
  45         border-right: 1px solid black !important;
  46     }
  47
  48
  49     /*miscellaneous*/
  50     .misc-internet-search{
  51         float: right !important;
  52     }
  53
  54     /* record_disclosure.php */
  55     #record-disclosure, #record-disclosure>div {
  56
  57         float:none !important;
  58
  59     }
  60
  61     /* /patient_file/encounter/forms.php  */
  62     #encounter_forms .encounter-summary-column{
  63         float: right !important;
  64     }
  65     #encounter_forms .form_header_controls, #encounter_forms .form_header{
  66         float: none !important;
  67     }
  68
  69
  70     /* /interface/main/main_title.php */
  71     table#main-title tr td:nth-child(1){
  72         text-align: left !important;
  73     }
  74     table#main-title tr td:nth-child(2){
  75         text-align: center !important;
  76     }
  77     table#main-title tr td:nth-child(2) div, table#main-title tr td:nth-child(3) div{
  78         float: none !important;
  79     }
  80     table#main-title tr td:nth-child(3){
  81         text-align: center !important;
  82     }
  83     table#main-title tr td:nth-child(4){
  84         text-align: right !important;
  85     }
  86     table#main-title tr td:nth-child(4) table{
  87         float: left;
  88     }
  89
  90     /* /interface/patient_file/summary/demographics.php */
  91     .demographics-box{
  92         position: relative
  93     }
  94     .demographics-box>div{
  95         float: none !important;
  96         position: absolute;
  97     }
  98     .demographics-box>div:first-child{
  99         width: 55% !important;
 100     }
 101     .demographics-box>div:last-child{
 102         margin-right: 75%
 103     }
 104
 105
 106     #tdallday3>span{
 107         direction: ltr;
 108         display: inline-block;
 109     }
 110     #tdallday3>span>input{
 111         text-align: right;
 112     }
 113
 114     /* /interface/clickmap/template/general_new.html */
 115     .graphic-pain-map{
 116         float: none !important;
 117         width: 600px;
 118     }
 119     .graphic-pain-map img{
 120         width: 100%;
 121     }
 122     body>.nav{
 123         margin-right: 40px;
 124     }
 125
 126
 127     /* ajax_template.html */
 128
 129     #dateNAV img{
 130         display: none;
 131     }
 132     #dateNav>a:nth-child(2), #dateNav>a:nth-child(3){
 133         display: inline-block;
 134         width: 16px;
 135         height: 15.5px;
 136     }
 137     #dateNav>a:nth-child(2){
 138
 139         background-image: url(../main/calendar/modules/PostCalendar/pntemplates/default/images/rightbtn.gif);
 140         margin-right: 10px;
 141     }
 142     #dateNav>a:nth-child(3){
 143
 144         background-image: url(../main/calendar/modules/PostCalendar/pntemplates/default/images/leftbtn.gif);
 145
 146     }
 147
 148     /* /main/messages/messages.php */
 149     td.amount-msg{
 150
 151         text-align: left !important;
 152         direction: ltr;
 153     }
 154
 155     /*  /interface/billing/edih_view.php  */
 156     #tabs ul.ui-tabs-nav li.ui-state-default{
 157         float: right;
 158     }
 159
 160
 161     /* /interface/code_systems/dataloads_ajax.php */
 162
 163     #accordion .left_wrpr, #accordion .wrpr{
 164         float: right !important;
 165     }
 166     .ui-dialog .ui-dialog-title{
 167
 168         float: none !important;
 169     }
 170
 171     .cancel-float{
 172         float: none !important;
 173     }
 174
 175     /* /templates/documents/general_view.html */
 176     #documents_actions form[name^=document]>div>div, #documents_actions form[name=notes]>div>div{
 177
 178         float: none !important;
 179         display: inline-block;
 180     }
 181
 182
 183     #documents_list img[src*=branch], #documents_list img[src*=line], #documents_list img[src*=plus], #documents_list img[src*=minus]{
 184         -webkit-transform: rotate(180deg);
 185         -moz-transform: rotate(180deg);
 186         -o-transform: rotate(180deg);
 187         -ms-transform: rotate(180deg);
 188         transform: rotate(180deg);
 189     }
 190     #documents_list img[src*=branchbottom]{
 191         -webkit-transform:  translate(2px ,0) rotate(-90deg);
 192         -moz-transform:  translate(2px ,0) rotate(-90deg);
 193         -o-transform:  translate(2px ,0) rotate(-90deg);
 194         -ms-transform:  translate(2px ,0) rotate(-90deg);
 195         transform: translate(2px ,0) rotate(-90deg);
 196     }
 197
 198
 199     .tabs-container ul.tabs{
 200         width: 100%;
 201     }
 202
 203     .tabs-container ul.tabs li{
 204
 205         float: none !important;
 206     }
 207     .container_body .viewport .overview{
 208         left: initial !important;
 209     }
 210
 211     .top-menu-carecoordination li{
 212         float: right !important;
 213     }
 214
 215
 216     .setup-carecoordination .top-menu-carecoordination li{
 217         float: right !important;
 218     }
 219     .setup-carecoordination .ca-ca-in-1{
 220         float: right !important;
 221     }
 222     .setup-carecoordination ul.virtualpage_system_based_forms{
 223
 224         float: right !important;
 225     }
 226     .setup-carecoordination .ca-ca-in-2{
 227
 228         float: right;
 229         padding-right: 2% !important;
 230         float: right !important;
 231     }
 232     .setup-carecoordination #paginatediv_database_tables a[rel=next]{
 233         float: left !important;
 234         transform: rotate(180deg);
 235     }
 236     .setup-carecoordination #paginatediv_database_tables a[rel=previous]{
 237         float: right !important;
 238         transform: rotate(180deg);
 239     }
 240
 241     /* online - portal */
 242
 243     /* patients/summary_pat_portal.php */
 244     div#portal-buttons-bottom{
 245         padding: 5px 15px;
 246     }
 247
 248     #DEM .label_custom, #report_parameters table table td.label_custom {
 249         text-align: left !important;
 250     }
 251
 252     /* flow board */
 253     form#pattrk h2>span{
 254         float: right !important;
 255     }
 256     form#pattrk #inanewwindow>span{
 257         float: left !important;
 258     }
 259
 260     /* cdr Groups */
 261     .cdr-rules-class .ui-multiselect .ui-state-default {
 262         padding: 0 20px;
 263     }
 264
 265     .rule_detail.edit.summry .left_col {
 266         float: none;
 267         margin: 5px;
 268     }
 269
 270     .rule_detail .left_col,
 271     .rule_detail .mid_col,
 272     .rule_detail .end_col {
 273         float: none;
 274         display: inline-block;
 275     }
 276
 277     #namecontainer_preminders {
 278         float: right !important;
 279     }
 280
 281     #namecontainer_creminders {
 282         float: right !important;
 283     }
 284
 285     .xdsoft_datepicker .xdsoft_mounthpicker button, .xdsoft_datepicker .xdsoft_mounthpicker > div{
 286         float: right;
 287     }
 288
 289     .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_prev, .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_next{
 290         -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
 291         -moz-transform: rotate(180deg);        /* FF */
 292         -o-transform: rotate(180deg);          /* Opera */
 293         -ms-transform: rotate(180deg);         /* IE9 */
 294         transform: rotate(180deg);             /* W3C compliant browsers */
 295
 296         /* IE8 and below */
 297         filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
 298     }
 299
 300
 301
 302     div.formname{
 303         float: right !important;
 304         padding-left: 10px !important;
 305     }
 306
 307     .select2-search, .select2-results{
 308         direction: rtl !important;
 309     }
 310
 311     [name="userlist"] .checkbox input[type=checkbox] {
 312         margin-left: 0px !important;
 313     }
 314 }