Styleguide and theme code de-duplication (#1651)
[openemr.git] / interface / themes / core / therapy-groups.scss
blob34de3b122f64c6f7ea595dc7ae0a9044ac92fad2
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;