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