1/**
2 * Lime Admin Common CSS File
3 *
4 * This file contain all the common css definitions for the different admin theme.
5 * It should not contain color definition (grey, blacks, and white are acceptable)
6 */
7
8#ls-loading {
9    width: 100%;
10    height: 100%;
11    top: 0;
12    left: 0;
13    position: fixed;
14    display: block;
15    opacity: 0.7;
16    background-color: #fff;
17    z-index: 3501;
18    text-align: center;
19    display: none;
20}
21
22/* The font-awesome spinner */
23#ls-loading-spinner {
24    position: absolute;
25    top: 30%;
26}
27
28#notif-container{
29  position: fixed;
30  top: 5%;
31  left: 20%;
32  width: 60%;
33  z-index: 3500;
34  background: rgba(255,255,255,0.1);
35}
36.bg-white{
37  background: #fff;
38}
39.row-button-margin-bottom {
40  margin-bottom: -5px;
41}
42.row-button-margin-bottom .btn{
43  margin-bottom: 5px;
44}
45
46.ui-datepicker {
47  width: 17em;
48  padding: .2em .2em 0;
49  display: none; }
50
51.ui-datepicker .ui-datepicker-header {
52  position: relative;
53  padding: .2em 0; }
54
55.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
56  position: absolute;
57  top: 2px;
58  width: 1.8em;
59  height: 1.8em; }
60
61.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
62  top: 1px; }
63
64.ui-datepicker .ui-datepicker-prev {
65  left: 2px; }
66
67.ui-datepicker .ui-datepicker-next {
68  right: 10px; }
69
70.ui-datepicker .ui-datepicker-prev-hover {
71  left: 1px; }
72
73.ui-datepicker .ui-datepicker-next-hover {
74  right: 10px; }
75
76.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
77  display: block;
78  position: absolute;
79  left: 50%;
80  margin-left: -8px;
81  top: 50%;
82  margin-top: -8px; }
83
84.ui-datepicker .ui-datepicker-title {
85  margin: 0 2.3em;
86  line-height: 1.8em;
87  text-align: center; }
88
89.ui-datepicker .ui-datepicker-title select {
90  font-size: 1em;
91  margin: 1px 0; }
92
93.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
94  width: 49%; }
95
96.ui-datepicker table {
97  width: 100%;
98  font-size: .9em;
99  border-collapse: collapse;
100  margin: 0 0 .4em; }
101
102.ui-datepicker th {
103  padding: .7em .3em;
104  text-align: center;
105  font-weight: 700;
106  border: 0; }
107
108.ui-datepicker td {
109  border: 0;
110  padding: 1px; }
111
112.ui-datepicker td a, .ui-datepicker td span {
113  display: block;
114  padding: .2em;
115  text-align: right;
116  text-decoration: none; }
117
118.ui-datepicker .ui-datepicker-buttonpane {
119  background-image: none;
120  margin: .7em 0 0;
121  padding: 0 .2em;
122  border-left: 0;
123  border-right: 0;
124  border-bottom: 0; }
125
126.ui-datepicker .ui-datepicker-buttonpane button {
127  float: right;
128  margin: .5em .2em .4em;
129  cursor: pointer;
130  padding: .2em .6em .3em;
131  width: auto;
132  overflow: visible; }
133
134.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button {
135  float: left; }
136
137.ui-datepicker.ui-datepicker-multi {
138  width: auto; }
139
140.ui-datepicker-multi .ui-datepicker-group table {
141  width: 95%;
142  margin: 0 auto .4em; }
143
144.ui-datepicker-multi-2 .ui-datepicker-group {
145  width: 50%; }
146
147.ui-datepicker-multi-3 .ui-datepicker-group {
148  width: 33.3%; }
149
150.ui-datepicker-multi-4 .ui-datepicker-group {
151  width: 25%; }
152
153.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
154  border-left-width: 0; }
155
156.ui-datepicker-multi .ui-datepicker-buttonpane {
157  clear: left; }
158
159.ui-datepicker-row-break {
160  clear: both;
161  width: 100%;
162  font-size: 0; }
163
164.ui-datepicker-rtl {
165  direction: rtl; }
166
167.ui-datepicker-rtl .ui-datepicker-prev {
168  right: 2px;
169  left: auto; }
170
171.ui-datepicker-rtl .ui-datepicker-next {
172  left: 2px;
173  right: auto; }
174
175.ui-datepicker-rtl .ui-datepicker-prev:hover {
176  right: 1px;
177  left: auto; }
178
179.ui-datepicker-rtl .ui-datepicker-next:hover {
180  left: 1px;
181  right: auto; }
182
183.ui-datepicker-rtl .ui-datepicker-buttonpane {
184  clear: right; }
185
186.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
187  float: right; }
188
189.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
190  border-right-width: 0;
191  border-left-width: 1px; }
192
193.side-body, .full-page-wrapper {
194  min-height: 100%;
195  position: relative;
196  margin-bottom: 65px;
197  padding: 0;
198}
199
200.side-body h3, .pagetitle, .list-surveys h3 {
201  position: relative;
202  padding: 0.5em;
203  margin-bottom: 1em;
204}
205
206body {
207  font-size: 14px;
208  line-height: 1.428571429;
209  margin: 0; }
210  body .row {
211    margin-right: 0;
212    margin-left: 0; }
213
214.jumbotron {
215  text-align: center; }
216  .jumbotron.message-box {
217    margin-top: 1em; }
218
219html {
220  font-family: Roboto;
221  font-weight: 400;
222  position: relative;
223  min-height: 100%; }
224
225.main-container {
226  padding-bottom: 100px; }
227
228#welcome-jumbotron {
229  padding-top: 0;
230  padding-bottom: 10px;
231  background-color: transparent; }
232#welcome-jumbotron>img{
233  width: 350px;
234}
235.surveymanagerbar {
236  margin-top: -20px;
237  padding-top: 5px; }
238
239.surveymanagerbar .h3 {
240    margin-top: 5px;
241    font-weight: 300;
242    font-size: 1.5em; }
243
244.surveybar {
245  padding-top: 5px;
246  padding-bottom: 5px;
247  z-index: 1000; }
248
249.tab-content {
250  padding-top: 2em; }
251
252:focus {
253  outline: none; }
254
255.navbar-brand {
256  font-weight: 400; }
257
258.navbar {
259  border-radius: 0 !important; }
260  .navbar a {
261    font-weight: 400; }
262  .navbar .dropdown-menu > li > a {
263    font-weight: 400; }
264  .navbar .nav-icon-btn > a .label {
265    font-size: 10px;
266    padding: 0 3px;
267    line-height: 15px;
268    position: absolute;
269    display: block;
270    right: 5px;
271    top: 10px; }
272
273.lime-icon {
274  display: inline-block;
275  height: 1em;
276  width: 1em; }
277
278.mega-dropdown {
279  position: static !important; }
280
281.mega-dropdown-menu {
282  padding: 20px 0;
283  width: 100%; }
284  .mega-dropdown-menu .dropdown-header {
285    font-size: 18px;
286    padding: 5px 60px 5px 5px;
287    line-height: 30px; }
288  .mega-dropdown-menu > li > ul {
289    padding: 0;
290    margin: 0; }
291    .mega-dropdown-menu > li > ul > li {
292      list-style: none; }
293      .mega-dropdown-menu > li > ul > li > a {
294        display: block;
295        padding: 3px 5px; }
296  .mega-dropdown-menu > li ul > li > a:hover {
297    text-decoration: none; }
298  .mega-dropdown-menu > li ul > li > a:focus {
299    text-decoration: none; }
300
301#mainmenu-dropdown {
302  z-index: 20002; }
303
304.footer {
305  z-index: 100;
306  position: absolute;
307  bottom: 0;
308  display: block;
309  width: 100%;
310  height: 60px;
311  padding-top: 1em; }
312
313.alert-security-update {
314  margin: 0; }
315
316#update-container {
317  margin-top: 10px;
318   z-index: 999; }
319  #update-container .alert {
320    margin-bottom: 5px; }
321
322#ajaxupdaterLayoutLoading{
323    text-align : center;
324    margin-top: 200px;
325    margin-bottom: 200px;
326    display: none;
327}
328
329.box {
330  border-radius: 3px;
331  padding: 10px 25px;
332  text-align: right;
333  display: block;
334  margin-top: 10px; }
335
336#info-header {
337  font-size: 3em; }
338
339#info-footer {
340  font-size: 2em; }
341
342.box-icon {
343  border-radius: 50%;
344  display: table;
345  height: 50px;
346  margin: 0 auto;
347  width: 50px;
348  margin-top: -31px; }
349  .box-icon span {
350    display: table-cell;
351    text-align: center;
352    vertical-align: middle; }
353
354@keyframes fadein {
355  from {
356    opacity: 0; }
357  to {
358    opacity: 1; } }
359@-moz-keyframes fadein {
360  from {
361    opacity: 0; }
362  to {
363    opacity: 1; } }
364@-webkit-keyframes fadein {
365  from {
366    opacity: 0; }
367  to {
368    opacity: 1; } }
369@-ms-keyframes fadein {
370  from {
371    opacity: 0; }
372  to {
373    opacity: 1; } }
374@-o-keyframes fadein {
375  from {
376    opacity: 0; }
377  to {
378    opacity: 1; } }
379@keyframes slidefromtop {
380  from {
381    top: -15px; }
382  to {
383    top: 0; } }
384@-moz-keyframes slidefromtop {
385  from {
386    top: -15px; }
387  to {
388    top: 0; } }
389@-webkit-keyframes slidefromtop {
390  from {
391    top: -15px; }
392  to {
393    top: 0; } }
394@-ms-keyframes slidefromtop {
395  from {
396    top: -15px; }
397  to {
398    top: 0; } }
399@-o-keyframes slidefromtop {
400  from {
401    top: -15px; }
402  to {
403    top: 0; } }
404.form-group {
405  margin-bottom: 17px; }
406
407.cke_contents {
408  width: 650px; }
409
410.cke_toolgroup {
411  cursor: pointer;
412  cursor: hand;
413  border-radius: 0; }
414
415.message-box {
416  position: relative;
417  margin-top: 20px;
418  animation: slidefromtop 1s; }
419
420.welcome #lime-logo {
421  animation: fadein 1s; }
422.welcome .panel {
423  position: relative;
424  top: 50px;
425  opacity: 0; }
426.welcome .panel-body {
427  text-align: center; }
428  .welcome .panel-body img {
429    height: 4em;
430    margin-bottom: 1em; }
431.welcome .login-panel .panel-body img {
432  margin-bottom: 0; }
433
434.alert {
435  position: relative;
436  animation: slidefromtop 1s; }
437
438@media screen and (min-width: 1280px) and (max-width: 1440px) {
439  .welcome .panel {
440    min-height: 188px; } }
441#welcomeModal {
442  z-index: 20000; }
443
444@media screen and (min-width: 1280px) and (max-width: 1366px) {
445  #add_user_btn {
446    margin-top: 1.5em; }
447
448  #user-control-table .form-group label {
449    min-width: 80px; } }
450.htmleditorboot {
451  padding-top: 2em; }
452
453#edit-question-body {
454  min-height: 1200px; }
455
456.profile-img-card{
457  margin-top: 32px;
458}
459
460#profile-img {
461  min-height: 80px; }
462
463@media screen and (min-width: 1280px) and (max-width: 1680px) {
464  #profile-img {
465    min-height: 0; } }
466.login-panel {
467  margin-top: 40px; }
468
469.login-content {
470  text-align: left;
471  padding: 1em; }
472
473.login-submit {
474  text-align: right; }
475
476#s2id_loginlang {
477  border: none;
478  padding: 0; }
479
480.ui-state-default {
481  background-image: none;
482  background-color: transparent;
483  background-image: none;
484  background-color: transparent; }
485
486.ui-jqgrid .ui-jqgrid-bdiv {
487  overflow: hidden; }
488.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-toppager {
489  background-image: none;
490  background-color: transparent; }
491.ui-jqgrid .ui-jqgrid-htable th div {
492  height: auto; }
493.ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input {
494  margin-top: 8px; }
495  .ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input.cbox {
496    margin: 4px 0 0; }
497.ui-jqgrid td input.cbox {
498  margin: 4px 0 0; }
499.ui-jqgrid tr.ui-row-ltr td {
500  border: none; }
501
502#gs_completed {
503  display: block;
504  width: 100%;
505  height: 34px;
506  padding: 6px 12px;
507  font-size: 14px;
508  line-height: 1.428571429;
509  background-image: none;
510  border-radius: 4px;
511  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
512
513.ui-th-column {
514  margin-top: 8px; }
515
516.info > p {
517  padding-top: 10px;
518  text-align: justify; }
519
520.checkbox label:after {
521  padding-left: 4px;
522  padding-top: 2px;
523  font-size: 9px; }
524
525.survey-action .panel-body img {
526  height: 3em; }
527
528div.panel.disabled {
529  opacity: 0.5;
530  border: none; }
531  div.panel.disabled * {
532    opacity: 0.5;
533    border: none; }
534  div.panel.disabled a {
535    cursor: default; }
536
537#edit-group .tab-pane {
538  padding: 1em; }
539
540.panel-clickable:hover {
541  cursor: pointer;
542  cursor: hand; }
543
544.ui-widget-content .ui-state-default {
545  background-image: none;
546  background-color: transparent;
547  background-image: none;
548  background-color: transparent; }
549
550.ui-widget-header .ui-state-default {
551  background-image: none;
552  background-color: transparent;
553  background-image: none;
554  background-color: transparent; }
555
556.ui-search-toolbar th div {
557  min-height: 40px; }
558
559.absolute-wrapper {
560  position: fixed;
561  left: 0;
562  width: 300px;
563  height: 100%;
564}
565
566.side-menu {
567  position: absolute;
568  width: 300px;
569  padding: 0;
570  left: 0; }
571  .side-menu .navbar {
572    border: none;
573    box-shadow: none; }
574  .side-menu .navbar-header {
575    width: 100%; }
576  .side-menu .navbar-nav li {
577    display: block;
578    width: 100%; }
579    .side-menu .navbar-nav li a {
580      padding: 15px; }
581      .side-menu .navbar-nav li a .glyphicon {
582        padding-right: 10px; }
583  .side-menu .navbar-nav .question-link.active {
584    background-color: transparent;
585    padding: 15px 15px 15px 0px;
586    margin-bottom: 5px;
587    margin-right: -1px; }
588    .side-menu .navbar-nav .question-link.active:hover {
589      text-decoration: none;
590      cursor: default; }
591  .side-menu .navbar-nav .question-link {
592    display: block;
593    padding-left: 0px; }
594  .side-menu .navbar-nav .question-link .question-collapse-title {
595    padding-left: 25px; }
596  .side-menu #dropdown {
597    border: 0;
598    margin-bottom: 0;
599    border-radius: 0;
600    background-color: transparent;
601    box-shadow: none; }
602    .side-menu #dropdown li:hover {
603      font-weight: 700; }
604    .side-menu #dropdown li.active:hover {
605      cursor: default;
606      background-color: transparent;
607      margin-right: -1px; }
608    .side-menu #dropdown li.disabled:hover {
609      font-weight: 700;
610      background-color: transparent; }
611    .side-menu #dropdown .caret {
612      float: right;
613      margin: 9px 5px 0; }
614    .side-menu #dropdown .indicator {
615      float: right; }
616    .side-menu #dropdown .panel-body {
617      padding: 0; }
618      .side-menu #dropdown .panel-body .navbar-nav {
619        width: 100%; }
620        .side-menu #dropdown .panel-body .navbar-nav li {
621          padding-left: 15px;
622          border: none; }
623          .side-menu #dropdown .panel-body .navbar-nav li.panel {
624            margin-bottom: 0;
625            background-color: transparent;
626            border: none;
627            border-radius: 0;
628            box-shadow: none; }
629          .side-menu #dropdown .panel-body .navbar-nav li.panel-default {
630            padding-left: 15px;
631            border: none; }
632          .side-menu #dropdown .panel-body .navbar-nav li:last-child {
633            border-bottom: none; }
634      .side-menu #dropdown .panel-body .panel-body {
635        margin-left: -15px; }
636      .side-menu #dropdown .panel-body .panel > a {
637        margin-left: -20px;
638        padding-left: 35px; }
639    .side-menu #dropdown .question-group-collapse .caret {
640      float: none;
641      margin-bottom: 9px; }
642  .side-menu .hide-button {
643    border: 0;
644    border-radius: 0;
645    padding: 15px 18px; }
646  .side-menu .brand-name-wrapper {
647    min-height: 50px; }
648    .side-menu .brand-name-wrapper .navbar-brand {
649      display: block; }
650  .side-menu #search {
651    position: relative;
652    z-index: 1000; }
653    .side-menu #search .panel-body {
654      padding: 0; }
655      .side-menu #search .panel-body .navbar-form {
656        padding: 0;
657        padding-right: 50px;
658        width: 100%;
659        margin: 0;
660        position: relative; }
661        .side-menu #search .panel-body .navbar-form .form-group {
662          width: 100%;
663          position: relative; }
664        .side-menu #search .panel-body .navbar-form input {
665          border: 0;
666          border-radius: 0;
667          box-shadow: none;
668          width: 100%;
669          height: 50px; }
670        .side-menu #search .panel-body .navbar-form .btn {
671          position: absolute;
672          right: 0;
673          top: 0;
674          border: 0;
675          border-radius: 0;
676          padding: 15px 18px; }
677  .side-menu #explorer-collapse .caret {
678    float: none;
679    margin-bottom: 9px; }
680
681#explorer {
682  border: 0;
683  margin-bottom: 0;
684  border-radius: 0;
685  background-color: transparent;
686  box-shadow: none; }
687  #explorer ul {
688    font-size: 0.9em; }
689
690.dropdownstyle {
691  border: 0;
692  margin-bottom: 0;
693  border-radius: 0;
694  background-color: transparent;
695  box-shadow: none; }
696
697#sideMenu {
698  min-height: 700px;
699  overflow: hidden; }
700  #sideMenu a[aria-expanded="true"] {
701    font-weight: 700; }
702  #sideMenu #dropdown li:hover {
703    width: 100%;
704    font-weight: 700; }
705  #sideMenu #dropdown li:hover > a {
706    width: 100%;
707    font-weight: 700;
708    border-bottom: none; }
709  #sideMenu #dropdown li a[aria-expanded="true"] {
710    width: 100%;
711    font-weight: 700; }
712  #sideMenu #dropdown li .active a:hover {
713    width: 100%;
714    font-weight: 700; }
715  #sideMenu #dropdown li > a:hover {
716    width: 100%;
717    font-weight: 700; }
718  #sideMenu #dropdown #explorer li:hover {
719    font-weight: 700; }
720  #sideMenu #dropdown #explorer li:hover > a {
721    font-weight: 700; }
722  #sideMenu #dropdown #explorer li a[aria-expanded="true"] {
723    font-weight: 700; }
724  #sideMenu #dropdown #explorer li .active a:hover {
725    font-weight: 700; }
726  #sideMenu #dropdown #explorer li > a:hover {
727    font-weight: 700; }
728  #sideMenu #dropdown #explorer .questiongroupdropdown li:hover {
729    font-weight: 700; }
730  #sideMenu #dropdown #explorer .questiongroupdropdown li:hover > a {
731    font-weight: 700; }
732  #sideMenu #dropdown #explorer .questiongroupdropdown li a[aria-expanded="true"] {
733    font-weight: 700; }
734  #sideMenu #dropdown #explorer .questiongroupdropdown li .active a:hover {
735    font-weight: 700; }
736  #sideMenu #dropdown #explorer .questiongroupdropdown li > a:hover {
737    font-weight: 700; }
738  #sideMenu .navbar-default .navbar-nav > .active > a {
739    background-color: transparent; }
740  #sideMenu .side-menu .dropdownlvl1 > a:hover {
741    font-weight: 700; }
742  #sideMenu .sidemenuscontainer li:hover {
743    font-weight: 700; }
744  #sideMenu .sidemenuscontainer li:hover > a {
745    font-weight: 700; }
746
747.side-menu-hidden {
748    left: -250px;
749}
750
751.side-body {
752  min-height: 800px;
753}
754
755.side-body-margin {
756    margin-left: 70px;
757}
758
759.question-group-collapse-title {
760  display: block;
761  padding-left: 20px; }
762
763.question-collapse-title {
764  display: block;
765  padding-left: 30px; }
766
767@media (max-width: 768px) {
768  .side-menu {
769    position: relative;
770    width: 100%;
771    height: 0;
772    border-right: 0; }
773    .side-menu .brand-name-wrapper .navbar-brand {
774      display: inline-block; }
775
776  @-moz-keyframes slidein {
777    0% {
778      left: -300px; }
779    100% {
780      left: 10px; } }
781  @-webkit-keyframes slidein {
782    0% {
783      left: -300px; }
784    100% {
785      left: 10px; } }
786  @keyframes slidein {
787    0% {
788      left: -300px; }
789    100% {
790      left: 10px; } }
791  @-moz-keyframes slideout {
792    0% {
793      left: 0; }
794    100% {
795      left: -300px; } }
796  @-webkit-keyframes slideout {
797    0% {
798      left: 0; }
799    100% {
800      left: -300px; } }
801  @keyframes slideout {
802    0% {
803      left: 0; }
804    100% {
805      left: -300px; } }
806  @-moz-keyframes bodyslidein {
807    0% {
808      left: 0; }
809    100% {
810      left: 300px; } }
811  @-webkit-keyframes bodyslidein {
812    0% {
813      left: 0; }
814    100% {
815      left: 300px; } }
816  @keyframes bodyslidein {
817    0% {
818      left: 0; }
819    100% {
820      left: 300px; } }
821  @-moz-keyframes bodyslideout {
822    0% {
823      left: 300px; }
824    100% {
825      left: 0; } }
826  @-webkit-keyframes bodyslideout {
827    0% {
828      left: 300px; }
829    100% {
830      left: 0; } }
831  @keyframes bodyslideout {
832    0% {
833      left: 300px; }
834    100% {
835      left: 0; } }
836  .side-body {
837    margin-left: 5px;
838    margin-top: 70px;
839    position: relative;
840    animation: bodyslideout 300ms forwards;
841    transform-style: preserve-3d; }
842
843  .body-slide-in {
844    animation: bodyslidein 300ms forwards;
845    transform-style: preserve-3d; }
846
847  .navbar-toggle {
848    border: 0;
849    float: left;
850    padding: 18px;
851    margin: 0;
852    border-radius: 0; }
853
854  .navbar-header {
855    position: fixed;
856    width: 100%;
857    z-index: 3; }
858
859  .side-menu-container > .navbar-nav {
860    position: fixed;
861    left: -300px;
862    width: 300px;
863    top: 43px;
864    height: 100%;
865    animation: slideout 300ms forwards;
866    transform-style: preserve-3d; }
867    .side-menu-container > .navbar-nav.slide-in {
868      animation: slidein 300ms forwards;
869      transform-style: preserve-3d; }
870
871  #search .panel-body .navbar-form {
872    border-bottom: 0; }
873    #search .panel-body .navbar-form .form-group {
874      margin: 0; }
875
876  #dropdown .panel-body .navbar-nav {
877    margin: 0; }
878
879  }
880.content-right {
881  padding-left: 0;
882  padding-right: 0;
883}
884  .content-right .col-lg-12 {
885    padding-left: 0;
886    padding-right: 0;
887}
888
889.toWhite a:hover {
890  font-weight: 700; }
891
892.col-lg-12.content-right {
893  padding-left: 0;
894  padding-right: 0;
895}
896
897.container-fluid .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
898  color: #fff; }
899
900.container-fluid .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
901  color: #fff; }
902
903.btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-info:hover {
904  color: #fff; }
905
906/**
907*  Radio / Check box buttons
908*/
909input[type="checkbox"],
910input[type="radio"] {
911  -webkit-box-sizing: border-box;
912  -moz-box-sizing: border-box;
913  box-sizing: border-box;
914  padding: 0; }
915
916input[type="radio"],
917input[type="checkbox"] {
918  margin: 4px 0 0;
919  margin-top: 1px \9;
920  line-height: normal; }
921
922input[type="file"]:focus,
923input[type="radio"]:focus,
924input[type="checkbox"]:focus {
925  outline: thin dotted;
926  outline: 5px auto -webkit-focus-ring-color;
927  outline-offset: -2px; }
928
929.radio,
930.checkbox {
931  position: relative;
932  display: block;
933  margin-top: 10px;
934  margin-bottom: 10px; }
935
936.radio label,
937.checkbox label {
938  min-height: 23px;
939  padding-left: 20px;
940  margin-bottom: 0;
941  font-weight: normal;
942  cursor: pointer; }
943
944.radio input[type="radio"],
945.radio-inline input[type="radio"],
946.checkbox input[type="checkbox"],
947.checkbox-inline input[type="checkbox"] {
948  position: absolute;
949  margin-left: -20px;
950  margin-top: 4px \9; }
951
952.radio + .radio,
953.checkbox + .checkbox {
954  margin-top: -5px; }
955
956.radio-inline,
957.checkbox-inline {
958  position: relative;
959  display: inline-block;
960  padding-left: 20px;
961  margin-bottom: 0;
962  vertical-align: middle;
963  font-weight: normal;
964  cursor: pointer; }
965
966.radio-inline + .radio-inline,
967.checkbox-inline + .checkbox-inline {
968  margin-top: 0;
969  margin-left: 10px; }
970
971input[type="radio"][disabled],
972input[type="checkbox"][disabled],
973input[type="radio"].disabled,
974input[type="checkbox"].disabled,
975fieldset[disabled] input[type="radio"],
976fieldset[disabled] input[type="checkbox"] {
977  cursor: not-allowed; }
978
979.radio-inline.disabled,
980.checkbox-inline.disabled,
981fieldset[disabled] .radio-inline,
982fieldset[disabled] .checkbox-inline {
983  cursor: not-allowed; }
984
985.radio.disabled label,
986.checkbox.disabled label,
987fieldset[disabled] .radio label,
988fieldset[disabled] .checkbox label {
989  cursor: not-allowed; }
990
991.has-success .help-block,
992.has-success .control-label,
993.has-success .radio,
994.has-success .checkbox,
995.has-success .radio-inline,
996.has-success .checkbox-inline,
997.has-success.radio label,
998.has-success.checkbox label,
999.has-success.radio-inline label,
1000.has-success.checkbox-inline label {
1001  color: #4caf50; }
1002
1003.has-warning .help-block,
1004.has-warning .control-label,
1005.has-warning .radio,
1006.has-warning .checkbox,
1007.has-warning .radio-inline,
1008.has-warning .checkbox-inline,
1009.has-warning.radio label,
1010.has-warning.checkbox label,
1011.has-warning.radio-inline label,
1012.has-warning.checkbox-inline label {
1013  color: #ff9800; }
1014
1015.has-error .help-block,
1016.has-error .control-label,
1017.has-error .radio,
1018.has-error .checkbox,
1019.has-error .radio-inline,
1020.has-error .checkbox-inline,
1021.has-error.radio label,
1022.has-error.checkbox label,
1023.has-error.radio-inline label,
1024.has-error.checkbox-inline label {
1025  color: #e51c23; }
1026
1027@media (min-width: 768px) {
1028  .form-inline .radio,
1029  .form-inline .checkbox {
1030    display: inline-block;
1031    margin-top: 0;
1032    margin-bottom: 0;
1033    vertical-align: middle; }
1034
1035  .form-inline .radio label,
1036  .form-inline .checkbox label {
1037    padding-left: 0; }
1038
1039  .form-inline .radio input[type="radio"],
1040  .form-inline .checkbox input[type="checkbox"] {
1041    position: relative;
1042    margin-left: 0; }
1043
1044  .form-inline .has-feedback .form-control-feedback {
1045    top: 0; }
1046
1047  .navbar-form .radio,
1048  .navbar-form .checkbox {
1049    display: inline-block;
1050    margin-top: 0;
1051    margin-bottom: 0;
1052    vertical-align: middle; }
1053
1054  .navbar-form .radio label,
1055  .navbar-form .checkbox label {
1056    padding-left: 0; }
1057
1058  .navbar-form .radio input[type="radio"],
1059  .navbar-form .checkbox input[type="checkbox"] {
1060    position: relative;
1061    margin-left: 0; } }
1062.form-horizontal .radio,
1063.form-horizontal .checkbox,
1064.form-horizontal .radio-inline,
1065.form-horizontal .checkbox-inline {
1066  margin-top: 0;
1067  margin-bottom: 0;
1068  padding-top: 7px; }
1069
1070.form-horizontal .radio,
1071.form-horizontal .checkbox {
1072  min-height: 30px; }
1073
1074[data-toggle="buttons"] > .btn input[type="radio"],
1075[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
1076[data-toggle="buttons"] > .btn input[type="checkbox"],
1077[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
1078  position: absolute;
1079  clip: rect(0, 0, 0, 0);
1080  pointer-events: none; }
1081
1082.input-group-addon input[type="radio"],
1083.input-group-addon input[type="checkbox"] {
1084  margin-top: 0; }
1085
1086.radio label,
1087.radio-inline label,
1088.checkbox label,
1089.checkbox-inline label {
1090  padding-left: 25px; }
1091
1092.radio input[type="radio"],
1093.radio-inline input[type="radio"],
1094.checkbox input[type="radio"],
1095.checkbox-inline input[type="radio"],
1096.radio input[type="checkbox"],
1097.radio-inline input[type="checkbox"],
1098.checkbox input[type="checkbox"],
1099.checkbox-inline input[type="checkbox"] {
1100  margin-left: -25px; }
1101
1102input[type="radio"],
1103.radio input[type="radio"],
1104.radio-inline input[type="radio"] {
1105  position: relative;
1106  margin-top: 6px;
1107  margin-right: 4px;
1108  vertical-align: top;
1109  border: none;
1110  background-color: transparent;
1111  -webkit-appearance: none;
1112  appearance: none;
1113  cursor: pointer; }
1114
1115input[type="radio"]:focus,
1116.radio input[type="radio"]:focus,
1117.radio-inline input[type="radio"]:focus {
1118  outline: none; }
1119
1120input[type="radio"]:before,
1121.radio input[type="radio"]:before,
1122.radio-inline input[type="radio"]:before,
1123input[type="radio"]:after,
1124.radio input[type="radio"]:after,
1125.radio-inline input[type="radio"]:after {
1126  content: "";
1127  display: block;
1128  width: 18px;
1129  height: 18px;
1130  border-radius: 50%;
1131  -webkit-transition: 240ms;
1132  -o-transition: 240ms;
1133  transition: 240ms; }
1134
1135input[type="radio"]:before,
1136.radio input[type="radio"]:before,
1137.radio-inline input[type="radio"]:before {
1138  position: absolute;
1139  left: 0;
1140  top: -3px;
1141  background-color: #2196f3;
1142  -webkit-transform: scale(0);
1143  -ms-transform: scale(0);
1144  -o-transform: scale(0);
1145  transform: scale(0); }
1146
1147input[type="radio"]:after,
1148.radio input[type="radio"]:after,
1149.radio-inline input[type="radio"]:after {
1150  position: relative;
1151  top: -3px;
1152  border: 2px solid #666666; }
1153
1154input[type="radio"]:checked:before,
1155.radio input[type="radio"]:checked:before,
1156.radio-inline input[type="radio"]:checked:before {
1157  -webkit-transform: scale(0.5);
1158  -ms-transform: scale(0.5);
1159  -o-transform: scale(0.5);
1160  transform: scale(0.5); }
1161
1162input[type="radio"]:disabled:checked:before,
1163.radio input[type="radio"]:disabled:checked:before,
1164.radio-inline input[type="radio"]:disabled:checked:before {
1165  background-color: #bbbbbb; }
1166
1167input[type="radio"]:checked:after,
1168.radio input[type="radio"]:checked:after,
1169.radio-inline input[type="radio"]:checked:after {
1170  border-color: #2196f3; }
1171
1172input[type="radio"]:disabled:after,
1173.radio input[type="radio"]:disabled:after,
1174.radio-inline input[type="radio"]:disabled:after,
1175input[type="radio"]:disabled:checked:after,
1176.radio input[type="radio"]:disabled:checked:after,
1177.radio-inline input[type="radio"]:disabled:checked:after {
1178  border-color: #bbbbbb; }
1179
1180input[type="checkbox"],
1181.checkbox input[type="checkbox"],
1182.checkbox-inline input[type="checkbox"] {
1183  position: relative;
1184  border: none;
1185  margin-bottom: -4px;
1186  -webkit-appearance: none;
1187  appearance: none;
1188  cursor: pointer; }
1189
1190input[type="checkbox"]:focus,
1191.checkbox input[type="checkbox"]:focus,
1192.checkbox-inline input[type="checkbox"]:focus {
1193  outline: none; }
1194
1195input[type="checkbox"]:focus:after,
1196.checkbox input[type="checkbox"]:focus:after,
1197.checkbox-inline input[type="checkbox"]:focus:after {
1198  border-color: #2196f3; }
1199
1200input[type="checkbox"]:after,
1201.checkbox input[type="checkbox"]:after,
1202.checkbox-inline input[type="checkbox"]:after {
1203  content: "";
1204  display: block;
1205  width: 18px;
1206  height: 18px;
1207  margin-top: -2px;
1208  margin-right: 5px;
1209  border: 2px solid #666666;
1210  border-radius: 2px;
1211  -webkit-transition: 240ms;
1212  -o-transition: 240ms;
1213  transition: 240ms; }
1214
1215input[type="checkbox"]:checked:before,
1216.checkbox input[type="checkbox"]:checked:before,
1217.checkbox-inline input[type="checkbox"]:checked:before {
1218  content: "";
1219  position: absolute;
1220  top: 0;
1221  left: 6px;
1222  display: table;
1223  width: 6px;
1224  height: 12px;
1225  border: 2px solid #fff;
1226  border-top-width: 0;
1227  border-left-width: 0;
1228  -webkit-transform: rotate(45deg);
1229  -ms-transform: rotate(45deg);
1230  -o-transform: rotate(45deg);
1231  transform: rotate(45deg); }
1232
1233input[type="checkbox"]:disabled:after,
1234.checkbox input[type="checkbox"]:disabled:after,
1235.checkbox-inline input[type="checkbox"]:disabled:after {
1236  border-color: #bbbbbb; }
1237
1238input[type="checkbox"]:disabled:checked:after,
1239.checkbox input[type="checkbox"]:disabled:checked:after,
1240.checkbox-inline input[type="checkbox"]:disabled:checked:after {
1241  background-color: #bbbbbb;
1242  border-color: transparent; }
1243
1244.has-warning input:not([type=checkbox]),
1245.has-warning .form-control,
1246.has-warning input.form-control[readonly],
1247.has-warning input[type=text][readonly],
1248.has-warning [type=text].form-control[readonly],
1249.has-warning input:not([type=checkbox]):focus,
1250.has-warning .form-control:focus {
1251  border-bottom: none;
1252  -webkit-box-shadow: inset 0 -2px 0 #ff9800;
1253  box-shadow: inset 0 -2px 0 #ff9800; }
1254
1255.has-error input:not([type=checkbox]),
1256.has-error .form-control,
1257.has-error input.form-control[readonly],
1258.has-error input[type=text][readonly],
1259.has-error [type=text].form-control[readonly],
1260.has-error input:not([type=checkbox]):focus,
1261.has-error .form-control:focus {
1262  border-bottom: none;
1263  -webkit-box-shadow: inset 0 -2px 0 #e51c23;
1264  box-shadow: inset 0 -2px 0 #e51c23; }
1265
1266.has-success input:not([type=checkbox]),
1267.has-success .form-control,
1268.has-success input.form-control[readonly],
1269.has-success input[type=text][readonly],
1270.has-success [type=text].form-control[readonly],
1271.has-success input:not([type=checkbox]):focus,
1272.has-success .form-control:focus {
1273  border-bottom: none;
1274  -webkit-box-shadow: inset 0 -2px 0 #4caf50;
1275  box-shadow: inset 0 -2px 0 #4caf50; }
1276
1277/* jqGrid */
1278.ui-widget-content {
1279  border: none;
1280  background: none;
1281  color: #404040; }
1282
1283.ui-jqgrid .ui-jqgrid-titlebar {
1284  padding: 1em; }
1285
1286.container-fluid .ui-widget-content .ui-state-default, .container-fluid .ui-jqgrid .ui-jqgrid-bdiv {
1287  padding: 0.5em;
1288  /* Too much padding for tabs (both bootstrap and jquery ui) */
1289  padding-bottom: 0;
1290}
1291
1292.ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
1293  border-radius: 4px;
1294  padding: 1em;
1295  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
1296
1297.ui-jqdialog-titlebar {
1298  height: 2em;
1299  width: 100%; }
1300
1301.EditTable tr td {
1302  padding: 1em; }
1303
1304.ui-jqdialog-content input.FormElement {
1305  padding: .3em; }
1306
1307.ui-jqdialog-content input[type="checkbox"].FormElement {
1308  padding: 0em; }
1309
1310.EditTable td select, .EditTable td textarea {
1311  display: inline-block;
1312  width: auto;
1313  vertical-align: middle;
1314  display: block;
1315  width: 100%;
1316  height: 34px;
1317  padding: 6px 12px;
1318  font-size: 14px;
1319  line-height: 1.428571429;
1320  background-image: none;
1321  border-radius: 4px;
1322  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1323  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1324  color: #636363;
1325  background-color: #ffffff;
1326  border: 1px solid #cccccc;
1327  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
1328
1329.EditTable td input, .EditTable td select, .EditTable td textarea {
1330  margin: 0; }
1331
1332input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input {
1333  display: inline-block;
1334  font-size: 14px;
1335  line-height: 18px;
1336  border: 1px solid #ccc;
1337  -webkit-border-radius: 3px;
1338  -moz-border-radius: 3px;
1339  border-radius: 3px; }
1340
1341input:focus, textarea:focus {
1342  outline: 0;
1343  border-color: rgba(82, 168, 236, 0.8);
1344  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
1345  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
1346  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); }
1347
1348#displayparticipants_firstname, #displayparticipants_lastname, #displayparticipants_owner_uid {
1349  padding-left: 40px; }
1350
1351#displayparticipants_language {
1352  padding-left: 50px; }
1353
1354#jqgh_displayparticipants_email {
1355  padding-left: 140px; }
1356
1357#displayparticipants_survey {
1358  padding-left: 20px; }
1359
1360.navtable {
1361  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
1362
1363.ui-jqgrid-title {
1364  padding: 1em 0em 1em 1em;
1365  font-style: italic;
1366  font-weight: 700; }
1367
1368.ui-pg-button {
1369  padding: 0.4em; }
1370
1371.ui-pg-button:hover {
1372  cursor: pointer; }
1373
1374.ui-state-disabled:hover {
1375  cursor: default; }
1376
1377.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {
1378  width: 100%;
1379  overflow: hidden;
1380  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
1381
1382
1383.modal-22 {
1384  position: absolute;
1385  width: 600px; }
1386
1387.modal-22 .ui-jqdialog-titlebar .ui-jqdialog-title {
1388  width: 80%; }
1389
1390.modal-22 .ui-jqdialog-content {
1391  padding: 1em; }
1392
1393.ui-dialog-titlebar-close {
1394  border: 1px solid transparent;
1395  border-radius: 4px;
1396  float: right;
1397  color: #333;
1398  background-color: #fff;
1399  border-color: #ccc;
1400  display: inline-block;
1401  padding: 6px 12px;
1402  margin-bottom: 0;
1403  font-size: 14px;
1404  font-weight: 400;
1405  line-height: 1.42857143;
1406  text-align: center;
1407  white-space: nowrap;
1408  vertical-align: middle;
1409  -ms-touch-action: manipulation;
1410  touch-action: manipulation;
1411  cursor: pointer;
1412  -webkit-user-select: none;
1413  -moz-user-select: none;
1414  -ms-user-select: none;
1415  user-select: none;
1416  background-image: none;
1417  -webkit-appearance: button;
1418  cursor: pointer;
1419  overflow: visible;
1420  margin: 0;
1421  font: normal normal normal 14px/1 FontAwesome; }
1422
1423.ui-dialog-titlebar-close:before {
1424  content: "\f00d"; }
1425
1426.em-expression {
1427  font-weight: bold; }
1428
1429.data-entry-tbl tr.odd td, .data-entry-tbl tr.even td {
1430  padding: 20px 0 20px 0; }
1431
1432h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down, h3 .glyphicon-chevron-right {
1433  position: absolute;
1434  right: 1em;
1435  top: 10px; }
1436
1437h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down, h3 .glyphicon-chevron-right {
1438  cursor: pointer; }
1439
1440/**
1441 * Template selector
1442 */
1443#carousel-example-generic {
1444  margin-left: 20px; }
1445
1446#carousel-example-generic .carousel-control {
1447  font-size: 1em;
1448  top: -80px; }
1449
1450#carousel-example-generic .left.carousel-control {
1451  left: -20px; }
1452
1453#carousel-example-generic .right.carousel-control {
1454  right: -20px; }
1455
1456#carousel-example-generic .panel-title {
1457  text-align: center;
1458  padding-top: 0px; }
1459
1460#carousel-example-generic .carousel-inner img {
1461  margin: auto;
1462  top: 9px;
1463  position: relative; }
1464
1465#carousel-example-generic .selectTemplate {
1466  display: inline-block;
1467  position: relative;
1468  left: 0px;
1469  top: 320px; }
1470
1471#carousel-example-generic .carousel-caption {
1472  width: 100%;
1473  left: 0;
1474  top: 0px;
1475  padding-top: 0px; }
1476
1477#carousel-example-generic, #carousel-example-generic .carousel-inner {
1478  min-height: 150px; }
1479
1480#carousel-example-generic .carousel-indicators {
1481  top: 370px;
1482  width: 80%;
1483  left: 39%; }
1484
1485#carousel-example-generic .carousel-indicators li {
1486  margin: 0px;
1487  width: 8px;
1488  height: 8px; }
1489
1490.side-body #carousel-example-generic h3 {
1491  border: none; }
1492
1493#systemoverview {
1494  margin: 1em 0 1em 0; }
1495
1496#systemoverview .info div {
1497    font-size: 14px;
1498    margin-top: 10px;
1499    margin-bottom: 10px;
1500    font-weight: 500;
1501    line-height: 1.1;
1502    color: inherit;
1503    text-align: center;
1504}
1505
1506/**
1507 * Ajax loader
1508 * from : http://codepen.io/weaintplastic/pen/qEMZbx
1509 */
1510.preloader {
1511  position: absolute;
1512  top: 50%;
1513  left: 50%;
1514  font-size: 20px;
1515  display: block;
1516  width: 3.75em;
1517  height: 4.25em;
1518  margin-left: -1.875em;
1519  margin-top: -2.125em;
1520  transform-origin: center center;
1521  transform: rotateY(180deg) rotateZ(-60deg); }
1522  .preloader .slice {
1523    border-top: 1.125em solid transparent;
1524    border-right: none;
1525    border-bottom: 1em solid transparent;
1526    border-left: 1.875em solid #f7484e;
1527    position: absolute;
1528    top: 0px;
1529    left: 50%;
1530    transform-origin: left bottom;
1531    border-radius: 3px 3px 0 0; }
1532  .preloader .slice:nth-child(1) {
1533    transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
1534    animation: 0.15s linear 0.82s preload-hide-1 both 1; }
1535  .preloader .slice:nth-child(2) {
1536    transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
1537    animation: 0.15s linear 0.74s preload-hide-2 both 1; }
1538  .preloader .slice:nth-child(3) {
1539    transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
1540    animation: 0.15s linear 0.66s preload-hide-3 both 1; }
1541  .preloader .slice:nth-child(4) {
1542    transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
1543    animation: 0.15s linear 0.58s preload-hide-4 both 1; }
1544  .preloader .slice:nth-child(5) {
1545    transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
1546    animation: 0.15s linear 0.5s preload-hide-5 both 1; }
1547  .preloader .slice:nth-child(6) {
1548    transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
1549    animation: 0.15s linear 0.42s preload-hide-6 both 1; }
1550  .preloader.loading {
1551    animation: 2s preload-flip steps(2) infinite both; }
1552    .preloader.loading .slice:nth-child(1) {
1553      transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
1554      animation: 2s preload-cycle-1 linear infinite both; }
1555    .preloader.loading .slice:nth-child(2) {
1556      transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
1557      animation: 2s preload-cycle-2 linear infinite both; }
1558    .preloader.loading .slice:nth-child(3) {
1559      transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
1560      animation: 2s preload-cycle-3 linear infinite both; }
1561    .preloader.loading .slice:nth-child(4) {
1562      transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
1563      animation: 2s preload-cycle-4 linear infinite both; }
1564    .preloader.loading .slice:nth-child(5) {
1565      transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
1566      animation: 2s preload-cycle-5 linear infinite both; }
1567    .preloader.loading .slice:nth-child(6) {
1568      transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
1569      animation: 2s preload-cycle-6 linear infinite both; }
1570
1571/**
1572 * comfortUpdate
1573 */
1574#ajaxContainerLoading, .ajaxLoading {
1575  height: 130px;
1576  text-align: center;
1577  margin-top: 70px;
1578  margin-bottom: 100px;
1579  display: none; }
1580
1581#comfortUpdateIcon {
1582  height: 1em;
1583  margin-right: 0.5em; }
1584
1585#comfortUpdateGeneralWrap h3.maintitle {
1586  background-color: transparent;
1587 }
1588
1589#comfortUpdateGeneralWrap .on {
1590  font-weight: bold;
1591  font-size: 1em;
1592  padding-left: 0.5em;
1593  padding-top: 0.5em; }
1594
1595#comfortUpdateGeneralWrap .on span {
1596  display: block;
1597  padding: 0.1em;
1598  padding-left: 0.5em;
1599  width: 40%; }
1600
1601#comfortUpdateGeneralWrap .off {
1602  font-size: 0.9em;
1603  padding-left: 0.5em;
1604  padding-top: 0.5em; }
1605
1606#comfortUpdateGeneralWrap #welcomeMessage, #comfortUpdateGeneralWrap #btn-container {
1607  border-right: 1px solid #EEE; }
1608
1609#comfortUpdateGeneralWrap #key-actions {
1610  padding-left: 1em; }
1611
1612#update-alert.unstable-update {
1613  background-color: #fff;
1614  border: 1px solid #A0352F;
1615  color: #A0352F;
1616  margin-top: 1em; }
1617
1618html body .nav-tabs > li.active > a,html body  .nav-tabs > li.active > a:hover,html body  .nav-tabs > li.active > a:focus {
1619  border-bottom-color: transparent;
1620  cursor: default; }
1621
1622.answertable.table td {
1623  vertical-align: middle; }
1624
1625.btnaddanswer:hover, .btndelanswer:hover {
1626  cursor: pointer; }
1627
1628.jumbotron p {
1629  font-weight: 300; }
1630
1631span[data-tooltip] {
1632  display: inline-block; }
1633
1634.glyphicon-move:hover {
1635  cursor: pointer; }
1636
1637.answertable .glyphicon-pencil {
1638  margin-left: 3px; }
1639
1640#statisticsview .panel {
1641  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
1642
1643#explorer-collapse {
1644  border-bottom: none; }
1645
1646#explorer-collapse:hover, #sideMenu #dropdown li a#explorer-collapse[aria-expanded="true"], #sideMenu #dropdown li a.question-group-collapse[aria-expanded="true"] {
1647  width: auto; }
1648
1649#sideMenu #dropdown #explorer li#questionexplorer-group-container, #sideMenu #dropdown li#questionexplorer-group-container > a {
1650  line-height: 1.4; }
1651
1652#sideMenu #dropdown #explorer li#questionexplorer-group-container:hover, #sideMenu #dropdown li#questionexplorer-group-container:hover > a {
1653  background-color: #fafafa;
1654  font-weight: 400;
1655  line-height: 1.4; }
1656
1657.explorer-group-title {
1658  margin-top: 1em;
1659  padding: 0em 0 1em 0; }
1660
1661.explorer-group-title a.explorer-group, .question-collapse-title {
1662  color: #163c19; }
1663
1664#item-container, #jcarousel-wrapper-container {
1665  width: 300px; }
1666
1667#item-container h4 {
1668  margin-bottom: 30px; }
1669
1670.selectTemplate {
1671  margin-top: 10px; }
1672
1673.imgSelectTemplate {
1674  cursor: pointer; }
1675
1676.template-img {
1677  padding: 1em; }
1678
1679#additional_languages {
1680  min-width: 200px; }
1681
1682#available_languages {
1683  min-width: 200px; }
1684
1685.modal {
1686  top: 50px; }
1687
1688#tokensidemenu {
1689  border-top: 1px solid #e3e3e3; }
1690
1691.question-item {
1692  padding: 1em;
1693  margin: 1em 0 1em 0;
1694  cursor: pointer; }
1695
1696/*
1697$color_deep_fir_approx: darken( $base-color, 20% );
1698$color_acapulco_approx: adjust-color($base-color, $hue: 24deg, $saturation: -22%, $lightness: 25%);
1699$color_aqua_forest_approx: adjust-color($base-color, $hue: 4deg, $saturation: -24%, $lightness: 14%);
1700$color_paradiso_approx:adjust-color($base-color, $lightness: 5%); ;
1701$color_norway_approx: adjust-color($base-color, $hue: 0deg, $saturation: -28%, $lightness: 31%);
1702*/
1703.placeholder {
1704  padding: 1em;
1705  margin: 1em 0 1em 0; }
1706
1707/* RTL stuff (right-to-left locale) */
1708.no-gutter > [class*='col-'] {
1709  padding-right: 0;
1710  padding-left: 0; }
1711
1712.inputbuttons {
1713    width: 120px;
1714}
1715
1716.inputbuttons-square {
1717    width: 20px;
1718    height: 16px;
1719    float: left;
1720}
1721
1722/* Avoid numerical right aligned to be too close to word left aligned */
1723.jqgrid-tokens-number-padding {
1724    padding-right: 4px;
1725}
1726
1727/* z-index fix */
1728.tooltip {
1729    position: fixed;
1730}
1731
1732/** For survey participants table */
1733.scrolling-wrapper {
1734    overflow-x: scroll;
1735}
1736
1737/** Search criteria pop-up for survey participants table */
1738#search {
1739    display: none;
1740    overflow-y: auto;
1741}
1742
1743/** Popup when validating email template */
1744iframe#dialog {
1745    width: 100%;
1746    height: 100%;
1747}
1748
1749/** Fixed pager width */
1750/* jqgrid table must take all place if avalaible, but header and footer must not be outside the screen */
1751/* Myabe use a pseudo fixd-y solution is a good idea */
1752.ui-jqgrid,.ui-jqgrid-view,.ui-jqgrid-titlebar,.ui-jqgrid-toppager,.ui-jqgrid-pager{
1753    min-width:100%;
1754    max-width:100%;
1755    margin-right:0;
1756    margin-left:0;
1757    box-sizing: border-box
1758}
1759
1760/** Needed for jQgrid pager to stay still while scrolling */
1761#pager {
1762    position: relative;
1763}
1764
1765/** Stuff for CPDB participant export */
1766.ui-sortable-placeholder {
1767    color: #f00;
1768    background-color: #0f0;
1769    border: solid black 5px;
1770}
1771
1772/** Arrow between mapped attributes in CPDB */
1773.tokenatt-arrow {
1774    position: absolute;
1775    right: -0.5em;
1776}
1777
1778/** Arrow between mapped attributes in CPDB when doing CSV import */
1779.csvatt-arrow {
1780    position: absolute;
1781    right: -0.5em;
1782    top: 1em;
1783}
1784
1785/** Help class to remove padding */
1786.no-padding {
1787    padding: 0;
1788}
1789
1790/** */
1791.droppable-new, .droppable-csv {
1792    min-height: 40px;
1793    height: 100%;
1794}
1795
1796#labelsetpreview {
1797    overflow-x: hidden;
1798}
1799
1800#labelsetbrowserModal .modal-dialog {
1801    width: 80%;
1802}
1803
1804.question-filter-container {
1805    border : 1px solid #efefef;
1806    padding: 2em;
1807    margin: 0;
1808    min-width:33%;
1809    max-width:100%;
1810}
1811
1812/* Subquestion */
1813td.subquestion-actions span:hover {
1814    cursor: pointer;
1815}
1816
1817/* edit survey */
1818.template-img {
1819    padding-top: 0;
1820}
1821
1822/* Accordion*/
1823.full-page-wrapper .handleAccordion {
1824    display: none;
1825}
1826
1827/* Box in resopnses list need a little more space */
1828div#gview_displayresponses th#displayresponses_cb {
1829    width: 35px;  /* Override jQgrid stuff */
1830}
1831
1832/* View detail response, make sure left column is not too wide*/
1833.detailbrowsetable tr th {
1834    width: 50%;
1835}
1836
1837.lead {
1838    font-weight: 300;
1839}
1840
1841/* Make sure buttons is onw row */
1842.time-statistics-row-buttons, .nowrap {
1843    white-space: nowrap;
1844}
1845
1846/* Proper overflow */
1847.time-statistics-table {
1848    overflow: auto;
1849}
1850
1851/* In survey permissions, make grey check icon if only partial permissions */
1852.mixed {
1853    opacity: 0.4;
1854}
1855
1856#sidemenu-home {
1857    padding-left: 15px;
1858}
1859
1860#quick-menu-container {
1861    position: absolute;
1862    width: 50px;
1863    right: 0;
1864    top: 50px;
1865}
1866
1867.quick-icon-wrapper {
1868    padding: 15px;
1869    height: 50px;
1870}
1871
1872#quick-menu-container .glyphicon {
1873    font-size: 18px;
1874}
1875
1876#quick-menu-container .navbar-brand {
1877    padding: 0
1878}
1879
1880/* Needed for DateTimePicker in survey settings */
1881.panel-group .panel {
1882    overflow: visible;
1883}
1884
1885a.explorer-group:hover,a.explorer-group:focus{
1886text-decoration:none;
1887}
1888
1889.question-explorer-question {
1890
1891        display: inline-block;
1892        max-width: 200px;
1893        overflow: hidden;
1894        text-overflow: ellipsis;
1895}
1896
1897.question-explorer-group-name{
1898    display: inline-block;
1899    max-width: 140px;
1900    overflow: hidden;
1901    position: relative;
1902    top: 5px;
1903    text-overflow: ellipsis;
1904}
1905
1906.question-explorer-add-question {
1907    position: relative;
1908    top: 5px;
1909}
1910
1911.explorer-group-title a.disabled {
1912    opacity: 0.5;
1913}
1914
1915
1916.btn.readonly,.btn.readonly:hover {
1917    cursor: not-allowed;
1918    opacity: 0.65;
1919    filter: alpha(opacity=65);
1920    -webkit-box-shadow: none;
1921    box-shadow: none;
1922    background-color: #ffffff;
1923    border: 1px solid #cccccc;
1924}
1925
1926#displayResponsesContainer .ui-jqgrid-bdiv, #gbox_displaytokens .ui-jqgrid-bdiv {
1927    overflow: hidden;
1928}
1929
1930h1,.h1{
1931    font-size: 24px;
1932}
1933h2,.h2{
1934    font-size: 22px;
1935}
1936h3,.h3 {
1937    font-size: 20px;
1938}
1939
1940.statisticstable {
1941    word-wrap: break-word;
1942}
1943
1944.summary-container, .summary, #massive-action-container, #surveyListActions, .listActions, .pager-container ls-ba .pager, .pager-container ls-ba .pager .pagination{
1945    margin: 0;
1946    margin-bottom: 20px;
1947}
1948.summary-container{
1949    text-align: right;
1950}
1951
1952#massive-action-container, #surveyListActions, .listActions{
1953    padding-left: 0px;
1954    text-align: left;
1955}
1956
1957.push-grid-pager {/* push the pager for massive action dropup */
1958    min-height:25em;
1959}
1960
1961.has-link
1962{
1963    cursor: pointer;
1964}
1965.has-link a:hover
1966{
1967    text-decoration: none;
1968}
1969
1970.has-link a {
1971    color: black;
1972}
1973
1974.hoverAction .table-striped > tbody > tr:hover > td {
1975  background-color: transparent;
1976}
1977
1978.hoverAction .table-striped > tbody > tr:hover > td > a:not(.btn) {
1979    color: white;
1980}
1981
1982.ui-priority-secondary
1983{
1984    background-color: #f5f5f5;
1985}
1986
1987
1988#token-grid .table .filters > td .filter-container {
1989    padding: 0px;
1990}
1991
1992#token-grid table.table {
1993    width: none;
1994    max-width: none;
1995}
1996
1997#token-grid table thead tr #action {
1998    min-width: 150px;
1999}
2000
2001#token-grid .filter-container{
2002    min-width: 50px;
2003}
2004
2005#token-grid table thead tr th {
2006    /*white-space: nowrap;*/
2007}
2008
2009#token-grid table tr.odd .blank_button
2010{
2011  /*For older Browsers with compatibilty issues*/
2012    border-color: #f9f9f9;
2013    background-color: #f9f9f9;
2014  /*New CSS3 Style of doing it*/
2015    border-color: rgba(0,0,0,0);
2016    background-color: rgba(0,0,0,0);
2017}
2018
2019#token-grid table tr .blank_button
2020{
2021    border-color: white;
2022    background-color: white;
2023}
2024
2025#token-grid table tr.selected .blank_button
2026{
2027
2028    border-color: #eee; /* from yiistrap.css*/
2029    background-color: #eee;
2030}
2031
2032#token-grid .name {
2033    min-width: 150px;
2034}
2035
2036.scrolling-wrapper
2037{
2038    overflow-x: scroll;
2039}
2040
2041#tokenListPager
2042{
2043    position: relative;
2044}
2045
2046.blank_button span
2047{
2048    max-width: 12px;
2049}
2050
2051#edittoken .tab-content #general .form-group .col-sm-4 .col-sm-4, #edittoken .tab-content #general .form-group .col-sm-4 .col-sm-8
2052{
2053    padding: 0;
2054}
2055
2056div[id^="alertmod_"]
2057{
2058    display: none;
2059}
2060
2061/* Can be removed when jqGrid is replaced */
2062
2063.ui-helper-clearfix {
2064    min-height: 0;
2065}
2066.ui-dialog .ui-dialog-buttonpane {
2067    background-image: none;
2068    border-width: 1px 0 0;
2069    margin-top: 0.5em;
2070    padding: 0.3em 1em 0.5em 0.4em;
2071    text-align: left;
2072}
2073.ui-helper-clearfix::before, .ui-helper-clearfix::after {
2074    border-collapse: collapse;
2075    content: "";
2076    display: table;
2077}
2078.ui-helper-clearfix::after {
2079    clear: both;
2080}
2081.ui-helper-clearfix::before, .ui-helper-clearfix::after {
2082    border-collapse: collapse;
2083    content: "";
2084    display: table;
2085}
2086.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
2087    float: right;
2088}
2089.yiiLog{margin-bottom:70px}
2090
2091table#responsedetail tr td{
2092    max-width: 100px;
2093     word-wrap:break-word;
2094}
2095
2096.in-title {
2097    position: relative;
2098    top: -65px;
2099    right: 15px;
2100}
2101
2102.input-group-addon {
2103  padding: 5px 12px;
2104}
2105.multiselect-container>li>a>label>input[type="checkbox"]{
2106  margin-left: 0;
2107}
2108.notification-list {
2109  top: 100%;
2110  left: 0;
2111  z-index: 1000;
2112  float: left;
2113  min-width: 160px;
2114  padding: 5px 0;
2115  margin: 2px 0 0;
2116  list-style: none;
2117  font-size: 14px;
2118  border-radius: 4px;
2119  background-clip: padding-box;
2120  overflow-y: auto;
2121}
2122
2123.notification-list > li > a {
2124  display: block;
2125  padding: 3px 20px;
2126  clear: both;
2127  font-weight: normal;
2128  line-height: 1.428571429;
2129  white-space: nowrap;
2130}
2131.notification-list > li > a:hover,
2132.notification-list > li > a:focus {
2133  text-decoration: none;
2134}
2135.notification-list > .active > a,
2136.notification-list > .active > a:hover,
2137.notification-list > .active > a:focus {
2138  text-decoration: none;
2139  outline: 0;
2140}
2141.notification-list > .disabled > a,
2142.notification-list > .disabled > a:hover,
2143.notification-list > .disabled > a:focus {
2144}
2145.notification-list > .disabled > a:hover,
2146.notification-list > .disabled > a:focus {
2147  text-decoration: none;
2148  background-color: transparent;
2149  background-image: none;
2150  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2151  cursor: not-allowed;
2152}
2153#notification-outer-ul {
2154    height: 400px;
2155    width: 400px;
2156}
2157#notification-inner-ul {
2158    height: 340px;
2159    width: 390px;
2160}
2161/* Override fixed font in select2 CSS */
2162.select2-container--bootstrap .select2-selection {
2163   font-family: Roboto !important;
2164}
2165
2166#responses-grid .table-condensed.upload-question {
2167    margin-bottom: 0;
2168    background-color: inherit;
2169}
2170
2171#responses-grid .filter-container{
2172    min-width: 6em; /* defaut em is 13px : 75/13 = 5.76… */
2173}
2174
2175.edit-participant-modal-body {
2176    max-height: 500px;
2177    overflow-y: auto;
2178}
2179
2180/* Condition builder */
2181.scenario-heading {
2182    padding: 0;
2183}
2184
2185.scenario-heading .delete-scenario-form {
2186    padding-top: 6px;
2187}
2188
2189.condition-header-button {
2190    margin-top: -10px;
2191    margin-right: 10px;
2192}
2193
2194/* Needed for buttons that are pulled right in the conditions bar */
2195.margin-left {
2196    margin-left: 5px;
2197}
2198
2199.conditions-table {
2200    margin-bottom: 0;
2201}
2202
2203.condition-and-or-or {
2204    margin-left: 20px;
2205}
2206
2207/* Tabs used within form in condition designer */
2208#editconditions .tab-content, #quick-add-conditions-form .tab-content {
2209    padding-top: 0;
2210}
2211
2212#quick-add-condition-modal .modal-dialog {
2213    width: 800px;
2214}
2215
2216#login-panel {
2217  max-width: 400px;
2218  margin-left: auto;
2219  margin-right: auto
2220}
2221
2222/*
2223 * Row with equal height columns
2224 * --------------------------------------------------
2225 */
2226.row-eq-height {
2227  display: -webkit-box;
2228  display: -webkit-flex;
2229  display: -ms-flexbox;
2230  display:         flex;
2231  margin-bottom: 30px;
2232}
2233
2234.welcome .panel {
2235    height: 110%;
2236}
2237
2238.welcome .panel-body {
2239    padding: 0px;
2240}
2241
2242.welcome .panel-heading {
2243    height: 25%;
2244    display:flex;
2245     align-items: center;
2246     justify-content: center;
2247}
2248
2249.welcome .panel-title {
2250    font-weight: 500;
2251}
2252
2253.welcome .panel-body {
2254    height: 75%;
2255    width: 100%;
2256}
2257
2258.welcome .panel-body .panel-body-ico, .welcome .panel-body .panel-body-link {
2259    width: 100%;
2260    display:flex;
2261    align-items: center;
2262    justify-content: center;
2263
2264}
2265
2266.welcome .panel-body .panel-body-ico{
2267    height: 70%;
2268}
2269
2270.welcome .panel-body .panel-body-link {
2271    height: 30%;
2272}
2273
2274input[type="file"].form-control {
2275    border: none;
2276    padding-left: 0px;
2277}
2278
2279#insertmethod-container{
2280    display: none;
2281}
2282
2283
2284/* To make Statistics printable really easy */
2285
2286
2287@media print{
2288
2289  @page {
2290    size: A4 portrait;
2291    margin-left: 1.0cm;
2292    margin-right: 1.5cm;
2293    margin-top:1.2cm;
2294    margin-bottom: 1cm;
2295    overflow: visible;
2296  }
2297
2298  * {
2299    overflow: visible !important;
2300    }
2301
2302  html,body {
2303    margin: 0;
2304    max-width: 0%;
2305  }
2306  body{
2307    text-align: left;
2308    margin: 0;
2309    padding:0;
2310    overflow: visible;
2311    min-width: 19.0cm !important;
2312    min-height: 27.7cm;
2313    width: 100% !important;
2314    height:100%;
2315  }
2316
2317  body.onStatistics a:not(.printable),
2318  body.onStatistics p:not(.printable),
2319  body.onStatistics button:not(.printable),
2320  body.onStatistics nav:not(.printable),
2321  body.onStatistics form:not(.printable),
2322  body.onStatistics footer:not(.printable),
2323  body.onStatistics h1:not(.printable),
2324  body.onStatistics h2:not(.printable),
2325  body.onStatistics h3:not(.printable),
2326  body.onStatistics h4:not(.printable),
2327  body.onStatistics h5:not(.printable),
2328  body.onStatistics .jumbotron,
2329  body.onStatistics .menubar,
2330  body.onStatistics>div:not(#vue-apps-main-container),
2331  body.onStatistics div#vue-apps-main-container>div:not(#pjax-content),
2332  body.onStatistics div#vue-apps-main-container>div#pjax-content>div:not(#in_survey_common),
2333  body.onStatistics div#in_survey_common>div:not(#statisticsview)
2334  {
2335    display: none !important;
2336    visibility: hidden !important;
2337    overflow: hidden !important;
2338    padding: 0;
2339    position: absolute;
2340    left: -1000px;
2341    top: -1000px;
2342    margin: 0 !important;
2343    width: 0px !important;
2344  }
2345
2346  body.onStatistics div.row {
2347    display: block !important;
2348    position: static;
2349  }
2350  body.onStatistics div[class^="col-"] {
2351    display: block !important;
2352    float: none !important;
2353    position: static;
2354  }
2355
2356  body.onStatistics>div#vue-apps-main-container,
2357  body.onStatistics div#in_survey_common,
2358  body.onStatistics>div#vue-apps-main-container>div#pjax-content,
2359  body.onStatistics #statisticsview {
2360    display: block;
2361    position: static;
2362    width: 99% !important;
2363    max-width: 95% !important;
2364    min-width: 19.6cm !important;
2365    min-height: 29.7cm !important;
2366    height: 100% !important;
2367    overflow: visible;
2368    page-break-inside: auto;
2369    break-inside: auto;
2370  }
2371  body.onStatistics #statisticsview div,
2372  body.onStatistics #statisticsview table {
2373    position: static;
2374  }
2375
2376  /*body.onStatistics td:not(.printable),
2377  body.onStatistics th:not(.printable),*/
2378  /*body.onStatistics table:not(.printable),*/
2379
2380  body.onStatistics #statisticsview div:not(#statsContainerLoading) {
2381    width: 99% !important;
2382    max-width: 100% !important;
2383    float: none !important;
2384    display: block;
2385  }
2386
2387  body.onStatistics #statisticsview a.printable,
2388  body.onStatistics #statisticsview p.printable,
2389  body.onStatistics #statisticsview span.printable,
2390  body.onStatistics #statisticsview table.printable,
2391  body.onStatistics #statisticsview table.statisticstable,
2392  body.onStatistics #statisticsview h1.printable,
2393  body.onStatistics #statisticsview h2.printable,
2394  body.onStatistics #statisticsview h3.printable,
2395  body.onStatistics #statisticsview h4.printable,
2396  body.onStatistics #statisticsview h5.printable{
2397    width: 95% !important;
2398    max-width: 100%;
2399    float: none;
2400    margin-left: 0 !important;
2401    margin-right: 0 !important;
2402    margin-top: 1cm;
2403    margin-bottom: 1cm;
2404    position: static;
2405
2406  }
2407
2408  body.onStatistics div.printable{
2409    position: static;
2410    page-break-after  : auto;
2411    break-after  : auto;
2412    page-break-inside : avoid;
2413    break-inside : avoid;
2414    margin-left: 0 !important;
2415    margin-right: 0 !important;
2416    margin-top: 1cm;
2417    margin-bottom: 1cm;
2418    padding: 0 !important;
2419  }
2420  body.onStatistics div.printable table{
2421    position: static;
2422    page-break-inside : avoid;
2423    break-inside : avoid;
2424    margin-left: 0 !important;
2425    margin-right: 0 !important;
2426    margin-top: 1cm;
2427    margin-bottom: 1cm;
2428    padding: 0 !important;
2429  }
2430
2431
2432  body.onStatistics table.printable thead,
2433  body.onStatistics table.printable tbody,
2434  body.onStatistics table.printable tr{
2435    width: 100% !important;
2436    margin: 0 !important;
2437    padding: 0 !important;
2438  }
2439
2440  body.onStatistics table.printable *{
2441    page-break-after  : avoid;
2442    break-after  : avoid;
2443    page-break-before : avoid;
2444    break-before : avoid;
2445    page-break-inside : avoid;
2446    break-inside : avoid;
2447  }
2448
2449  body.onStatistics .side-body{
2450    max-width: 100%;
2451    margin: 0 !important;
2452    padding: 0 !important;
2453  }
2454  body.onStatistics .side-menu{
2455    display: none !important;
2456    visibility: none !important;
2457    overflow: hidden !important;
2458    margin: 0 !important;
2459    padding: 0 !important;
2460    margin-left: 0 px !important;
2461  }
2462  body.onStatistics .absolute-wrapper{
2463    display: none !important;
2464    visibility: none !important;
2465    overflow: hidden !important;
2466    margin: 0 !important;
2467    padding: 0 !important;
2468  }
2469}
2470
2471.currentQuestionTypeImageContainer img {
2472  max-width: 100%;
2473}
2474
2475#accordion-container .panel-heading>a {
2476  width:100%;
2477  display: block;
2478}
2479
2480#accordion_questionTypeSelector .panel-title>a {
2481  width:100%;
2482  display: block;
2483}
2484
2485/*custom margin and padding*/
2486
2487.custom.custom-no-padding {
2488  padding: 0;
2489}
2490.custom.custom-no-margin {
2491  padding: 0;
2492}
2493.custom.custom-padding.add5 {
2494  padding: 5px;
2495}
2496.custom.custom-padding.left-5 {
2497  padding-left: 5px;
2498}
2499.custom.custom-padding.right-5 {
2500  padding-right: 5px;
2501}
2502.custom.custom-padding.top-5 {
2503  padding-top: 5px;
2504}
2505.custom.custom-padding.bottom-5 {
2506  padding-bottom: 5px;
2507}
2508.custom.custom-padding.add10 {
2509  padding: 10px;
2510}
2511.custom.custom-padding.left-10 {
2512  padding-left: 10px;
2513}
2514.custom.custom-padding.right-10 {
2515  padding-right: 10px;
2516}
2517.custom.custom-padding.top-10 {
2518  padding-top: 10px;
2519}
2520.custom.custom-padding.bottom-10 {
2521  padding-bottom: 10px;
2522}
2523.custom.custom-padding.add15 {
2524  padding: 15px;
2525}
2526.custom.custom-padding.left-15 {
2527  padding-left: 15px;
2528}
2529.custom.custom-padding.right-15 {
2530  padding-right: 15px;
2531}
2532.custom.custom-padding.top-15 {
2533  padding-top: 15px;
2534}
2535.custom.custom-padding.bottom-15 {
2536  padding-bottom: 15px;
2537}
2538.custom.custom-padding.add20 {
2539  padding: 20px;
2540}
2541.custom.custom-padding.left-20 {
2542  padding-left: 20px;
2543}
2544.custom.custom-padding.right-20 {
2545  padding-right: 20px;
2546}
2547.custom.custom-padding.top-20 {
2548  padding-top: 20px;
2549}
2550.custom.custom-padding.bottom-20 {
2551  padding-bottom: 20px;
2552}
2553.custom.custom-padding.add25 {
2554  padding: 25px;
2555}
2556.custom.custom-padding.left-25 {
2557  padding-left: 25px;
2558}
2559.custom.custom-padding.right-25 {
2560  padding-right: 25px;
2561}
2562.custom.custom-padding.top-25 {
2563  padding-top: 25px;
2564}
2565.custom.custom-padding.bottom-25 {
2566  padding-bottom: 25px;
2567}
2568.custom.custom-padding.add30 {
2569  padding: 30px;
2570}
2571.custom.custom-padding.left-30 {
2572  padding-left: 30px;
2573}
2574.custom.custom-padding.right-30 {
2575  padding-right: 30px;
2576}
2577.custom.custom-padding.top-30 {
2578  padding-top: 30px;
2579}
2580.custom.custom-padding.bottom-30 {
2581  padding-bottom: 30px;
2582}
2583.custom.custom-padding.add35 {
2584  padding: 35px;
2585}
2586.custom.custom-padding.left-35 {
2587  padding-left: 35px;
2588}
2589.custom.custom-padding.right-35 {
2590  padding-right: 35px;
2591}
2592.custom.custom-padding.top-35 {
2593  padding-top: 35px;
2594}
2595.custom.custom-padding.bottom-35 {
2596  padding-bottom: 35px;
2597}
2598@media only screen and (min-width: 961px) {
2599  .custom.custom-padding-responsive.large.add5 {
2600    padding: 5px;
2601  }
2602  .custom.custom-padding-responsive.large.left-5 {
2603    padding-left: 5px;
2604  }
2605  .custom.custom-padding-responsive.large.right-5 {
2606    padding-right: 5px;
2607  }
2608  .custom.custom-padding-responsive.large.top-5 {
2609    padding-top: 5px;
2610  }
2611  .custom.custom-padding-responsive.large.bottom-5 {
2612    padding-bottom: 5px;
2613  }
2614  .custom.custom-padding-responsive.large.add10 {
2615    padding: 10px;
2616  }
2617  .custom.custom-padding-responsive.large.left-10 {
2618    padding-left: 10px;
2619  }
2620  .custom.custom-padding-responsive.large.right-10 {
2621    padding-right: 10px;
2622  }
2623  .custom.custom-padding-responsive.large.top-10 {
2624    padding-top: 10px;
2625  }
2626  .custom.custom-padding-responsive.large.bottom-10 {
2627    padding-bottom: 10px;
2628  }
2629  .custom.custom-padding-responsive.large.add15 {
2630    padding: 15px;
2631  }
2632  .custom.custom-padding-responsive.large.left-15 {
2633    padding-left: 15px;
2634  }
2635  .custom.custom-padding-responsive.large.right-15 {
2636    padding-right: 15px;
2637  }
2638  .custom.custom-padding-responsive.large.top-15 {
2639    padding-top: 15px;
2640  }
2641  .custom.custom-padding-responsive.large.bottom-15 {
2642    padding-bottom: 15px;
2643  }
2644  .custom.custom-padding-responsive.large.add20 {
2645    padding: 20px;
2646  }
2647  .custom.custom-padding-responsive.large.left-20 {
2648    padding-left: 20px;
2649  }
2650  .custom.custom-padding-responsive.large.right-20 {
2651    padding-right: 20px;
2652  }
2653  .custom.custom-padding-responsive.large.top-20 {
2654    padding-top: 20px;
2655  }
2656  .custom.custom-padding-responsive.large.bottom-20 {
2657    padding-bottom: 20px;
2658  }
2659  .custom.custom-padding-responsive.large.add25 {
2660    padding: 25px;
2661  }
2662  .custom.custom-padding-responsive.large.left-25 {
2663    padding-left: 25px;
2664  }
2665  .custom.custom-padding-responsive.large.right-25 {
2666    padding-right: 25px;
2667  }
2668  .custom.custom-padding-responsive.large.top-25 {
2669    padding-top: 25px;
2670  }
2671  .custom.custom-padding-responsive.large.bottom-25 {
2672    padding-bottom: 25px;
2673  }
2674  .custom.custom-padding-responsive.large.add30 {
2675    padding: 30px;
2676  }
2677  .custom.custom-padding-responsive.large.left-30 {
2678    padding-left: 30px;
2679  }
2680  .custom.custom-padding-responsive.large.right-30 {
2681    padding-right: 30px;
2682  }
2683  .custom.custom-padding-responsive.large.top-30 {
2684    padding-top: 30px;
2685  }
2686  .custom.custom-padding-responsive.large.bottom-30 {
2687    padding-bottom: 30px;
2688  }
2689  .custom.custom-padding-responsive.large.add35 {
2690    padding: 35px;
2691  }
2692  .custom.custom-padding-responsive.large.left-35 {
2693    padding-left: 35px;
2694  }
2695  .custom.custom-padding-responsive.large.right-35 {
2696    padding-right: 35px;
2697  }
2698  .custom.custom-padding-responsive.large.top-35 {
2699    padding-top: 35px;
2700  }
2701  .custom.custom-padding-responsive.large.bottom-35 {
2702    padding-bottom: 35px;
2703  }
2704}
2705@media only screen and (min-width: 769px) {
2706  .custom.custom-padding-responsive.medium.add5 {
2707    padding: 5px;
2708  }
2709  .custom.custom-padding-responsive.medium.left-5 {
2710    padding-left: 5px;
2711  }
2712  .custom.custom-padding-responsive.medium.right-5 {
2713    padding-right: 5px;
2714  }
2715  .custom.custom-padding-responsive.medium.top-5 {
2716    padding-top: 5px;
2717  }
2718  .custom.custom-padding-responsive.medium.bottom-5 {
2719    padding-bottom: 5px;
2720  }
2721  .custom.custom-padding-responsive.medium.add10 {
2722    padding: 10px;
2723  }
2724  .custom.custom-padding-responsive.medium.left-10 {
2725    padding-left: 10px;
2726  }
2727  .custom.custom-padding-responsive.medium.right-10 {
2728    padding-right: 10px;
2729  }
2730  .custom.custom-padding-responsive.medium.top-10 {
2731    padding-top: 10px;
2732  }
2733  .custom.custom-padding-responsive.medium.bottom-10 {
2734    padding-bottom: 10px;
2735  }
2736  .custom.custom-padding-responsive.medium.add15 {
2737    padding: 15px;
2738  }
2739  .custom.custom-padding-responsive.medium.left-15 {
2740    padding-left: 15px;
2741  }
2742  .custom.custom-padding-responsive.medium.right-15 {
2743    padding-right: 15px;
2744  }
2745  .custom.custom-padding-responsive.medium.top-15 {
2746    padding-top: 15px;
2747  }
2748  .custom.custom-padding-responsive.medium.bottom-15 {
2749    padding-bottom: 15px;
2750  }
2751  .custom.custom-padding-responsive.medium.add20 {
2752    padding: 20px;
2753  }
2754  .custom.custom-padding-responsive.medium.left-20 {
2755    padding-left: 20px;
2756  }
2757  .custom.custom-padding-responsive.medium.right-20 {
2758    padding-right: 20px;
2759  }
2760  .custom.custom-padding-responsive.medium.top-20 {
2761    padding-top: 20px;
2762  }
2763  .custom.custom-padding-responsive.medium.bottom-20 {
2764    padding-bottom: 20px;
2765  }
2766  .custom.custom-padding-responsive.medium.add25 {
2767    padding: 25px;
2768  }
2769  .custom.custom-padding-responsive.medium.left-25 {
2770    padding-left: 25px;
2771  }
2772  .custom.custom-padding-responsive.medium.right-25 {
2773    padding-right: 25px;
2774  }
2775  .custom.custom-padding-responsive.medium.top-25 {
2776    padding-top: 25px;
2777  }
2778  .custom.custom-padding-responsive.medium.bottom-25 {
2779    padding-bottom: 25px;
2780  }
2781  .custom.custom-padding-responsive.medium.add30 {
2782    padding: 30px;
2783  }
2784  .custom.custom-padding-responsive.medium.left-30 {
2785    padding-left: 30px;
2786  }
2787  .custom.custom-padding-responsive.medium.right-30 {
2788    padding-right: 30px;
2789  }
2790  .custom.custom-padding-responsive.medium.top-30 {
2791    padding-top: 30px;
2792  }
2793  .custom.custom-padding-responsive.medium.bottom-30 {
2794    padding-bottom: 30px;
2795  }
2796  .custom.custom-padding-responsive.medium.add35 {
2797    padding: 35px;
2798  }
2799  .custom.custom-padding-responsive.medium.left-35 {
2800    padding-left: 35px;
2801  }
2802  .custom.custom-padding-responsive.medium.right-35 {
2803    padding-right: 35px;
2804  }
2805  .custom.custom-padding-responsive.medium.top-35 {
2806    padding-top: 35px;
2807  }
2808  .custom.custom-padding-responsive.medium.bottom-35 {
2809    padding-bottom: 35px;
2810  }
2811}
2812.custom.custom-padding-responsive.small.add5 {
2813  padding: 5px;
2814}
2815.custom.custom-padding-responsive.small.left-5 {
2816  padding-left: 5px;
2817}
2818.custom.custom-padding-responsive.small.right-5 {
2819  padding-right: 5px;
2820}
2821.custom.custom-padding-responsive.small.top-5 {
2822  padding-top: 5px;
2823}
2824.custom.custom-padding-responsive.small.bottom-5 {
2825  padding-bottom: 5px;
2826}
2827.custom.custom-padding-responsive.small.add10 {
2828  padding: 10px;
2829}
2830.custom.custom-padding-responsive.small.left-10 {
2831  padding-left: 10px;
2832}
2833.custom.custom-padding-responsive.small.right-10 {
2834  padding-right: 10px;
2835}
2836.custom.custom-padding-responsive.small.top-10 {
2837  padding-top: 10px;
2838}
2839.custom.custom-padding-responsive.small.bottom-10 {
2840  padding-bottom: 10px;
2841}
2842.custom.custom-padding-responsive.small.add15 {
2843  padding: 15px;
2844}
2845.custom.custom-padding-responsive.small.left-15 {
2846  padding-left: 15px;
2847}
2848.custom.custom-padding-responsive.small.right-15 {
2849  padding-right: 15px;
2850}
2851.custom.custom-padding-responsive.small.top-15 {
2852  padding-top: 15px;
2853}
2854.custom.custom-padding-responsive.small.bottom-15 {
2855  padding-bottom: 15px;
2856}
2857.custom.custom-padding-responsive.small.add20 {
2858  padding: 20px;
2859}
2860.custom.custom-padding-responsive.small.left-20 {
2861  padding-left: 20px;
2862}
2863.custom.custom-padding-responsive.small.right-20 {
2864  padding-right: 20px;
2865}
2866.custom.custom-padding-responsive.small.top-20 {
2867  padding-top: 20px;
2868}
2869.custom.custom-padding-responsive.small.bottom-20 {
2870  padding-bottom: 20px;
2871}
2872.custom.custom-padding-responsive.small.add25 {
2873  padding: 25px;
2874}
2875.custom.custom-padding-responsive.small.left-25 {
2876  padding-left: 25px;
2877}
2878.custom.custom-padding-responsive.small.right-25 {
2879  padding-right: 25px;
2880}
2881.custom.custom-padding-responsive.small.top-25 {
2882  padding-top: 25px;
2883}
2884.custom.custom-padding-responsive.small.bottom-25 {
2885  padding-bottom: 25px;
2886}
2887.custom.custom-padding-responsive.small.add30 {
2888  padding: 30px;
2889}
2890.custom.custom-padding-responsive.small.left-30 {
2891  padding-left: 30px;
2892}
2893.custom.custom-padding-responsive.small.right-30 {
2894  padding-right: 30px;
2895}
2896.custom.custom-padding-responsive.small.top-30 {
2897  padding-top: 30px;
2898}
2899.custom.custom-padding-responsive.small.bottom-30 {
2900  padding-bottom: 30px;
2901}
2902.custom.custom-padding-responsive.small.add35 {
2903  padding: 35px;
2904}
2905.custom.custom-padding-responsive.small.left-35 {
2906  padding-left: 35px;
2907}
2908.custom.custom-padding-responsive.small.right-35 {
2909  padding-right: 35px;
2910}
2911.custom.custom-padding-responsive.small.top-35 {
2912  padding-top: 35px;
2913}
2914.custom.custom-padding-responsive.small.bottom-35 {
2915  padding-bottom: 35px;
2916}
2917.custom.custom-margin.add5 {
2918  margin: 5px;
2919}
2920.custom.custom-margin.left-5 {
2921  margin-left: 5px;
2922}
2923.custom.custom-margin.right-5 {
2924  margin-right: 5px;
2925}
2926.custom.custom-margin.top-5 {
2927  margin-top: 5px;
2928}
2929.custom.custom-margin.bottom-5 {
2930  margin-bottom: 5px;
2931}
2932.custom.custom-margin.add10 {
2933  margin: 10px;
2934}
2935.custom.custom-margin.left-10 {
2936  margin-left: 10px;
2937}
2938.custom.custom-margin.right-10 {
2939  margin-right: 10px;
2940}
2941.custom.custom-margin.top-10 {
2942  margin-top: 10px;
2943}
2944.custom.custom-margin.bottom-10 {
2945  margin-bottom: 10px;
2946}
2947.custom.custom-margin.add15 {
2948  margin: 15px;
2949}
2950.custom.custom-margin.left-15 {
2951  margin-left: 15px;
2952}
2953.custom.custom-margin.right-15 {
2954  margin-right: 15px;
2955}
2956.custom.custom-margin.top-15 {
2957  margin-top: 15px;
2958}
2959.custom.custom-margin.bottom-15 {
2960  margin-bottom: 15px;
2961}
2962.custom.custom-margin.add20 {
2963  margin: 20px;
2964}
2965.custom.custom-margin.left-20 {
2966  margin-left: 20px;
2967}
2968.custom.custom-margin.right-20 {
2969  margin-right: 20px;
2970}
2971.custom.custom-margin.top-20 {
2972  margin-top: 20px;
2973}
2974.custom.custom-margin.bottom-20 {
2975  margin-bottom: 20px;
2976}
2977.custom.custom-margin.add25 {
2978  margin: 25px;
2979}
2980.custom.custom-margin.left-25 {
2981  margin-left: 25px;
2982}
2983.custom.custom-margin.right-25 {
2984  margin-right: 25px;
2985}
2986.custom.custom-margin.top-25 {
2987  margin-top: 25px;
2988}
2989.custom.custom-margin.bottom-25 {
2990  margin-bottom: 25px;
2991}
2992.custom.custom-margin.add30 {
2993  margin: 30px;
2994}
2995.custom.custom-margin.left-30 {
2996  margin-left: 30px;
2997}
2998.custom.custom-margin.right-30 {
2999  margin-right: 30px;
3000}
3001.custom.custom-margin.top-30 {
3002  margin-top: 30px;
3003}
3004.custom.custom-margin.bottom-30 {
3005  margin-bottom: 30px;
3006}
3007.custom.custom-margin.add35 {
3008  margin: 35px;
3009}
3010.custom.custom-margin.left-35 {
3011  margin-left: 35px;
3012}
3013.custom.custom-margin.right-35 {
3014  margin-right: 35px;
3015}
3016.custom.custom-margin.top-35 {
3017  margin-top: 35px;
3018}
3019.custom.custom-margin.bottom-35 {
3020  margin-bottom: 35px;
3021}
3022.custom.custom-child-margin.left-to-right * {
3023  margin-left: 3px;
3024}
3025.custom.custom-child-margin.right-to-left * {
3026  margin-right: 3px;
3027}
3028@media only screen and (min-width: 961px) {
3029  .custom.custom-margin-responsive.large.add5 {
3030    margin: 5px;
3031  }
3032  .custom.custom-margin-responsive.large.left-5 {
3033    margin-left: 5px;
3034  }
3035  .custom.custom-margin-responsive.large.right-5 {
3036    margin-right: 5px;
3037  }
3038  .custom.custom-margin-responsive.large.top-5 {
3039    margin-top: 5px;
3040  }
3041  .custom.custom-margin-responsive.large.bottom-5 {
3042    margin-bottom: 5px;
3043  }
3044  .custom.custom-margin-responsive.large.add10 {
3045    margin: 10px;
3046  }
3047  .custom.custom-margin-responsive.large.left-10 {
3048    margin-left: 10px;
3049  }
3050  .custom.custom-margin-responsive.large.right-10 {
3051    margin-right: 10px;
3052  }
3053  .custom.custom-margin-responsive.large.top-10 {
3054    margin-top: 10px;
3055  }
3056  .custom.custom-margin-responsive.large.bottom-10 {
3057    margin-bottom: 10px;
3058  }
3059  .custom.custom-margin-responsive.large.add15 {
3060    margin: 15px;
3061  }
3062  .custom.custom-margin-responsive.large.left-15 {
3063    margin-left: 15px;
3064  }
3065  .custom.custom-margin-responsive.large.right-15 {
3066    margin-right: 15px;
3067  }
3068  .custom.custom-margin-responsive.large.top-15 {
3069    margin-top: 15px;
3070  }
3071  .custom.custom-margin-responsive.large.bottom-15 {
3072    margin-bottom: 15px;
3073  }
3074  .custom.custom-margin-responsive.large.add20 {
3075    margin: 20px;
3076  }
3077  .custom.custom-margin-responsive.large.left-20 {
3078    margin-left: 20px;
3079  }
3080  .custom.custom-margin-responsive.large.right-20 {
3081    margin-right: 20px;
3082  }
3083  .custom.custom-margin-responsive.large.top-20 {
3084    margin-top: 20px;
3085  }
3086  .custom.custom-margin-responsive.large.bottom-20 {
3087    margin-bottom: 20px;
3088  }
3089  .custom.custom-margin-responsive.large.add25 {
3090    margin: 25px;
3091  }
3092  .custom.custom-margin-responsive.large.left-25 {
3093    margin-left: 25px;
3094  }
3095  .custom.custom-margin-responsive.large.right-25 {
3096    margin-right: 25px;
3097  }
3098  .custom.custom-margin-responsive.large.top-25 {
3099    margin-top: 25px;
3100  }
3101  .custom.custom-margin-responsive.large.bottom-25 {
3102    margin-bottom: 25px;
3103  }
3104  .custom.custom-margin-responsive.large.add30 {
3105    margin: 30px;
3106  }
3107  .custom.custom-margin-responsive.large.left-30 {
3108    margin-left: 30px;
3109  }
3110  .custom.custom-margin-responsive.large.right-30 {
3111    margin-right: 30px;
3112  }
3113  .custom.custom-margin-responsive.large.top-30 {
3114    margin-top: 30px;
3115  }
3116  .custom.custom-margin-responsive.large.bottom-30 {
3117    margin-bottom: 30px;
3118  }
3119  .custom.custom-margin-responsive.large.add35 {
3120    margin: 35px;
3121  }
3122  .custom.custom-margin-responsive.large.left-35 {
3123    margin-left: 35px;
3124  }
3125  .custom.custom-margin-responsive.large.right-35 {
3126    margin-right: 35px;
3127  }
3128  .custom.custom-margin-responsive.large.top-35 {
3129    margin-top: 35px;
3130  }
3131  .custom.custom-margin-responsive.large.bottom-35 {
3132    margin-bottom: 35px;
3133  }
3134}
3135@media only screen and (min-width: 769px) {
3136  .custom.custom-margin-responsive.medium.add5 {
3137    margin: 5px;
3138  }
3139  .custom.custom-margin-responsive.medium.left-5 {
3140    margin-left: 5px;
3141  }
3142  .custom.custom-margin-responsive.medium.right-5 {
3143    margin-right: 5px;
3144  }
3145  .custom.custom-margin-responsive.medium.top-5 {
3146    margin-top: 5px;
3147  }
3148  .custom.custom-margin-responsive.medium.bottom-5 {
3149    margin-bottom: 5px;
3150  }
3151  .custom.custom-margin-responsive.medium.add10 {
3152    margin: 10px;
3153  }
3154  .custom.custom-margin-responsive.medium.left-10 {
3155    margin-left: 10px;
3156  }
3157  .custom.custom-margin-responsive.medium.right-10 {
3158    margin-right: 10px;
3159  }
3160  .custom.custom-margin-responsive.medium.top-10 {
3161    margin-top: 10px;
3162  }
3163  .custom.custom-margin-responsive.medium.bottom-10 {
3164    margin-bottom: 10px;
3165  }
3166  .custom.custom-margin-responsive.medium.add15 {
3167    margin: 15px;
3168  }
3169  .custom.custom-margin-responsive.medium.left-15 {
3170    margin-left: 15px;
3171  }
3172  .custom.custom-margin-responsive.medium.right-15 {
3173    margin-right: 15px;
3174  }
3175  .custom.custom-margin-responsive.medium.top-15 {
3176    margin-top: 15px;
3177  }
3178  .custom.custom-margin-responsive.medium.bottom-15 {
3179    margin-bottom: 15px;
3180  }
3181  .custom.custom-margin-responsive.medium.add20 {
3182    margin: 20px;
3183  }
3184  .custom.custom-margin-responsive.medium.left-20 {
3185    margin-left: 20px;
3186  }
3187  .custom.custom-margin-responsive.medium.right-20 {
3188    margin-right: 20px;
3189  }
3190  .custom.custom-margin-responsive.medium.top-20 {
3191    margin-top: 20px;
3192  }
3193  .custom.custom-margin-responsive.medium.bottom-20 {
3194    margin-bottom: 20px;
3195  }
3196  .custom.custom-margin-responsive.medium.add25 {
3197    margin: 25px;
3198  }
3199  .custom.custom-margin-responsive.medium.left-25 {
3200    margin-left: 25px;
3201  }
3202  .custom.custom-margin-responsive.medium.right-25 {
3203    margin-right: 25px;
3204  }
3205  .custom.custom-margin-responsive.medium.top-25 {
3206    margin-top: 25px;
3207  }
3208  .custom.custom-margin-responsive.medium.bottom-25 {
3209    margin-bottom: 25px;
3210  }
3211  .custom.custom-margin-responsive.medium.add30 {
3212    margin: 30px;
3213  }
3214  .custom.custom-margin-responsive.medium.left-30 {
3215    margin-left: 30px;
3216  }
3217  .custom.custom-margin-responsive.medium.right-30 {
3218    margin-right: 30px;
3219  }
3220  .custom.custom-margin-responsive.medium.top-30 {
3221    margin-top: 30px;
3222  }
3223  .custom.custom-margin-responsive.medium.bottom-30 {
3224    margin-bottom: 30px;
3225  }
3226  .custom.custom-margin-responsive.medium.add35 {
3227    margin: 35px;
3228  }
3229  .custom.custom-margin-responsive.medium.left-35 {
3230    margin-left: 35px;
3231  }
3232  .custom.custom-margin-responsive.medium.right-35 {
3233    margin-right: 35px;
3234  }
3235  .custom.custom-margin-responsive.medium.top-35 {
3236    margin-top: 35px;
3237  }
3238  .custom.custom-margin-responsive.medium.bottom-35 {
3239    margin-bottom: 35px;
3240  }
3241}
3242.custom.custom-margin-responsive.small.add5 {
3243  margin: 5px;
3244}
3245.custom.custom-margin-responsive.small.left-5 {
3246  margin-left: 5px;
3247}
3248.custom.custom-margin-responsive.small.right-5 {
3249  margin-right: 5px;
3250}
3251.custom.custom-margin-responsive.small.top-5 {
3252  margin-top: 5px;
3253}
3254.custom.custom-margin-responsive.small.bottom-5 {
3255  margin-bottom: 5px;
3256}
3257.custom.custom-margin-responsive.small.add10 {
3258  margin: 10px;
3259}
3260.custom.custom-margin-responsive.small.left-10 {
3261  margin-left: 10px;
3262}
3263.custom.custom-margin-responsive.small.right-10 {
3264  margin-right: 10px;
3265}
3266.custom.custom-margin-responsive.small.top-10 {
3267  margin-top: 10px;
3268}
3269.custom.custom-margin-responsive.small.bottom-10 {
3270  margin-bottom: 10px;
3271}
3272.custom.custom-margin-responsive.small.add15 {
3273  margin: 15px;
3274}
3275.custom.custom-margin-responsive.small.left-15 {
3276  margin-left: 15px;
3277}
3278.custom.custom-margin-responsive.small.right-15 {
3279  margin-right: 15px;
3280}
3281.custom.custom-margin-responsive.small.top-15 {
3282  margin-top: 15px;
3283}
3284.custom.custom-margin-responsive.small.bottom-15 {
3285  margin-bottom: 15px;
3286}
3287.custom.custom-margin-responsive.small.add20 {
3288  margin: 20px;
3289}
3290.custom.custom-margin-responsive.small.left-20 {
3291  margin-left: 20px;
3292}
3293.custom.custom-margin-responsive.small.right-20 {
3294  margin-right: 20px;
3295}
3296.custom.custom-margin-responsive.small.top-20 {
3297  margin-top: 20px;
3298}
3299.custom.custom-margin-responsive.small.bottom-20 {
3300  margin-bottom: 20px;
3301}
3302.custom.custom-margin-responsive.small.add25 {
3303  margin: 25px;
3304}
3305.custom.custom-margin-responsive.small.left-25 {
3306  margin-left: 25px;
3307}
3308.custom.custom-margin-responsive.small.right-25 {
3309  margin-right: 25px;
3310}
3311.custom.custom-margin-responsive.small.top-25 {
3312  margin-top: 25px;
3313}
3314.custom.custom-margin-responsive.small.bottom-25 {
3315  margin-bottom: 25px;
3316}
3317.custom.custom-margin-responsive.small.add30 {
3318  margin: 30px;
3319}
3320.custom.custom-margin-responsive.small.left-30 {
3321  margin-left: 30px;
3322}
3323.custom.custom-margin-responsive.small.right-30 {
3324  margin-right: 30px;
3325}
3326.custom.custom-margin-responsive.small.top-30 {
3327  margin-top: 30px;
3328}
3329.custom.custom-margin-responsive.small.bottom-30 {
3330  margin-bottom: 30px;
3331}
3332.custom.custom-margin-responsive.small.add35 {
3333  margin: 35px;
3334}
3335.custom.custom-margin-responsive.small.left-35 {
3336  margin-left: 35px;
3337}
3338.custom.custom-margin-responsive.small.right-35 {
3339  margin-right: 35px;
3340}
3341.custom.custom-margin-responsive.small.top-35 {
3342  margin-top: 35px;
3343}
3344.custom.custom-margin-responsive.small.bottom-35 {
3345  margin-bottom: 35px;
3346}
3347
3348textarea.form-control.input-text{
3349/* Show a textarea not so big at starting */
3350height:2.4em;
3351}
3352
3353.template-files-delete-button{
3354    margin: 1px 0 0 0;
3355    padding: 0 5px;
3356}
3357