new Sass tool for developing css for LTR and RTL languages easily
[openemr.git] / interface / themes / core / therapy-groups.scss
blob93355c485dc36058ee48d05948eeacef8bcbfc28
1 /* ------- Therapy groups styling --------- */
3 .group-row {
4     margin-top: 15px;
6 .container-group {
7     margin-top: auto;
9 .group-error-msg {
10     color: #ff6643;
12 .group-success-msg {
13     color: #4c8029;
15 #component-border {
16     margin-bottom: 20px;
17     border: 1px solid #2672ec;
18     width: 100%;
19     min-height: 150px;
20     padding: 10px;
22 #main-component ul {}
23 .float-right {
24     float: right;
26 .rtl .float-right {
27     float: left;
29 table.dataTable#therapy_groups_list tbody td {
30     padding-left: 20px;
31     padding-right: 20px;
32     font-size: 15px;
34 .therapy_group #therapy_groups_list_container {
35     margin-top: initial;
36     width: initial;
38 .therapy_group #therapy_groups_list_container input[type="text"] {
39     border-color: #ccc;
41 .therapy_group #therapy_groups_list_container input[type=number] {
42     -moz-appearance: textfield;
44 .therapy_group #therapy_groups_list_container input[type=number]::-webkit-inner-spin-button, .therapy_group #therapy_groups_list_container input[type=number]::-webkit-outer-spin-button {
45     -webkit-appearance: none;
46     margin: 0;
48 .therapy_group .delete_btn button, .therapy_group .delete_btn span {
49     background-color: #ef3935;
50     font-size: 15px;
51     padding: 2px 10px;
53 .therapy_group .delete_btn a {
54     text-decoration: none;
55     color: white;
57 .therapy_group #therapy_groups_list_container .failed_message {
58     font-size: 15px;
60 #updateParticipants {
61     position: relative;
63 #addParticipant {
64     position: absolute;
65     right: 0px;
66     z-index: 100;
68 #add-participant-form {
69     transition: max-height 1s ease-out;
70     max-height: 0;
71     overflow: hidden;
73 .showAddForm {
74     max-height: 250px !important;
76 .groups-error-msg {
77     color: #ff542d;
78     font-size: 1.3em;
79     padding: 8px;
80     text-align: center;
82 .therapy_group .event_details {
83     font-size: 14px;
85 #add_participant {
86     margin-bottom: 20px;
87     margin-left: 10px;
89 #add_participant .patient_wrap, #add_participant .comment_wrap, #add_participant .button_wrap {
90     margin-top: 7px;
92 #add_participant .patient_wrap, #add_participant .comment_wrap {
93     display: inline-block;
95 #add_participant .button_wrap input {
96     float: none;
97     display: inline-block;
99 #add_participant_element .input_label {
100     display: block;
102 #add_participant_element .error_wrap .error {
103     color: red;
105 #group_attendance_form_table tbody td {
106     text-align: center;
108 #file_type_whitelist .subject-black-list, #file_type_whitelist .subject-white-list {
109     display: inline-block;
110     width: 420px;
111     float: $left;
113 #file_type_whitelist {
114     height: 400px;
115     padding: 10px;
117 #white-list, #black-list {
118     margin: 10px;
119     padding: 10px;
120     width: 400px;
122 #file_type_whitelist select {
123     height: 250px;
124     padding: 0;
126 #file_type_whitelist option {
127     padding: 4px 10px 4px 10px;
129 #file_type_whitelist option:hover {
130     background: #EEEEEE;
132 #file_type_whitelist .subject-info-arrows {
133     display: inline-block;
134     width: 58px;
135     margin: 130px 30px 30px 30px;
136     float: $left;
138 #file_type_whitelist .subject-info-save {
139     width: 60px;
140     margin: 170px 30px 30px 30px;
141     float: $left;
143 #file_type_whitelist input[type=button] {
144     float: none !important;
145     width: 63px;
147 #file_type_whitelist #add-manually {
148     display: inline-block
150 #file_type_whitelist #add-manually-input {
151     width: 190px;
153 #file_type_whitelist .top-list {
154     margin: 20px 20px 2px 20px;
156 #new-encounter-group-title{
157     float: $left;
159 #new-encounter-group-buttons{
160     float:$left;
161     margin-#{$left}:8px;
162     margin-top:-3px
165 @include if-rtl {
166     #white-list, #black-list {
167         direction: ltr;
168     }
169     #therapy_groups_list_container #clear_filters{
170         float: right;
171     }