interface/themes/rtl.scss

   1 /* @import "path_to_theme"; inserted automatically above during build */
   2 /*
   3     RTL adjustments for style*.css files
   4
   5     Author     : Amiel Elboim, Matrix
   6 */
   7
   8 /* General RTL calsses */
   9
  10 tr, td, th{
  11     text-align: right !important;
  12
  13 }
  14
  15 body {
  16     margin: 0px 0px 0px 2px;
  17     direction: rtl;
  18 }
  19
  20 .menu {
  21     text-align: left;
  22 }
  23
  24 .menu_selected {
  25     text-align: left;
  26 }
  27
  28 .logout {
  29     text-align: right;
  30 }
  31
  32
  33
  34
  35 #documents_list {
  36     float: right;
  37     border-right: dashed 1px;
  38 }
  39 #documents_actions {
  40     float: left;
  41 }
  42
  43 #documents_actions form {
  44     margin: 0px; padding: 0px;
  45 }
  46
  47 .oe-text-to-right{
  48     text-align: left;
  49 }
  50 .oe-text-to-left{
  51     text-align: right;
  52 }
  53 .oe-pull-toward {
  54     float:right !important;
  55 }
  56 .oe-pull-away {
  57     float:left !important;
  58 }
  59 .oe-margin-toward {
  60     margin-right:30px;
  61 }
  62
  63 /*------------------procedures rtl openemr 5.0.2---------------------*/
  64 .oe-pl0 {
  65     padding-right: 0 !important;
  66 }
  67 .oe-pl10 {
  68     padding-right: 10px;
  69 }
  70 .oe-pl20 {
  71     padding-right: 20px;
  72 }
  73 .oe-pl30 {
  74     padding-right: 30px;
  75 }
  76 .oe-pl40 {
  77     padding-right: 40px;
  78 }
  79 .oe-pl50 {
  80     padding-right: 50px;
  81 }
  82 .oe-pl60 {
  83     padding-right: 60px;
  84 }
  85 .oe-pl-final {
  86     padding-right: 70px;
  87 }
  88 /*Bootstrap 3 classes modified for rtl*/
  89 .text-center {
  90     text-align: center !important;
  91 }
  92
  93 /*=============================================================
  94  * This section relates to the custom layouts that can be made
  95  * using the OEMR tool in the Admin section. For example, the
  96  * Patient Demographics are a custom layout.
  97  *============================================================*/
  98
  99 #DEM .label_custom {
 100
 101     text-align: left;
 102 }
 103 #DEM .data {
 104     text-align: right;
 105     padding-right: 6px;/*30px - ie 6 fix*/
 106 }
 107
 108 /* Patient History */
 109
 110 #HIS .groupname {
 111     padding-right: 1px;
 112 }
 113
 114 #HIS .data {
 115
 116     text-align: right;
 117     padding-right: 10px;
 118 }
 119
 120
 121 /*=============================================================
 122  * Patient Past Encounters and Documents
 123  * seen in the patient encounter screen
 124  *============================================================*/
 125
 126 #patient_pastenc th {
 127     text-align: right;
 128
 129 }
 130
 131
 132 /*=============================================================
 133  * Patient Reports
 134  * seen in the patient reports screens
 135  *============================================================*/
 136 #patient_reports .issues {
 137     padding-right: 30px;
 138 }
 139 #patient_reports .issues table {
 140     margin: 10px 0px 10px 0px;
 141 }
 142 #patient_reports .issues td {
 143     padding: 2px;
 144 }
 145 #patient_reports .encounters td {
 146     padding: 2px;
 147 }
 148 #patient_reports .encounter_forms {
 149     margin:5px 15px 5px 15px;
 150
 151 }
 152 /*=============================================================
 153  * Report - Custom
 154  * seen as the patient report (custom_report.php)
 155  *============================================================*/
 156
 157 #report_custom .billing {
 158     margin: 5px;
 159     padding: 5px;
 160 }
 161 #report_custom h1 {
 162     margin:  0px 0px 5px 0px;
 163     padding: 0px;
 164 }
 165 #report_custom .immunizations {
 166     margin: 5px;
 167     padding: 5px;
 168 }
 169 #report_custom .notes {
 170     margin: 5px;
 171     padding: 5px;
 172 }
 173 #report_custom .transactions {
 174     margin: 5px;
 175     padding: 5px;
 176 }
 177 #report_custom .communications {
 178     margin: 5px;
 179     padding: 5px;
 180 }
 181 #report_custom .documents {
 182     margin: 5px;
 183     padding: 5px;
 184 }
 185 #report_custom .demographics {
 186     margin: 5px;
 187     padding: 5px;
 188 }
 189 #report_custom .insurance {
 190     margin: 5px;
 191     padding: 5px;
 192 }
 193 #report_custom .history {
 194     margin: 5px;
 195     padding: 5px;
 196 }
 197 #report_custom .issue {
 198     margin-left: 20px;
 199 }
 200 #report_custom .issue_type {
 201     padding: 5px 0px 5px 0px;
 202 }
 203 #report_custom .issue_diag {
 204     margin: 0px 20px 0px 20px;
 205 }
 206 #report_custom .encounter {
 207     border-top:2px dotted black;
 208     padding: 10px 5px 10px 5px;
 209 }
 210 #report_custom .encounter h1 {
 211     margin: 0px;
 212     padding: 0px;
 213 }
 214 #report_custom .encounter_form {
 215     margin: 10px;
 216     padding: 10px;
 217     border-top: 1px solid gray;
 218 }
 219
 220
 221
 222 /*
 223  * CSS BUTTONS
 224 */
 225 .css_button_small {
 226     float: right;
 227     margin-left: 3px;
 228     padding-right: 10px; /* sliding doors padding */
 229 }
 230
 231 .css_button_small span {
 232     padding: 0px 0px 0px 10px;
 233 }
 234
 235 .css_button {
 236     float: right;
 237     margin-right: 3px;
 238     padding-right: 10px; /* sliding doors padding */
 239 }
 240
 241 .css_button span {
 242     padding: 5px 0 5px 10px;
 243 }
 244 .sellistclass {
 245     float:right;
 246 }
 247 /*
 248  * TABS
 249 */
 250
 251 ul.tabNav { margin: 0; padding: 0; }
 252 ul.tabNav { float: right; }
 253 ul.tabNav li { float: right;
 254     margin: 0 1px 0 0;
 255     padding: 6px 0 0;
 256     text-align: right;
 257 }
 258 ul.tabNav li.current {
 259     padding-top: 0;
 260     text-align: right;
 261 }
 262 ul.tabNav a {
 263     padding: 4px 4px 5px 4px;
 264 }
 265 ul.tabNav li.current a {padding: 8px; }
 266
 267 div.tabContainer {
 268     float: right;
 269 }
 270
 271 div.tab table td {
 272     padding-right: 1px;
 273 }
 274 /*
 275 * REPORTS
 276 */
 277
 278 #report_parameters table table td.label_custom {
 279     text-align: left;
 280 }
 281
 282 #report_results table thead {
 283     text-align:right;
 284 }
 285 /**
 286 * List-table formatting
 287 **/
 288 .showborder td {
 289     text-align:right;
 290 }
 291 .showborder_head  th {
 292     text-align:right;
 293 }
 294 .shownoborder td {
 295     text-align:right;
 296 }
 297 .showborder_long tr td{
 298     text-align:right;
 299 }
 300
 301
 302
 303 #navigation-slide, #navigation-slide *{
 304     padding-right:0px;
 305     margin-right:0px;
 306 }
 307
 308 #navigation-slide a{
 309
 310     padding: 5px 2px 5px 10px;
 311 }
 312
 313 #sddm li
 314 {   margin: 0;
 315     padding: 0;
 316     float:right;
 317 }
 318
 319 #sddm li a
 320 {
 321     margin: 0 1px 0 0;
 322     padding: 4px 10px;
 323     text-align:right;
 324 }
 325
 326 #sddm div a
 327 {
 328     margin: 0;
 329     padding: 5px 10px;
 330     text-align: right;
 331 }
 332
 333
 334 .text-area{
 335     text-align:right;
 336 }
 337 .example_menu a {
 338     margin-left: 0;
 339     padding: 2px 2px 2px 17px;
 340 }
 341
 342 #menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {
 343     margin: 0 0 10px 0;
 344 }
 345
 346 /* Calander */
 347 #bottomLeft{
 348
 349     float: right !important;
 350 }
 351 #bigCal{
 352     border-right: 1px solid black !important;
 353 }
 354
 355
 356 /*miscellaneous*/
 357 .misc-internet-search{
 358     float: right !important;
 359 }
 360
 361 /* record_disclosure.php */
 362 #record-disclosure, #record-disclosure>div {
 363
 364     float:none !important;
 365
 366 }
 367
 368 /* /patient_file/encounter/forms.php  */
 369 #encounter_forms .encounter-summary-column{
 370     float: right !important;
 371 }
 372 #encounter_forms .form_header_controls, #encounter_forms .form_header{
 373     float: none !important;
 374 }
 375
 376
 377 /* /interface/main/main_title.php */
 378 table#main-title tr td:nth-child(1){
 379     text-align: left !important;
 380 }
 381 table#main-title tr td:nth-child(2){
 382     text-align: center !important;
 383 }
 384 table#main-title tr td:nth-child(2) div, table#main-title tr td:nth-child(3) div{
 385     float: none !important;
 386 }
 387 table#main-title tr td:nth-child(3){
 388     text-align: center !important;
 389 }
 390 table#main-title tr td:nth-child(4){
 391     text-align: right !important;
 392 }
 393 table#main-title tr td:nth-child(4) table{
 394     float: left;
 395 }
 396
 397 /* /interface/patient_file/summary/demographics.php */
 398 .demographics-box{
 399     position: relative
 400 }
 401 .demographics-box>div{
 402     float: none !important;
 403     position: absolute;
 404 }
 405 .demographics-box>div:first-child{
 406     width: 55% !important;
 407 }
 408 .demographics-box>div:last-child{
 409     margin-right: 55%
 410 }
 411
 412
 413 #tdallday3>span{
 414     direction: ltr;
 415     display: inline-block;
 416 }
 417 #tdallday3>span>input{
 418     text-align: right;
 419 }
 420
 421 /* /interface/clickmap/template/general_new.html */
 422 .graphic-pain-map{
 423     float: none !important;
 424     width: 600px;
 425 }
 426 .graphic-pain-map img{
 427     width: 100%;
 428 }
 429 body>.nav{
 430     margin-right: 40px;
 431 }
 432
 433
 434 /* ajax_template.html */
 435
 436 #dateNAV img{
 437     display: none;
 438 }
 439 #dateNav>a:nth-child(2), #dateNav>a:nth-child(3){
 440     display: inline-block;
 441     width: 16px;
 442     height: 15.5px;
 443 }
 444 #dateNav>a:nth-child(2){
 445
 446     background-image: url(../main/calendar/modules/PostCalendar/pntemplates/default/images/rightbtn.gif);
 447     margin-right: 10px;
 448 }
 449 #dateNav>a:nth-child(3){
 450
 451     background-image: url(../main/calendar/modules/PostCalendar/pntemplates/default/images/leftbtn.gif);
 452
 453 }
 454
 455 /* /main/messages/messages.php */
 456 td.amount-msg{
 457
 458     text-align: left !important;
 459     direction: ltr;
 460 }
 461
 462 /*  /interface/billing/edih_view.php  */
 463 #tabs ul.ui-tabs-nav li.ui-state-default{
 464     float: right;
 465 }
 466
 467
 468 /* /interface/code_systems/dataloads_ajax.php */
 469
 470 #accordion .left_wrpr, #accordion .wrpr{
 471     float: right !important;
 472 }
 473 .ui-dialog .ui-dialog-title{
 474
 475     float: none !important;
 476 }
 477
 478 .cancel-float{
 479     float: none !important;
 480 }
 481
 482 /* /templates/documents/general_view.html */
 483 #documents_actions form[name^=document]>div>div, #documents_actions form[name=notes]>div>div{
 484
 485     float: none !important;
 486     display: inline-block;
 487 }
 488
 489
 490 #documents_list img[src*=branch], #documents_list img[src*=line], #documents_list img[src*=plus], #documents_list img[src*=minus]{
 491     -webkit-transform: rotate(180deg);
 492     -moz-transform: rotate(180deg);
 493     -o-transform: rotate(180deg);
 494     -ms-transform: rotate(180deg);
 495     transform: rotate(180deg);
 496 }
 497 #documents_list img[src*=branchbottom]{
 498     -webkit-transform:  translate(2px ,0) rotate(-90deg);
 499     -moz-transform:  translate(2px ,0) rotate(-90deg);
 500     -o-transform:  translate(2px ,0) rotate(-90deg);
 501     -ms-transform:  translate(2px ,0) rotate(-90deg);
 502     transform: translate(2px ,0) rotate(-90deg);
 503 }
 504
 505
 506 .tabs-container ul.tabs{
 507     width: 100%;
 508 }
 509
 510 .tabs-container ul.tabs li{
 511
 512     float: none !important;
 513 }
 514 .container_body .viewport .overview{
 515     left: initial !important;
 516 }
 517
 518 .top-menu-carecoordination li{
 519     float: right !important;
 520 }
 521
 522
 523 .setup-carecoordination .top-menu-carecoordination li{
 524     float: right !important;
 525 }
 526 .setup-carecoordination .ca-ca-in-1{
 527     float: right !important;
 528 }
 529 .setup-carecoordination ul.virtualpage_system_based_forms{
 530
 531     float: right !important;
 532 }
 533 .setup-carecoordination .ca-ca-in-2{
 534
 535     float: right;
 536     padding-right: 2% !important;
 537     float: right !important;
 538 }
 539 .setup-carecoordination #paginatediv_database_tables a[rel=next]{
 540     float: left !important;
 541     transform: rotate(180deg);
 542 }
 543 .setup-carecoordination #paginatediv_database_tables a[rel=previous]{
 544     float: right !important;
 545     transform: rotate(180deg);
 546 }
 547
 548 /* online - portal */
 549
 550 /* patients/summary_pat_portal.php */
 551 div#portal-buttons-bottom{
 552     padding: 5px 15px;
 553 }
 554
 555 #DEM .label_custom, #report_parameters table table td.label_custom {
 556     text-align: left !important;
 557 }
 558
 559 /* flow board */
 560 form#pattrk h2>span{
 561     float: right !important;
 562 }
 563 form#pattrk #inanewwindow>span{
 564     float: left !important;
 565 }
 566
 567 /* cdr Groups */
 568 .cdr-rules-class .ui-multiselect .ui-state-default {
 569     padding: 0 20px;
 570 }
 571
 572 .rule_detail.edit.summry .left_col {
 573     float: none;
 574     margin: 5px;
 575 }
 576
 577 .rule_detail .left_col,
 578 .rule_detail .mid_col,
 579 .rule_detail .end_col {
 580     float: none;
 581     display: inline-block;
 582 }
 583
 584 #namecontainer_preminders {
 585     float: right !important;
 586 }
 587
 588 /* Therapy Groups */
 589 #therapy_groups_list_container #clear_filters{
 590     float: right;
 591 }
 592
 593 #namecontainer_creminders {
 594     float: right !important;
 595 }
 596
 597 .xdsoft_datepicker .xdsoft_mounthpicker button, .xdsoft_datepicker .xdsoft_mounthpicker > div{
 598     float: right;
 599 }
 600
 601 .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_prev, .xdsoft_datepicker .xdsoft_mounthpicker button.xdsoft_next{
 602     -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
 603     -moz-transform: rotate(180deg);        /* FF */
 604     -o-transform: rotate(180deg);          /* Opera */
 605     -ms-transform: rotate(180deg);         /* IE9 */
 606     transform: rotate(180deg);             /* W3C compliant browsers */
 607
 608     /* IE8 and below */
 609     filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand');
 610 }
 611
 612 #file_type_whitelist .subject-black-list,
 613 #file_type_whitelist .subject-white-list,
 614 #file_type_whitelist .subject-info-save,
 615 #file_type_whitelist .subject-info-arrows
 616 {
 617     float: right;
 618 }
 619
 620 #white-list, #black-list{
 621     direction: ltr;
 622 }
 623
 624 div.formname{
 625     float: right !important;
 626     padding-left: 10px !important;
 627 }
 628
 629 .select2-search, .select2-results{
 630     direction: rtl !important;
 631 }
 632
 633 #membership_show, #acl_show {
 634     margin-left:4px;
 635 }
 636
 637
 638 #pnotes #pnotes_title, #pnotes #namecontainer_pnotes {
 639     float:right;
 640 }
 641
 642 [name="userlist"] .checkbox input[type=checkbox]{
 643     margin-left: 0px !important;
 644 }
 645 #new-encounter-group-title{
 646     float: right;
 647 }
 648 #new-encounter-group-buttons{
 649     float:right;
 650     margin-right:8px;
 651 }