diff --git a/themes/admin/Apple_Blossom/css/lime-admin-colors.css b/themes/admin/Apple_Blossom/css/lime-admin-colors.css index 7917186fdd9..9a6da1a7102 100644 --- a/themes/admin/Apple_Blossom/css/lime-admin-colors.css +++ b/themes/admin/Apple_Blossom/css/lime-admin-colors.css @@ -1954,12 +1954,6 @@ input[type="checkbox"]:checked:after, background-color: #AA4340; border-color: #AA4340; } -input[type="checkbox"]:indeterminate:after, -.checkbox input[type="checkbox"]:indeterminate:after, -.checkbox-inline input[type="checkbox"]:indeterminate:after { - background-color: #AA4340; - border-color: #AA4340; } - /* jqGrid */ .ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { background-color: #ffffff; diff --git a/themes/admin/Apple_Blossom/css/lime-admin-common.css b/themes/admin/Apple_Blossom/css/lime-admin-common.css new file mode 100644 index 00000000000..2f8b4ab93e4 --- /dev/null +++ b/themes/admin/Apple_Blossom/css/lime-admin-common.css @@ -0,0 +1,1631 @@ +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; } + +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; } + +.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; } + +.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { + top: 1px; } + +.ui-datepicker .ui-datepicker-prev { + left: 2px; } + +.ui-datepicker .ui-datepicker-next { + right: 10px; } + +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; } + +.ui-datepicker .ui-datepicker-next-hover { + right: 10px; } + +.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; } + +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; } + +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; } + +.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { + width: 49%; } + +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; } + +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: 700; + border: 0; } + +.ui-datepicker td { + border: 0; + padding: 1px; } + +.ui-datepicker td a, .ui-datepicker td span { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; } + +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; } + +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em; + width: auto; + overflow: visible; } + +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; } + +.ui-datepicker.ui-datepicker-multi { + width: auto; } + +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; } + +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; } + +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; } + +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; } + +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; } + +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; } + +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; } + +.ui-datepicker-rtl { + direction: rtl; } + +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { + float: right; } + +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; } + +.side-body, .full-page-wrapper { + min-height: 100%; + position: relative; + margin-bottom: 65px; } + +.side-body h3, .pagetitle, .list-surveys h3 { + position: relative; + padding: 0.5em; + margin-bottom: 1em; + animation: fadein 1s; } + +body { + font-size: 14px; + line-height: 1.428571429; + margin: 0; } + body .row { + margin-right: 0; + margin-left: 0; } + +.jumbotron { + text-align: center; } + .jumbotron.message-box { + margin-top: 1em; } + +html { + position: relative; + min-height: 100%; } + +.main-container { + padding-bottom: 100px; } + +#welcome-jumbotron { + padding-top: 0; + padding-bottom: 10px; + background-color: transparent; } + +.surveymanagerbar { + margin-top: -20px; + padding-top: 5px; } + .surveymanagerbar h3 { + margin-top: 5px; + font-weight: 300; + font-size: 1.5em; } + +.surveybar { + padding-top: 5px; + padding-bottom: 5px; + z-index: 1000; } + +.tab-content { + padding-top: 2em; } + +:focus { + outline: none; } + +.navbar-brand { + font-weight: 400; } + +.navbar { + border-radius: 0 !important; } + .navbar a { + font-weight: 400; } + .navbar .dropdown-menu > li > a { + font-weight: 400; } + .navbar .nav-icon-btn > a .label { + font-size: 10px; + padding: 0 3px; + line-height: 15px; + position: absolute; + display: block; + right: 5px; + top: 10px; } + +.lime-icon { + display: inline-block; + height: 1em; + width: 1em; } + +.mega-dropdown { + position: static !important; } + +.mega-dropdown-menu { + padding: 20px 0; + width: 100%; } + .mega-dropdown-menu .dropdown-header { + font-size: 18px; + padding: 5px 60px 5px 5px; + line-height: 30px; } + .mega-dropdown-menu > li > ul { + padding: 0; + margin: 0; } + .mega-dropdown-menu > li > ul > li { + list-style: none; } + .mega-dropdown-menu > li > ul > li > a { + display: block; + padding: 3px 5px; } + .mega-dropdown-menu > li ul > li > a:hover { + text-decoration: none; } + .mega-dropdown-menu > li ul > li > a:focus { + text-decoration: none; } + +#mainmenu-dropdown { + z-index: 20002; } + +.footer { + z-index: 100; + position: absolute; + bottom: 0; + display: block; + width: 100%; + height: 60px; + padding-top: 1em; } + +.alert-security-update { + margin: 0; } + +#update-container { + margin-top: 10px; + z-index: 10100; } + #update-container .alert { + margin-bottom: 5px; } + +.box { + border-radius: 3px; + padding: 10px 25px; + text-align: right; + display: block; + margin-top: 10px; } + +#info-header { + font-size: 3em; } + +#info-footer { + font-size: 2em; } + +.box-icon { + border-radius: 50%; + display: table; + height: 50px; + margin: 0 auto; + width: 50px; + margin-top: -31px; } + .box-icon span { + display: table-cell; + text-align: center; + vertical-align: middle; } + +@keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-moz-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-webkit-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-ms-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-o-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-moz-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-webkit-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-ms-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-o-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +.form-group { + margin-bottom: 17px; } + +.cke_contents { + width: 650px; } + +.cke_toolgroup { + cursor: pointer; + cursor: hand; + border-radius: 0; } + +.message-box { + position: relative; + margin-top: 20px; + animation: slidefromtop 1s; } + +.welcome #lime-logo { + animation: fadein 1s; } + +.welcome .panel { + position: relative; + top: 50px; + opacity: 0; } + +.welcome .panel-body { + text-align: center; } + .welcome .panel-body img { + height: 4em; + margin-bottom: 1em; } + +.welcome .login-pannel .panel-body img { + margin-bottom: 0; } + +.alert { + position: relative; + animation: slidefromtop 1s; } + +@media screen and (min-width: 1280px) and (max-width: 1440px) { + .welcome .panel { + min-height: 188px; } } + +#welcomeModal { + z-index: 20000; } + +@media screen and (min-width: 1280px) and (max-width: 1366px) { + #add_user_btn { + margin-top: 1.5em; } + #user-control-table .form-group label { + min-width: 80px; } } + +.htmleditorboot { + padding-top: 2em; } + +#edit-question-body { + min-height: 1200px; } + +#profile-img { + min-height: 80px; } + +@media screen and (min-width: 1280px) and (max-width: 1680px) { + #profile-img { + min-height: 0; } } + +.login-pannel { + margin-top: 40px; } + +.login-content { + text-align: left; + padding: 1em; } + +.login-submit { + text-align: right; } + +#s2id_loginlang { + border: none; + padding: 0; } + +.ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-bdiv { + overflow: hidden; } + +.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-toppager { + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-htable th div { + height: auto; } + +.ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input { + margin-top: 8px; } + .ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid td input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid tr.ui-row-ltr td { + border: none; } + +#gs_completed { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } + +.ui-th-column { + margin-top: 8px; } + +.info > p { + padding-top: 10px; + text-align: justify; } + +.checkbox label:after { + padding-left: 4px; + padding-top: 2px; + font-size: 9px; } + +.survey-action .panel-body img { + height: 3em; } + +div.panel.disabled { + opacity: 0.5; + border: none; } + div.panel.disabled * { + opacity: 0.5; + border: none; } + div.panel.disabled a { + cursor: default; } + +#edit-group .tab-pane { + padding: 1em; } + +.panel-clickable:hover { + cursor: pointer; + cursor: hand; } + +.ui-widget-content .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-widget-header .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-search-toolbar th div { + min-height: 40px; } + +.absolute-wrapper { + position: fixed; + left: 0; + width: 300px; + height: 100%; } + +.side-menu { + position: absolute; + width: 300px; + padding: 0; + left: 0; } + .side-menu .navbar { + border: none; + box-shadow: none; } + .side-menu .navbar-header { + width: 100%; } + .side-menu .navbar-nav li { + display: block; + width: 100%; } + .side-menu .navbar-nav li a { + padding: 15px; } + .side-menu .navbar-nav li a .glyphicon { + padding-right: 10px; } + .side-menu .navbar-nav .question-link.active { + background-color: transparent; + padding: 15px 15px 15px 0px; + margin-bottom: 5px; + margin-right: -1px; } + .side-menu .navbar-nav .question-link.active:hover { + text-decoration: none; + cursor: default; } + .side-menu .navbar-nav .question-link { + display: block; + padding-left: 0px; } + .side-menu .navbar-nav .question-link .question-collapse-title { + padding-left: 25px; } + .side-menu #dropdown { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + .side-menu #dropdown li:hover { + font-weight: 700; } + .side-menu #dropdown li.active:hover { + cursor: default; + background-color: transparent; + margin-right: -1px; } + .side-menu #dropdown li.disabled:hover { + font-weight: 700; + background-color: transparent; } + .side-menu #dropdown .caret { + float: right; + margin: 9px 5px 0; } + .side-menu #dropdown .indicator { + float: right; } + .side-menu #dropdown .panel-body { + padding: 0; } + .side-menu #dropdown .panel-body .navbar-nav { + width: 100%; } + .side-menu #dropdown .panel-body .navbar-nav li { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel { + margin-bottom: 0; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel-default { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li:last-child { + border-bottom: none; } + .side-menu #dropdown .panel-body .panel-body { + margin-left: -15px; } + .side-menu #dropdown .panel-body .panel > a { + margin-left: -20px; + padding-left: 35px; } + .side-menu #dropdown .question-group-collapse .caret { + float: none; + margin-bottom: 9px; } + .side-menu .hide-button { + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu .brand-name-wrapper { + min-height: 50px; } + .side-menu .brand-name-wrapper .navbar-brand { + display: block; } + .side-menu #search { + position: relative; + z-index: 1000; } + .side-menu #search .panel-body { + padding: 0; } + .side-menu #search .panel-body .navbar-form { + padding: 0; + padding-right: 50px; + width: 100%; + margin: 0; + position: relative; } + .side-menu #search .panel-body .navbar-form .form-group { + width: 100%; + position: relative; } + .side-menu #search .panel-body .navbar-form input { + border: 0; + border-radius: 0; + box-shadow: none; + width: 100%; + height: 50px; } + .side-menu #search .panel-body .navbar-form .btn { + position: absolute; + right: 0; + top: 0; + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu #explorer-collapse .caret { + float: none; + margin-bottom: 9px; } + +#explorer { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + #explorer ul { + font-size: 0.9em; } + +.dropdownstyle { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + +#sideMenu { + min-height: 700px; + overflow: hidden; } + #sideMenu a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown li:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li:hover > a { + width: 100%; + font-weight: 700; + border-bottom: none; } + #sideMenu #dropdown li a[aria-expanded="true"] { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li .active a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li > a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li > a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li > a:hover { + font-weight: 700; } + #sideMenu .navbar-default .navbar-nav > .active > a { + background-color: transparent; } + #sideMenu .side-menu .dropdownlvl1 > a:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover > a { + font-weight: 700; } + +.side-body { + min-height: 700px; + margin-left: 320px; } + +.question-group-collapse-title { + display: block; + padding-left: 20px; } + +.question-collapse-title { + display: block; + padding-left: 30px; } + +@media (max-width: 768px) { + .side-menu { + position: relative; + width: 100%; + height: 0; + border-right: 0; } + .side-menu .brand-name-wrapper .navbar-brand { + display: inline-block; } + @-moz-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-webkit-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-moz-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-webkit-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-moz-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-webkit-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-moz-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @-webkit-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + .side-body { + margin-left: 5px; + margin-top: 70px; + position: relative; + animation: bodyslideout 300ms forwards; + transform-style: preserve-3d; } + .body-slide-in { + animation: bodyslidein 300ms forwards; + transform-style: preserve-3d; } + .navbar-toggle { + border: 0; + float: left; + padding: 18px; + margin: 0; + border-radius: 0; } + .navbar-header { + position: fixed; + width: 100%; + z-index: 3; } + .side-menu-container > .navbar-nav { + position: fixed; + left: -300px; + width: 300px; + top: 43px; + height: 100%; + animation: slideout 300ms forwards; + transform-style: preserve-3d; } + .side-menu-container > .navbar-nav.slide-in { + animation: slidein 300ms forwards; + transform-style: preserve-3d; } + #search .panel-body .navbar-form { + border-bottom: 0; } + #search .panel-body .navbar-form .form-group { + margin: 0; } + #dropdown .panel-body .navbar-nav { + margin: 0; } } + +.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + .content-right .col-lg-12 { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.toWhite a:hover { + font-weight: 700; } + +.col-lg-12.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { + color: #fff; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { + color: #fff; } + +.btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-info:hover { + color: #fff; } + +/** +* Radio / Check box buttons +*/ +input[type="checkbox"], +input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; } + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; } + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; } + +.radio label, +.checkbox label { + min-height: 23px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; } + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; } + +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; } + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; } + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"].disabled, +input[type="checkbox"].disabled, +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; } + +.radio-inline.disabled, +.checkbox-inline.disabled, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; } + +.radio.disabled label, +.checkbox.disabled label, +fieldset[disabled] .radio label, +fieldset[disabled] .checkbox label { + cursor: not-allowed; } + +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #4caf50; } + +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #ff9800; } + +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #e51c23; } + +@media (min-width: 768px) { + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } + .form-inline .has-feedback .form-control-feedback { + top: 0; } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } } + +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; } + +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 30px; } + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; } + +.radio label, +.radio-inline label, +.checkbox label, +.checkbox-inline label { + padding-left: 25px; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="radio"], +.checkbox-inline input[type="radio"], +.radio input[type="checkbox"], +.radio-inline input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + margin-left: -25px; } + +input[type="radio"], +.radio input[type="radio"], +.radio-inline input[type="radio"] { + position: relative; + margin-top: 6px; + margin-right: 4px; + vertical-align: top; + border: none; + background-color: transparent; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="radio"]:focus, +.radio input[type="radio"]:focus, +.radio-inline input[type="radio"]:focus { + outline: none; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before, +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + border-radius: 50%; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before { + position: absolute; + left: 0; + top: -3px; + background-color: #2196f3; + -webkit-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); } + +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + position: relative; + top: -3px; + border: 2px solid #666666; } + +input[type="radio"]:checked:before, +.radio input[type="radio"]:checked:before, +.radio-inline input[type="radio"]:checked:before { + -webkit-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); } + +input[type="radio"]:disabled:checked:before, +.radio input[type="radio"]:disabled:checked:before, +.radio-inline input[type="radio"]:disabled:checked:before { + background-color: #bbbbbb; } + +input[type="radio"]:checked:after, +.radio input[type="radio"]:checked:after, +.radio-inline input[type="radio"]:checked:after { + border-color: #2196f3; } + +input[type="radio"]:disabled:after, +.radio input[type="radio"]:disabled:after, +.radio-inline input[type="radio"]:disabled:after, +input[type="radio"]:disabled:checked:after, +.radio input[type="radio"]:disabled:checked:after, +.radio-inline input[type="radio"]:disabled:checked:after { + border-color: #bbbbbb; } + +input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: relative; + border: none; + margin-bottom: -4px; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="checkbox"]:focus, +.checkbox input[type="checkbox"]:focus, +.checkbox-inline input[type="checkbox"]:focus { + outline: none; } + +input[type="checkbox"]:focus:after, +.checkbox input[type="checkbox"]:focus:after, +.checkbox-inline input[type="checkbox"]:focus:after { + border-color: #2196f3; } + +input[type="checkbox"]:after, +.checkbox input[type="checkbox"]:after, +.checkbox-inline input[type="checkbox"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + margin-top: -2px; + margin-right: 5px; + border: 2px solid #666666; + border-radius: 2px; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="checkbox"]:checked:before, +.checkbox input[type="checkbox"]:checked:before, +.checkbox-inline input[type="checkbox"]:checked:before { + content: ""; + position: absolute; + top: 0; + left: 6px; + display: table; + width: 6px; + height: 12px; + border: 2px solid #fff; + border-top-width: 0; + border-left-width: 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); } + +input[type="checkbox"]:disabled:after, +.checkbox input[type="checkbox"]:disabled:after, +.checkbox-inline input[type="checkbox"]:disabled:after { + border-color: #bbbbbb; } + +input[type="checkbox"]:disabled:checked:after, +.checkbox input[type="checkbox"]:disabled:checked:after, +.checkbox-inline input[type="checkbox"]:disabled:checked:after { + background-color: #bbbbbb; + border-color: transparent; } + +.has-warning input:not([type=checkbox]), +.has-warning .form-control, +.has-warning input.form-control[readonly], +.has-warning input[type=text][readonly], +.has-warning [type=text].form-control[readonly], +.has-warning input:not([type=checkbox]):focus, +.has-warning .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #ff9800; + box-shadow: inset 0 -2px 0 #ff9800; } + +.has-error input:not([type=checkbox]), +.has-error .form-control, +.has-error input.form-control[readonly], +.has-error input[type=text][readonly], +.has-error [type=text].form-control[readonly], +.has-error input:not([type=checkbox]):focus, +.has-error .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #e51c23; + box-shadow: inset 0 -2px 0 #e51c23; } + +.has-success input:not([type=checkbox]), +.has-success .form-control, +.has-success input.form-control[readonly], +.has-success input[type=text][readonly], +.has-success [type=text].form-control[readonly], +.has-success input:not([type=checkbox]):focus, +.has-success .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #4caf50; + box-shadow: inset 0 -2px 0 #4caf50; } + +/* jqGrid */ +.ui-widget-content { + border: none; + background: none; + color: #404040; } + +.ui-jqgrid .ui-jqgrid-titlebar { + padding: 1em; } + +.container-fluid .ui-widget-content .ui-state-default, .container-fluid .ui-jqgrid .ui-jqgrid-bdiv { + padding: 0.5em; } + +.ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { + border-radius: 4px; + padding: 1em; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqdialog-titlebar { + height: 2em; + width: 100%; } + +.EditTable tr td { + padding: 1em; } + +.ui-jqdialog-content input.FormElement { + padding: .3em; } + +.ui-jqdialog-content input[type="checkbox"].FormElement { + padding: 0em; } + +.EditTable td select, .EditTable td textarea { + display: inline-block; + width: auto; + vertical-align: middle; + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + color: #636363; + background-color: #ffffff; + border: 1px solid #cccccc; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + +.EditTable td input, .EditTable td select, .EditTable td textarea { + margin: 0; } + +input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input { + display: inline-block; + font-size: 14px; + line-height: 18px; + border: 1px solid #ccc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + +input:focus, textarea:focus { + outline: 0; + border-color: rgba(82, 168, 236, 0.8); + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } + +#displayparticipants_firstname, #displayparticipants_lastname, #displayparticipants_owner_uid { + padding-left: 40px; } + +#displayparticipants_language { + padding-left: 50px; } + +#jqgh_displayparticipants_email { + padding-left: 140px; } + +#displayparticipants_survey { + padding-left: 20px; } + +.navtable { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqgrid-title { + padding: 1em 0em 1em 1em; + font-style: italic; + font-weight: 700; } + +.ui-pg-button { + padding: 0.4em; } + +.ui-pg-button:hover { + cursor: pointer; } + +.ui-state-disabled:hover { + cursor: default; } + +.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all { + width: 100%; + overflow: hidden; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +[aria-hidden=true] { + display: none; + visibility: hidden; } + +.modal-22 { + position: absolute; + width: 600px; } + +.modal-22 .ui-jqdialog-titlebar .ui-jqdialog-title { + width: 80%; } + +.modal-22 .ui-jqdialog-content { + padding: 1em; } + +.ui-dialog-titlebar-close { + border: 1px solid transparent; + border-radius: 4px; + float: right; + color: #333; + background-color: #fff; + border-color: #ccc; + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-image: none; + -webkit-appearance: button; + cursor: pointer; + overflow: visible; + margin: 0; + font: normal normal normal 14px/1 FontAwesome; } + +.ui-dialog-titlebar-close:before { + content: "\f00d"; } + +.em-expression { + font-weight: bold; } + +.data-entry-tbl tr.odd td, .data-entry-tbl tr.even td { + padding: 20px 0 20px 0; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + position: absolute; + right: 1em; + top: 10px; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + cursor: pointer; } + +/** + * Template selector + */ +#carousel-example-generic { + margin-left: 20px; } + +#carousel-example-generic .carousel-control { + font-size: 1em; + top: -80px; } + +#carousel-example-generic .left.carousel-control { + left: -20px; } + +#carousel-example-generic .right.carousel-control { + right: -20px; } + +#carousel-example-generic .panel-title { + text-align: center; + padding-top: 0px; } + +#carousel-example-generic .carousel-inner img { + margin: auto; + top: 9px; + position: relative; } + +#carousel-example-generic .selectTemplate { + display: inline-block; + position: relative; + left: 0px; + top: 320px; } + +#carousel-example-generic .carousel-caption { + width: 100%; + left: 0; + top: 0px; + padding-top: 0px; } + +#carousel-example-generic, #carousel-example-generic .carousel-inner { + min-height: 150px; } + +#carousel-example-generic .carousel-indicators { + top: 370px; + width: 80%; + left: 39%; } + +#carousel-example-generic .carousel-indicators li { + margin: 0px; + width: 8px; + height: 8px; } + +.side-body #carousel-example-generic h3 { + border: none; } + +#systemoverview { + margin: 1em 0 1em 0; } + +/** + * Ajax loader + * from : http://codepen.io/weaintplastic/pen/qEMZbx + */ +.preloader { + position: absolute; + top: 50%; + left: 50%; + font-size: 20px; + display: block; + width: 3.75em; + height: 4.25em; + margin-left: -1.875em; + margin-top: -2.125em; + transform-origin: center center; + transform: rotateY(180deg) rotateZ(-60deg); } + .preloader .slice { + border-top: 1.125em solid transparent; + border-right: none; + border-bottom: 1em solid transparent; + border-left: 1.875em solid #f7484e; + position: absolute; + top: 0px; + left: 50%; + transform-origin: left bottom; + border-radius: 3px 3px 0 0; } + .preloader .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.82s preload-hide-1 both 1; } + .preloader .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.74s preload-hide-2 both 1; } + .preloader .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.66s preload-hide-3 both 1; } + .preloader .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.58s preload-hide-4 both 1; } + .preloader .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.5s preload-hide-5 both 1; } + .preloader .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.42s preload-hide-6 both 1; } + .preloader.loading { + animation: 2s preload-flip steps(2) infinite both; } + .preloader.loading .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-1 linear infinite both; } + .preloader.loading .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-2 linear infinite both; } + .preloader.loading .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-3 linear infinite both; } + .preloader.loading .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-4 linear infinite both; } + .preloader.loading .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-5 linear infinite both; } + .preloader.loading .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-6 linear infinite both; } + +/** + * comfortUpdate + */ +#ajaxContainerLoading { + height: 130px; + text-align: center; + margin-top: 70px; + margin-bottom: 100px; + display: none; } + +#comfortUpdateIcon { + height: 1em; + margin-right: 0.5em; } + +#comfortUpdateGeneralWrap .on { + font-weight: bold; + font-size: 1em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap .on span { + display: block; + padding: 0.1em; + padding-left: 0.5em; + width: 40%; } + +#comfortUpdateGeneralWrap .off { + font-size: 0.9em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap #welcomeMessage, #comfortUpdateGeneralWrap #btn-container { + border-right: 1px solid #EEE; } + +#comfortUpdateGeneralWrap #key-actions { + padding-left: 1em; } + +#update-alert.unstable-update { + background-color: #fff; + border: 1px solid #A0352F; + color: #A0352F; + margin-top: 1em; } + +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + border-bottom-color: transparent; + cursor: default; } + +.answertable.table td { + vertical-align: middle; } + +.btnaddanswer:hover, .btndelanswer:hover { + cursor: pointer; } + +.jumbotron p { + font-weight: 300; } + +span[data-tooltip] { + display: inline-block; } + +.glyphicon-move:hover { + cursor: pointer; } + +.answertable .glyphicon-pencil { + margin-left: 3px; } + +#statisticsview .panel { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +#explorer-collapse { + border-bottom: none; } + +#explorer-collapse:hover, #sideMenu #dropdown li a#explorer-collapse[aria-expanded="true"], #sideMenu #dropdown li a.question-group-collapse[aria-expanded="true"] { + width: auto; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container, #sideMenu #dropdown li#questionexplorer-group-container > a { + line-height: 1.4; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container:hover, #sideMenu #dropdown li#questionexplorer-group-container:hover > a { + background-color: #fafafa; + font-weight: 400; + line-height: 1.4; } + +.explorer-group-title { + margin-top: 1em; + padding: 0em 0 1em 0; } + +.explorer-group-title a.explorer-group, .question-collapse-title { + color: #163c19; } + +#item-container, #jcarousel-wrapper-container { + width: 300px; } + +#item-container h4 { + margin-bottom: 30px; } + +.selectTemplate { + margin-top: 10px; } + +.imgSelectTemplate { + cursor: pointer; } + +.template-img { + padding: 1em; } + +#additional_languages { + min-width: 200px; } + +#available_languages { + min-width: 200px; } + +.modal { + top: 50px; } + +#tokensidemenu { + border-top: 1px solid #e3e3e3; } + +.question-item { + padding: 1em; + margin: 1em 0 1em 0; + cursor: pointer; } + +/* +$color_deep_fir_approx: darken( $base-color, 20% ); +$color_acapulco_approx: adjust-color($base-color, $hue: 24deg, $saturation: -22%, $lightness: 25%); +$color_aqua_forest_approx: adjust-color($base-color, $hue: 4deg, $saturation: -24%, $lightness: 14%); +$color_paradiso_approx:adjust-color($base-color, $lightness: 5%); ; +$color_norway_approx: adjust-color($base-color, $hue: 0deg, $saturation: -28%, $lightness: 31%); +*/ +.placeholder { + padding: 1em; + margin: 1em 0 1em 0; } + +/* RTL stuff (right-to-left locale) */ +.no-gutter > [class*='col-'] { + padding-right: 0; + padding-left: 0; } diff --git a/themes/admin/Bay_of_Many/css/lime-admin-colors.css b/themes/admin/Bay_of_Many/css/lime-admin-colors.css index 7e39f6679c7..3143b7b7ad3 100644 --- a/themes/admin/Bay_of_Many/css/lime-admin-colors.css +++ b/themes/admin/Bay_of_Many/css/lime-admin-colors.css @@ -1954,12 +1954,6 @@ input[type="checkbox"]:checked:after, background-color: #214F7E; border-color: #214F7E; } -input[type="checkbox"]:indeterminate:after, -.checkbox input[type="checkbox"]:indeterminate:after, -.checkbox-inline input[type="checkbox"]:indeterminate:after { - background-color: #214F7E; - border-color: #214F7E; } - /* jqGrid */ .ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { background-color: #ffffff; diff --git a/themes/admin/Bay_of_Many/css/lime-admin-common.css b/themes/admin/Bay_of_Many/css/lime-admin-common.css new file mode 100644 index 00000000000..2f8b4ab93e4 --- /dev/null +++ b/themes/admin/Bay_of_Many/css/lime-admin-common.css @@ -0,0 +1,1631 @@ +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; } + +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; } + +.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; } + +.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { + top: 1px; } + +.ui-datepicker .ui-datepicker-prev { + left: 2px; } + +.ui-datepicker .ui-datepicker-next { + right: 10px; } + +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; } + +.ui-datepicker .ui-datepicker-next-hover { + right: 10px; } + +.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; } + +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; } + +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; } + +.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { + width: 49%; } + +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; } + +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: 700; + border: 0; } + +.ui-datepicker td { + border: 0; + padding: 1px; } + +.ui-datepicker td a, .ui-datepicker td span { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; } + +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; } + +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em; + width: auto; + overflow: visible; } + +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; } + +.ui-datepicker.ui-datepicker-multi { + width: auto; } + +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; } + +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; } + +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; } + +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; } + +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; } + +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; } + +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; } + +.ui-datepicker-rtl { + direction: rtl; } + +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { + float: right; } + +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; } + +.side-body, .full-page-wrapper { + min-height: 100%; + position: relative; + margin-bottom: 65px; } + +.side-body h3, .pagetitle, .list-surveys h3 { + position: relative; + padding: 0.5em; + margin-bottom: 1em; + animation: fadein 1s; } + +body { + font-size: 14px; + line-height: 1.428571429; + margin: 0; } + body .row { + margin-right: 0; + margin-left: 0; } + +.jumbotron { + text-align: center; } + .jumbotron.message-box { + margin-top: 1em; } + +html { + position: relative; + min-height: 100%; } + +.main-container { + padding-bottom: 100px; } + +#welcome-jumbotron { + padding-top: 0; + padding-bottom: 10px; + background-color: transparent; } + +.surveymanagerbar { + margin-top: -20px; + padding-top: 5px; } + .surveymanagerbar h3 { + margin-top: 5px; + font-weight: 300; + font-size: 1.5em; } + +.surveybar { + padding-top: 5px; + padding-bottom: 5px; + z-index: 1000; } + +.tab-content { + padding-top: 2em; } + +:focus { + outline: none; } + +.navbar-brand { + font-weight: 400; } + +.navbar { + border-radius: 0 !important; } + .navbar a { + font-weight: 400; } + .navbar .dropdown-menu > li > a { + font-weight: 400; } + .navbar .nav-icon-btn > a .label { + font-size: 10px; + padding: 0 3px; + line-height: 15px; + position: absolute; + display: block; + right: 5px; + top: 10px; } + +.lime-icon { + display: inline-block; + height: 1em; + width: 1em; } + +.mega-dropdown { + position: static !important; } + +.mega-dropdown-menu { + padding: 20px 0; + width: 100%; } + .mega-dropdown-menu .dropdown-header { + font-size: 18px; + padding: 5px 60px 5px 5px; + line-height: 30px; } + .mega-dropdown-menu > li > ul { + padding: 0; + margin: 0; } + .mega-dropdown-menu > li > ul > li { + list-style: none; } + .mega-dropdown-menu > li > ul > li > a { + display: block; + padding: 3px 5px; } + .mega-dropdown-menu > li ul > li > a:hover { + text-decoration: none; } + .mega-dropdown-menu > li ul > li > a:focus { + text-decoration: none; } + +#mainmenu-dropdown { + z-index: 20002; } + +.footer { + z-index: 100; + position: absolute; + bottom: 0; + display: block; + width: 100%; + height: 60px; + padding-top: 1em; } + +.alert-security-update { + margin: 0; } + +#update-container { + margin-top: 10px; + z-index: 10100; } + #update-container .alert { + margin-bottom: 5px; } + +.box { + border-radius: 3px; + padding: 10px 25px; + text-align: right; + display: block; + margin-top: 10px; } + +#info-header { + font-size: 3em; } + +#info-footer { + font-size: 2em; } + +.box-icon { + border-radius: 50%; + display: table; + height: 50px; + margin: 0 auto; + width: 50px; + margin-top: -31px; } + .box-icon span { + display: table-cell; + text-align: center; + vertical-align: middle; } + +@keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-moz-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-webkit-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-ms-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-o-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-moz-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-webkit-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-ms-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-o-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +.form-group { + margin-bottom: 17px; } + +.cke_contents { + width: 650px; } + +.cke_toolgroup { + cursor: pointer; + cursor: hand; + border-radius: 0; } + +.message-box { + position: relative; + margin-top: 20px; + animation: slidefromtop 1s; } + +.welcome #lime-logo { + animation: fadein 1s; } + +.welcome .panel { + position: relative; + top: 50px; + opacity: 0; } + +.welcome .panel-body { + text-align: center; } + .welcome .panel-body img { + height: 4em; + margin-bottom: 1em; } + +.welcome .login-pannel .panel-body img { + margin-bottom: 0; } + +.alert { + position: relative; + animation: slidefromtop 1s; } + +@media screen and (min-width: 1280px) and (max-width: 1440px) { + .welcome .panel { + min-height: 188px; } } + +#welcomeModal { + z-index: 20000; } + +@media screen and (min-width: 1280px) and (max-width: 1366px) { + #add_user_btn { + margin-top: 1.5em; } + #user-control-table .form-group label { + min-width: 80px; } } + +.htmleditorboot { + padding-top: 2em; } + +#edit-question-body { + min-height: 1200px; } + +#profile-img { + min-height: 80px; } + +@media screen and (min-width: 1280px) and (max-width: 1680px) { + #profile-img { + min-height: 0; } } + +.login-pannel { + margin-top: 40px; } + +.login-content { + text-align: left; + padding: 1em; } + +.login-submit { + text-align: right; } + +#s2id_loginlang { + border: none; + padding: 0; } + +.ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-bdiv { + overflow: hidden; } + +.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-toppager { + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-htable th div { + height: auto; } + +.ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input { + margin-top: 8px; } + .ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid td input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid tr.ui-row-ltr td { + border: none; } + +#gs_completed { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } + +.ui-th-column { + margin-top: 8px; } + +.info > p { + padding-top: 10px; + text-align: justify; } + +.checkbox label:after { + padding-left: 4px; + padding-top: 2px; + font-size: 9px; } + +.survey-action .panel-body img { + height: 3em; } + +div.panel.disabled { + opacity: 0.5; + border: none; } + div.panel.disabled * { + opacity: 0.5; + border: none; } + div.panel.disabled a { + cursor: default; } + +#edit-group .tab-pane { + padding: 1em; } + +.panel-clickable:hover { + cursor: pointer; + cursor: hand; } + +.ui-widget-content .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-widget-header .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-search-toolbar th div { + min-height: 40px; } + +.absolute-wrapper { + position: fixed; + left: 0; + width: 300px; + height: 100%; } + +.side-menu { + position: absolute; + width: 300px; + padding: 0; + left: 0; } + .side-menu .navbar { + border: none; + box-shadow: none; } + .side-menu .navbar-header { + width: 100%; } + .side-menu .navbar-nav li { + display: block; + width: 100%; } + .side-menu .navbar-nav li a { + padding: 15px; } + .side-menu .navbar-nav li a .glyphicon { + padding-right: 10px; } + .side-menu .navbar-nav .question-link.active { + background-color: transparent; + padding: 15px 15px 15px 0px; + margin-bottom: 5px; + margin-right: -1px; } + .side-menu .navbar-nav .question-link.active:hover { + text-decoration: none; + cursor: default; } + .side-menu .navbar-nav .question-link { + display: block; + padding-left: 0px; } + .side-menu .navbar-nav .question-link .question-collapse-title { + padding-left: 25px; } + .side-menu #dropdown { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + .side-menu #dropdown li:hover { + font-weight: 700; } + .side-menu #dropdown li.active:hover { + cursor: default; + background-color: transparent; + margin-right: -1px; } + .side-menu #dropdown li.disabled:hover { + font-weight: 700; + background-color: transparent; } + .side-menu #dropdown .caret { + float: right; + margin: 9px 5px 0; } + .side-menu #dropdown .indicator { + float: right; } + .side-menu #dropdown .panel-body { + padding: 0; } + .side-menu #dropdown .panel-body .navbar-nav { + width: 100%; } + .side-menu #dropdown .panel-body .navbar-nav li { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel { + margin-bottom: 0; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel-default { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li:last-child { + border-bottom: none; } + .side-menu #dropdown .panel-body .panel-body { + margin-left: -15px; } + .side-menu #dropdown .panel-body .panel > a { + margin-left: -20px; + padding-left: 35px; } + .side-menu #dropdown .question-group-collapse .caret { + float: none; + margin-bottom: 9px; } + .side-menu .hide-button { + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu .brand-name-wrapper { + min-height: 50px; } + .side-menu .brand-name-wrapper .navbar-brand { + display: block; } + .side-menu #search { + position: relative; + z-index: 1000; } + .side-menu #search .panel-body { + padding: 0; } + .side-menu #search .panel-body .navbar-form { + padding: 0; + padding-right: 50px; + width: 100%; + margin: 0; + position: relative; } + .side-menu #search .panel-body .navbar-form .form-group { + width: 100%; + position: relative; } + .side-menu #search .panel-body .navbar-form input { + border: 0; + border-radius: 0; + box-shadow: none; + width: 100%; + height: 50px; } + .side-menu #search .panel-body .navbar-form .btn { + position: absolute; + right: 0; + top: 0; + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu #explorer-collapse .caret { + float: none; + margin-bottom: 9px; } + +#explorer { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + #explorer ul { + font-size: 0.9em; } + +.dropdownstyle { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + +#sideMenu { + min-height: 700px; + overflow: hidden; } + #sideMenu a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown li:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li:hover > a { + width: 100%; + font-weight: 700; + border-bottom: none; } + #sideMenu #dropdown li a[aria-expanded="true"] { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li .active a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li > a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li > a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li > a:hover { + font-weight: 700; } + #sideMenu .navbar-default .navbar-nav > .active > a { + background-color: transparent; } + #sideMenu .side-menu .dropdownlvl1 > a:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover > a { + font-weight: 700; } + +.side-body { + min-height: 700px; + margin-left: 320px; } + +.question-group-collapse-title { + display: block; + padding-left: 20px; } + +.question-collapse-title { + display: block; + padding-left: 30px; } + +@media (max-width: 768px) { + .side-menu { + position: relative; + width: 100%; + height: 0; + border-right: 0; } + .side-menu .brand-name-wrapper .navbar-brand { + display: inline-block; } + @-moz-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-webkit-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-moz-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-webkit-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-moz-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-webkit-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-moz-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @-webkit-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + .side-body { + margin-left: 5px; + margin-top: 70px; + position: relative; + animation: bodyslideout 300ms forwards; + transform-style: preserve-3d; } + .body-slide-in { + animation: bodyslidein 300ms forwards; + transform-style: preserve-3d; } + .navbar-toggle { + border: 0; + float: left; + padding: 18px; + margin: 0; + border-radius: 0; } + .navbar-header { + position: fixed; + width: 100%; + z-index: 3; } + .side-menu-container > .navbar-nav { + position: fixed; + left: -300px; + width: 300px; + top: 43px; + height: 100%; + animation: slideout 300ms forwards; + transform-style: preserve-3d; } + .side-menu-container > .navbar-nav.slide-in { + animation: slidein 300ms forwards; + transform-style: preserve-3d; } + #search .panel-body .navbar-form { + border-bottom: 0; } + #search .panel-body .navbar-form .form-group { + margin: 0; } + #dropdown .panel-body .navbar-nav { + margin: 0; } } + +.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + .content-right .col-lg-12 { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.toWhite a:hover { + font-weight: 700; } + +.col-lg-12.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { + color: #fff; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { + color: #fff; } + +.btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-info:hover { + color: #fff; } + +/** +* Radio / Check box buttons +*/ +input[type="checkbox"], +input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; } + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; } + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; } + +.radio label, +.checkbox label { + min-height: 23px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; } + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; } + +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; } + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; } + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"].disabled, +input[type="checkbox"].disabled, +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; } + +.radio-inline.disabled, +.checkbox-inline.disabled, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; } + +.radio.disabled label, +.checkbox.disabled label, +fieldset[disabled] .radio label, +fieldset[disabled] .checkbox label { + cursor: not-allowed; } + +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #4caf50; } + +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #ff9800; } + +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #e51c23; } + +@media (min-width: 768px) { + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } + .form-inline .has-feedback .form-control-feedback { + top: 0; } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } } + +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; } + +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 30px; } + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; } + +.radio label, +.radio-inline label, +.checkbox label, +.checkbox-inline label { + padding-left: 25px; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="radio"], +.checkbox-inline input[type="radio"], +.radio input[type="checkbox"], +.radio-inline input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + margin-left: -25px; } + +input[type="radio"], +.radio input[type="radio"], +.radio-inline input[type="radio"] { + position: relative; + margin-top: 6px; + margin-right: 4px; + vertical-align: top; + border: none; + background-color: transparent; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="radio"]:focus, +.radio input[type="radio"]:focus, +.radio-inline input[type="radio"]:focus { + outline: none; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before, +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + border-radius: 50%; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before { + position: absolute; + left: 0; + top: -3px; + background-color: #2196f3; + -webkit-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); } + +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + position: relative; + top: -3px; + border: 2px solid #666666; } + +input[type="radio"]:checked:before, +.radio input[type="radio"]:checked:before, +.radio-inline input[type="radio"]:checked:before { + -webkit-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); } + +input[type="radio"]:disabled:checked:before, +.radio input[type="radio"]:disabled:checked:before, +.radio-inline input[type="radio"]:disabled:checked:before { + background-color: #bbbbbb; } + +input[type="radio"]:checked:after, +.radio input[type="radio"]:checked:after, +.radio-inline input[type="radio"]:checked:after { + border-color: #2196f3; } + +input[type="radio"]:disabled:after, +.radio input[type="radio"]:disabled:after, +.radio-inline input[type="radio"]:disabled:after, +input[type="radio"]:disabled:checked:after, +.radio input[type="radio"]:disabled:checked:after, +.radio-inline input[type="radio"]:disabled:checked:after { + border-color: #bbbbbb; } + +input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: relative; + border: none; + margin-bottom: -4px; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="checkbox"]:focus, +.checkbox input[type="checkbox"]:focus, +.checkbox-inline input[type="checkbox"]:focus { + outline: none; } + +input[type="checkbox"]:focus:after, +.checkbox input[type="checkbox"]:focus:after, +.checkbox-inline input[type="checkbox"]:focus:after { + border-color: #2196f3; } + +input[type="checkbox"]:after, +.checkbox input[type="checkbox"]:after, +.checkbox-inline input[type="checkbox"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + margin-top: -2px; + margin-right: 5px; + border: 2px solid #666666; + border-radius: 2px; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="checkbox"]:checked:before, +.checkbox input[type="checkbox"]:checked:before, +.checkbox-inline input[type="checkbox"]:checked:before { + content: ""; + position: absolute; + top: 0; + left: 6px; + display: table; + width: 6px; + height: 12px; + border: 2px solid #fff; + border-top-width: 0; + border-left-width: 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); } + +input[type="checkbox"]:disabled:after, +.checkbox input[type="checkbox"]:disabled:after, +.checkbox-inline input[type="checkbox"]:disabled:after { + border-color: #bbbbbb; } + +input[type="checkbox"]:disabled:checked:after, +.checkbox input[type="checkbox"]:disabled:checked:after, +.checkbox-inline input[type="checkbox"]:disabled:checked:after { + background-color: #bbbbbb; + border-color: transparent; } + +.has-warning input:not([type=checkbox]), +.has-warning .form-control, +.has-warning input.form-control[readonly], +.has-warning input[type=text][readonly], +.has-warning [type=text].form-control[readonly], +.has-warning input:not([type=checkbox]):focus, +.has-warning .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #ff9800; + box-shadow: inset 0 -2px 0 #ff9800; } + +.has-error input:not([type=checkbox]), +.has-error .form-control, +.has-error input.form-control[readonly], +.has-error input[type=text][readonly], +.has-error [type=text].form-control[readonly], +.has-error input:not([type=checkbox]):focus, +.has-error .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #e51c23; + box-shadow: inset 0 -2px 0 #e51c23; } + +.has-success input:not([type=checkbox]), +.has-success .form-control, +.has-success input.form-control[readonly], +.has-success input[type=text][readonly], +.has-success [type=text].form-control[readonly], +.has-success input:not([type=checkbox]):focus, +.has-success .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #4caf50; + box-shadow: inset 0 -2px 0 #4caf50; } + +/* jqGrid */ +.ui-widget-content { + border: none; + background: none; + color: #404040; } + +.ui-jqgrid .ui-jqgrid-titlebar { + padding: 1em; } + +.container-fluid .ui-widget-content .ui-state-default, .container-fluid .ui-jqgrid .ui-jqgrid-bdiv { + padding: 0.5em; } + +.ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { + border-radius: 4px; + padding: 1em; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqdialog-titlebar { + height: 2em; + width: 100%; } + +.EditTable tr td { + padding: 1em; } + +.ui-jqdialog-content input.FormElement { + padding: .3em; } + +.ui-jqdialog-content input[type="checkbox"].FormElement { + padding: 0em; } + +.EditTable td select, .EditTable td textarea { + display: inline-block; + width: auto; + vertical-align: middle; + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + color: #636363; + background-color: #ffffff; + border: 1px solid #cccccc; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + +.EditTable td input, .EditTable td select, .EditTable td textarea { + margin: 0; } + +input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input { + display: inline-block; + font-size: 14px; + line-height: 18px; + border: 1px solid #ccc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + +input:focus, textarea:focus { + outline: 0; + border-color: rgba(82, 168, 236, 0.8); + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } + +#displayparticipants_firstname, #displayparticipants_lastname, #displayparticipants_owner_uid { + padding-left: 40px; } + +#displayparticipants_language { + padding-left: 50px; } + +#jqgh_displayparticipants_email { + padding-left: 140px; } + +#displayparticipants_survey { + padding-left: 20px; } + +.navtable { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqgrid-title { + padding: 1em 0em 1em 1em; + font-style: italic; + font-weight: 700; } + +.ui-pg-button { + padding: 0.4em; } + +.ui-pg-button:hover { + cursor: pointer; } + +.ui-state-disabled:hover { + cursor: default; } + +.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all { + width: 100%; + overflow: hidden; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +[aria-hidden=true] { + display: none; + visibility: hidden; } + +.modal-22 { + position: absolute; + width: 600px; } + +.modal-22 .ui-jqdialog-titlebar .ui-jqdialog-title { + width: 80%; } + +.modal-22 .ui-jqdialog-content { + padding: 1em; } + +.ui-dialog-titlebar-close { + border: 1px solid transparent; + border-radius: 4px; + float: right; + color: #333; + background-color: #fff; + border-color: #ccc; + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-image: none; + -webkit-appearance: button; + cursor: pointer; + overflow: visible; + margin: 0; + font: normal normal normal 14px/1 FontAwesome; } + +.ui-dialog-titlebar-close:before { + content: "\f00d"; } + +.em-expression { + font-weight: bold; } + +.data-entry-tbl tr.odd td, .data-entry-tbl tr.even td { + padding: 20px 0 20px 0; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + position: absolute; + right: 1em; + top: 10px; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + cursor: pointer; } + +/** + * Template selector + */ +#carousel-example-generic { + margin-left: 20px; } + +#carousel-example-generic .carousel-control { + font-size: 1em; + top: -80px; } + +#carousel-example-generic .left.carousel-control { + left: -20px; } + +#carousel-example-generic .right.carousel-control { + right: -20px; } + +#carousel-example-generic .panel-title { + text-align: center; + padding-top: 0px; } + +#carousel-example-generic .carousel-inner img { + margin: auto; + top: 9px; + position: relative; } + +#carousel-example-generic .selectTemplate { + display: inline-block; + position: relative; + left: 0px; + top: 320px; } + +#carousel-example-generic .carousel-caption { + width: 100%; + left: 0; + top: 0px; + padding-top: 0px; } + +#carousel-example-generic, #carousel-example-generic .carousel-inner { + min-height: 150px; } + +#carousel-example-generic .carousel-indicators { + top: 370px; + width: 80%; + left: 39%; } + +#carousel-example-generic .carousel-indicators li { + margin: 0px; + width: 8px; + height: 8px; } + +.side-body #carousel-example-generic h3 { + border: none; } + +#systemoverview { + margin: 1em 0 1em 0; } + +/** + * Ajax loader + * from : http://codepen.io/weaintplastic/pen/qEMZbx + */ +.preloader { + position: absolute; + top: 50%; + left: 50%; + font-size: 20px; + display: block; + width: 3.75em; + height: 4.25em; + margin-left: -1.875em; + margin-top: -2.125em; + transform-origin: center center; + transform: rotateY(180deg) rotateZ(-60deg); } + .preloader .slice { + border-top: 1.125em solid transparent; + border-right: none; + border-bottom: 1em solid transparent; + border-left: 1.875em solid #f7484e; + position: absolute; + top: 0px; + left: 50%; + transform-origin: left bottom; + border-radius: 3px 3px 0 0; } + .preloader .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.82s preload-hide-1 both 1; } + .preloader .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.74s preload-hide-2 both 1; } + .preloader .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.66s preload-hide-3 both 1; } + .preloader .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.58s preload-hide-4 both 1; } + .preloader .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.5s preload-hide-5 both 1; } + .preloader .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.42s preload-hide-6 both 1; } + .preloader.loading { + animation: 2s preload-flip steps(2) infinite both; } + .preloader.loading .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-1 linear infinite both; } + .preloader.loading .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-2 linear infinite both; } + .preloader.loading .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-3 linear infinite both; } + .preloader.loading .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-4 linear infinite both; } + .preloader.loading .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-5 linear infinite both; } + .preloader.loading .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-6 linear infinite both; } + +/** + * comfortUpdate + */ +#ajaxContainerLoading { + height: 130px; + text-align: center; + margin-top: 70px; + margin-bottom: 100px; + display: none; } + +#comfortUpdateIcon { + height: 1em; + margin-right: 0.5em; } + +#comfortUpdateGeneralWrap .on { + font-weight: bold; + font-size: 1em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap .on span { + display: block; + padding: 0.1em; + padding-left: 0.5em; + width: 40%; } + +#comfortUpdateGeneralWrap .off { + font-size: 0.9em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap #welcomeMessage, #comfortUpdateGeneralWrap #btn-container { + border-right: 1px solid #EEE; } + +#comfortUpdateGeneralWrap #key-actions { + padding-left: 1em; } + +#update-alert.unstable-update { + background-color: #fff; + border: 1px solid #A0352F; + color: #A0352F; + margin-top: 1em; } + +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + border-bottom-color: transparent; + cursor: default; } + +.answertable.table td { + vertical-align: middle; } + +.btnaddanswer:hover, .btndelanswer:hover { + cursor: pointer; } + +.jumbotron p { + font-weight: 300; } + +span[data-tooltip] { + display: inline-block; } + +.glyphicon-move:hover { + cursor: pointer; } + +.answertable .glyphicon-pencil { + margin-left: 3px; } + +#statisticsview .panel { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +#explorer-collapse { + border-bottom: none; } + +#explorer-collapse:hover, #sideMenu #dropdown li a#explorer-collapse[aria-expanded="true"], #sideMenu #dropdown li a.question-group-collapse[aria-expanded="true"] { + width: auto; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container, #sideMenu #dropdown li#questionexplorer-group-container > a { + line-height: 1.4; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container:hover, #sideMenu #dropdown li#questionexplorer-group-container:hover > a { + background-color: #fafafa; + font-weight: 400; + line-height: 1.4; } + +.explorer-group-title { + margin-top: 1em; + padding: 0em 0 1em 0; } + +.explorer-group-title a.explorer-group, .question-collapse-title { + color: #163c19; } + +#item-container, #jcarousel-wrapper-container { + width: 300px; } + +#item-container h4 { + margin-bottom: 30px; } + +.selectTemplate { + margin-top: 10px; } + +.imgSelectTemplate { + cursor: pointer; } + +.template-img { + padding: 1em; } + +#additional_languages { + min-width: 200px; } + +#available_languages { + min-width: 200px; } + +.modal { + top: 50px; } + +#tokensidemenu { + border-top: 1px solid #e3e3e3; } + +.question-item { + padding: 1em; + margin: 1em 0 1em 0; + cursor: pointer; } + +/* +$color_deep_fir_approx: darken( $base-color, 20% ); +$color_acapulco_approx: adjust-color($base-color, $hue: 24deg, $saturation: -22%, $lightness: 25%); +$color_aqua_forest_approx: adjust-color($base-color, $hue: 4deg, $saturation: -24%, $lightness: 14%); +$color_paradiso_approx:adjust-color($base-color, $lightness: 5%); ; +$color_norway_approx: adjust-color($base-color, $hue: 0deg, $saturation: -28%, $lightness: 31%); +*/ +.placeholder { + padding: 1em; + margin: 1em 0 1em 0; } + +/* RTL stuff (right-to-left locale) */ +.no-gutter > [class*='col-'] { + padding-right: 0; + padding-left: 0; } diff --git a/themes/admin/Black_Pearl/css/lime-admin-colors.css b/themes/admin/Black_Pearl/css/lime-admin-colors.css index f2754d4e0c7..32730ecfdea 100644 --- a/themes/admin/Black_Pearl/css/lime-admin-colors.css +++ b/themes/admin/Black_Pearl/css/lime-admin-colors.css @@ -1954,12 +1954,6 @@ input[type="checkbox"]:checked:after, background-color: #071630; border-color: #071630; } -input[type="checkbox"]:indeterminate:after, -.checkbox input[type="checkbox"]:indeterminate:after, -.checkbox-inline input[type="checkbox"]:indeterminate:after { - background-color: #071630; - border-color: #071630; } - /* jqGrid */ .ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { background-color: #ffffff; diff --git a/themes/admin/Black_Pearl/css/lime-admin-common.css b/themes/admin/Black_Pearl/css/lime-admin-common.css new file mode 100644 index 00000000000..2f8b4ab93e4 --- /dev/null +++ b/themes/admin/Black_Pearl/css/lime-admin-common.css @@ -0,0 +1,1631 @@ +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; } + +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; } + +.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; } + +.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { + top: 1px; } + +.ui-datepicker .ui-datepicker-prev { + left: 2px; } + +.ui-datepicker .ui-datepicker-next { + right: 10px; } + +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; } + +.ui-datepicker .ui-datepicker-next-hover { + right: 10px; } + +.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; } + +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; } + +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; } + +.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { + width: 49%; } + +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; } + +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: 700; + border: 0; } + +.ui-datepicker td { + border: 0; + padding: 1px; } + +.ui-datepicker td a, .ui-datepicker td span { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; } + +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; } + +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em; + width: auto; + overflow: visible; } + +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; } + +.ui-datepicker.ui-datepicker-multi { + width: auto; } + +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; } + +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; } + +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; } + +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; } + +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; } + +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; } + +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; } + +.ui-datepicker-rtl { + direction: rtl; } + +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { + float: right; } + +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; } + +.side-body, .full-page-wrapper { + min-height: 100%; + position: relative; + margin-bottom: 65px; } + +.side-body h3, .pagetitle, .list-surveys h3 { + position: relative; + padding: 0.5em; + margin-bottom: 1em; + animation: fadein 1s; } + +body { + font-size: 14px; + line-height: 1.428571429; + margin: 0; } + body .row { + margin-right: 0; + margin-left: 0; } + +.jumbotron { + text-align: center; } + .jumbotron.message-box { + margin-top: 1em; } + +html { + position: relative; + min-height: 100%; } + +.main-container { + padding-bottom: 100px; } + +#welcome-jumbotron { + padding-top: 0; + padding-bottom: 10px; + background-color: transparent; } + +.surveymanagerbar { + margin-top: -20px; + padding-top: 5px; } + .surveymanagerbar h3 { + margin-top: 5px; + font-weight: 300; + font-size: 1.5em; } + +.surveybar { + padding-top: 5px; + padding-bottom: 5px; + z-index: 1000; } + +.tab-content { + padding-top: 2em; } + +:focus { + outline: none; } + +.navbar-brand { + font-weight: 400; } + +.navbar { + border-radius: 0 !important; } + .navbar a { + font-weight: 400; } + .navbar .dropdown-menu > li > a { + font-weight: 400; } + .navbar .nav-icon-btn > a .label { + font-size: 10px; + padding: 0 3px; + line-height: 15px; + position: absolute; + display: block; + right: 5px; + top: 10px; } + +.lime-icon { + display: inline-block; + height: 1em; + width: 1em; } + +.mega-dropdown { + position: static !important; } + +.mega-dropdown-menu { + padding: 20px 0; + width: 100%; } + .mega-dropdown-menu .dropdown-header { + font-size: 18px; + padding: 5px 60px 5px 5px; + line-height: 30px; } + .mega-dropdown-menu > li > ul { + padding: 0; + margin: 0; } + .mega-dropdown-menu > li > ul > li { + list-style: none; } + .mega-dropdown-menu > li > ul > li > a { + display: block; + padding: 3px 5px; } + .mega-dropdown-menu > li ul > li > a:hover { + text-decoration: none; } + .mega-dropdown-menu > li ul > li > a:focus { + text-decoration: none; } + +#mainmenu-dropdown { + z-index: 20002; } + +.footer { + z-index: 100; + position: absolute; + bottom: 0; + display: block; + width: 100%; + height: 60px; + padding-top: 1em; } + +.alert-security-update { + margin: 0; } + +#update-container { + margin-top: 10px; + z-index: 10100; } + #update-container .alert { + margin-bottom: 5px; } + +.box { + border-radius: 3px; + padding: 10px 25px; + text-align: right; + display: block; + margin-top: 10px; } + +#info-header { + font-size: 3em; } + +#info-footer { + font-size: 2em; } + +.box-icon { + border-radius: 50%; + display: table; + height: 50px; + margin: 0 auto; + width: 50px; + margin-top: -31px; } + .box-icon span { + display: table-cell; + text-align: center; + vertical-align: middle; } + +@keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-moz-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-webkit-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-ms-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-o-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-moz-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-webkit-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-ms-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-o-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +.form-group { + margin-bottom: 17px; } + +.cke_contents { + width: 650px; } + +.cke_toolgroup { + cursor: pointer; + cursor: hand; + border-radius: 0; } + +.message-box { + position: relative; + margin-top: 20px; + animation: slidefromtop 1s; } + +.welcome #lime-logo { + animation: fadein 1s; } + +.welcome .panel { + position: relative; + top: 50px; + opacity: 0; } + +.welcome .panel-body { + text-align: center; } + .welcome .panel-body img { + height: 4em; + margin-bottom: 1em; } + +.welcome .login-pannel .panel-body img { + margin-bottom: 0; } + +.alert { + position: relative; + animation: slidefromtop 1s; } + +@media screen and (min-width: 1280px) and (max-width: 1440px) { + .welcome .panel { + min-height: 188px; } } + +#welcomeModal { + z-index: 20000; } + +@media screen and (min-width: 1280px) and (max-width: 1366px) { + #add_user_btn { + margin-top: 1.5em; } + #user-control-table .form-group label { + min-width: 80px; } } + +.htmleditorboot { + padding-top: 2em; } + +#edit-question-body { + min-height: 1200px; } + +#profile-img { + min-height: 80px; } + +@media screen and (min-width: 1280px) and (max-width: 1680px) { + #profile-img { + min-height: 0; } } + +.login-pannel { + margin-top: 40px; } + +.login-content { + text-align: left; + padding: 1em; } + +.login-submit { + text-align: right; } + +#s2id_loginlang { + border: none; + padding: 0; } + +.ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-bdiv { + overflow: hidden; } + +.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-toppager { + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-htable th div { + height: auto; } + +.ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input { + margin-top: 8px; } + .ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid td input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid tr.ui-row-ltr td { + border: none; } + +#gs_completed { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } + +.ui-th-column { + margin-top: 8px; } + +.info > p { + padding-top: 10px; + text-align: justify; } + +.checkbox label:after { + padding-left: 4px; + padding-top: 2px; + font-size: 9px; } + +.survey-action .panel-body img { + height: 3em; } + +div.panel.disabled { + opacity: 0.5; + border: none; } + div.panel.disabled * { + opacity: 0.5; + border: none; } + div.panel.disabled a { + cursor: default; } + +#edit-group .tab-pane { + padding: 1em; } + +.panel-clickable:hover { + cursor: pointer; + cursor: hand; } + +.ui-widget-content .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-widget-header .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-search-toolbar th div { + min-height: 40px; } + +.absolute-wrapper { + position: fixed; + left: 0; + width: 300px; + height: 100%; } + +.side-menu { + position: absolute; + width: 300px; + padding: 0; + left: 0; } + .side-menu .navbar { + border: none; + box-shadow: none; } + .side-menu .navbar-header { + width: 100%; } + .side-menu .navbar-nav li { + display: block; + width: 100%; } + .side-menu .navbar-nav li a { + padding: 15px; } + .side-menu .navbar-nav li a .glyphicon { + padding-right: 10px; } + .side-menu .navbar-nav .question-link.active { + background-color: transparent; + padding: 15px 15px 15px 0px; + margin-bottom: 5px; + margin-right: -1px; } + .side-menu .navbar-nav .question-link.active:hover { + text-decoration: none; + cursor: default; } + .side-menu .navbar-nav .question-link { + display: block; + padding-left: 0px; } + .side-menu .navbar-nav .question-link .question-collapse-title { + padding-left: 25px; } + .side-menu #dropdown { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + .side-menu #dropdown li:hover { + font-weight: 700; } + .side-menu #dropdown li.active:hover { + cursor: default; + background-color: transparent; + margin-right: -1px; } + .side-menu #dropdown li.disabled:hover { + font-weight: 700; + background-color: transparent; } + .side-menu #dropdown .caret { + float: right; + margin: 9px 5px 0; } + .side-menu #dropdown .indicator { + float: right; } + .side-menu #dropdown .panel-body { + padding: 0; } + .side-menu #dropdown .panel-body .navbar-nav { + width: 100%; } + .side-menu #dropdown .panel-body .navbar-nav li { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel { + margin-bottom: 0; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel-default { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li:last-child { + border-bottom: none; } + .side-menu #dropdown .panel-body .panel-body { + margin-left: -15px; } + .side-menu #dropdown .panel-body .panel > a { + margin-left: -20px; + padding-left: 35px; } + .side-menu #dropdown .question-group-collapse .caret { + float: none; + margin-bottom: 9px; } + .side-menu .hide-button { + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu .brand-name-wrapper { + min-height: 50px; } + .side-menu .brand-name-wrapper .navbar-brand { + display: block; } + .side-menu #search { + position: relative; + z-index: 1000; } + .side-menu #search .panel-body { + padding: 0; } + .side-menu #search .panel-body .navbar-form { + padding: 0; + padding-right: 50px; + width: 100%; + margin: 0; + position: relative; } + .side-menu #search .panel-body .navbar-form .form-group { + width: 100%; + position: relative; } + .side-menu #search .panel-body .navbar-form input { + border: 0; + border-radius: 0; + box-shadow: none; + width: 100%; + height: 50px; } + .side-menu #search .panel-body .navbar-form .btn { + position: absolute; + right: 0; + top: 0; + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu #explorer-collapse .caret { + float: none; + margin-bottom: 9px; } + +#explorer { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + #explorer ul { + font-size: 0.9em; } + +.dropdownstyle { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + +#sideMenu { + min-height: 700px; + overflow: hidden; } + #sideMenu a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown li:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li:hover > a { + width: 100%; + font-weight: 700; + border-bottom: none; } + #sideMenu #dropdown li a[aria-expanded="true"] { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li .active a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li > a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li > a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li > a:hover { + font-weight: 700; } + #sideMenu .navbar-default .navbar-nav > .active > a { + background-color: transparent; } + #sideMenu .side-menu .dropdownlvl1 > a:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover > a { + font-weight: 700; } + +.side-body { + min-height: 700px; + margin-left: 320px; } + +.question-group-collapse-title { + display: block; + padding-left: 20px; } + +.question-collapse-title { + display: block; + padding-left: 30px; } + +@media (max-width: 768px) { + .side-menu { + position: relative; + width: 100%; + height: 0; + border-right: 0; } + .side-menu .brand-name-wrapper .navbar-brand { + display: inline-block; } + @-moz-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-webkit-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-moz-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-webkit-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-moz-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-webkit-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-moz-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @-webkit-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + .side-body { + margin-left: 5px; + margin-top: 70px; + position: relative; + animation: bodyslideout 300ms forwards; + transform-style: preserve-3d; } + .body-slide-in { + animation: bodyslidein 300ms forwards; + transform-style: preserve-3d; } + .navbar-toggle { + border: 0; + float: left; + padding: 18px; + margin: 0; + border-radius: 0; } + .navbar-header { + position: fixed; + width: 100%; + z-index: 3; } + .side-menu-container > .navbar-nav { + position: fixed; + left: -300px; + width: 300px; + top: 43px; + height: 100%; + animation: slideout 300ms forwards; + transform-style: preserve-3d; } + .side-menu-container > .navbar-nav.slide-in { + animation: slidein 300ms forwards; + transform-style: preserve-3d; } + #search .panel-body .navbar-form { + border-bottom: 0; } + #search .panel-body .navbar-form .form-group { + margin: 0; } + #dropdown .panel-body .navbar-nav { + margin: 0; } } + +.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + .content-right .col-lg-12 { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.toWhite a:hover { + font-weight: 700; } + +.col-lg-12.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { + color: #fff; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { + color: #fff; } + +.btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-info:hover { + color: #fff; } + +/** +* Radio / Check box buttons +*/ +input[type="checkbox"], +input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; } + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; } + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; } + +.radio label, +.checkbox label { + min-height: 23px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; } + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; } + +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; } + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; } + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"].disabled, +input[type="checkbox"].disabled, +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; } + +.radio-inline.disabled, +.checkbox-inline.disabled, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; } + +.radio.disabled label, +.checkbox.disabled label, +fieldset[disabled] .radio label, +fieldset[disabled] .checkbox label { + cursor: not-allowed; } + +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #4caf50; } + +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #ff9800; } + +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #e51c23; } + +@media (min-width: 768px) { + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } + .form-inline .has-feedback .form-control-feedback { + top: 0; } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } } + +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; } + +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 30px; } + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; } + +.radio label, +.radio-inline label, +.checkbox label, +.checkbox-inline label { + padding-left: 25px; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="radio"], +.checkbox-inline input[type="radio"], +.radio input[type="checkbox"], +.radio-inline input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + margin-left: -25px; } + +input[type="radio"], +.radio input[type="radio"], +.radio-inline input[type="radio"] { + position: relative; + margin-top: 6px; + margin-right: 4px; + vertical-align: top; + border: none; + background-color: transparent; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="radio"]:focus, +.radio input[type="radio"]:focus, +.radio-inline input[type="radio"]:focus { + outline: none; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before, +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + border-radius: 50%; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before { + position: absolute; + left: 0; + top: -3px; + background-color: #2196f3; + -webkit-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); } + +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + position: relative; + top: -3px; + border: 2px solid #666666; } + +input[type="radio"]:checked:before, +.radio input[type="radio"]:checked:before, +.radio-inline input[type="radio"]:checked:before { + -webkit-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); } + +input[type="radio"]:disabled:checked:before, +.radio input[type="radio"]:disabled:checked:before, +.radio-inline input[type="radio"]:disabled:checked:before { + background-color: #bbbbbb; } + +input[type="radio"]:checked:after, +.radio input[type="radio"]:checked:after, +.radio-inline input[type="radio"]:checked:after { + border-color: #2196f3; } + +input[type="radio"]:disabled:after, +.radio input[type="radio"]:disabled:after, +.radio-inline input[type="radio"]:disabled:after, +input[type="radio"]:disabled:checked:after, +.radio input[type="radio"]:disabled:checked:after, +.radio-inline input[type="radio"]:disabled:checked:after { + border-color: #bbbbbb; } + +input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: relative; + border: none; + margin-bottom: -4px; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="checkbox"]:focus, +.checkbox input[type="checkbox"]:focus, +.checkbox-inline input[type="checkbox"]:focus { + outline: none; } + +input[type="checkbox"]:focus:after, +.checkbox input[type="checkbox"]:focus:after, +.checkbox-inline input[type="checkbox"]:focus:after { + border-color: #2196f3; } + +input[type="checkbox"]:after, +.checkbox input[type="checkbox"]:after, +.checkbox-inline input[type="checkbox"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + margin-top: -2px; + margin-right: 5px; + border: 2px solid #666666; + border-radius: 2px; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="checkbox"]:checked:before, +.checkbox input[type="checkbox"]:checked:before, +.checkbox-inline input[type="checkbox"]:checked:before { + content: ""; + position: absolute; + top: 0; + left: 6px; + display: table; + width: 6px; + height: 12px; + border: 2px solid #fff; + border-top-width: 0; + border-left-width: 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); } + +input[type="checkbox"]:disabled:after, +.checkbox input[type="checkbox"]:disabled:after, +.checkbox-inline input[type="checkbox"]:disabled:after { + border-color: #bbbbbb; } + +input[type="checkbox"]:disabled:checked:after, +.checkbox input[type="checkbox"]:disabled:checked:after, +.checkbox-inline input[type="checkbox"]:disabled:checked:after { + background-color: #bbbbbb; + border-color: transparent; } + +.has-warning input:not([type=checkbox]), +.has-warning .form-control, +.has-warning input.form-control[readonly], +.has-warning input[type=text][readonly], +.has-warning [type=text].form-control[readonly], +.has-warning input:not([type=checkbox]):focus, +.has-warning .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #ff9800; + box-shadow: inset 0 -2px 0 #ff9800; } + +.has-error input:not([type=checkbox]), +.has-error .form-control, +.has-error input.form-control[readonly], +.has-error input[type=text][readonly], +.has-error [type=text].form-control[readonly], +.has-error input:not([type=checkbox]):focus, +.has-error .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #e51c23; + box-shadow: inset 0 -2px 0 #e51c23; } + +.has-success input:not([type=checkbox]), +.has-success .form-control, +.has-success input.form-control[readonly], +.has-success input[type=text][readonly], +.has-success [type=text].form-control[readonly], +.has-success input:not([type=checkbox]):focus, +.has-success .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #4caf50; + box-shadow: inset 0 -2px 0 #4caf50; } + +/* jqGrid */ +.ui-widget-content { + border: none; + background: none; + color: #404040; } + +.ui-jqgrid .ui-jqgrid-titlebar { + padding: 1em; } + +.container-fluid .ui-widget-content .ui-state-default, .container-fluid .ui-jqgrid .ui-jqgrid-bdiv { + padding: 0.5em; } + +.ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { + border-radius: 4px; + padding: 1em; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqdialog-titlebar { + height: 2em; + width: 100%; } + +.EditTable tr td { + padding: 1em; } + +.ui-jqdialog-content input.FormElement { + padding: .3em; } + +.ui-jqdialog-content input[type="checkbox"].FormElement { + padding: 0em; } + +.EditTable td select, .EditTable td textarea { + display: inline-block; + width: auto; + vertical-align: middle; + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + color: #636363; + background-color: #ffffff; + border: 1px solid #cccccc; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + +.EditTable td input, .EditTable td select, .EditTable td textarea { + margin: 0; } + +input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input { + display: inline-block; + font-size: 14px; + line-height: 18px; + border: 1px solid #ccc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + +input:focus, textarea:focus { + outline: 0; + border-color: rgba(82, 168, 236, 0.8); + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } + +#displayparticipants_firstname, #displayparticipants_lastname, #displayparticipants_owner_uid { + padding-left: 40px; } + +#displayparticipants_language { + padding-left: 50px; } + +#jqgh_displayparticipants_email { + padding-left: 140px; } + +#displayparticipants_survey { + padding-left: 20px; } + +.navtable { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqgrid-title { + padding: 1em 0em 1em 1em; + font-style: italic; + font-weight: 700; } + +.ui-pg-button { + padding: 0.4em; } + +.ui-pg-button:hover { + cursor: pointer; } + +.ui-state-disabled:hover { + cursor: default; } + +.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all { + width: 100%; + overflow: hidden; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +[aria-hidden=true] { + display: none; + visibility: hidden; } + +.modal-22 { + position: absolute; + width: 600px; } + +.modal-22 .ui-jqdialog-titlebar .ui-jqdialog-title { + width: 80%; } + +.modal-22 .ui-jqdialog-content { + padding: 1em; } + +.ui-dialog-titlebar-close { + border: 1px solid transparent; + border-radius: 4px; + float: right; + color: #333; + background-color: #fff; + border-color: #ccc; + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-image: none; + -webkit-appearance: button; + cursor: pointer; + overflow: visible; + margin: 0; + font: normal normal normal 14px/1 FontAwesome; } + +.ui-dialog-titlebar-close:before { + content: "\f00d"; } + +.em-expression { + font-weight: bold; } + +.data-entry-tbl tr.odd td, .data-entry-tbl tr.even td { + padding: 20px 0 20px 0; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + position: absolute; + right: 1em; + top: 10px; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + cursor: pointer; } + +/** + * Template selector + */ +#carousel-example-generic { + margin-left: 20px; } + +#carousel-example-generic .carousel-control { + font-size: 1em; + top: -80px; } + +#carousel-example-generic .left.carousel-control { + left: -20px; } + +#carousel-example-generic .right.carousel-control { + right: -20px; } + +#carousel-example-generic .panel-title { + text-align: center; + padding-top: 0px; } + +#carousel-example-generic .carousel-inner img { + margin: auto; + top: 9px; + position: relative; } + +#carousel-example-generic .selectTemplate { + display: inline-block; + position: relative; + left: 0px; + top: 320px; } + +#carousel-example-generic .carousel-caption { + width: 100%; + left: 0; + top: 0px; + padding-top: 0px; } + +#carousel-example-generic, #carousel-example-generic .carousel-inner { + min-height: 150px; } + +#carousel-example-generic .carousel-indicators { + top: 370px; + width: 80%; + left: 39%; } + +#carousel-example-generic .carousel-indicators li { + margin: 0px; + width: 8px; + height: 8px; } + +.side-body #carousel-example-generic h3 { + border: none; } + +#systemoverview { + margin: 1em 0 1em 0; } + +/** + * Ajax loader + * from : http://codepen.io/weaintplastic/pen/qEMZbx + */ +.preloader { + position: absolute; + top: 50%; + left: 50%; + font-size: 20px; + display: block; + width: 3.75em; + height: 4.25em; + margin-left: -1.875em; + margin-top: -2.125em; + transform-origin: center center; + transform: rotateY(180deg) rotateZ(-60deg); } + .preloader .slice { + border-top: 1.125em solid transparent; + border-right: none; + border-bottom: 1em solid transparent; + border-left: 1.875em solid #f7484e; + position: absolute; + top: 0px; + left: 50%; + transform-origin: left bottom; + border-radius: 3px 3px 0 0; } + .preloader .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.82s preload-hide-1 both 1; } + .preloader .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.74s preload-hide-2 both 1; } + .preloader .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.66s preload-hide-3 both 1; } + .preloader .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.58s preload-hide-4 both 1; } + .preloader .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.5s preload-hide-5 both 1; } + .preloader .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.42s preload-hide-6 both 1; } + .preloader.loading { + animation: 2s preload-flip steps(2) infinite both; } + .preloader.loading .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-1 linear infinite both; } + .preloader.loading .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-2 linear infinite both; } + .preloader.loading .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-3 linear infinite both; } + .preloader.loading .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-4 linear infinite both; } + .preloader.loading .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-5 linear infinite both; } + .preloader.loading .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-6 linear infinite both; } + +/** + * comfortUpdate + */ +#ajaxContainerLoading { + height: 130px; + text-align: center; + margin-top: 70px; + margin-bottom: 100px; + display: none; } + +#comfortUpdateIcon { + height: 1em; + margin-right: 0.5em; } + +#comfortUpdateGeneralWrap .on { + font-weight: bold; + font-size: 1em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap .on span { + display: block; + padding: 0.1em; + padding-left: 0.5em; + width: 40%; } + +#comfortUpdateGeneralWrap .off { + font-size: 0.9em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap #welcomeMessage, #comfortUpdateGeneralWrap #btn-container { + border-right: 1px solid #EEE; } + +#comfortUpdateGeneralWrap #key-actions { + padding-left: 1em; } + +#update-alert.unstable-update { + background-color: #fff; + border: 1px solid #A0352F; + color: #A0352F; + margin-top: 1em; } + +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + border-bottom-color: transparent; + cursor: default; } + +.answertable.table td { + vertical-align: middle; } + +.btnaddanswer:hover, .btndelanswer:hover { + cursor: pointer; } + +.jumbotron p { + font-weight: 300; } + +span[data-tooltip] { + display: inline-block; } + +.glyphicon-move:hover { + cursor: pointer; } + +.answertable .glyphicon-pencil { + margin-left: 3px; } + +#statisticsview .panel { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +#explorer-collapse { + border-bottom: none; } + +#explorer-collapse:hover, #sideMenu #dropdown li a#explorer-collapse[aria-expanded="true"], #sideMenu #dropdown li a.question-group-collapse[aria-expanded="true"] { + width: auto; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container, #sideMenu #dropdown li#questionexplorer-group-container > a { + line-height: 1.4; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container:hover, #sideMenu #dropdown li#questionexplorer-group-container:hover > a { + background-color: #fafafa; + font-weight: 400; + line-height: 1.4; } + +.explorer-group-title { + margin-top: 1em; + padding: 0em 0 1em 0; } + +.explorer-group-title a.explorer-group, .question-collapse-title { + color: #163c19; } + +#item-container, #jcarousel-wrapper-container { + width: 300px; } + +#item-container h4 { + margin-bottom: 30px; } + +.selectTemplate { + margin-top: 10px; } + +.imgSelectTemplate { + cursor: pointer; } + +.template-img { + padding: 1em; } + +#additional_languages { + min-width: 200px; } + +#available_languages { + min-width: 200px; } + +.modal { + top: 50px; } + +#tokensidemenu { + border-top: 1px solid #e3e3e3; } + +.question-item { + padding: 1em; + margin: 1em 0 1em 0; + cursor: pointer; } + +/* +$color_deep_fir_approx: darken( $base-color, 20% ); +$color_acapulco_approx: adjust-color($base-color, $hue: 24deg, $saturation: -22%, $lightness: 25%); +$color_aqua_forest_approx: adjust-color($base-color, $hue: 4deg, $saturation: -24%, $lightness: 14%); +$color_paradiso_approx:adjust-color($base-color, $lightness: 5%); ; +$color_norway_approx: adjust-color($base-color, $hue: 0deg, $saturation: -28%, $lightness: 31%); +*/ +.placeholder { + padding: 1em; + margin: 1em 0 1em 0; } + +/* RTL stuff (right-to-left locale) */ +.no-gutter > [class*='col-'] { + padding-right: 0; + padding-left: 0; } diff --git a/themes/admin/Dark_Sky/css/lime-admin-colors.css b/themes/admin/Dark_Sky/css/lime-admin-colors.css index b775bef78a8..e87451aa664 100644 --- a/themes/admin/Dark_Sky/css/lime-admin-colors.css +++ b/themes/admin/Dark_Sky/css/lime-admin-colors.css @@ -1954,12 +1954,6 @@ input[type="checkbox"]:checked:after, background-color: #000000; border-color: #000000; } -input[type="checkbox"]:indeterminate:after, -.checkbox input[type="checkbox"]:indeterminate:after, -.checkbox-inline input[type="checkbox"]:indeterminate:after { - background-color: #000000; - border-color: #000000; } - /* jqGrid */ .ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { background-color: #ffffff; diff --git a/themes/admin/Dark_Sky/css/lime-admin-common.css b/themes/admin/Dark_Sky/css/lime-admin-common.css new file mode 100644 index 00000000000..2f8b4ab93e4 --- /dev/null +++ b/themes/admin/Dark_Sky/css/lime-admin-common.css @@ -0,0 +1,1631 @@ +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; } + +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; } + +.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; } + +.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { + top: 1px; } + +.ui-datepicker .ui-datepicker-prev { + left: 2px; } + +.ui-datepicker .ui-datepicker-next { + right: 10px; } + +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; } + +.ui-datepicker .ui-datepicker-next-hover { + right: 10px; } + +.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; } + +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; } + +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; } + +.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { + width: 49%; } + +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; } + +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: 700; + border: 0; } + +.ui-datepicker td { + border: 0; + padding: 1px; } + +.ui-datepicker td a, .ui-datepicker td span { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; } + +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; } + +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em; + width: auto; + overflow: visible; } + +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; } + +.ui-datepicker.ui-datepicker-multi { + width: auto; } + +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; } + +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; } + +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; } + +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; } + +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; } + +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; } + +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; } + +.ui-datepicker-rtl { + direction: rtl; } + +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { + float: right; } + +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; } + +.side-body, .full-page-wrapper { + min-height: 100%; + position: relative; + margin-bottom: 65px; } + +.side-body h3, .pagetitle, .list-surveys h3 { + position: relative; + padding: 0.5em; + margin-bottom: 1em; + animation: fadein 1s; } + +body { + font-size: 14px; + line-height: 1.428571429; + margin: 0; } + body .row { + margin-right: 0; + margin-left: 0; } + +.jumbotron { + text-align: center; } + .jumbotron.message-box { + margin-top: 1em; } + +html { + position: relative; + min-height: 100%; } + +.main-container { + padding-bottom: 100px; } + +#welcome-jumbotron { + padding-top: 0; + padding-bottom: 10px; + background-color: transparent; } + +.surveymanagerbar { + margin-top: -20px; + padding-top: 5px; } + .surveymanagerbar h3 { + margin-top: 5px; + font-weight: 300; + font-size: 1.5em; } + +.surveybar { + padding-top: 5px; + padding-bottom: 5px; + z-index: 1000; } + +.tab-content { + padding-top: 2em; } + +:focus { + outline: none; } + +.navbar-brand { + font-weight: 400; } + +.navbar { + border-radius: 0 !important; } + .navbar a { + font-weight: 400; } + .navbar .dropdown-menu > li > a { + font-weight: 400; } + .navbar .nav-icon-btn > a .label { + font-size: 10px; + padding: 0 3px; + line-height: 15px; + position: absolute; + display: block; + right: 5px; + top: 10px; } + +.lime-icon { + display: inline-block; + height: 1em; + width: 1em; } + +.mega-dropdown { + position: static !important; } + +.mega-dropdown-menu { + padding: 20px 0; + width: 100%; } + .mega-dropdown-menu .dropdown-header { + font-size: 18px; + padding: 5px 60px 5px 5px; + line-height: 30px; } + .mega-dropdown-menu > li > ul { + padding: 0; + margin: 0; } + .mega-dropdown-menu > li > ul > li { + list-style: none; } + .mega-dropdown-menu > li > ul > li > a { + display: block; + padding: 3px 5px; } + .mega-dropdown-menu > li ul > li > a:hover { + text-decoration: none; } + .mega-dropdown-menu > li ul > li > a:focus { + text-decoration: none; } + +#mainmenu-dropdown { + z-index: 20002; } + +.footer { + z-index: 100; + position: absolute; + bottom: 0; + display: block; + width: 100%; + height: 60px; + padding-top: 1em; } + +.alert-security-update { + margin: 0; } + +#update-container { + margin-top: 10px; + z-index: 10100; } + #update-container .alert { + margin-bottom: 5px; } + +.box { + border-radius: 3px; + padding: 10px 25px; + text-align: right; + display: block; + margin-top: 10px; } + +#info-header { + font-size: 3em; } + +#info-footer { + font-size: 2em; } + +.box-icon { + border-radius: 50%; + display: table; + height: 50px; + margin: 0 auto; + width: 50px; + margin-top: -31px; } + .box-icon span { + display: table-cell; + text-align: center; + vertical-align: middle; } + +@keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-moz-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-webkit-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-ms-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-o-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-moz-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-webkit-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-ms-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-o-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +.form-group { + margin-bottom: 17px; } + +.cke_contents { + width: 650px; } + +.cke_toolgroup { + cursor: pointer; + cursor: hand; + border-radius: 0; } + +.message-box { + position: relative; + margin-top: 20px; + animation: slidefromtop 1s; } + +.welcome #lime-logo { + animation: fadein 1s; } + +.welcome .panel { + position: relative; + top: 50px; + opacity: 0; } + +.welcome .panel-body { + text-align: center; } + .welcome .panel-body img { + height: 4em; + margin-bottom: 1em; } + +.welcome .login-pannel .panel-body img { + margin-bottom: 0; } + +.alert { + position: relative; + animation: slidefromtop 1s; } + +@media screen and (min-width: 1280px) and (max-width: 1440px) { + .welcome .panel { + min-height: 188px; } } + +#welcomeModal { + z-index: 20000; } + +@media screen and (min-width: 1280px) and (max-width: 1366px) { + #add_user_btn { + margin-top: 1.5em; } + #user-control-table .form-group label { + min-width: 80px; } } + +.htmleditorboot { + padding-top: 2em; } + +#edit-question-body { + min-height: 1200px; } + +#profile-img { + min-height: 80px; } + +@media screen and (min-width: 1280px) and (max-width: 1680px) { + #profile-img { + min-height: 0; } } + +.login-pannel { + margin-top: 40px; } + +.login-content { + text-align: left; + padding: 1em; } + +.login-submit { + text-align: right; } + +#s2id_loginlang { + border: none; + padding: 0; } + +.ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-bdiv { + overflow: hidden; } + +.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-toppager { + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-htable th div { + height: auto; } + +.ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input { + margin-top: 8px; } + .ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid td input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid tr.ui-row-ltr td { + border: none; } + +#gs_completed { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } + +.ui-th-column { + margin-top: 8px; } + +.info > p { + padding-top: 10px; + text-align: justify; } + +.checkbox label:after { + padding-left: 4px; + padding-top: 2px; + font-size: 9px; } + +.survey-action .panel-body img { + height: 3em; } + +div.panel.disabled { + opacity: 0.5; + border: none; } + div.panel.disabled * { + opacity: 0.5; + border: none; } + div.panel.disabled a { + cursor: default; } + +#edit-group .tab-pane { + padding: 1em; } + +.panel-clickable:hover { + cursor: pointer; + cursor: hand; } + +.ui-widget-content .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-widget-header .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-search-toolbar th div { + min-height: 40px; } + +.absolute-wrapper { + position: fixed; + left: 0; + width: 300px; + height: 100%; } + +.side-menu { + position: absolute; + width: 300px; + padding: 0; + left: 0; } + .side-menu .navbar { + border: none; + box-shadow: none; } + .side-menu .navbar-header { + width: 100%; } + .side-menu .navbar-nav li { + display: block; + width: 100%; } + .side-menu .navbar-nav li a { + padding: 15px; } + .side-menu .navbar-nav li a .glyphicon { + padding-right: 10px; } + .side-menu .navbar-nav .question-link.active { + background-color: transparent; + padding: 15px 15px 15px 0px; + margin-bottom: 5px; + margin-right: -1px; } + .side-menu .navbar-nav .question-link.active:hover { + text-decoration: none; + cursor: default; } + .side-menu .navbar-nav .question-link { + display: block; + padding-left: 0px; } + .side-menu .navbar-nav .question-link .question-collapse-title { + padding-left: 25px; } + .side-menu #dropdown { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + .side-menu #dropdown li:hover { + font-weight: 700; } + .side-menu #dropdown li.active:hover { + cursor: default; + background-color: transparent; + margin-right: -1px; } + .side-menu #dropdown li.disabled:hover { + font-weight: 700; + background-color: transparent; } + .side-menu #dropdown .caret { + float: right; + margin: 9px 5px 0; } + .side-menu #dropdown .indicator { + float: right; } + .side-menu #dropdown .panel-body { + padding: 0; } + .side-menu #dropdown .panel-body .navbar-nav { + width: 100%; } + .side-menu #dropdown .panel-body .navbar-nav li { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel { + margin-bottom: 0; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel-default { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li:last-child { + border-bottom: none; } + .side-menu #dropdown .panel-body .panel-body { + margin-left: -15px; } + .side-menu #dropdown .panel-body .panel > a { + margin-left: -20px; + padding-left: 35px; } + .side-menu #dropdown .question-group-collapse .caret { + float: none; + margin-bottom: 9px; } + .side-menu .hide-button { + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu .brand-name-wrapper { + min-height: 50px; } + .side-menu .brand-name-wrapper .navbar-brand { + display: block; } + .side-menu #search { + position: relative; + z-index: 1000; } + .side-menu #search .panel-body { + padding: 0; } + .side-menu #search .panel-body .navbar-form { + padding: 0; + padding-right: 50px; + width: 100%; + margin: 0; + position: relative; } + .side-menu #search .panel-body .navbar-form .form-group { + width: 100%; + position: relative; } + .side-menu #search .panel-body .navbar-form input { + border: 0; + border-radius: 0; + box-shadow: none; + width: 100%; + height: 50px; } + .side-menu #search .panel-body .navbar-form .btn { + position: absolute; + right: 0; + top: 0; + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu #explorer-collapse .caret { + float: none; + margin-bottom: 9px; } + +#explorer { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + #explorer ul { + font-size: 0.9em; } + +.dropdownstyle { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + +#sideMenu { + min-height: 700px; + overflow: hidden; } + #sideMenu a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown li:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li:hover > a { + width: 100%; + font-weight: 700; + border-bottom: none; } + #sideMenu #dropdown li a[aria-expanded="true"] { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li .active a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li > a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li > a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li > a:hover { + font-weight: 700; } + #sideMenu .navbar-default .navbar-nav > .active > a { + background-color: transparent; } + #sideMenu .side-menu .dropdownlvl1 > a:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover > a { + font-weight: 700; } + +.side-body { + min-height: 700px; + margin-left: 320px; } + +.question-group-collapse-title { + display: block; + padding-left: 20px; } + +.question-collapse-title { + display: block; + padding-left: 30px; } + +@media (max-width: 768px) { + .side-menu { + position: relative; + width: 100%; + height: 0; + border-right: 0; } + .side-menu .brand-name-wrapper .navbar-brand { + display: inline-block; } + @-moz-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-webkit-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-moz-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-webkit-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-moz-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-webkit-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-moz-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @-webkit-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + .side-body { + margin-left: 5px; + margin-top: 70px; + position: relative; + animation: bodyslideout 300ms forwards; + transform-style: preserve-3d; } + .body-slide-in { + animation: bodyslidein 300ms forwards; + transform-style: preserve-3d; } + .navbar-toggle { + border: 0; + float: left; + padding: 18px; + margin: 0; + border-radius: 0; } + .navbar-header { + position: fixed; + width: 100%; + z-index: 3; } + .side-menu-container > .navbar-nav { + position: fixed; + left: -300px; + width: 300px; + top: 43px; + height: 100%; + animation: slideout 300ms forwards; + transform-style: preserve-3d; } + .side-menu-container > .navbar-nav.slide-in { + animation: slidein 300ms forwards; + transform-style: preserve-3d; } + #search .panel-body .navbar-form { + border-bottom: 0; } + #search .panel-body .navbar-form .form-group { + margin: 0; } + #dropdown .panel-body .navbar-nav { + margin: 0; } } + +.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + .content-right .col-lg-12 { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.toWhite a:hover { + font-weight: 700; } + +.col-lg-12.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { + color: #fff; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { + color: #fff; } + +.btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-info:hover { + color: #fff; } + +/** +* Radio / Check box buttons +*/ +input[type="checkbox"], +input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; } + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; } + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; } + +.radio label, +.checkbox label { + min-height: 23px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; } + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; } + +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; } + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; } + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"].disabled, +input[type="checkbox"].disabled, +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; } + +.radio-inline.disabled, +.checkbox-inline.disabled, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; } + +.radio.disabled label, +.checkbox.disabled label, +fieldset[disabled] .radio label, +fieldset[disabled] .checkbox label { + cursor: not-allowed; } + +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #4caf50; } + +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #ff9800; } + +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #e51c23; } + +@media (min-width: 768px) { + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } + .form-inline .has-feedback .form-control-feedback { + top: 0; } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } } + +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; } + +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 30px; } + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; } + +.radio label, +.radio-inline label, +.checkbox label, +.checkbox-inline label { + padding-left: 25px; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="radio"], +.checkbox-inline input[type="radio"], +.radio input[type="checkbox"], +.radio-inline input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + margin-left: -25px; } + +input[type="radio"], +.radio input[type="radio"], +.radio-inline input[type="radio"] { + position: relative; + margin-top: 6px; + margin-right: 4px; + vertical-align: top; + border: none; + background-color: transparent; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="radio"]:focus, +.radio input[type="radio"]:focus, +.radio-inline input[type="radio"]:focus { + outline: none; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before, +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + border-radius: 50%; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before { + position: absolute; + left: 0; + top: -3px; + background-color: #2196f3; + -webkit-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); } + +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + position: relative; + top: -3px; + border: 2px solid #666666; } + +input[type="radio"]:checked:before, +.radio input[type="radio"]:checked:before, +.radio-inline input[type="radio"]:checked:before { + -webkit-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); } + +input[type="radio"]:disabled:checked:before, +.radio input[type="radio"]:disabled:checked:before, +.radio-inline input[type="radio"]:disabled:checked:before { + background-color: #bbbbbb; } + +input[type="radio"]:checked:after, +.radio input[type="radio"]:checked:after, +.radio-inline input[type="radio"]:checked:after { + border-color: #2196f3; } + +input[type="radio"]:disabled:after, +.radio input[type="radio"]:disabled:after, +.radio-inline input[type="radio"]:disabled:after, +input[type="radio"]:disabled:checked:after, +.radio input[type="radio"]:disabled:checked:after, +.radio-inline input[type="radio"]:disabled:checked:after { + border-color: #bbbbbb; } + +input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: relative; + border: none; + margin-bottom: -4px; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="checkbox"]:focus, +.checkbox input[type="checkbox"]:focus, +.checkbox-inline input[type="checkbox"]:focus { + outline: none; } + +input[type="checkbox"]:focus:after, +.checkbox input[type="checkbox"]:focus:after, +.checkbox-inline input[type="checkbox"]:focus:after { + border-color: #2196f3; } + +input[type="checkbox"]:after, +.checkbox input[type="checkbox"]:after, +.checkbox-inline input[type="checkbox"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + margin-top: -2px; + margin-right: 5px; + border: 2px solid #666666; + border-radius: 2px; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="checkbox"]:checked:before, +.checkbox input[type="checkbox"]:checked:before, +.checkbox-inline input[type="checkbox"]:checked:before { + content: ""; + position: absolute; + top: 0; + left: 6px; + display: table; + width: 6px; + height: 12px; + border: 2px solid #fff; + border-top-width: 0; + border-left-width: 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); } + +input[type="checkbox"]:disabled:after, +.checkbox input[type="checkbox"]:disabled:after, +.checkbox-inline input[type="checkbox"]:disabled:after { + border-color: #bbbbbb; } + +input[type="checkbox"]:disabled:checked:after, +.checkbox input[type="checkbox"]:disabled:checked:after, +.checkbox-inline input[type="checkbox"]:disabled:checked:after { + background-color: #bbbbbb; + border-color: transparent; } + +.has-warning input:not([type=checkbox]), +.has-warning .form-control, +.has-warning input.form-control[readonly], +.has-warning input[type=text][readonly], +.has-warning [type=text].form-control[readonly], +.has-warning input:not([type=checkbox]):focus, +.has-warning .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #ff9800; + box-shadow: inset 0 -2px 0 #ff9800; } + +.has-error input:not([type=checkbox]), +.has-error .form-control, +.has-error input.form-control[readonly], +.has-error input[type=text][readonly], +.has-error [type=text].form-control[readonly], +.has-error input:not([type=checkbox]):focus, +.has-error .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #e51c23; + box-shadow: inset 0 -2px 0 #e51c23; } + +.has-success input:not([type=checkbox]), +.has-success .form-control, +.has-success input.form-control[readonly], +.has-success input[type=text][readonly], +.has-success [type=text].form-control[readonly], +.has-success input:not([type=checkbox]):focus, +.has-success .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #4caf50; + box-shadow: inset 0 -2px 0 #4caf50; } + +/* jqGrid */ +.ui-widget-content { + border: none; + background: none; + color: #404040; } + +.ui-jqgrid .ui-jqgrid-titlebar { + padding: 1em; } + +.container-fluid .ui-widget-content .ui-state-default, .container-fluid .ui-jqgrid .ui-jqgrid-bdiv { + padding: 0.5em; } + +.ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { + border-radius: 4px; + padding: 1em; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqdialog-titlebar { + height: 2em; + width: 100%; } + +.EditTable tr td { + padding: 1em; } + +.ui-jqdialog-content input.FormElement { + padding: .3em; } + +.ui-jqdialog-content input[type="checkbox"].FormElement { + padding: 0em; } + +.EditTable td select, .EditTable td textarea { + display: inline-block; + width: auto; + vertical-align: middle; + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + color: #636363; + background-color: #ffffff; + border: 1px solid #cccccc; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + +.EditTable td input, .EditTable td select, .EditTable td textarea { + margin: 0; } + +input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input { + display: inline-block; + font-size: 14px; + line-height: 18px; + border: 1px solid #ccc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + +input:focus, textarea:focus { + outline: 0; + border-color: rgba(82, 168, 236, 0.8); + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } + +#displayparticipants_firstname, #displayparticipants_lastname, #displayparticipants_owner_uid { + padding-left: 40px; } + +#displayparticipants_language { + padding-left: 50px; } + +#jqgh_displayparticipants_email { + padding-left: 140px; } + +#displayparticipants_survey { + padding-left: 20px; } + +.navtable { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqgrid-title { + padding: 1em 0em 1em 1em; + font-style: italic; + font-weight: 700; } + +.ui-pg-button { + padding: 0.4em; } + +.ui-pg-button:hover { + cursor: pointer; } + +.ui-state-disabled:hover { + cursor: default; } + +.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all { + width: 100%; + overflow: hidden; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +[aria-hidden=true] { + display: none; + visibility: hidden; } + +.modal-22 { + position: absolute; + width: 600px; } + +.modal-22 .ui-jqdialog-titlebar .ui-jqdialog-title { + width: 80%; } + +.modal-22 .ui-jqdialog-content { + padding: 1em; } + +.ui-dialog-titlebar-close { + border: 1px solid transparent; + border-radius: 4px; + float: right; + color: #333; + background-color: #fff; + border-color: #ccc; + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-image: none; + -webkit-appearance: button; + cursor: pointer; + overflow: visible; + margin: 0; + font: normal normal normal 14px/1 FontAwesome; } + +.ui-dialog-titlebar-close:before { + content: "\f00d"; } + +.em-expression { + font-weight: bold; } + +.data-entry-tbl tr.odd td, .data-entry-tbl tr.even td { + padding: 20px 0 20px 0; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + position: absolute; + right: 1em; + top: 10px; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + cursor: pointer; } + +/** + * Template selector + */ +#carousel-example-generic { + margin-left: 20px; } + +#carousel-example-generic .carousel-control { + font-size: 1em; + top: -80px; } + +#carousel-example-generic .left.carousel-control { + left: -20px; } + +#carousel-example-generic .right.carousel-control { + right: -20px; } + +#carousel-example-generic .panel-title { + text-align: center; + padding-top: 0px; } + +#carousel-example-generic .carousel-inner img { + margin: auto; + top: 9px; + position: relative; } + +#carousel-example-generic .selectTemplate { + display: inline-block; + position: relative; + left: 0px; + top: 320px; } + +#carousel-example-generic .carousel-caption { + width: 100%; + left: 0; + top: 0px; + padding-top: 0px; } + +#carousel-example-generic, #carousel-example-generic .carousel-inner { + min-height: 150px; } + +#carousel-example-generic .carousel-indicators { + top: 370px; + width: 80%; + left: 39%; } + +#carousel-example-generic .carousel-indicators li { + margin: 0px; + width: 8px; + height: 8px; } + +.side-body #carousel-example-generic h3 { + border: none; } + +#systemoverview { + margin: 1em 0 1em 0; } + +/** + * Ajax loader + * from : http://codepen.io/weaintplastic/pen/qEMZbx + */ +.preloader { + position: absolute; + top: 50%; + left: 50%; + font-size: 20px; + display: block; + width: 3.75em; + height: 4.25em; + margin-left: -1.875em; + margin-top: -2.125em; + transform-origin: center center; + transform: rotateY(180deg) rotateZ(-60deg); } + .preloader .slice { + border-top: 1.125em solid transparent; + border-right: none; + border-bottom: 1em solid transparent; + border-left: 1.875em solid #f7484e; + position: absolute; + top: 0px; + left: 50%; + transform-origin: left bottom; + border-radius: 3px 3px 0 0; } + .preloader .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.82s preload-hide-1 both 1; } + .preloader .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.74s preload-hide-2 both 1; } + .preloader .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.66s preload-hide-3 both 1; } + .preloader .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.58s preload-hide-4 both 1; } + .preloader .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.5s preload-hide-5 both 1; } + .preloader .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.42s preload-hide-6 both 1; } + .preloader.loading { + animation: 2s preload-flip steps(2) infinite both; } + .preloader.loading .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-1 linear infinite both; } + .preloader.loading .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-2 linear infinite both; } + .preloader.loading .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-3 linear infinite both; } + .preloader.loading .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-4 linear infinite both; } + .preloader.loading .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-5 linear infinite both; } + .preloader.loading .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-6 linear infinite both; } + +/** + * comfortUpdate + */ +#ajaxContainerLoading { + height: 130px; + text-align: center; + margin-top: 70px; + margin-bottom: 100px; + display: none; } + +#comfortUpdateIcon { + height: 1em; + margin-right: 0.5em; } + +#comfortUpdateGeneralWrap .on { + font-weight: bold; + font-size: 1em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap .on span { + display: block; + padding: 0.1em; + padding-left: 0.5em; + width: 40%; } + +#comfortUpdateGeneralWrap .off { + font-size: 0.9em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap #welcomeMessage, #comfortUpdateGeneralWrap #btn-container { + border-right: 1px solid #EEE; } + +#comfortUpdateGeneralWrap #key-actions { + padding-left: 1em; } + +#update-alert.unstable-update { + background-color: #fff; + border: 1px solid #A0352F; + color: #A0352F; + margin-top: 1em; } + +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + border-bottom-color: transparent; + cursor: default; } + +.answertable.table td { + vertical-align: middle; } + +.btnaddanswer:hover, .btndelanswer:hover { + cursor: pointer; } + +.jumbotron p { + font-weight: 300; } + +span[data-tooltip] { + display: inline-block; } + +.glyphicon-move:hover { + cursor: pointer; } + +.answertable .glyphicon-pencil { + margin-left: 3px; } + +#statisticsview .panel { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +#explorer-collapse { + border-bottom: none; } + +#explorer-collapse:hover, #sideMenu #dropdown li a#explorer-collapse[aria-expanded="true"], #sideMenu #dropdown li a.question-group-collapse[aria-expanded="true"] { + width: auto; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container, #sideMenu #dropdown li#questionexplorer-group-container > a { + line-height: 1.4; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container:hover, #sideMenu #dropdown li#questionexplorer-group-container:hover > a { + background-color: #fafafa; + font-weight: 400; + line-height: 1.4; } + +.explorer-group-title { + margin-top: 1em; + padding: 0em 0 1em 0; } + +.explorer-group-title a.explorer-group, .question-collapse-title { + color: #163c19; } + +#item-container, #jcarousel-wrapper-container { + width: 300px; } + +#item-container h4 { + margin-bottom: 30px; } + +.selectTemplate { + margin-top: 10px; } + +.imgSelectTemplate { + cursor: pointer; } + +.template-img { + padding: 1em; } + +#additional_languages { + min-width: 200px; } + +#available_languages { + min-width: 200px; } + +.modal { + top: 50px; } + +#tokensidemenu { + border-top: 1px solid #e3e3e3; } + +.question-item { + padding: 1em; + margin: 1em 0 1em 0; + cursor: pointer; } + +/* +$color_deep_fir_approx: darken( $base-color, 20% ); +$color_acapulco_approx: adjust-color($base-color, $hue: 24deg, $saturation: -22%, $lightness: 25%); +$color_aqua_forest_approx: adjust-color($base-color, $hue: 4deg, $saturation: -24%, $lightness: 14%); +$color_paradiso_approx:adjust-color($base-color, $lightness: 5%); ; +$color_norway_approx: adjust-color($base-color, $hue: 0deg, $saturation: -28%, $lightness: 31%); +*/ +.placeholder { + padding: 1em; + margin: 1em 0 1em 0; } + +/* RTL stuff (right-to-left locale) */ +.no-gutter > [class*='col-'] { + padding-right: 0; + padding-left: 0; } diff --git a/themes/admin/Free_Magenta/css/lime-admin-colors.css b/themes/admin/Free_Magenta/css/lime-admin-colors.css index 9bd0abb41a1..1c815298c3d 100644 --- a/themes/admin/Free_Magenta/css/lime-admin-colors.css +++ b/themes/admin/Free_Magenta/css/lime-admin-colors.css @@ -1954,12 +1954,6 @@ input[type="checkbox"]:checked:after, background-color: #C63678; border-color: #C63678; } -input[type="checkbox"]:indeterminate:after, -.checkbox input[type="checkbox"]:indeterminate:after, -.checkbox-inline input[type="checkbox"]:indeterminate:after { - background-color: #C63678; - border-color: #C63678; } - /* jqGrid */ .ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { background-color: #ffffff; diff --git a/themes/admin/Free_Magenta/css/lime-admin-common.css b/themes/admin/Free_Magenta/css/lime-admin-common.css new file mode 100644 index 00000000000..2f8b4ab93e4 --- /dev/null +++ b/themes/admin/Free_Magenta/css/lime-admin-common.css @@ -0,0 +1,1631 @@ +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; } + +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; } + +.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; } + +.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { + top: 1px; } + +.ui-datepicker .ui-datepicker-prev { + left: 2px; } + +.ui-datepicker .ui-datepicker-next { + right: 10px; } + +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; } + +.ui-datepicker .ui-datepicker-next-hover { + right: 10px; } + +.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; } + +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; } + +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; } + +.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { + width: 49%; } + +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; } + +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: 700; + border: 0; } + +.ui-datepicker td { + border: 0; + padding: 1px; } + +.ui-datepicker td a, .ui-datepicker td span { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; } + +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; } + +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em; + width: auto; + overflow: visible; } + +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; } + +.ui-datepicker.ui-datepicker-multi { + width: auto; } + +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; } + +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; } + +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; } + +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; } + +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; } + +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; } + +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; } + +.ui-datepicker-rtl { + direction: rtl; } + +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { + float: right; } + +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; } + +.side-body, .full-page-wrapper { + min-height: 100%; + position: relative; + margin-bottom: 65px; } + +.side-body h3, .pagetitle, .list-surveys h3 { + position: relative; + padding: 0.5em; + margin-bottom: 1em; + animation: fadein 1s; } + +body { + font-size: 14px; + line-height: 1.428571429; + margin: 0; } + body .row { + margin-right: 0; + margin-left: 0; } + +.jumbotron { + text-align: center; } + .jumbotron.message-box { + margin-top: 1em; } + +html { + position: relative; + min-height: 100%; } + +.main-container { + padding-bottom: 100px; } + +#welcome-jumbotron { + padding-top: 0; + padding-bottom: 10px; + background-color: transparent; } + +.surveymanagerbar { + margin-top: -20px; + padding-top: 5px; } + .surveymanagerbar h3 { + margin-top: 5px; + font-weight: 300; + font-size: 1.5em; } + +.surveybar { + padding-top: 5px; + padding-bottom: 5px; + z-index: 1000; } + +.tab-content { + padding-top: 2em; } + +:focus { + outline: none; } + +.navbar-brand { + font-weight: 400; } + +.navbar { + border-radius: 0 !important; } + .navbar a { + font-weight: 400; } + .navbar .dropdown-menu > li > a { + font-weight: 400; } + .navbar .nav-icon-btn > a .label { + font-size: 10px; + padding: 0 3px; + line-height: 15px; + position: absolute; + display: block; + right: 5px; + top: 10px; } + +.lime-icon { + display: inline-block; + height: 1em; + width: 1em; } + +.mega-dropdown { + position: static !important; } + +.mega-dropdown-menu { + padding: 20px 0; + width: 100%; } + .mega-dropdown-menu .dropdown-header { + font-size: 18px; + padding: 5px 60px 5px 5px; + line-height: 30px; } + .mega-dropdown-menu > li > ul { + padding: 0; + margin: 0; } + .mega-dropdown-menu > li > ul > li { + list-style: none; } + .mega-dropdown-menu > li > ul > li > a { + display: block; + padding: 3px 5px; } + .mega-dropdown-menu > li ul > li > a:hover { + text-decoration: none; } + .mega-dropdown-menu > li ul > li > a:focus { + text-decoration: none; } + +#mainmenu-dropdown { + z-index: 20002; } + +.footer { + z-index: 100; + position: absolute; + bottom: 0; + display: block; + width: 100%; + height: 60px; + padding-top: 1em; } + +.alert-security-update { + margin: 0; } + +#update-container { + margin-top: 10px; + z-index: 10100; } + #update-container .alert { + margin-bottom: 5px; } + +.box { + border-radius: 3px; + padding: 10px 25px; + text-align: right; + display: block; + margin-top: 10px; } + +#info-header { + font-size: 3em; } + +#info-footer { + font-size: 2em; } + +.box-icon { + border-radius: 50%; + display: table; + height: 50px; + margin: 0 auto; + width: 50px; + margin-top: -31px; } + .box-icon span { + display: table-cell; + text-align: center; + vertical-align: middle; } + +@keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-moz-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-webkit-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-ms-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-o-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-moz-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-webkit-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-ms-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-o-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +.form-group { + margin-bottom: 17px; } + +.cke_contents { + width: 650px; } + +.cke_toolgroup { + cursor: pointer; + cursor: hand; + border-radius: 0; } + +.message-box { + position: relative; + margin-top: 20px; + animation: slidefromtop 1s; } + +.welcome #lime-logo { + animation: fadein 1s; } + +.welcome .panel { + position: relative; + top: 50px; + opacity: 0; } + +.welcome .panel-body { + text-align: center; } + .welcome .panel-body img { + height: 4em; + margin-bottom: 1em; } + +.welcome .login-pannel .panel-body img { + margin-bottom: 0; } + +.alert { + position: relative; + animation: slidefromtop 1s; } + +@media screen and (min-width: 1280px) and (max-width: 1440px) { + .welcome .panel { + min-height: 188px; } } + +#welcomeModal { + z-index: 20000; } + +@media screen and (min-width: 1280px) and (max-width: 1366px) { + #add_user_btn { + margin-top: 1.5em; } + #user-control-table .form-group label { + min-width: 80px; } } + +.htmleditorboot { + padding-top: 2em; } + +#edit-question-body { + min-height: 1200px; } + +#profile-img { + min-height: 80px; } + +@media screen and (min-width: 1280px) and (max-width: 1680px) { + #profile-img { + min-height: 0; } } + +.login-pannel { + margin-top: 40px; } + +.login-content { + text-align: left; + padding: 1em; } + +.login-submit { + text-align: right; } + +#s2id_loginlang { + border: none; + padding: 0; } + +.ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-bdiv { + overflow: hidden; } + +.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-toppager { + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-htable th div { + height: auto; } + +.ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input { + margin-top: 8px; } + .ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid td input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid tr.ui-row-ltr td { + border: none; } + +#gs_completed { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } + +.ui-th-column { + margin-top: 8px; } + +.info > p { + padding-top: 10px; + text-align: justify; } + +.checkbox label:after { + padding-left: 4px; + padding-top: 2px; + font-size: 9px; } + +.survey-action .panel-body img { + height: 3em; } + +div.panel.disabled { + opacity: 0.5; + border: none; } + div.panel.disabled * { + opacity: 0.5; + border: none; } + div.panel.disabled a { + cursor: default; } + +#edit-group .tab-pane { + padding: 1em; } + +.panel-clickable:hover { + cursor: pointer; + cursor: hand; } + +.ui-widget-content .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-widget-header .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-search-toolbar th div { + min-height: 40px; } + +.absolute-wrapper { + position: fixed; + left: 0; + width: 300px; + height: 100%; } + +.side-menu { + position: absolute; + width: 300px; + padding: 0; + left: 0; } + .side-menu .navbar { + border: none; + box-shadow: none; } + .side-menu .navbar-header { + width: 100%; } + .side-menu .navbar-nav li { + display: block; + width: 100%; } + .side-menu .navbar-nav li a { + padding: 15px; } + .side-menu .navbar-nav li a .glyphicon { + padding-right: 10px; } + .side-menu .navbar-nav .question-link.active { + background-color: transparent; + padding: 15px 15px 15px 0px; + margin-bottom: 5px; + margin-right: -1px; } + .side-menu .navbar-nav .question-link.active:hover { + text-decoration: none; + cursor: default; } + .side-menu .navbar-nav .question-link { + display: block; + padding-left: 0px; } + .side-menu .navbar-nav .question-link .question-collapse-title { + padding-left: 25px; } + .side-menu #dropdown { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + .side-menu #dropdown li:hover { + font-weight: 700; } + .side-menu #dropdown li.active:hover { + cursor: default; + background-color: transparent; + margin-right: -1px; } + .side-menu #dropdown li.disabled:hover { + font-weight: 700; + background-color: transparent; } + .side-menu #dropdown .caret { + float: right; + margin: 9px 5px 0; } + .side-menu #dropdown .indicator { + float: right; } + .side-menu #dropdown .panel-body { + padding: 0; } + .side-menu #dropdown .panel-body .navbar-nav { + width: 100%; } + .side-menu #dropdown .panel-body .navbar-nav li { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel { + margin-bottom: 0; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel-default { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li:last-child { + border-bottom: none; } + .side-menu #dropdown .panel-body .panel-body { + margin-left: -15px; } + .side-menu #dropdown .panel-body .panel > a { + margin-left: -20px; + padding-left: 35px; } + .side-menu #dropdown .question-group-collapse .caret { + float: none; + margin-bottom: 9px; } + .side-menu .hide-button { + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu .brand-name-wrapper { + min-height: 50px; } + .side-menu .brand-name-wrapper .navbar-brand { + display: block; } + .side-menu #search { + position: relative; + z-index: 1000; } + .side-menu #search .panel-body { + padding: 0; } + .side-menu #search .panel-body .navbar-form { + padding: 0; + padding-right: 50px; + width: 100%; + margin: 0; + position: relative; } + .side-menu #search .panel-body .navbar-form .form-group { + width: 100%; + position: relative; } + .side-menu #search .panel-body .navbar-form input { + border: 0; + border-radius: 0; + box-shadow: none; + width: 100%; + height: 50px; } + .side-menu #search .panel-body .navbar-form .btn { + position: absolute; + right: 0; + top: 0; + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu #explorer-collapse .caret { + float: none; + margin-bottom: 9px; } + +#explorer { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + #explorer ul { + font-size: 0.9em; } + +.dropdownstyle { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + +#sideMenu { + min-height: 700px; + overflow: hidden; } + #sideMenu a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown li:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li:hover > a { + width: 100%; + font-weight: 700; + border-bottom: none; } + #sideMenu #dropdown li a[aria-expanded="true"] { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li .active a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li > a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li > a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li > a:hover { + font-weight: 700; } + #sideMenu .navbar-default .navbar-nav > .active > a { + background-color: transparent; } + #sideMenu .side-menu .dropdownlvl1 > a:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover > a { + font-weight: 700; } + +.side-body { + min-height: 700px; + margin-left: 320px; } + +.question-group-collapse-title { + display: block; + padding-left: 20px; } + +.question-collapse-title { + display: block; + padding-left: 30px; } + +@media (max-width: 768px) { + .side-menu { + position: relative; + width: 100%; + height: 0; + border-right: 0; } + .side-menu .brand-name-wrapper .navbar-brand { + display: inline-block; } + @-moz-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-webkit-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-moz-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-webkit-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-moz-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-webkit-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-moz-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @-webkit-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + .side-body { + margin-left: 5px; + margin-top: 70px; + position: relative; + animation: bodyslideout 300ms forwards; + transform-style: preserve-3d; } + .body-slide-in { + animation: bodyslidein 300ms forwards; + transform-style: preserve-3d; } + .navbar-toggle { + border: 0; + float: left; + padding: 18px; + margin: 0; + border-radius: 0; } + .navbar-header { + position: fixed; + width: 100%; + z-index: 3; } + .side-menu-container > .navbar-nav { + position: fixed; + left: -300px; + width: 300px; + top: 43px; + height: 100%; + animation: slideout 300ms forwards; + transform-style: preserve-3d; } + .side-menu-container > .navbar-nav.slide-in { + animation: slidein 300ms forwards; + transform-style: preserve-3d; } + #search .panel-body .navbar-form { + border-bottom: 0; } + #search .panel-body .navbar-form .form-group { + margin: 0; } + #dropdown .panel-body .navbar-nav { + margin: 0; } } + +.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + .content-right .col-lg-12 { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.toWhite a:hover { + font-weight: 700; } + +.col-lg-12.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { + color: #fff; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { + color: #fff; } + +.btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-info:hover { + color: #fff; } + +/** +* Radio / Check box buttons +*/ +input[type="checkbox"], +input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; } + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; } + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; } + +.radio label, +.checkbox label { + min-height: 23px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; } + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; } + +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; } + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; } + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"].disabled, +input[type="checkbox"].disabled, +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; } + +.radio-inline.disabled, +.checkbox-inline.disabled, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; } + +.radio.disabled label, +.checkbox.disabled label, +fieldset[disabled] .radio label, +fieldset[disabled] .checkbox label { + cursor: not-allowed; } + +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #4caf50; } + +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #ff9800; } + +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #e51c23; } + +@media (min-width: 768px) { + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } + .form-inline .has-feedback .form-control-feedback { + top: 0; } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } } + +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; } + +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 30px; } + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; } + +.radio label, +.radio-inline label, +.checkbox label, +.checkbox-inline label { + padding-left: 25px; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="radio"], +.checkbox-inline input[type="radio"], +.radio input[type="checkbox"], +.radio-inline input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + margin-left: -25px; } + +input[type="radio"], +.radio input[type="radio"], +.radio-inline input[type="radio"] { + position: relative; + margin-top: 6px; + margin-right: 4px; + vertical-align: top; + border: none; + background-color: transparent; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="radio"]:focus, +.radio input[type="radio"]:focus, +.radio-inline input[type="radio"]:focus { + outline: none; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before, +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + border-radius: 50%; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before { + position: absolute; + left: 0; + top: -3px; + background-color: #2196f3; + -webkit-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); } + +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + position: relative; + top: -3px; + border: 2px solid #666666; } + +input[type="radio"]:checked:before, +.radio input[type="radio"]:checked:before, +.radio-inline input[type="radio"]:checked:before { + -webkit-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); } + +input[type="radio"]:disabled:checked:before, +.radio input[type="radio"]:disabled:checked:before, +.radio-inline input[type="radio"]:disabled:checked:before { + background-color: #bbbbbb; } + +input[type="radio"]:checked:after, +.radio input[type="radio"]:checked:after, +.radio-inline input[type="radio"]:checked:after { + border-color: #2196f3; } + +input[type="radio"]:disabled:after, +.radio input[type="radio"]:disabled:after, +.radio-inline input[type="radio"]:disabled:after, +input[type="radio"]:disabled:checked:after, +.radio input[type="radio"]:disabled:checked:after, +.radio-inline input[type="radio"]:disabled:checked:after { + border-color: #bbbbbb; } + +input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: relative; + border: none; + margin-bottom: -4px; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="checkbox"]:focus, +.checkbox input[type="checkbox"]:focus, +.checkbox-inline input[type="checkbox"]:focus { + outline: none; } + +input[type="checkbox"]:focus:after, +.checkbox input[type="checkbox"]:focus:after, +.checkbox-inline input[type="checkbox"]:focus:after { + border-color: #2196f3; } + +input[type="checkbox"]:after, +.checkbox input[type="checkbox"]:after, +.checkbox-inline input[type="checkbox"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + margin-top: -2px; + margin-right: 5px; + border: 2px solid #666666; + border-radius: 2px; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="checkbox"]:checked:before, +.checkbox input[type="checkbox"]:checked:before, +.checkbox-inline input[type="checkbox"]:checked:before { + content: ""; + position: absolute; + top: 0; + left: 6px; + display: table; + width: 6px; + height: 12px; + border: 2px solid #fff; + border-top-width: 0; + border-left-width: 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); } + +input[type="checkbox"]:disabled:after, +.checkbox input[type="checkbox"]:disabled:after, +.checkbox-inline input[type="checkbox"]:disabled:after { + border-color: #bbbbbb; } + +input[type="checkbox"]:disabled:checked:after, +.checkbox input[type="checkbox"]:disabled:checked:after, +.checkbox-inline input[type="checkbox"]:disabled:checked:after { + background-color: #bbbbbb; + border-color: transparent; } + +.has-warning input:not([type=checkbox]), +.has-warning .form-control, +.has-warning input.form-control[readonly], +.has-warning input[type=text][readonly], +.has-warning [type=text].form-control[readonly], +.has-warning input:not([type=checkbox]):focus, +.has-warning .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #ff9800; + box-shadow: inset 0 -2px 0 #ff9800; } + +.has-error input:not([type=checkbox]), +.has-error .form-control, +.has-error input.form-control[readonly], +.has-error input[type=text][readonly], +.has-error [type=text].form-control[readonly], +.has-error input:not([type=checkbox]):focus, +.has-error .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #e51c23; + box-shadow: inset 0 -2px 0 #e51c23; } + +.has-success input:not([type=checkbox]), +.has-success .form-control, +.has-success input.form-control[readonly], +.has-success input[type=text][readonly], +.has-success [type=text].form-control[readonly], +.has-success input:not([type=checkbox]):focus, +.has-success .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #4caf50; + box-shadow: inset 0 -2px 0 #4caf50; } + +/* jqGrid */ +.ui-widget-content { + border: none; + background: none; + color: #404040; } + +.ui-jqgrid .ui-jqgrid-titlebar { + padding: 1em; } + +.container-fluid .ui-widget-content .ui-state-default, .container-fluid .ui-jqgrid .ui-jqgrid-bdiv { + padding: 0.5em; } + +.ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { + border-radius: 4px; + padding: 1em; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqdialog-titlebar { + height: 2em; + width: 100%; } + +.EditTable tr td { + padding: 1em; } + +.ui-jqdialog-content input.FormElement { + padding: .3em; } + +.ui-jqdialog-content input[type="checkbox"].FormElement { + padding: 0em; } + +.EditTable td select, .EditTable td textarea { + display: inline-block; + width: auto; + vertical-align: middle; + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + color: #636363; + background-color: #ffffff; + border: 1px solid #cccccc; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + +.EditTable td input, .EditTable td select, .EditTable td textarea { + margin: 0; } + +input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input { + display: inline-block; + font-size: 14px; + line-height: 18px; + border: 1px solid #ccc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + +input:focus, textarea:focus { + outline: 0; + border-color: rgba(82, 168, 236, 0.8); + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } + +#displayparticipants_firstname, #displayparticipants_lastname, #displayparticipants_owner_uid { + padding-left: 40px; } + +#displayparticipants_language { + padding-left: 50px; } + +#jqgh_displayparticipants_email { + padding-left: 140px; } + +#displayparticipants_survey { + padding-left: 20px; } + +.navtable { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqgrid-title { + padding: 1em 0em 1em 1em; + font-style: italic; + font-weight: 700; } + +.ui-pg-button { + padding: 0.4em; } + +.ui-pg-button:hover { + cursor: pointer; } + +.ui-state-disabled:hover { + cursor: default; } + +.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all { + width: 100%; + overflow: hidden; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +[aria-hidden=true] { + display: none; + visibility: hidden; } + +.modal-22 { + position: absolute; + width: 600px; } + +.modal-22 .ui-jqdialog-titlebar .ui-jqdialog-title { + width: 80%; } + +.modal-22 .ui-jqdialog-content { + padding: 1em; } + +.ui-dialog-titlebar-close { + border: 1px solid transparent; + border-radius: 4px; + float: right; + color: #333; + background-color: #fff; + border-color: #ccc; + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-image: none; + -webkit-appearance: button; + cursor: pointer; + overflow: visible; + margin: 0; + font: normal normal normal 14px/1 FontAwesome; } + +.ui-dialog-titlebar-close:before { + content: "\f00d"; } + +.em-expression { + font-weight: bold; } + +.data-entry-tbl tr.odd td, .data-entry-tbl tr.even td { + padding: 20px 0 20px 0; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + position: absolute; + right: 1em; + top: 10px; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + cursor: pointer; } + +/** + * Template selector + */ +#carousel-example-generic { + margin-left: 20px; } + +#carousel-example-generic .carousel-control { + font-size: 1em; + top: -80px; } + +#carousel-example-generic .left.carousel-control { + left: -20px; } + +#carousel-example-generic .right.carousel-control { + right: -20px; } + +#carousel-example-generic .panel-title { + text-align: center; + padding-top: 0px; } + +#carousel-example-generic .carousel-inner img { + margin: auto; + top: 9px; + position: relative; } + +#carousel-example-generic .selectTemplate { + display: inline-block; + position: relative; + left: 0px; + top: 320px; } + +#carousel-example-generic .carousel-caption { + width: 100%; + left: 0; + top: 0px; + padding-top: 0px; } + +#carousel-example-generic, #carousel-example-generic .carousel-inner { + min-height: 150px; } + +#carousel-example-generic .carousel-indicators { + top: 370px; + width: 80%; + left: 39%; } + +#carousel-example-generic .carousel-indicators li { + margin: 0px; + width: 8px; + height: 8px; } + +.side-body #carousel-example-generic h3 { + border: none; } + +#systemoverview { + margin: 1em 0 1em 0; } + +/** + * Ajax loader + * from : http://codepen.io/weaintplastic/pen/qEMZbx + */ +.preloader { + position: absolute; + top: 50%; + left: 50%; + font-size: 20px; + display: block; + width: 3.75em; + height: 4.25em; + margin-left: -1.875em; + margin-top: -2.125em; + transform-origin: center center; + transform: rotateY(180deg) rotateZ(-60deg); } + .preloader .slice { + border-top: 1.125em solid transparent; + border-right: none; + border-bottom: 1em solid transparent; + border-left: 1.875em solid #f7484e; + position: absolute; + top: 0px; + left: 50%; + transform-origin: left bottom; + border-radius: 3px 3px 0 0; } + .preloader .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.82s preload-hide-1 both 1; } + .preloader .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.74s preload-hide-2 both 1; } + .preloader .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.66s preload-hide-3 both 1; } + .preloader .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.58s preload-hide-4 both 1; } + .preloader .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.5s preload-hide-5 both 1; } + .preloader .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.42s preload-hide-6 both 1; } + .preloader.loading { + animation: 2s preload-flip steps(2) infinite both; } + .preloader.loading .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-1 linear infinite both; } + .preloader.loading .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-2 linear infinite both; } + .preloader.loading .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-3 linear infinite both; } + .preloader.loading .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-4 linear infinite both; } + .preloader.loading .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-5 linear infinite both; } + .preloader.loading .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-6 linear infinite both; } + +/** + * comfortUpdate + */ +#ajaxContainerLoading { + height: 130px; + text-align: center; + margin-top: 70px; + margin-bottom: 100px; + display: none; } + +#comfortUpdateIcon { + height: 1em; + margin-right: 0.5em; } + +#comfortUpdateGeneralWrap .on { + font-weight: bold; + font-size: 1em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap .on span { + display: block; + padding: 0.1em; + padding-left: 0.5em; + width: 40%; } + +#comfortUpdateGeneralWrap .off { + font-size: 0.9em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap #welcomeMessage, #comfortUpdateGeneralWrap #btn-container { + border-right: 1px solid #EEE; } + +#comfortUpdateGeneralWrap #key-actions { + padding-left: 1em; } + +#update-alert.unstable-update { + background-color: #fff; + border: 1px solid #A0352F; + color: #A0352F; + margin-top: 1em; } + +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + border-bottom-color: transparent; + cursor: default; } + +.answertable.table td { + vertical-align: middle; } + +.btnaddanswer:hover, .btndelanswer:hover { + cursor: pointer; } + +.jumbotron p { + font-weight: 300; } + +span[data-tooltip] { + display: inline-block; } + +.glyphicon-move:hover { + cursor: pointer; } + +.answertable .glyphicon-pencil { + margin-left: 3px; } + +#statisticsview .panel { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +#explorer-collapse { + border-bottom: none; } + +#explorer-collapse:hover, #sideMenu #dropdown li a#explorer-collapse[aria-expanded="true"], #sideMenu #dropdown li a.question-group-collapse[aria-expanded="true"] { + width: auto; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container, #sideMenu #dropdown li#questionexplorer-group-container > a { + line-height: 1.4; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container:hover, #sideMenu #dropdown li#questionexplorer-group-container:hover > a { + background-color: #fafafa; + font-weight: 400; + line-height: 1.4; } + +.explorer-group-title { + margin-top: 1em; + padding: 0em 0 1em 0; } + +.explorer-group-title a.explorer-group, .question-collapse-title { + color: #163c19; } + +#item-container, #jcarousel-wrapper-container { + width: 300px; } + +#item-container h4 { + margin-bottom: 30px; } + +.selectTemplate { + margin-top: 10px; } + +.imgSelectTemplate { + cursor: pointer; } + +.template-img { + padding: 1em; } + +#additional_languages { + min-width: 200px; } + +#available_languages { + min-width: 200px; } + +.modal { + top: 50px; } + +#tokensidemenu { + border-top: 1px solid #e3e3e3; } + +.question-item { + padding: 1em; + margin: 1em 0 1em 0; + cursor: pointer; } + +/* +$color_deep_fir_approx: darken( $base-color, 20% ); +$color_acapulco_approx: adjust-color($base-color, $hue: 24deg, $saturation: -22%, $lightness: 25%); +$color_aqua_forest_approx: adjust-color($base-color, $hue: 4deg, $saturation: -24%, $lightness: 14%); +$color_paradiso_approx:adjust-color($base-color, $lightness: 5%); ; +$color_norway_approx: adjust-color($base-color, $hue: 0deg, $saturation: -28%, $lightness: 31%); +*/ +.placeholder { + padding: 1em; + margin: 1em 0 1em 0; } + +/* RTL stuff (right-to-left locale) */ +.no-gutter > [class*='col-'] { + padding-right: 0; + padding-left: 0; } diff --git a/themes/admin/Noto_All_Languages/css/lime-admin-colors.css b/themes/admin/Noto_All_Languages/css/lime-admin-colors.css index 5d57fb7432b..f0b2b6e14e9 100644 --- a/themes/admin/Noto_All_Languages/css/lime-admin-colors.css +++ b/themes/admin/Noto_All_Languages/css/lime-admin-colors.css @@ -1954,12 +1954,6 @@ input[type="checkbox"]:checked:after, background-color: #328637; border-color: #328637; } -input[type="checkbox"]:indeterminate:after, -.checkbox input[type="checkbox"]:indeterminate:after, -.checkbox-inline input[type="checkbox"]:indeterminate:after { - background-color: #328637; - border-color: #328637; } - /* jqGrid */ .ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { background-color: #ffffff; diff --git a/themes/admin/Noto_All_Languages/css/lime-admin-common.css b/themes/admin/Noto_All_Languages/css/lime-admin-common.css new file mode 100644 index 00000000000..2f8b4ab93e4 --- /dev/null +++ b/themes/admin/Noto_All_Languages/css/lime-admin-common.css @@ -0,0 +1,1631 @@ +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; } + +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; } + +.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; } + +.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { + top: 1px; } + +.ui-datepicker .ui-datepicker-prev { + left: 2px; } + +.ui-datepicker .ui-datepicker-next { + right: 10px; } + +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; } + +.ui-datepicker .ui-datepicker-next-hover { + right: 10px; } + +.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; } + +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; } + +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; } + +.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { + width: 49%; } + +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; } + +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: 700; + border: 0; } + +.ui-datepicker td { + border: 0; + padding: 1px; } + +.ui-datepicker td a, .ui-datepicker td span { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; } + +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; } + +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em; + width: auto; + overflow: visible; } + +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; } + +.ui-datepicker.ui-datepicker-multi { + width: auto; } + +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; } + +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; } + +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; } + +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; } + +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; } + +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; } + +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; } + +.ui-datepicker-rtl { + direction: rtl; } + +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { + float: right; } + +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; } + +.side-body, .full-page-wrapper { + min-height: 100%; + position: relative; + margin-bottom: 65px; } + +.side-body h3, .pagetitle, .list-surveys h3 { + position: relative; + padding: 0.5em; + margin-bottom: 1em; + animation: fadein 1s; } + +body { + font-size: 14px; + line-height: 1.428571429; + margin: 0; } + body .row { + margin-right: 0; + margin-left: 0; } + +.jumbotron { + text-align: center; } + .jumbotron.message-box { + margin-top: 1em; } + +html { + position: relative; + min-height: 100%; } + +.main-container { + padding-bottom: 100px; } + +#welcome-jumbotron { + padding-top: 0; + padding-bottom: 10px; + background-color: transparent; } + +.surveymanagerbar { + margin-top: -20px; + padding-top: 5px; } + .surveymanagerbar h3 { + margin-top: 5px; + font-weight: 300; + font-size: 1.5em; } + +.surveybar { + padding-top: 5px; + padding-bottom: 5px; + z-index: 1000; } + +.tab-content { + padding-top: 2em; } + +:focus { + outline: none; } + +.navbar-brand { + font-weight: 400; } + +.navbar { + border-radius: 0 !important; } + .navbar a { + font-weight: 400; } + .navbar .dropdown-menu > li > a { + font-weight: 400; } + .navbar .nav-icon-btn > a .label { + font-size: 10px; + padding: 0 3px; + line-height: 15px; + position: absolute; + display: block; + right: 5px; + top: 10px; } + +.lime-icon { + display: inline-block; + height: 1em; + width: 1em; } + +.mega-dropdown { + position: static !important; } + +.mega-dropdown-menu { + padding: 20px 0; + width: 100%; } + .mega-dropdown-menu .dropdown-header { + font-size: 18px; + padding: 5px 60px 5px 5px; + line-height: 30px; } + .mega-dropdown-menu > li > ul { + padding: 0; + margin: 0; } + .mega-dropdown-menu > li > ul > li { + list-style: none; } + .mega-dropdown-menu > li > ul > li > a { + display: block; + padding: 3px 5px; } + .mega-dropdown-menu > li ul > li > a:hover { + text-decoration: none; } + .mega-dropdown-menu > li ul > li > a:focus { + text-decoration: none; } + +#mainmenu-dropdown { + z-index: 20002; } + +.footer { + z-index: 100; + position: absolute; + bottom: 0; + display: block; + width: 100%; + height: 60px; + padding-top: 1em; } + +.alert-security-update { + margin: 0; } + +#update-container { + margin-top: 10px; + z-index: 10100; } + #update-container .alert { + margin-bottom: 5px; } + +.box { + border-radius: 3px; + padding: 10px 25px; + text-align: right; + display: block; + margin-top: 10px; } + +#info-header { + font-size: 3em; } + +#info-footer { + font-size: 2em; } + +.box-icon { + border-radius: 50%; + display: table; + height: 50px; + margin: 0 auto; + width: 50px; + margin-top: -31px; } + .box-icon span { + display: table-cell; + text-align: center; + vertical-align: middle; } + +@keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-moz-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-webkit-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-ms-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-o-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-moz-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-webkit-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-ms-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-o-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +.form-group { + margin-bottom: 17px; } + +.cke_contents { + width: 650px; } + +.cke_toolgroup { + cursor: pointer; + cursor: hand; + border-radius: 0; } + +.message-box { + position: relative; + margin-top: 20px; + animation: slidefromtop 1s; } + +.welcome #lime-logo { + animation: fadein 1s; } + +.welcome .panel { + position: relative; + top: 50px; + opacity: 0; } + +.welcome .panel-body { + text-align: center; } + .welcome .panel-body img { + height: 4em; + margin-bottom: 1em; } + +.welcome .login-pannel .panel-body img { + margin-bottom: 0; } + +.alert { + position: relative; + animation: slidefromtop 1s; } + +@media screen and (min-width: 1280px) and (max-width: 1440px) { + .welcome .panel { + min-height: 188px; } } + +#welcomeModal { + z-index: 20000; } + +@media screen and (min-width: 1280px) and (max-width: 1366px) { + #add_user_btn { + margin-top: 1.5em; } + #user-control-table .form-group label { + min-width: 80px; } } + +.htmleditorboot { + padding-top: 2em; } + +#edit-question-body { + min-height: 1200px; } + +#profile-img { + min-height: 80px; } + +@media screen and (min-width: 1280px) and (max-width: 1680px) { + #profile-img { + min-height: 0; } } + +.login-pannel { + margin-top: 40px; } + +.login-content { + text-align: left; + padding: 1em; } + +.login-submit { + text-align: right; } + +#s2id_loginlang { + border: none; + padding: 0; } + +.ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-bdiv { + overflow: hidden; } + +.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-toppager { + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-htable th div { + height: auto; } + +.ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input { + margin-top: 8px; } + .ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid td input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid tr.ui-row-ltr td { + border: none; } + +#gs_completed { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } + +.ui-th-column { + margin-top: 8px; } + +.info > p { + padding-top: 10px; + text-align: justify; } + +.checkbox label:after { + padding-left: 4px; + padding-top: 2px; + font-size: 9px; } + +.survey-action .panel-body img { + height: 3em; } + +div.panel.disabled { + opacity: 0.5; + border: none; } + div.panel.disabled * { + opacity: 0.5; + border: none; } + div.panel.disabled a { + cursor: default; } + +#edit-group .tab-pane { + padding: 1em; } + +.panel-clickable:hover { + cursor: pointer; + cursor: hand; } + +.ui-widget-content .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-widget-header .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-search-toolbar th div { + min-height: 40px; } + +.absolute-wrapper { + position: fixed; + left: 0; + width: 300px; + height: 100%; } + +.side-menu { + position: absolute; + width: 300px; + padding: 0; + left: 0; } + .side-menu .navbar { + border: none; + box-shadow: none; } + .side-menu .navbar-header { + width: 100%; } + .side-menu .navbar-nav li { + display: block; + width: 100%; } + .side-menu .navbar-nav li a { + padding: 15px; } + .side-menu .navbar-nav li a .glyphicon { + padding-right: 10px; } + .side-menu .navbar-nav .question-link.active { + background-color: transparent; + padding: 15px 15px 15px 0px; + margin-bottom: 5px; + margin-right: -1px; } + .side-menu .navbar-nav .question-link.active:hover { + text-decoration: none; + cursor: default; } + .side-menu .navbar-nav .question-link { + display: block; + padding-left: 0px; } + .side-menu .navbar-nav .question-link .question-collapse-title { + padding-left: 25px; } + .side-menu #dropdown { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + .side-menu #dropdown li:hover { + font-weight: 700; } + .side-menu #dropdown li.active:hover { + cursor: default; + background-color: transparent; + margin-right: -1px; } + .side-menu #dropdown li.disabled:hover { + font-weight: 700; + background-color: transparent; } + .side-menu #dropdown .caret { + float: right; + margin: 9px 5px 0; } + .side-menu #dropdown .indicator { + float: right; } + .side-menu #dropdown .panel-body { + padding: 0; } + .side-menu #dropdown .panel-body .navbar-nav { + width: 100%; } + .side-menu #dropdown .panel-body .navbar-nav li { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel { + margin-bottom: 0; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel-default { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li:last-child { + border-bottom: none; } + .side-menu #dropdown .panel-body .panel-body { + margin-left: -15px; } + .side-menu #dropdown .panel-body .panel > a { + margin-left: -20px; + padding-left: 35px; } + .side-menu #dropdown .question-group-collapse .caret { + float: none; + margin-bottom: 9px; } + .side-menu .hide-button { + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu .brand-name-wrapper { + min-height: 50px; } + .side-menu .brand-name-wrapper .navbar-brand { + display: block; } + .side-menu #search { + position: relative; + z-index: 1000; } + .side-menu #search .panel-body { + padding: 0; } + .side-menu #search .panel-body .navbar-form { + padding: 0; + padding-right: 50px; + width: 100%; + margin: 0; + position: relative; } + .side-menu #search .panel-body .navbar-form .form-group { + width: 100%; + position: relative; } + .side-menu #search .panel-body .navbar-form input { + border: 0; + border-radius: 0; + box-shadow: none; + width: 100%; + height: 50px; } + .side-menu #search .panel-body .navbar-form .btn { + position: absolute; + right: 0; + top: 0; + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu #explorer-collapse .caret { + float: none; + margin-bottom: 9px; } + +#explorer { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + #explorer ul { + font-size: 0.9em; } + +.dropdownstyle { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + +#sideMenu { + min-height: 700px; + overflow: hidden; } + #sideMenu a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown li:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li:hover > a { + width: 100%; + font-weight: 700; + border-bottom: none; } + #sideMenu #dropdown li a[aria-expanded="true"] { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li .active a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li > a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li > a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li > a:hover { + font-weight: 700; } + #sideMenu .navbar-default .navbar-nav > .active > a { + background-color: transparent; } + #sideMenu .side-menu .dropdownlvl1 > a:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover > a { + font-weight: 700; } + +.side-body { + min-height: 700px; + margin-left: 320px; } + +.question-group-collapse-title { + display: block; + padding-left: 20px; } + +.question-collapse-title { + display: block; + padding-left: 30px; } + +@media (max-width: 768px) { + .side-menu { + position: relative; + width: 100%; + height: 0; + border-right: 0; } + .side-menu .brand-name-wrapper .navbar-brand { + display: inline-block; } + @-moz-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-webkit-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-moz-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-webkit-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-moz-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-webkit-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-moz-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @-webkit-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + .side-body { + margin-left: 5px; + margin-top: 70px; + position: relative; + animation: bodyslideout 300ms forwards; + transform-style: preserve-3d; } + .body-slide-in { + animation: bodyslidein 300ms forwards; + transform-style: preserve-3d; } + .navbar-toggle { + border: 0; + float: left; + padding: 18px; + margin: 0; + border-radius: 0; } + .navbar-header { + position: fixed; + width: 100%; + z-index: 3; } + .side-menu-container > .navbar-nav { + position: fixed; + left: -300px; + width: 300px; + top: 43px; + height: 100%; + animation: slideout 300ms forwards; + transform-style: preserve-3d; } + .side-menu-container > .navbar-nav.slide-in { + animation: slidein 300ms forwards; + transform-style: preserve-3d; } + #search .panel-body .navbar-form { + border-bottom: 0; } + #search .panel-body .navbar-form .form-group { + margin: 0; } + #dropdown .panel-body .navbar-nav { + margin: 0; } } + +.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + .content-right .col-lg-12 { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.toWhite a:hover { + font-weight: 700; } + +.col-lg-12.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { + color: #fff; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { + color: #fff; } + +.btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-info:hover { + color: #fff; } + +/** +* Radio / Check box buttons +*/ +input[type="checkbox"], +input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; } + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; } + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; } + +.radio label, +.checkbox label { + min-height: 23px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; } + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; } + +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; } + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; } + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"].disabled, +input[type="checkbox"].disabled, +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; } + +.radio-inline.disabled, +.checkbox-inline.disabled, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; } + +.radio.disabled label, +.checkbox.disabled label, +fieldset[disabled] .radio label, +fieldset[disabled] .checkbox label { + cursor: not-allowed; } + +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #4caf50; } + +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #ff9800; } + +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #e51c23; } + +@media (min-width: 768px) { + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } + .form-inline .has-feedback .form-control-feedback { + top: 0; } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } } + +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; } + +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 30px; } + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; } + +.radio label, +.radio-inline label, +.checkbox label, +.checkbox-inline label { + padding-left: 25px; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="radio"], +.checkbox-inline input[type="radio"], +.radio input[type="checkbox"], +.radio-inline input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + margin-left: -25px; } + +input[type="radio"], +.radio input[type="radio"], +.radio-inline input[type="radio"] { + position: relative; + margin-top: 6px; + margin-right: 4px; + vertical-align: top; + border: none; + background-color: transparent; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="radio"]:focus, +.radio input[type="radio"]:focus, +.radio-inline input[type="radio"]:focus { + outline: none; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before, +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + border-radius: 50%; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before { + position: absolute; + left: 0; + top: -3px; + background-color: #2196f3; + -webkit-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); } + +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + position: relative; + top: -3px; + border: 2px solid #666666; } + +input[type="radio"]:checked:before, +.radio input[type="radio"]:checked:before, +.radio-inline input[type="radio"]:checked:before { + -webkit-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); } + +input[type="radio"]:disabled:checked:before, +.radio input[type="radio"]:disabled:checked:before, +.radio-inline input[type="radio"]:disabled:checked:before { + background-color: #bbbbbb; } + +input[type="radio"]:checked:after, +.radio input[type="radio"]:checked:after, +.radio-inline input[type="radio"]:checked:after { + border-color: #2196f3; } + +input[type="radio"]:disabled:after, +.radio input[type="radio"]:disabled:after, +.radio-inline input[type="radio"]:disabled:after, +input[type="radio"]:disabled:checked:after, +.radio input[type="radio"]:disabled:checked:after, +.radio-inline input[type="radio"]:disabled:checked:after { + border-color: #bbbbbb; } + +input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: relative; + border: none; + margin-bottom: -4px; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="checkbox"]:focus, +.checkbox input[type="checkbox"]:focus, +.checkbox-inline input[type="checkbox"]:focus { + outline: none; } + +input[type="checkbox"]:focus:after, +.checkbox input[type="checkbox"]:focus:after, +.checkbox-inline input[type="checkbox"]:focus:after { + border-color: #2196f3; } + +input[type="checkbox"]:after, +.checkbox input[type="checkbox"]:after, +.checkbox-inline input[type="checkbox"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + margin-top: -2px; + margin-right: 5px; + border: 2px solid #666666; + border-radius: 2px; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="checkbox"]:checked:before, +.checkbox input[type="checkbox"]:checked:before, +.checkbox-inline input[type="checkbox"]:checked:before { + content: ""; + position: absolute; + top: 0; + left: 6px; + display: table; + width: 6px; + height: 12px; + border: 2px solid #fff; + border-top-width: 0; + border-left-width: 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); } + +input[type="checkbox"]:disabled:after, +.checkbox input[type="checkbox"]:disabled:after, +.checkbox-inline input[type="checkbox"]:disabled:after { + border-color: #bbbbbb; } + +input[type="checkbox"]:disabled:checked:after, +.checkbox input[type="checkbox"]:disabled:checked:after, +.checkbox-inline input[type="checkbox"]:disabled:checked:after { + background-color: #bbbbbb; + border-color: transparent; } + +.has-warning input:not([type=checkbox]), +.has-warning .form-control, +.has-warning input.form-control[readonly], +.has-warning input[type=text][readonly], +.has-warning [type=text].form-control[readonly], +.has-warning input:not([type=checkbox]):focus, +.has-warning .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #ff9800; + box-shadow: inset 0 -2px 0 #ff9800; } + +.has-error input:not([type=checkbox]), +.has-error .form-control, +.has-error input.form-control[readonly], +.has-error input[type=text][readonly], +.has-error [type=text].form-control[readonly], +.has-error input:not([type=checkbox]):focus, +.has-error .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #e51c23; + box-shadow: inset 0 -2px 0 #e51c23; } + +.has-success input:not([type=checkbox]), +.has-success .form-control, +.has-success input.form-control[readonly], +.has-success input[type=text][readonly], +.has-success [type=text].form-control[readonly], +.has-success input:not([type=checkbox]):focus, +.has-success .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #4caf50; + box-shadow: inset 0 -2px 0 #4caf50; } + +/* jqGrid */ +.ui-widget-content { + border: none; + background: none; + color: #404040; } + +.ui-jqgrid .ui-jqgrid-titlebar { + padding: 1em; } + +.container-fluid .ui-widget-content .ui-state-default, .container-fluid .ui-jqgrid .ui-jqgrid-bdiv { + padding: 0.5em; } + +.ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { + border-radius: 4px; + padding: 1em; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqdialog-titlebar { + height: 2em; + width: 100%; } + +.EditTable tr td { + padding: 1em; } + +.ui-jqdialog-content input.FormElement { + padding: .3em; } + +.ui-jqdialog-content input[type="checkbox"].FormElement { + padding: 0em; } + +.EditTable td select, .EditTable td textarea { + display: inline-block; + width: auto; + vertical-align: middle; + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + color: #636363; + background-color: #ffffff; + border: 1px solid #cccccc; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + +.EditTable td input, .EditTable td select, .EditTable td textarea { + margin: 0; } + +input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input { + display: inline-block; + font-size: 14px; + line-height: 18px; + border: 1px solid #ccc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + +input:focus, textarea:focus { + outline: 0; + border-color: rgba(82, 168, 236, 0.8); + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } + +#displayparticipants_firstname, #displayparticipants_lastname, #displayparticipants_owner_uid { + padding-left: 40px; } + +#displayparticipants_language { + padding-left: 50px; } + +#jqgh_displayparticipants_email { + padding-left: 140px; } + +#displayparticipants_survey { + padding-left: 20px; } + +.navtable { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqgrid-title { + padding: 1em 0em 1em 1em; + font-style: italic; + font-weight: 700; } + +.ui-pg-button { + padding: 0.4em; } + +.ui-pg-button:hover { + cursor: pointer; } + +.ui-state-disabled:hover { + cursor: default; } + +.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all { + width: 100%; + overflow: hidden; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +[aria-hidden=true] { + display: none; + visibility: hidden; } + +.modal-22 { + position: absolute; + width: 600px; } + +.modal-22 .ui-jqdialog-titlebar .ui-jqdialog-title { + width: 80%; } + +.modal-22 .ui-jqdialog-content { + padding: 1em; } + +.ui-dialog-titlebar-close { + border: 1px solid transparent; + border-radius: 4px; + float: right; + color: #333; + background-color: #fff; + border-color: #ccc; + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-image: none; + -webkit-appearance: button; + cursor: pointer; + overflow: visible; + margin: 0; + font: normal normal normal 14px/1 FontAwesome; } + +.ui-dialog-titlebar-close:before { + content: "\f00d"; } + +.em-expression { + font-weight: bold; } + +.data-entry-tbl tr.odd td, .data-entry-tbl tr.even td { + padding: 20px 0 20px 0; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + position: absolute; + right: 1em; + top: 10px; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + cursor: pointer; } + +/** + * Template selector + */ +#carousel-example-generic { + margin-left: 20px; } + +#carousel-example-generic .carousel-control { + font-size: 1em; + top: -80px; } + +#carousel-example-generic .left.carousel-control { + left: -20px; } + +#carousel-example-generic .right.carousel-control { + right: -20px; } + +#carousel-example-generic .panel-title { + text-align: center; + padding-top: 0px; } + +#carousel-example-generic .carousel-inner img { + margin: auto; + top: 9px; + position: relative; } + +#carousel-example-generic .selectTemplate { + display: inline-block; + position: relative; + left: 0px; + top: 320px; } + +#carousel-example-generic .carousel-caption { + width: 100%; + left: 0; + top: 0px; + padding-top: 0px; } + +#carousel-example-generic, #carousel-example-generic .carousel-inner { + min-height: 150px; } + +#carousel-example-generic .carousel-indicators { + top: 370px; + width: 80%; + left: 39%; } + +#carousel-example-generic .carousel-indicators li { + margin: 0px; + width: 8px; + height: 8px; } + +.side-body #carousel-example-generic h3 { + border: none; } + +#systemoverview { + margin: 1em 0 1em 0; } + +/** + * Ajax loader + * from : http://codepen.io/weaintplastic/pen/qEMZbx + */ +.preloader { + position: absolute; + top: 50%; + left: 50%; + font-size: 20px; + display: block; + width: 3.75em; + height: 4.25em; + margin-left: -1.875em; + margin-top: -2.125em; + transform-origin: center center; + transform: rotateY(180deg) rotateZ(-60deg); } + .preloader .slice { + border-top: 1.125em solid transparent; + border-right: none; + border-bottom: 1em solid transparent; + border-left: 1.875em solid #f7484e; + position: absolute; + top: 0px; + left: 50%; + transform-origin: left bottom; + border-radius: 3px 3px 0 0; } + .preloader .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.82s preload-hide-1 both 1; } + .preloader .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.74s preload-hide-2 both 1; } + .preloader .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.66s preload-hide-3 both 1; } + .preloader .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.58s preload-hide-4 both 1; } + .preloader .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.5s preload-hide-5 both 1; } + .preloader .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.42s preload-hide-6 both 1; } + .preloader.loading { + animation: 2s preload-flip steps(2) infinite both; } + .preloader.loading .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-1 linear infinite both; } + .preloader.loading .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-2 linear infinite both; } + .preloader.loading .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-3 linear infinite both; } + .preloader.loading .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-4 linear infinite both; } + .preloader.loading .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-5 linear infinite both; } + .preloader.loading .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-6 linear infinite both; } + +/** + * comfortUpdate + */ +#ajaxContainerLoading { + height: 130px; + text-align: center; + margin-top: 70px; + margin-bottom: 100px; + display: none; } + +#comfortUpdateIcon { + height: 1em; + margin-right: 0.5em; } + +#comfortUpdateGeneralWrap .on { + font-weight: bold; + font-size: 1em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap .on span { + display: block; + padding: 0.1em; + padding-left: 0.5em; + width: 40%; } + +#comfortUpdateGeneralWrap .off { + font-size: 0.9em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap #welcomeMessage, #comfortUpdateGeneralWrap #btn-container { + border-right: 1px solid #EEE; } + +#comfortUpdateGeneralWrap #key-actions { + padding-left: 1em; } + +#update-alert.unstable-update { + background-color: #fff; + border: 1px solid #A0352F; + color: #A0352F; + margin-top: 1em; } + +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + border-bottom-color: transparent; + cursor: default; } + +.answertable.table td { + vertical-align: middle; } + +.btnaddanswer:hover, .btndelanswer:hover { + cursor: pointer; } + +.jumbotron p { + font-weight: 300; } + +span[data-tooltip] { + display: inline-block; } + +.glyphicon-move:hover { + cursor: pointer; } + +.answertable .glyphicon-pencil { + margin-left: 3px; } + +#statisticsview .panel { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +#explorer-collapse { + border-bottom: none; } + +#explorer-collapse:hover, #sideMenu #dropdown li a#explorer-collapse[aria-expanded="true"], #sideMenu #dropdown li a.question-group-collapse[aria-expanded="true"] { + width: auto; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container, #sideMenu #dropdown li#questionexplorer-group-container > a { + line-height: 1.4; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container:hover, #sideMenu #dropdown li#questionexplorer-group-container:hover > a { + background-color: #fafafa; + font-weight: 400; + line-height: 1.4; } + +.explorer-group-title { + margin-top: 1em; + padding: 0em 0 1em 0; } + +.explorer-group-title a.explorer-group, .question-collapse-title { + color: #163c19; } + +#item-container, #jcarousel-wrapper-container { + width: 300px; } + +#item-container h4 { + margin-bottom: 30px; } + +.selectTemplate { + margin-top: 10px; } + +.imgSelectTemplate { + cursor: pointer; } + +.template-img { + padding: 1em; } + +#additional_languages { + min-width: 200px; } + +#available_languages { + min-width: 200px; } + +.modal { + top: 50px; } + +#tokensidemenu { + border-top: 1px solid #e3e3e3; } + +.question-item { + padding: 1em; + margin: 1em 0 1em 0; + cursor: pointer; } + +/* +$color_deep_fir_approx: darken( $base-color, 20% ); +$color_acapulco_approx: adjust-color($base-color, $hue: 24deg, $saturation: -22%, $lightness: 25%); +$color_aqua_forest_approx: adjust-color($base-color, $hue: 4deg, $saturation: -24%, $lightness: 14%); +$color_paradiso_approx:adjust-color($base-color, $lightness: 5%); ; +$color_norway_approx: adjust-color($base-color, $hue: 0deg, $saturation: -28%, $lightness: 31%); +*/ +.placeholder { + padding: 1em; + margin: 1em 0 1em 0; } + +/* RTL stuff (right-to-left locale) */ +.no-gutter > [class*='col-'] { + padding-right: 0; + padding-left: 0; } diff --git a/themes/admin/Purple_Tentacle/css/lime-admin-colors.css b/themes/admin/Purple_Tentacle/css/lime-admin-colors.css index f87fe4c2f47..559a4db98cf 100644 --- a/themes/admin/Purple_Tentacle/css/lime-admin-colors.css +++ b/themes/admin/Purple_Tentacle/css/lime-admin-colors.css @@ -1954,12 +1954,6 @@ input[type="checkbox"]:checked:after, background-color: #993399; border-color: #993399; } -input[type="checkbox"]:indeterminate:after, -.checkbox input[type="checkbox"]:indeterminate:after, -.checkbox-inline input[type="checkbox"]:indeterminate:after { - background-color: #993399; - border-color: #993399; } - /* jqGrid */ .ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { background-color: #ffffff; diff --git a/themes/admin/Purple_Tentacle/css/lime-admin-common.css b/themes/admin/Purple_Tentacle/css/lime-admin-common.css new file mode 100644 index 00000000000..2f8b4ab93e4 --- /dev/null +++ b/themes/admin/Purple_Tentacle/css/lime-admin-common.css @@ -0,0 +1,1631 @@ +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; } + +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; } + +.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; } + +.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { + top: 1px; } + +.ui-datepicker .ui-datepicker-prev { + left: 2px; } + +.ui-datepicker .ui-datepicker-next { + right: 10px; } + +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; } + +.ui-datepicker .ui-datepicker-next-hover { + right: 10px; } + +.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; } + +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; } + +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; } + +.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { + width: 49%; } + +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; } + +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: 700; + border: 0; } + +.ui-datepicker td { + border: 0; + padding: 1px; } + +.ui-datepicker td a, .ui-datepicker td span { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; } + +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; } + +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em; + width: auto; + overflow: visible; } + +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; } + +.ui-datepicker.ui-datepicker-multi { + width: auto; } + +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; } + +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; } + +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; } + +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; } + +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; } + +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; } + +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; } + +.ui-datepicker-rtl { + direction: rtl; } + +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { + float: right; } + +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; } + +.side-body, .full-page-wrapper { + min-height: 100%; + position: relative; + margin-bottom: 65px; } + +.side-body h3, .pagetitle, .list-surveys h3 { + position: relative; + padding: 0.5em; + margin-bottom: 1em; + animation: fadein 1s; } + +body { + font-size: 14px; + line-height: 1.428571429; + margin: 0; } + body .row { + margin-right: 0; + margin-left: 0; } + +.jumbotron { + text-align: center; } + .jumbotron.message-box { + margin-top: 1em; } + +html { + position: relative; + min-height: 100%; } + +.main-container { + padding-bottom: 100px; } + +#welcome-jumbotron { + padding-top: 0; + padding-bottom: 10px; + background-color: transparent; } + +.surveymanagerbar { + margin-top: -20px; + padding-top: 5px; } + .surveymanagerbar h3 { + margin-top: 5px; + font-weight: 300; + font-size: 1.5em; } + +.surveybar { + padding-top: 5px; + padding-bottom: 5px; + z-index: 1000; } + +.tab-content { + padding-top: 2em; } + +:focus { + outline: none; } + +.navbar-brand { + font-weight: 400; } + +.navbar { + border-radius: 0 !important; } + .navbar a { + font-weight: 400; } + .navbar .dropdown-menu > li > a { + font-weight: 400; } + .navbar .nav-icon-btn > a .label { + font-size: 10px; + padding: 0 3px; + line-height: 15px; + position: absolute; + display: block; + right: 5px; + top: 10px; } + +.lime-icon { + display: inline-block; + height: 1em; + width: 1em; } + +.mega-dropdown { + position: static !important; } + +.mega-dropdown-menu { + padding: 20px 0; + width: 100%; } + .mega-dropdown-menu .dropdown-header { + font-size: 18px; + padding: 5px 60px 5px 5px; + line-height: 30px; } + .mega-dropdown-menu > li > ul { + padding: 0; + margin: 0; } + .mega-dropdown-menu > li > ul > li { + list-style: none; } + .mega-dropdown-menu > li > ul > li > a { + display: block; + padding: 3px 5px; } + .mega-dropdown-menu > li ul > li > a:hover { + text-decoration: none; } + .mega-dropdown-menu > li ul > li > a:focus { + text-decoration: none; } + +#mainmenu-dropdown { + z-index: 20002; } + +.footer { + z-index: 100; + position: absolute; + bottom: 0; + display: block; + width: 100%; + height: 60px; + padding-top: 1em; } + +.alert-security-update { + margin: 0; } + +#update-container { + margin-top: 10px; + z-index: 10100; } + #update-container .alert { + margin-bottom: 5px; } + +.box { + border-radius: 3px; + padding: 10px 25px; + text-align: right; + display: block; + margin-top: 10px; } + +#info-header { + font-size: 3em; } + +#info-footer { + font-size: 2em; } + +.box-icon { + border-radius: 50%; + display: table; + height: 50px; + margin: 0 auto; + width: 50px; + margin-top: -31px; } + .box-icon span { + display: table-cell; + text-align: center; + vertical-align: middle; } + +@keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-moz-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-webkit-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-ms-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-o-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-moz-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-webkit-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-ms-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-o-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +.form-group { + margin-bottom: 17px; } + +.cke_contents { + width: 650px; } + +.cke_toolgroup { + cursor: pointer; + cursor: hand; + border-radius: 0; } + +.message-box { + position: relative; + margin-top: 20px; + animation: slidefromtop 1s; } + +.welcome #lime-logo { + animation: fadein 1s; } + +.welcome .panel { + position: relative; + top: 50px; + opacity: 0; } + +.welcome .panel-body { + text-align: center; } + .welcome .panel-body img { + height: 4em; + margin-bottom: 1em; } + +.welcome .login-pannel .panel-body img { + margin-bottom: 0; } + +.alert { + position: relative; + animation: slidefromtop 1s; } + +@media screen and (min-width: 1280px) and (max-width: 1440px) { + .welcome .panel { + min-height: 188px; } } + +#welcomeModal { + z-index: 20000; } + +@media screen and (min-width: 1280px) and (max-width: 1366px) { + #add_user_btn { + margin-top: 1.5em; } + #user-control-table .form-group label { + min-width: 80px; } } + +.htmleditorboot { + padding-top: 2em; } + +#edit-question-body { + min-height: 1200px; } + +#profile-img { + min-height: 80px; } + +@media screen and (min-width: 1280px) and (max-width: 1680px) { + #profile-img { + min-height: 0; } } + +.login-pannel { + margin-top: 40px; } + +.login-content { + text-align: left; + padding: 1em; } + +.login-submit { + text-align: right; } + +#s2id_loginlang { + border: none; + padding: 0; } + +.ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-bdiv { + overflow: hidden; } + +.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-toppager { + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-htable th div { + height: auto; } + +.ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input { + margin-top: 8px; } + .ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid td input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid tr.ui-row-ltr td { + border: none; } + +#gs_completed { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } + +.ui-th-column { + margin-top: 8px; } + +.info > p { + padding-top: 10px; + text-align: justify; } + +.checkbox label:after { + padding-left: 4px; + padding-top: 2px; + font-size: 9px; } + +.survey-action .panel-body img { + height: 3em; } + +div.panel.disabled { + opacity: 0.5; + border: none; } + div.panel.disabled * { + opacity: 0.5; + border: none; } + div.panel.disabled a { + cursor: default; } + +#edit-group .tab-pane { + padding: 1em; } + +.panel-clickable:hover { + cursor: pointer; + cursor: hand; } + +.ui-widget-content .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-widget-header .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-search-toolbar th div { + min-height: 40px; } + +.absolute-wrapper { + position: fixed; + left: 0; + width: 300px; + height: 100%; } + +.side-menu { + position: absolute; + width: 300px; + padding: 0; + left: 0; } + .side-menu .navbar { + border: none; + box-shadow: none; } + .side-menu .navbar-header { + width: 100%; } + .side-menu .navbar-nav li { + display: block; + width: 100%; } + .side-menu .navbar-nav li a { + padding: 15px; } + .side-menu .navbar-nav li a .glyphicon { + padding-right: 10px; } + .side-menu .navbar-nav .question-link.active { + background-color: transparent; + padding: 15px 15px 15px 0px; + margin-bottom: 5px; + margin-right: -1px; } + .side-menu .navbar-nav .question-link.active:hover { + text-decoration: none; + cursor: default; } + .side-menu .navbar-nav .question-link { + display: block; + padding-left: 0px; } + .side-menu .navbar-nav .question-link .question-collapse-title { + padding-left: 25px; } + .side-menu #dropdown { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + .side-menu #dropdown li:hover { + font-weight: 700; } + .side-menu #dropdown li.active:hover { + cursor: default; + background-color: transparent; + margin-right: -1px; } + .side-menu #dropdown li.disabled:hover { + font-weight: 700; + background-color: transparent; } + .side-menu #dropdown .caret { + float: right; + margin: 9px 5px 0; } + .side-menu #dropdown .indicator { + float: right; } + .side-menu #dropdown .panel-body { + padding: 0; } + .side-menu #dropdown .panel-body .navbar-nav { + width: 100%; } + .side-menu #dropdown .panel-body .navbar-nav li { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel { + margin-bottom: 0; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel-default { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li:last-child { + border-bottom: none; } + .side-menu #dropdown .panel-body .panel-body { + margin-left: -15px; } + .side-menu #dropdown .panel-body .panel > a { + margin-left: -20px; + padding-left: 35px; } + .side-menu #dropdown .question-group-collapse .caret { + float: none; + margin-bottom: 9px; } + .side-menu .hide-button { + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu .brand-name-wrapper { + min-height: 50px; } + .side-menu .brand-name-wrapper .navbar-brand { + display: block; } + .side-menu #search { + position: relative; + z-index: 1000; } + .side-menu #search .panel-body { + padding: 0; } + .side-menu #search .panel-body .navbar-form { + padding: 0; + padding-right: 50px; + width: 100%; + margin: 0; + position: relative; } + .side-menu #search .panel-body .navbar-form .form-group { + width: 100%; + position: relative; } + .side-menu #search .panel-body .navbar-form input { + border: 0; + border-radius: 0; + box-shadow: none; + width: 100%; + height: 50px; } + .side-menu #search .panel-body .navbar-form .btn { + position: absolute; + right: 0; + top: 0; + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu #explorer-collapse .caret { + float: none; + margin-bottom: 9px; } + +#explorer { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + #explorer ul { + font-size: 0.9em; } + +.dropdownstyle { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + +#sideMenu { + min-height: 700px; + overflow: hidden; } + #sideMenu a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown li:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li:hover > a { + width: 100%; + font-weight: 700; + border-bottom: none; } + #sideMenu #dropdown li a[aria-expanded="true"] { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li .active a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li > a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li > a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li > a:hover { + font-weight: 700; } + #sideMenu .navbar-default .navbar-nav > .active > a { + background-color: transparent; } + #sideMenu .side-menu .dropdownlvl1 > a:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover > a { + font-weight: 700; } + +.side-body { + min-height: 700px; + margin-left: 320px; } + +.question-group-collapse-title { + display: block; + padding-left: 20px; } + +.question-collapse-title { + display: block; + padding-left: 30px; } + +@media (max-width: 768px) { + .side-menu { + position: relative; + width: 100%; + height: 0; + border-right: 0; } + .side-menu .brand-name-wrapper .navbar-brand { + display: inline-block; } + @-moz-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-webkit-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-moz-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-webkit-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-moz-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-webkit-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-moz-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @-webkit-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + .side-body { + margin-left: 5px; + margin-top: 70px; + position: relative; + animation: bodyslideout 300ms forwards; + transform-style: preserve-3d; } + .body-slide-in { + animation: bodyslidein 300ms forwards; + transform-style: preserve-3d; } + .navbar-toggle { + border: 0; + float: left; + padding: 18px; + margin: 0; + border-radius: 0; } + .navbar-header { + position: fixed; + width: 100%; + z-index: 3; } + .side-menu-container > .navbar-nav { + position: fixed; + left: -300px; + width: 300px; + top: 43px; + height: 100%; + animation: slideout 300ms forwards; + transform-style: preserve-3d; } + .side-menu-container > .navbar-nav.slide-in { + animation: slidein 300ms forwards; + transform-style: preserve-3d; } + #search .panel-body .navbar-form { + border-bottom: 0; } + #search .panel-body .navbar-form .form-group { + margin: 0; } + #dropdown .panel-body .navbar-nav { + margin: 0; } } + +.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + .content-right .col-lg-12 { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.toWhite a:hover { + font-weight: 700; } + +.col-lg-12.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { + color: #fff; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { + color: #fff; } + +.btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-info:hover { + color: #fff; } + +/** +* Radio / Check box buttons +*/ +input[type="checkbox"], +input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; } + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; } + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; } + +.radio label, +.checkbox label { + min-height: 23px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; } + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; } + +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; } + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; } + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"].disabled, +input[type="checkbox"].disabled, +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; } + +.radio-inline.disabled, +.checkbox-inline.disabled, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; } + +.radio.disabled label, +.checkbox.disabled label, +fieldset[disabled] .radio label, +fieldset[disabled] .checkbox label { + cursor: not-allowed; } + +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #4caf50; } + +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #ff9800; } + +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #e51c23; } + +@media (min-width: 768px) { + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } + .form-inline .has-feedback .form-control-feedback { + top: 0; } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } } + +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; } + +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 30px; } + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; } + +.radio label, +.radio-inline label, +.checkbox label, +.checkbox-inline label { + padding-left: 25px; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="radio"], +.checkbox-inline input[type="radio"], +.radio input[type="checkbox"], +.radio-inline input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + margin-left: -25px; } + +input[type="radio"], +.radio input[type="radio"], +.radio-inline input[type="radio"] { + position: relative; + margin-top: 6px; + margin-right: 4px; + vertical-align: top; + border: none; + background-color: transparent; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="radio"]:focus, +.radio input[type="radio"]:focus, +.radio-inline input[type="radio"]:focus { + outline: none; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before, +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + border-radius: 50%; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before { + position: absolute; + left: 0; + top: -3px; + background-color: #2196f3; + -webkit-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); } + +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + position: relative; + top: -3px; + border: 2px solid #666666; } + +input[type="radio"]:checked:before, +.radio input[type="radio"]:checked:before, +.radio-inline input[type="radio"]:checked:before { + -webkit-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); } + +input[type="radio"]:disabled:checked:before, +.radio input[type="radio"]:disabled:checked:before, +.radio-inline input[type="radio"]:disabled:checked:before { + background-color: #bbbbbb; } + +input[type="radio"]:checked:after, +.radio input[type="radio"]:checked:after, +.radio-inline input[type="radio"]:checked:after { + border-color: #2196f3; } + +input[type="radio"]:disabled:after, +.radio input[type="radio"]:disabled:after, +.radio-inline input[type="radio"]:disabled:after, +input[type="radio"]:disabled:checked:after, +.radio input[type="radio"]:disabled:checked:after, +.radio-inline input[type="radio"]:disabled:checked:after { + border-color: #bbbbbb; } + +input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: relative; + border: none; + margin-bottom: -4px; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="checkbox"]:focus, +.checkbox input[type="checkbox"]:focus, +.checkbox-inline input[type="checkbox"]:focus { + outline: none; } + +input[type="checkbox"]:focus:after, +.checkbox input[type="checkbox"]:focus:after, +.checkbox-inline input[type="checkbox"]:focus:after { + border-color: #2196f3; } + +input[type="checkbox"]:after, +.checkbox input[type="checkbox"]:after, +.checkbox-inline input[type="checkbox"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + margin-top: -2px; + margin-right: 5px; + border: 2px solid #666666; + border-radius: 2px; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="checkbox"]:checked:before, +.checkbox input[type="checkbox"]:checked:before, +.checkbox-inline input[type="checkbox"]:checked:before { + content: ""; + position: absolute; + top: 0; + left: 6px; + display: table; + width: 6px; + height: 12px; + border: 2px solid #fff; + border-top-width: 0; + border-left-width: 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); } + +input[type="checkbox"]:disabled:after, +.checkbox input[type="checkbox"]:disabled:after, +.checkbox-inline input[type="checkbox"]:disabled:after { + border-color: #bbbbbb; } + +input[type="checkbox"]:disabled:checked:after, +.checkbox input[type="checkbox"]:disabled:checked:after, +.checkbox-inline input[type="checkbox"]:disabled:checked:after { + background-color: #bbbbbb; + border-color: transparent; } + +.has-warning input:not([type=checkbox]), +.has-warning .form-control, +.has-warning input.form-control[readonly], +.has-warning input[type=text][readonly], +.has-warning [type=text].form-control[readonly], +.has-warning input:not([type=checkbox]):focus, +.has-warning .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #ff9800; + box-shadow: inset 0 -2px 0 #ff9800; } + +.has-error input:not([type=checkbox]), +.has-error .form-control, +.has-error input.form-control[readonly], +.has-error input[type=text][readonly], +.has-error [type=text].form-control[readonly], +.has-error input:not([type=checkbox]):focus, +.has-error .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #e51c23; + box-shadow: inset 0 -2px 0 #e51c23; } + +.has-success input:not([type=checkbox]), +.has-success .form-control, +.has-success input.form-control[readonly], +.has-success input[type=text][readonly], +.has-success [type=text].form-control[readonly], +.has-success input:not([type=checkbox]):focus, +.has-success .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #4caf50; + box-shadow: inset 0 -2px 0 #4caf50; } + +/* jqGrid */ +.ui-widget-content { + border: none; + background: none; + color: #404040; } + +.ui-jqgrid .ui-jqgrid-titlebar { + padding: 1em; } + +.container-fluid .ui-widget-content .ui-state-default, .container-fluid .ui-jqgrid .ui-jqgrid-bdiv { + padding: 0.5em; } + +.ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { + border-radius: 4px; + padding: 1em; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqdialog-titlebar { + height: 2em; + width: 100%; } + +.EditTable tr td { + padding: 1em; } + +.ui-jqdialog-content input.FormElement { + padding: .3em; } + +.ui-jqdialog-content input[type="checkbox"].FormElement { + padding: 0em; } + +.EditTable td select, .EditTable td textarea { + display: inline-block; + width: auto; + vertical-align: middle; + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + color: #636363; + background-color: #ffffff; + border: 1px solid #cccccc; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + +.EditTable td input, .EditTable td select, .EditTable td textarea { + margin: 0; } + +input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input { + display: inline-block; + font-size: 14px; + line-height: 18px; + border: 1px solid #ccc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + +input:focus, textarea:focus { + outline: 0; + border-color: rgba(82, 168, 236, 0.8); + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } + +#displayparticipants_firstname, #displayparticipants_lastname, #displayparticipants_owner_uid { + padding-left: 40px; } + +#displayparticipants_language { + padding-left: 50px; } + +#jqgh_displayparticipants_email { + padding-left: 140px; } + +#displayparticipants_survey { + padding-left: 20px; } + +.navtable { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqgrid-title { + padding: 1em 0em 1em 1em; + font-style: italic; + font-weight: 700; } + +.ui-pg-button { + padding: 0.4em; } + +.ui-pg-button:hover { + cursor: pointer; } + +.ui-state-disabled:hover { + cursor: default; } + +.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all { + width: 100%; + overflow: hidden; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +[aria-hidden=true] { + display: none; + visibility: hidden; } + +.modal-22 { + position: absolute; + width: 600px; } + +.modal-22 .ui-jqdialog-titlebar .ui-jqdialog-title { + width: 80%; } + +.modal-22 .ui-jqdialog-content { + padding: 1em; } + +.ui-dialog-titlebar-close { + border: 1px solid transparent; + border-radius: 4px; + float: right; + color: #333; + background-color: #fff; + border-color: #ccc; + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-image: none; + -webkit-appearance: button; + cursor: pointer; + overflow: visible; + margin: 0; + font: normal normal normal 14px/1 FontAwesome; } + +.ui-dialog-titlebar-close:before { + content: "\f00d"; } + +.em-expression { + font-weight: bold; } + +.data-entry-tbl tr.odd td, .data-entry-tbl tr.even td { + padding: 20px 0 20px 0; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + position: absolute; + right: 1em; + top: 10px; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + cursor: pointer; } + +/** + * Template selector + */ +#carousel-example-generic { + margin-left: 20px; } + +#carousel-example-generic .carousel-control { + font-size: 1em; + top: -80px; } + +#carousel-example-generic .left.carousel-control { + left: -20px; } + +#carousel-example-generic .right.carousel-control { + right: -20px; } + +#carousel-example-generic .panel-title { + text-align: center; + padding-top: 0px; } + +#carousel-example-generic .carousel-inner img { + margin: auto; + top: 9px; + position: relative; } + +#carousel-example-generic .selectTemplate { + display: inline-block; + position: relative; + left: 0px; + top: 320px; } + +#carousel-example-generic .carousel-caption { + width: 100%; + left: 0; + top: 0px; + padding-top: 0px; } + +#carousel-example-generic, #carousel-example-generic .carousel-inner { + min-height: 150px; } + +#carousel-example-generic .carousel-indicators { + top: 370px; + width: 80%; + left: 39%; } + +#carousel-example-generic .carousel-indicators li { + margin: 0px; + width: 8px; + height: 8px; } + +.side-body #carousel-example-generic h3 { + border: none; } + +#systemoverview { + margin: 1em 0 1em 0; } + +/** + * Ajax loader + * from : http://codepen.io/weaintplastic/pen/qEMZbx + */ +.preloader { + position: absolute; + top: 50%; + left: 50%; + font-size: 20px; + display: block; + width: 3.75em; + height: 4.25em; + margin-left: -1.875em; + margin-top: -2.125em; + transform-origin: center center; + transform: rotateY(180deg) rotateZ(-60deg); } + .preloader .slice { + border-top: 1.125em solid transparent; + border-right: none; + border-bottom: 1em solid transparent; + border-left: 1.875em solid #f7484e; + position: absolute; + top: 0px; + left: 50%; + transform-origin: left bottom; + border-radius: 3px 3px 0 0; } + .preloader .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.82s preload-hide-1 both 1; } + .preloader .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.74s preload-hide-2 both 1; } + .preloader .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.66s preload-hide-3 both 1; } + .preloader .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.58s preload-hide-4 both 1; } + .preloader .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.5s preload-hide-5 both 1; } + .preloader .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.42s preload-hide-6 both 1; } + .preloader.loading { + animation: 2s preload-flip steps(2) infinite both; } + .preloader.loading .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-1 linear infinite both; } + .preloader.loading .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-2 linear infinite both; } + .preloader.loading .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-3 linear infinite both; } + .preloader.loading .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-4 linear infinite both; } + .preloader.loading .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-5 linear infinite both; } + .preloader.loading .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-6 linear infinite both; } + +/** + * comfortUpdate + */ +#ajaxContainerLoading { + height: 130px; + text-align: center; + margin-top: 70px; + margin-bottom: 100px; + display: none; } + +#comfortUpdateIcon { + height: 1em; + margin-right: 0.5em; } + +#comfortUpdateGeneralWrap .on { + font-weight: bold; + font-size: 1em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap .on span { + display: block; + padding: 0.1em; + padding-left: 0.5em; + width: 40%; } + +#comfortUpdateGeneralWrap .off { + font-size: 0.9em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap #welcomeMessage, #comfortUpdateGeneralWrap #btn-container { + border-right: 1px solid #EEE; } + +#comfortUpdateGeneralWrap #key-actions { + padding-left: 1em; } + +#update-alert.unstable-update { + background-color: #fff; + border: 1px solid #A0352F; + color: #A0352F; + margin-top: 1em; } + +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + border-bottom-color: transparent; + cursor: default; } + +.answertable.table td { + vertical-align: middle; } + +.btnaddanswer:hover, .btndelanswer:hover { + cursor: pointer; } + +.jumbotron p { + font-weight: 300; } + +span[data-tooltip] { + display: inline-block; } + +.glyphicon-move:hover { + cursor: pointer; } + +.answertable .glyphicon-pencil { + margin-left: 3px; } + +#statisticsview .panel { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +#explorer-collapse { + border-bottom: none; } + +#explorer-collapse:hover, #sideMenu #dropdown li a#explorer-collapse[aria-expanded="true"], #sideMenu #dropdown li a.question-group-collapse[aria-expanded="true"] { + width: auto; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container, #sideMenu #dropdown li#questionexplorer-group-container > a { + line-height: 1.4; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container:hover, #sideMenu #dropdown li#questionexplorer-group-container:hover > a { + background-color: #fafafa; + font-weight: 400; + line-height: 1.4; } + +.explorer-group-title { + margin-top: 1em; + padding: 0em 0 1em 0; } + +.explorer-group-title a.explorer-group, .question-collapse-title { + color: #163c19; } + +#item-container, #jcarousel-wrapper-container { + width: 300px; } + +#item-container h4 { + margin-bottom: 30px; } + +.selectTemplate { + margin-top: 10px; } + +.imgSelectTemplate { + cursor: pointer; } + +.template-img { + padding: 1em; } + +#additional_languages { + min-width: 200px; } + +#available_languages { + min-width: 200px; } + +.modal { + top: 50px; } + +#tokensidemenu { + border-top: 1px solid #e3e3e3; } + +.question-item { + padding: 1em; + margin: 1em 0 1em 0; + cursor: pointer; } + +/* +$color_deep_fir_approx: darken( $base-color, 20% ); +$color_acapulco_approx: adjust-color($base-color, $hue: 24deg, $saturation: -22%, $lightness: 25%); +$color_aqua_forest_approx: adjust-color($base-color, $hue: 4deg, $saturation: -24%, $lightness: 14%); +$color_paradiso_approx:adjust-color($base-color, $lightness: 5%); ; +$color_norway_approx: adjust-color($base-color, $hue: 0deg, $saturation: -28%, $lightness: 31%); +*/ +.placeholder { + padding: 1em; + margin: 1em 0 1em 0; } + +/* RTL stuff (right-to-left locale) */ +.no-gutter > [class*='col-'] { + padding-right: 0; + padding-left: 0; } diff --git a/themes/admin/Sea_Green/css/lime-admin-colors.css b/themes/admin/Sea_Green/css/lime-admin-colors.css index 22191879019..f0b2b6e14e9 100644 --- a/themes/admin/Sea_Green/css/lime-admin-colors.css +++ b/themes/admin/Sea_Green/css/lime-admin-colors.css @@ -696,7 +696,7 @@ fieldset[disabled] .btn-link:focus { color: #8a8a8a; } .btn:hover { - color: #eee; } + color: #333333; } .btn:focus { color: #333333; } @@ -1954,12 +1954,6 @@ input[type="checkbox"]:checked:after, background-color: #328637; border-color: #328637; } -input[type="checkbox"]:indeterminate:after, -.checkbox input[type="checkbox"]:indeterminate:after, -.checkbox-inline input[type="checkbox"]:indeterminate:after { - background-color: #328637; - border-color: #328637; } - /* jqGrid */ .ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { background-color: #ffffff; diff --git a/themes/admin/Sea_Green/css/lime-admin-common-rtl.css b/themes/admin/Sea_Green/css/lime-admin-common-rtl.css new file mode 100644 index 00000000000..0eddf8e7459 --- /dev/null +++ b/themes/admin/Sea_Green/css/lime-admin-common-rtl.css @@ -0,0 +1 @@ +.ui-datepicker{width:17em;padding:.2em .2em 0;display:none;}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em;}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px;}.ui-datepicker .ui-datepicker-prev{right:2px;}.ui-datepicker .ui-datepicker-next{left:10px;}.ui-datepicker .ui-datepicker-prev-hover{right:1px;}.ui-datepicker .ui-datepicker-next-hover{left:10px;}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;right:50%;margin-right:-8px;top:50%;margin-top:-8px;}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%;}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0;}.ui-datepicker td{border:0;padding:1px;}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:left;text-decoration:none;}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-right:0;border-left:0;border-bottom:0;}.ui-datepicker .ui-datepicker-buttonpane button{float:left;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:right;}.ui-datepicker.ui-datepicker-multi{width:auto;}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:right;}.ui-datepicker-row-break{clear:both;width:100%;font-size:0;}.ui-datepicker-rtl{direction:ltr;}.ui-datepicker-rtl .ui-datepicker-prev{left:2px;right:auto;}.ui-datepicker-rtl .ui-datepicker-next{right:2px;left:auto;}.ui-datepicker-rtl .ui-datepicker-prev:hover{left:1px;right:auto;}.ui-datepicker-rtl .ui-datepicker-next:hover{right:1px;left:auto;}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:left;}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:left;}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;border-right-width:1px;}.side-body,.full-page-wrapper{min-height:100%;position:relative;margin-bottom:65px;}.side-body h3,.pagetitle,.list-surveys h3{position:relative;padding:0.5em;margin-bottom:1em;animation:fadein 1s;}body{font-size:14px;line-height:1.428571429;margin:0;}body .row{margin-left:0;margin-right:0;}.jumbotron{text-align:center;}.jumbotron.message-box{margin-top:1em;}html{position:relative;min-height:100%;}.main-container{padding-bottom:100px;}#welcome-jumbotron{padding-top:0;padding-bottom:10px;background-color:transparent;}.surveymanagerbar{margin-top:-20px;padding-top:5px;}.surveymanagerbar h3{margin-top:5px;font-weight:300;font-size:1.5em;}.surveybar{padding-top:5px;padding-bottom:5px;z-index:1000;}.tab-content{padding-top:2em;}:focus{outline:none;}.navbar-brand{font-weight:400;}.navbar{border-radius:0 !important;}.navbar a{font-weight:400;}.navbar .dropdown-menu > li > a{font-weight:400;}.navbar .nav-icon-btn > a .label{font-size:10px;padding:0 3px;line-height:15px;position:absolute;display:block;left:5px;top:10px;}.lime-icon{display:inline-block;height:1em;width:1em;}.mega-dropdown{position:static !important;}.mega-dropdown-menu{padding:20px 0;width:100%;}.mega-dropdown-menu .dropdown-header{font-size:18px;padding:5px 5px 5px 60px;line-height:30px;}.mega-dropdown-menu > li > ul{padding:0;margin:0;}.mega-dropdown-menu > li > ul > li{list-style:none;}.mega-dropdown-menu > li > ul > li > a{display:block;padding:3px 5px;}.mega-dropdown-menu > li ul > li > a:hover{text-decoration:none;}.mega-dropdown-menu > li ul > li > a:focus{text-decoration:none;}#mainmenu-dropdown{z-index:20002;}.footer{z-index:100;position:absolute;bottom:0;display:block;width:100%;height:60px;padding-top:1em;}.alert-security-update{margin:0;}#update-container{margin-top:10px;z-index:10100;}#update-container .alert{margin-bottom:5px;}.box{border-radius:3px;padding:10px 25px;text-align:left;display:block;margin-top:10px;}#info-header{font-size:3em;}#info-footer{font-size:2em;}.box-icon{border-radius:50%;display:table;height:50px;margin:0 auto;width:50px;margin-top:-31px;}.box-icon span{display:table-cell;text-align:center;vertical-align:middle;}@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-ms-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}@keyframes slidefromtop{from{top:-15px;}to{top:0;}}@-moz-keyframes slidefromtop{from{top:-15px;}to{top:0;}}@-webkit-keyframes slidefromtop{from{top:-15px;}to{top:0;}}@-ms-keyframes slidefromtop{from{top:-15px;}to{top:0;}}@-o-keyframes slidefromtop{from{top:-15px;}to{top:0;}}.form-group{margin-bottom:17px;}.cke_contents{width:650px;}.cke_toolgroup{cursor:pointer;cursor:hand;border-radius:0;}.message-box{position:relative;margin-top:20px;animation:slidefromtop 1s;}.welcome #lime-logo{animation:fadein 1s;}.welcome .panel{position:relative;top:50px;opacity:0;}.welcome .panel-body{text-align:center;}.welcome .panel-body img{height:4em;margin-bottom:1em;}.welcome .login-pannel .panel-body img{margin-bottom:0;}.alert{position:relative;animation:slidefromtop 1s;}@media screen and (min-width: 1280px) and (max-width: 1440px){.welcome .panel{min-height:188px;}}#welcomeModal{z-index:20000;}@media screen and (min-width: 1280px) and (max-width: 1366px){#add_user_btn{margin-top:1.5em;}#user-control-table .form-group label{min-width:80px;}}.htmleditorboot{padding-top:2em;}#edit-question-body{min-height:1200px;}#profile-img{min-height:80px;}@media screen and (min-width: 1280px) and (max-width: 1680px){#profile-img{min-height:0;}}.login-pannel{margin-top:40px;}.login-content{text-align:right;padding:1em;}.login-submit{text-align:left;}#s2id_loginlang{border:none;padding:0;}.ui-state-default{background-image:none;background-color:transparent;background-image:none;background-color:transparent;}.ui-jqgrid .ui-jqgrid-bdiv{overflow:hidden;}.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-toppager{background-image:none;background-color:transparent;}.ui-jqgrid .ui-jqgrid-htable th div{height:auto;}.ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input{margin-top:8px;}.ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input.cbox{margin:4px 0 0;}.ui-jqgrid td input.cbox{margin:4px 0 0;}.ui-jqgrid tr.ui-row-ltr td{border:none;}#gs_completed{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;background-image:none;border-radius:4px;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}.ui-th-column{margin-top:8px;}.info > p{padding-top:10px;text-align:justify;}.checkbox label:after{padding-right:4px;padding-top:2px;font-size:9px;}.survey-action .panel-body img{height:3em;}div.panel.disabled{opacity:0.5;border:none;}div.panel.disabled *{opacity:0.5;border:none;}div.panel.disabled a{cursor:default;}#edit-group .tab-pane{padding:1em;}.panel-clickable:hover{cursor:pointer;cursor:hand;}.ui-widget-content .ui-state-default{background-image:none;background-color:transparent;background-image:none;background-color:transparent;}.ui-widget-header .ui-state-default{background-image:none;background-color:transparent;background-image:none;background-color:transparent;}.ui-search-toolbar th div{min-height:40px;}.absolute-wrapper{position:fixed;right:0;width:300px;height:100%;}.side-menu{position:absolute;width:300px;padding:0;right:0;}.side-menu .navbar{border:none;box-shadow:none;}.side-menu .navbar-header{width:100%;}.side-menu .navbar-nav li{display:block;width:100%;}.side-menu .navbar-nav li a{padding:15px;}.side-menu .navbar-nav li a .glyphicon{padding-left:10px;}.side-menu .navbar-nav .question-link.active{background-color:transparent;padding:15px 0px 15px 15px;margin-bottom:5px;margin-left:-1px;}.side-menu .navbar-nav .question-link.active:hover{text-decoration:none;cursor:default;}.side-menu .navbar-nav .question-link{display:block;padding-right:0px;}.side-menu .navbar-nav .question-link .question-collapse-title{padding-right:25px;}.side-menu #dropdown{border:0;margin-bottom:0;border-radius:0;background-color:transparent;box-shadow:none;}.side-menu #dropdown li:hover{font-weight:700;}.side-menu #dropdown li.active:hover{cursor:default;background-color:transparent;margin-left:-1px;}.side-menu #dropdown li.disabled:hover{font-weight:700;background-color:transparent;}.side-menu #dropdown .caret{float:left;margin:9px 5px 0;}.side-menu #dropdown .indicator{float:left;}.side-menu #dropdown .panel-body{padding:0;}.side-menu #dropdown .panel-body .navbar-nav{width:100%;}.side-menu #dropdown .panel-body .navbar-nav li{padding-right:15px;border:none;}.side-menu #dropdown .panel-body .navbar-nav li.panel{margin-bottom:0;background-color:transparent;border:none;border-radius:0;box-shadow:none;}.side-menu #dropdown .panel-body .navbar-nav li.panel-default{padding-right:15px;border:none;}.side-menu #dropdown .panel-body .navbar-nav li:last-child{border-bottom:none;}.side-menu #dropdown .panel-body .panel-body{margin-right:-15px;}.side-menu #dropdown .panel-body .panel > a{margin-right:-20px;padding-right:35px;}.side-menu #dropdown .question-group-collapse .caret{float:none;margin-bottom:9px;}.side-menu .hide-button{border:0;border-radius:0;padding:15px 18px;}.side-menu .brand-name-wrapper{min-height:50px;}.side-menu .brand-name-wrapper .navbar-brand{display:block;}.side-menu #search{position:relative;z-index:1000;}.side-menu #search .panel-body{padding:0;}.side-menu #search .panel-body .navbar-form{padding:0;padding-left:50px;width:100%;margin:0;position:relative;}.side-menu #search .panel-body .navbar-form .form-group{width:100%;position:relative;}.side-menu #search .panel-body .navbar-form input{border:0;border-radius:0;box-shadow:none;width:100%;height:50px;}.side-menu #search .panel-body .navbar-form .btn{position:absolute;left:0;top:0;border:0;border-radius:0;padding:15px 18px;}.side-menu #explorer-collapse .caret{float:none;margin-bottom:9px;}#explorer{border:0;margin-bottom:0;border-radius:0;background-color:transparent;box-shadow:none;}#explorer ul{font-size:0.9em;}.dropdownstyle{border:0;margin-bottom:0;border-radius:0;background-color:transparent;box-shadow:none;}#sideMenu{min-height:700px;overflow:hidden;}#sideMenu a[aria-expanded="true"]{font-weight:700;}#sideMenu #dropdown li:hover{width:100%;font-weight:700;}#sideMenu #dropdown li:hover > a{width:100%;font-weight:700;border-bottom:none;}#sideMenu #dropdown li a[aria-expanded="true"]{width:100%;font-weight:700;}#sideMenu #dropdown li .active a:hover{width:100%;font-weight:700;}#sideMenu #dropdown li > a:hover{width:100%;font-weight:700;}#sideMenu #dropdown #explorer li:hover{font-weight:700;}#sideMenu #dropdown #explorer li:hover > a{font-weight:700;}#sideMenu #dropdown #explorer li a[aria-expanded="true"]{font-weight:700;}#sideMenu #dropdown #explorer li .active a:hover{font-weight:700;}#sideMenu #dropdown #explorer li > a:hover{font-weight:700;}#sideMenu #dropdown #explorer .questiongroupdropdown li:hover{font-weight:700;}#sideMenu #dropdown #explorer .questiongroupdropdown li:hover > a{font-weight:700;}#sideMenu #dropdown #explorer .questiongroupdropdown li a[aria-expanded="true"]{font-weight:700;}#sideMenu #dropdown #explorer .questiongroupdropdown li .active a:hover{font-weight:700;}#sideMenu #dropdown #explorer .questiongroupdropdown li > a:hover{font-weight:700;}#sideMenu .navbar-default .navbar-nav > .active > a{background-color:transparent;}#sideMenu .side-menu .dropdownlvl1 > a:hover{font-weight:700;}#sideMenu .sidemenuscontainer li:hover{font-weight:700;}#sideMenu .sidemenuscontainer li:hover > a{font-weight:700;}.side-body{min-height:700px;margin-right:320px;}.question-group-collapse-title{display:block;padding-right:20px;}.question-collapse-title{display:block;padding-right:30px;}@media (max-width: 768px){.side-menu{position:relative;width:100%;height:0;border-left:0;}.side-menu .brand-name-wrapper .navbar-brand{display:inline-block;}@-moz-keyframes slidein{0%{left:-300px;}100%{left:10px;}}@-webkit-keyframes slidein{0%{left:-300px;}100%{left:10px;}}@keyframes slidein{0%{left:-300px;}100%{left:10px;}}@-moz-keyframes slideout{0%{left:0;}100%{left:-300px;}}@-webkit-keyframes slideout{0%{left:0;}100%{left:-300px;}}@keyframes slideout{0%{left:0;}100%{left:-300px;}}@-moz-keyframes bodyslidein{0%{left:0;}100%{left:300px;}}@-webkit-keyframes bodyslidein{0%{left:0;}100%{left:300px;}}@keyframes bodyslidein{0%{left:0;}100%{left:300px;}}@-moz-keyframes bodyslideout{0%{left:300px;}100%{left:0;}}@-webkit-keyframes bodyslideout{0%{left:300px;}100%{left:0;}}@keyframes bodyslideout{0%{left:300px;}100%{left:0;}}.side-body{margin-right:5px;margin-top:70px;position:relative;animation:bodyslideout 300ms forwards;transform-style:preserve-3d;}.body-slide-in{animation:bodyslidein 300ms forwards;transform-style:preserve-3d;}.navbar-toggle{border:0;float:right;padding:18px;margin:0;border-radius:0;}.navbar-header{position:fixed;width:100%;z-index:3;}.side-menu-container > .navbar-nav{position:fixed;right:-300px;width:300px;top:43px;height:100%;animation:slideout 300ms forwards;transform-style:preserve-3d;}.side-menu-container > .navbar-nav.slide-in{animation:slidein 300ms forwards;transform-style:preserve-3d;}#search .panel-body .navbar-form{border-bottom:0;}#search .panel-body .navbar-form .form-group{margin:0;}#dropdown .panel-body .navbar-nav{margin:0;}}.content-right{padding-right:0;padding-left:0;animation:fadein 1s;}.content-right .col-lg-12{padding-right:0;padding-left:0;animation:fadein 1s;}.toWhite a:hover{font-weight:700;}.col-lg-12.content-right{padding-right:0;padding-left:0;animation:fadein 1s;}.container-fluid .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{color:#fff;}.container-fluid .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning{color:#fff;}.btn-success:hover,.btn-danger:hover,.btn-warning:hover,.btn-info:hover{color:#fff;}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal;}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px;}.radio label,.checkbox label{min-height:23px;padding-right:20px;margin-bottom:0;font-weight:normal;cursor:pointer;}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-right:-20px;margin-top:4px \9;}.radio + .radio,.checkbox + .checkbox{margin-top:-5px;}.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-right:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer;}.radio-inline + .radio-inline,.checkbox-inline + .checkbox-inline{margin-top:0;margin-right:10px;}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed;}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed;}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed;}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#4caf50;}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#ff9800;}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#e51c23;}@media (min-width: 768px){.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle;}.form-inline .radio label,.form-inline .checkbox label{padding-right:0;}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-right:0;}.form-inline .has-feedback .form-control-feedback{top:0;}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle;}.navbar-form .radio label,.navbar-form .checkbox label{padding-right:0;}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-right:0;}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px;}.form-horizontal .radio,.form-horizontal .checkbox{min-height:30px;}[data-toggle="buttons"] > .btn input[type="radio"],[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],[data-toggle="buttons"] > .btn input[type="checkbox"],[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none;}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0;}.radio label,.radio-inline label,.checkbox label,.checkbox-inline label{padding-right:25px;}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="radio"],.checkbox-inline input[type="radio"],.radio input[type="checkbox"],.radio-inline input[type="checkbox"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{margin-right:-25px;}input[type="radio"],.radio input[type="radio"],.radio-inline input[type="radio"]{position:relative;margin-top:6px;margin-left:4px;vertical-align:top;border:none;background-color:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;}input[type="radio"]:focus,.radio input[type="radio"]:focus,.radio-inline input[type="radio"]:focus{outline:none;}input[type="radio"]:before,.radio input[type="radio"]:before,.radio-inline input[type="radio"]:before,input[type="radio"]:after,.radio input[type="radio"]:after,.radio-inline input[type="radio"]:after{content:"";display:block;width:18px;height:18px;border-radius:50%;-webkit-transition:240ms;-o-transition:240ms;transition:240ms;}input[type="radio"]:before,.radio input[type="radio"]:before,.radio-inline input[type="radio"]:before{position:absolute;right:0;top:-3px;background-color:#2196f3;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);}input[type="radio"]:after,.radio input[type="radio"]:after,.radio-inline input[type="radio"]:after{position:relative;top:-3px;border:2px solid #666666;}input[type="radio"]:checked:before,.radio input[type="radio"]:checked:before,.radio-inline input[type="radio"]:checked:before{-webkit-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);}input[type="radio"]:disabled:checked:before,.radio input[type="radio"]:disabled:checked:before,.radio-inline input[type="radio"]:disabled:checked:before{background-color:#bbbbbb;}input[type="radio"]:checked:after,.radio input[type="radio"]:checked:after,.radio-inline input[type="radio"]:checked:after{border-color:#2196f3;}input[type="radio"]:disabled:after,.radio input[type="radio"]:disabled:after,.radio-inline input[type="radio"]:disabled:after,input[type="radio"]:disabled:checked:after,.radio input[type="radio"]:disabled:checked:after,.radio-inline input[type="radio"]:disabled:checked:after{border-color:#bbbbbb;}input[type="checkbox"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:relative;border:none;margin-bottom:-4px;-webkit-appearance:none;appearance:none;cursor:pointer;}input[type="checkbox"]:focus,.checkbox input[type="checkbox"]:focus,.checkbox-inline input[type="checkbox"]:focus{outline:none;}input[type="checkbox"]:focus:after,.checkbox input[type="checkbox"]:focus:after,.checkbox-inline input[type="checkbox"]:focus:after{border-color:#2196f3;}input[type="checkbox"]:after,.checkbox input[type="checkbox"]:after,.checkbox-inline input[type="checkbox"]:after{content:"";display:block;width:18px;height:18px;margin-top:-2px;margin-left:5px;border:2px solid #666666;border-radius:2px;-webkit-transition:240ms;-o-transition:240ms;transition:240ms;}input[type="checkbox"]:checked:before,.checkbox input[type="checkbox"]:checked:before,.checkbox-inline input[type="checkbox"]:checked:before{content:"";position:absolute;top:0;right:6px;display:table;width:6px;height:12px;border:2px solid #fff;border-top-width:0;border-right-width:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}input[type="checkbox"]:disabled:after,.checkbox input[type="checkbox"]:disabled:after,.checkbox-inline input[type="checkbox"]:disabled:after{border-color:#bbbbbb;}input[type="checkbox"]:disabled:checked:after,.checkbox input[type="checkbox"]:disabled:checked:after,.checkbox-inline input[type="checkbox"]:disabled:checked:after{background-color:#bbbbbb;border-color:transparent;}.has-warning input:not([type=checkbox]),.has-warning .form-control,.has-warning input.form-control[readonly],.has-warning input[type=text][readonly],.has-warning [type=text].form-control[readonly],.has-warning input:not([type=checkbox]):focus,.has-warning .form-control:focus{border-bottom:none;-webkit-box-shadow:inset 0 -2px 0 #ff9800;box-shadow:inset 0 -2px 0 #ff9800;}.has-error input:not([type=checkbox]),.has-error .form-control,.has-error input.form-control[readonly],.has-error input[type=text][readonly],.has-error [type=text].form-control[readonly],.has-error input:not([type=checkbox]):focus,.has-error .form-control:focus{border-bottom:none;-webkit-box-shadow:inset 0 -2px 0 #e51c23;box-shadow:inset 0 -2px 0 #e51c23;}.has-success input:not([type=checkbox]),.has-success .form-control,.has-success input.form-control[readonly],.has-success input[type=text][readonly],.has-success [type=text].form-control[readonly],.has-success input:not([type=checkbox]):focus,.has-success .form-control:focus{border-bottom:none;-webkit-box-shadow:inset 0 -2px 0 #4caf50;box-shadow:inset 0 -2px 0 #4caf50;}.ui-widget-content{border:none;background:none;color:#404040;}.ui-jqgrid .ui-jqgrid-titlebar{padding:1em;}.container-fluid .ui-widget-content .ui-state-default,.container-fluid .ui-jqgrid .ui-jqgrid-bdiv{padding:0.5em;}.ui-dialog,.ui-jqdialog,.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable{border-radius:4px;padding:1em;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}.ui-jqdialog-titlebar{height:2em;width:100%;}.EditTable tr td{padding:1em;}.ui-jqdialog-content input.FormElement{padding:.3em;}.ui-jqdialog-content input[type="checkbox"].FormElement{padding:0em;}.EditTable td select,.EditTable td textarea{display:inline-block;width:auto;vertical-align:middle;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;background-image:none;border-radius:4px;-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;color:#636363;background-color:#ffffff;border:1px solid #cccccc;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}.EditTable td input,.EditTable td select,.EditTable td textarea{margin:0;}input[type="text"],input[type="password"],.ui-autocomplete-input,textarea,.uneditable-input{display:inline-block;font-size:14px;line-height:18px;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}input:focus,textarea:focus{outline:0;border-color:rgba(82, 0.8) 236, 168,;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);}#displayparticipants_firstname,#displayparticipants_lastname,#displayparticipants_owner_uid{padding-right:40px;}#displayparticipants_language{padding-right:50px;}#jqgh_displayparticipants_email{padding-right:140px;}#displayparticipants_survey{padding-right:20px;}.navtable{box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}.ui-jqgrid-title{padding:1em 1em 1em 0em;font-style:italic;font-weight:700;}.ui-pg-button{padding:0.4em;}.ui-pg-button:hover{cursor:pointer;}.ui-state-disabled:hover{cursor:default;}.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all{width:100%;overflow:hidden;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}[aria-hidden=true]{display:none;visibility:hidden;}.modal-22{position:absolute;width:600px;}.modal-22 .ui-jqdialog-titlebar .ui-jqdialog-title{width:80%;}.modal-22 .ui-jqdialog-content{padding:1em;}.ui-dialog-titlebar-close{border:1px solid transparent;border-radius:4px;float:left;color:#333;background-color:#fff;border-color:#ccc;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;-webkit-appearance:button;cursor:pointer;overflow:visible;margin:0;font:normal normal normal 14px/1 FontAwesome;}.ui-dialog-titlebar-close:before{content:"\f00d";}.em-expression{font-weight:bold;}.data-entry-tbl tr.odd td,.data-entry-tbl tr.even td{padding:20px 0 20px 0;}h3 .glyphicon-chevron-up,h3 .glyphicon-chevron-down{position:absolute;left:1em;top:10px;}h3 .glyphicon-chevron-up,h3 .glyphicon-chevron-down{cursor:pointer;}#carousel-example-generic{margin-right:20px;}#carousel-example-generic .carousel-control{font-size:1em;top:-80px;}#carousel-example-generic .left.carousel-control{right:-20px;}#carousel-example-generic .right.carousel-control{left:-20px;}#carousel-example-generic .panel-title{text-align:center;padding-top:0px;}#carousel-example-generic .carousel-inner img{margin:auto;top:9px;position:relative;}#carousel-example-generic .selectTemplate{display:inline-block;position:relative;right:0px;top:320px;}#carousel-example-generic .carousel-caption{width:100%;right:0;top:0px;padding-top:0px;}#carousel-example-generic,#carousel-example-generic .carousel-inner{min-height:150px;}#carousel-example-generic .carousel-indicators{top:370px;width:80%;right:39%;}#carousel-example-generic .carousel-indicators li{margin:0px;width:8px;height:8px;}.side-body #carousel-example-generic h3{border:none;}#systemoverview{margin:1em 0 1em 0;}.preloader{position:absolute;top:50%;right:50%;font-size:20px;display:block;width:3.75em;height:4.25em;margin-right:-1.875em;margin-top:-2.125em;transform-origin:center center;transform:rotateY(180deg) rotateZ(-60deg);}.preloader .slice{border-top:1.125em solid transparent;border-left:none;border-bottom:1em solid transparent;border-right:1.875em solid #f7484e;position:absolute;top:0px;right:50%;transform-origin:left bottom;border-radius:3px 3px 0 0;}.preloader .slice:nth-child(1){transform:rotateZ(60deg) rotateY(0deg) rotateX(0);animation:0.15s linear 0.82s preload-hide-1 both 1;}.preloader .slice:nth-child(2){transform:rotateZ(120deg) rotateY(0deg) rotateX(0);animation:0.15s linear 0.74s preload-hide-2 both 1;}.preloader .slice:nth-child(3){transform:rotateZ(180deg) rotateY(0deg) rotateX(0);animation:0.15s linear 0.66s preload-hide-3 both 1;}.preloader .slice:nth-child(4){transform:rotateZ(240deg) rotateY(0deg) rotateX(0);animation:0.15s linear 0.58s preload-hide-4 both 1;}.preloader .slice:nth-child(5){transform:rotateZ(300deg) rotateY(0deg) rotateX(0);animation:0.15s linear 0.5s preload-hide-5 both 1;}.preloader .slice:nth-child(6){transform:rotateZ(360deg) rotateY(0deg) rotateX(0);animation:0.15s linear 0.42s preload-hide-6 both 1;}.preloader.loading{animation:2s preload-flip steps(2) infinite both;}.preloader.loading .slice:nth-child(1){transform:rotateZ(60deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-1 linear infinite both;}.preloader.loading .slice:nth-child(2){transform:rotateZ(120deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-2 linear infinite both;}.preloader.loading .slice:nth-child(3){transform:rotateZ(180deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-3 linear infinite both;}.preloader.loading .slice:nth-child(4){transform:rotateZ(240deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-4 linear infinite both;}.preloader.loading .slice:nth-child(5){transform:rotateZ(300deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-5 linear infinite both;}.preloader.loading .slice:nth-child(6){transform:rotateZ(360deg) rotateY(90deg) rotateX(0);animation:2s preload-cycle-6 linear infinite both;}#ajaxContainerLoading{height:130px;text-align:center;margin-top:70px;margin-bottom:100px;display:none;}#comfortUpdateIcon{height:1em;margin-left:0.5em;}#comfortUpdateGeneralWrap .on{font-weight:bold;font-size:1em;padding-right:0.5em;padding-top:0.5em;}#comfortUpdateGeneralWrap .on span{display:block;padding:0.1em;padding-right:0.5em;width:40%;}#comfortUpdateGeneralWrap .off{font-size:0.9em;padding-right:0.5em;padding-top:0.5em;}#comfortUpdateGeneralWrap #welcomeMessage,#comfortUpdateGeneralWrap #btn-container{border-left:1px solid #EEE;}#comfortUpdateGeneralWrap #key-actions{padding-right:1em;}#update-alert.unstable-update{background-color:#fff;border:1px solid #A0352F;color:#A0352F;margin-top:1em;}.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{border-bottom-color:transparent;cursor:default;}.answertable.table td{vertical-align:middle;}.btnaddanswer:hover,.btndelanswer:hover{cursor:pointer;}.jumbotron p{font-weight:300;}span[data-tooltip]{display:inline-block;}.glyphicon-move:hover{cursor:pointer;}.answertable .glyphicon-pencil{margin-right:3px;}#statisticsview .panel{box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}#explorer-collapse{border-bottom:none;}#explorer-collapse:hover,#sideMenu #dropdown li a#explorer-collapse[aria-expanded="true"],#sideMenu #dropdown li a.question-group-collapse[aria-expanded="true"]{width:auto;}#sideMenu #dropdown #explorer li#questionexplorer-group-container,#sideMenu #dropdown li#questionexplorer-group-container > a{line-height:1.4;}#sideMenu #dropdown #explorer li#questionexplorer-group-container:hover,#sideMenu #dropdown li#questionexplorer-group-container:hover > a{background-color:#fafafa;font-weight:400;line-height:1.4;}.explorer-group-title{margin-top:1em;padding:0em 0 1em 0;}.explorer-group-title a.explorer-group,.question-collapse-title{color:#163c19;}#item-container,#jcarousel-wrapper-container{width:300px;}#item-container h4{margin-bottom:30px;}.selectTemplate{margin-top:10px;}.imgSelectTemplate{cursor:pointer;}.template-img{padding:1em;}#additional_languages{min-width:200px;}#available_languages{min-width:200px;}.modal{top:50px;}#tokensidemenu{border-top:1px solid #e3e3e3;}.question-item{padding:1em;margin:1em 0 1em 0;cursor:pointer;}.placeholder{padding:1em;margin:1em 0 1em 0;}.no-gutter > [class*='col-']{padding-left:0;padding-right:0;} \ No newline at end of file diff --git a/themes/admin/Sea_Green/css/lime-admin-common.css b/themes/admin/Sea_Green/css/lime-admin-common.css new file mode 100644 index 00000000000..2f8b4ab93e4 --- /dev/null +++ b/themes/admin/Sea_Green/css/lime-admin-common.css @@ -0,0 +1,1631 @@ +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; } + +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; } + +.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; } + +.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { + top: 1px; } + +.ui-datepicker .ui-datepicker-prev { + left: 2px; } + +.ui-datepicker .ui-datepicker-next { + right: 10px; } + +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; } + +.ui-datepicker .ui-datepicker-next-hover { + right: 10px; } + +.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; } + +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; } + +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; } + +.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { + width: 49%; } + +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; } + +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: 700; + border: 0; } + +.ui-datepicker td { + border: 0; + padding: 1px; } + +.ui-datepicker td a, .ui-datepicker td span { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; } + +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; } + +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em; + width: auto; + overflow: visible; } + +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; } + +.ui-datepicker.ui-datepicker-multi { + width: auto; } + +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; } + +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; } + +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; } + +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; } + +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; } + +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; } + +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; } + +.ui-datepicker-rtl { + direction: rtl; } + +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { + float: right; } + +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; } + +.side-body, .full-page-wrapper { + min-height: 100%; + position: relative; + margin-bottom: 65px; } + +.side-body h3, .pagetitle, .list-surveys h3 { + position: relative; + padding: 0.5em; + margin-bottom: 1em; + animation: fadein 1s; } + +body { + font-size: 14px; + line-height: 1.428571429; + margin: 0; } + body .row { + margin-right: 0; + margin-left: 0; } + +.jumbotron { + text-align: center; } + .jumbotron.message-box { + margin-top: 1em; } + +html { + position: relative; + min-height: 100%; } + +.main-container { + padding-bottom: 100px; } + +#welcome-jumbotron { + padding-top: 0; + padding-bottom: 10px; + background-color: transparent; } + +.surveymanagerbar { + margin-top: -20px; + padding-top: 5px; } + .surveymanagerbar h3 { + margin-top: 5px; + font-weight: 300; + font-size: 1.5em; } + +.surveybar { + padding-top: 5px; + padding-bottom: 5px; + z-index: 1000; } + +.tab-content { + padding-top: 2em; } + +:focus { + outline: none; } + +.navbar-brand { + font-weight: 400; } + +.navbar { + border-radius: 0 !important; } + .navbar a { + font-weight: 400; } + .navbar .dropdown-menu > li > a { + font-weight: 400; } + .navbar .nav-icon-btn > a .label { + font-size: 10px; + padding: 0 3px; + line-height: 15px; + position: absolute; + display: block; + right: 5px; + top: 10px; } + +.lime-icon { + display: inline-block; + height: 1em; + width: 1em; } + +.mega-dropdown { + position: static !important; } + +.mega-dropdown-menu { + padding: 20px 0; + width: 100%; } + .mega-dropdown-menu .dropdown-header { + font-size: 18px; + padding: 5px 60px 5px 5px; + line-height: 30px; } + .mega-dropdown-menu > li > ul { + padding: 0; + margin: 0; } + .mega-dropdown-menu > li > ul > li { + list-style: none; } + .mega-dropdown-menu > li > ul > li > a { + display: block; + padding: 3px 5px; } + .mega-dropdown-menu > li ul > li > a:hover { + text-decoration: none; } + .mega-dropdown-menu > li ul > li > a:focus { + text-decoration: none; } + +#mainmenu-dropdown { + z-index: 20002; } + +.footer { + z-index: 100; + position: absolute; + bottom: 0; + display: block; + width: 100%; + height: 60px; + padding-top: 1em; } + +.alert-security-update { + margin: 0; } + +#update-container { + margin-top: 10px; + z-index: 10100; } + #update-container .alert { + margin-bottom: 5px; } + +.box { + border-radius: 3px; + padding: 10px 25px; + text-align: right; + display: block; + margin-top: 10px; } + +#info-header { + font-size: 3em; } + +#info-footer { + font-size: 2em; } + +.box-icon { + border-radius: 50%; + display: table; + height: 50px; + margin: 0 auto; + width: 50px; + margin-top: -31px; } + .box-icon span { + display: table-cell; + text-align: center; + vertical-align: middle; } + +@keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-moz-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-webkit-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-ms-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-o-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-moz-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-webkit-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-ms-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-o-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +.form-group { + margin-bottom: 17px; } + +.cke_contents { + width: 650px; } + +.cke_toolgroup { + cursor: pointer; + cursor: hand; + border-radius: 0; } + +.message-box { + position: relative; + margin-top: 20px; + animation: slidefromtop 1s; } + +.welcome #lime-logo { + animation: fadein 1s; } + +.welcome .panel { + position: relative; + top: 50px; + opacity: 0; } + +.welcome .panel-body { + text-align: center; } + .welcome .panel-body img { + height: 4em; + margin-bottom: 1em; } + +.welcome .login-pannel .panel-body img { + margin-bottom: 0; } + +.alert { + position: relative; + animation: slidefromtop 1s; } + +@media screen and (min-width: 1280px) and (max-width: 1440px) { + .welcome .panel { + min-height: 188px; } } + +#welcomeModal { + z-index: 20000; } + +@media screen and (min-width: 1280px) and (max-width: 1366px) { + #add_user_btn { + margin-top: 1.5em; } + #user-control-table .form-group label { + min-width: 80px; } } + +.htmleditorboot { + padding-top: 2em; } + +#edit-question-body { + min-height: 1200px; } + +#profile-img { + min-height: 80px; } + +@media screen and (min-width: 1280px) and (max-width: 1680px) { + #profile-img { + min-height: 0; } } + +.login-pannel { + margin-top: 40px; } + +.login-content { + text-align: left; + padding: 1em; } + +.login-submit { + text-align: right; } + +#s2id_loginlang { + border: none; + padding: 0; } + +.ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-bdiv { + overflow: hidden; } + +.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-toppager { + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-htable th div { + height: auto; } + +.ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input { + margin-top: 8px; } + .ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid td input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid tr.ui-row-ltr td { + border: none; } + +#gs_completed { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } + +.ui-th-column { + margin-top: 8px; } + +.info > p { + padding-top: 10px; + text-align: justify; } + +.checkbox label:after { + padding-left: 4px; + padding-top: 2px; + font-size: 9px; } + +.survey-action .panel-body img { + height: 3em; } + +div.panel.disabled { + opacity: 0.5; + border: none; } + div.panel.disabled * { + opacity: 0.5; + border: none; } + div.panel.disabled a { + cursor: default; } + +#edit-group .tab-pane { + padding: 1em; } + +.panel-clickable:hover { + cursor: pointer; + cursor: hand; } + +.ui-widget-content .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-widget-header .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-search-toolbar th div { + min-height: 40px; } + +.absolute-wrapper { + position: fixed; + left: 0; + width: 300px; + height: 100%; } + +.side-menu { + position: absolute; + width: 300px; + padding: 0; + left: 0; } + .side-menu .navbar { + border: none; + box-shadow: none; } + .side-menu .navbar-header { + width: 100%; } + .side-menu .navbar-nav li { + display: block; + width: 100%; } + .side-menu .navbar-nav li a { + padding: 15px; } + .side-menu .navbar-nav li a .glyphicon { + padding-right: 10px; } + .side-menu .navbar-nav .question-link.active { + background-color: transparent; + padding: 15px 15px 15px 0px; + margin-bottom: 5px; + margin-right: -1px; } + .side-menu .navbar-nav .question-link.active:hover { + text-decoration: none; + cursor: default; } + .side-menu .navbar-nav .question-link { + display: block; + padding-left: 0px; } + .side-menu .navbar-nav .question-link .question-collapse-title { + padding-left: 25px; } + .side-menu #dropdown { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + .side-menu #dropdown li:hover { + font-weight: 700; } + .side-menu #dropdown li.active:hover { + cursor: default; + background-color: transparent; + margin-right: -1px; } + .side-menu #dropdown li.disabled:hover { + font-weight: 700; + background-color: transparent; } + .side-menu #dropdown .caret { + float: right; + margin: 9px 5px 0; } + .side-menu #dropdown .indicator { + float: right; } + .side-menu #dropdown .panel-body { + padding: 0; } + .side-menu #dropdown .panel-body .navbar-nav { + width: 100%; } + .side-menu #dropdown .panel-body .navbar-nav li { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel { + margin-bottom: 0; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel-default { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li:last-child { + border-bottom: none; } + .side-menu #dropdown .panel-body .panel-body { + margin-left: -15px; } + .side-menu #dropdown .panel-body .panel > a { + margin-left: -20px; + padding-left: 35px; } + .side-menu #dropdown .question-group-collapse .caret { + float: none; + margin-bottom: 9px; } + .side-menu .hide-button { + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu .brand-name-wrapper { + min-height: 50px; } + .side-menu .brand-name-wrapper .navbar-brand { + display: block; } + .side-menu #search { + position: relative; + z-index: 1000; } + .side-menu #search .panel-body { + padding: 0; } + .side-menu #search .panel-body .navbar-form { + padding: 0; + padding-right: 50px; + width: 100%; + margin: 0; + position: relative; } + .side-menu #search .panel-body .navbar-form .form-group { + width: 100%; + position: relative; } + .side-menu #search .panel-body .navbar-form input { + border: 0; + border-radius: 0; + box-shadow: none; + width: 100%; + height: 50px; } + .side-menu #search .panel-body .navbar-form .btn { + position: absolute; + right: 0; + top: 0; + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu #explorer-collapse .caret { + float: none; + margin-bottom: 9px; } + +#explorer { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + #explorer ul { + font-size: 0.9em; } + +.dropdownstyle { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + +#sideMenu { + min-height: 700px; + overflow: hidden; } + #sideMenu a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown li:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li:hover > a { + width: 100%; + font-weight: 700; + border-bottom: none; } + #sideMenu #dropdown li a[aria-expanded="true"] { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li .active a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li > a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li > a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li > a:hover { + font-weight: 700; } + #sideMenu .navbar-default .navbar-nav > .active > a { + background-color: transparent; } + #sideMenu .side-menu .dropdownlvl1 > a:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover > a { + font-weight: 700; } + +.side-body { + min-height: 700px; + margin-left: 320px; } + +.question-group-collapse-title { + display: block; + padding-left: 20px; } + +.question-collapse-title { + display: block; + padding-left: 30px; } + +@media (max-width: 768px) { + .side-menu { + position: relative; + width: 100%; + height: 0; + border-right: 0; } + .side-menu .brand-name-wrapper .navbar-brand { + display: inline-block; } + @-moz-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-webkit-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-moz-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-webkit-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-moz-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-webkit-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-moz-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @-webkit-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + .side-body { + margin-left: 5px; + margin-top: 70px; + position: relative; + animation: bodyslideout 300ms forwards; + transform-style: preserve-3d; } + .body-slide-in { + animation: bodyslidein 300ms forwards; + transform-style: preserve-3d; } + .navbar-toggle { + border: 0; + float: left; + padding: 18px; + margin: 0; + border-radius: 0; } + .navbar-header { + position: fixed; + width: 100%; + z-index: 3; } + .side-menu-container > .navbar-nav { + position: fixed; + left: -300px; + width: 300px; + top: 43px; + height: 100%; + animation: slideout 300ms forwards; + transform-style: preserve-3d; } + .side-menu-container > .navbar-nav.slide-in { + animation: slidein 300ms forwards; + transform-style: preserve-3d; } + #search .panel-body .navbar-form { + border-bottom: 0; } + #search .panel-body .navbar-form .form-group { + margin: 0; } + #dropdown .panel-body .navbar-nav { + margin: 0; } } + +.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + .content-right .col-lg-12 { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.toWhite a:hover { + font-weight: 700; } + +.col-lg-12.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { + color: #fff; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { + color: #fff; } + +.btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-info:hover { + color: #fff; } + +/** +* Radio / Check box buttons +*/ +input[type="checkbox"], +input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; } + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; } + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; } + +.radio label, +.checkbox label { + min-height: 23px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; } + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; } + +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; } + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; } + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"].disabled, +input[type="checkbox"].disabled, +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; } + +.radio-inline.disabled, +.checkbox-inline.disabled, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; } + +.radio.disabled label, +.checkbox.disabled label, +fieldset[disabled] .radio label, +fieldset[disabled] .checkbox label { + cursor: not-allowed; } + +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #4caf50; } + +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #ff9800; } + +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #e51c23; } + +@media (min-width: 768px) { + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } + .form-inline .has-feedback .form-control-feedback { + top: 0; } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } } + +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; } + +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 30px; } + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; } + +.radio label, +.radio-inline label, +.checkbox label, +.checkbox-inline label { + padding-left: 25px; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="radio"], +.checkbox-inline input[type="radio"], +.radio input[type="checkbox"], +.radio-inline input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + margin-left: -25px; } + +input[type="radio"], +.radio input[type="radio"], +.radio-inline input[type="radio"] { + position: relative; + margin-top: 6px; + margin-right: 4px; + vertical-align: top; + border: none; + background-color: transparent; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="radio"]:focus, +.radio input[type="radio"]:focus, +.radio-inline input[type="radio"]:focus { + outline: none; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before, +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + border-radius: 50%; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before { + position: absolute; + left: 0; + top: -3px; + background-color: #2196f3; + -webkit-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); } + +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + position: relative; + top: -3px; + border: 2px solid #666666; } + +input[type="radio"]:checked:before, +.radio input[type="radio"]:checked:before, +.radio-inline input[type="radio"]:checked:before { + -webkit-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); } + +input[type="radio"]:disabled:checked:before, +.radio input[type="radio"]:disabled:checked:before, +.radio-inline input[type="radio"]:disabled:checked:before { + background-color: #bbbbbb; } + +input[type="radio"]:checked:after, +.radio input[type="radio"]:checked:after, +.radio-inline input[type="radio"]:checked:after { + border-color: #2196f3; } + +input[type="radio"]:disabled:after, +.radio input[type="radio"]:disabled:after, +.radio-inline input[type="radio"]:disabled:after, +input[type="radio"]:disabled:checked:after, +.radio input[type="radio"]:disabled:checked:after, +.radio-inline input[type="radio"]:disabled:checked:after { + border-color: #bbbbbb; } + +input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: relative; + border: none; + margin-bottom: -4px; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="checkbox"]:focus, +.checkbox input[type="checkbox"]:focus, +.checkbox-inline input[type="checkbox"]:focus { + outline: none; } + +input[type="checkbox"]:focus:after, +.checkbox input[type="checkbox"]:focus:after, +.checkbox-inline input[type="checkbox"]:focus:after { + border-color: #2196f3; } + +input[type="checkbox"]:after, +.checkbox input[type="checkbox"]:after, +.checkbox-inline input[type="checkbox"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + margin-top: -2px; + margin-right: 5px; + border: 2px solid #666666; + border-radius: 2px; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="checkbox"]:checked:before, +.checkbox input[type="checkbox"]:checked:before, +.checkbox-inline input[type="checkbox"]:checked:before { + content: ""; + position: absolute; + top: 0; + left: 6px; + display: table; + width: 6px; + height: 12px; + border: 2px solid #fff; + border-top-width: 0; + border-left-width: 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); } + +input[type="checkbox"]:disabled:after, +.checkbox input[type="checkbox"]:disabled:after, +.checkbox-inline input[type="checkbox"]:disabled:after { + border-color: #bbbbbb; } + +input[type="checkbox"]:disabled:checked:after, +.checkbox input[type="checkbox"]:disabled:checked:after, +.checkbox-inline input[type="checkbox"]:disabled:checked:after { + background-color: #bbbbbb; + border-color: transparent; } + +.has-warning input:not([type=checkbox]), +.has-warning .form-control, +.has-warning input.form-control[readonly], +.has-warning input[type=text][readonly], +.has-warning [type=text].form-control[readonly], +.has-warning input:not([type=checkbox]):focus, +.has-warning .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #ff9800; + box-shadow: inset 0 -2px 0 #ff9800; } + +.has-error input:not([type=checkbox]), +.has-error .form-control, +.has-error input.form-control[readonly], +.has-error input[type=text][readonly], +.has-error [type=text].form-control[readonly], +.has-error input:not([type=checkbox]):focus, +.has-error .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #e51c23; + box-shadow: inset 0 -2px 0 #e51c23; } + +.has-success input:not([type=checkbox]), +.has-success .form-control, +.has-success input.form-control[readonly], +.has-success input[type=text][readonly], +.has-success [type=text].form-control[readonly], +.has-success input:not([type=checkbox]):focus, +.has-success .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #4caf50; + box-shadow: inset 0 -2px 0 #4caf50; } + +/* jqGrid */ +.ui-widget-content { + border: none; + background: none; + color: #404040; } + +.ui-jqgrid .ui-jqgrid-titlebar { + padding: 1em; } + +.container-fluid .ui-widget-content .ui-state-default, .container-fluid .ui-jqgrid .ui-jqgrid-bdiv { + padding: 0.5em; } + +.ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { + border-radius: 4px; + padding: 1em; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqdialog-titlebar { + height: 2em; + width: 100%; } + +.EditTable tr td { + padding: 1em; } + +.ui-jqdialog-content input.FormElement { + padding: .3em; } + +.ui-jqdialog-content input[type="checkbox"].FormElement { + padding: 0em; } + +.EditTable td select, .EditTable td textarea { + display: inline-block; + width: auto; + vertical-align: middle; + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + color: #636363; + background-color: #ffffff; + border: 1px solid #cccccc; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + +.EditTable td input, .EditTable td select, .EditTable td textarea { + margin: 0; } + +input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input { + display: inline-block; + font-size: 14px; + line-height: 18px; + border: 1px solid #ccc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + +input:focus, textarea:focus { + outline: 0; + border-color: rgba(82, 168, 236, 0.8); + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } + +#displayparticipants_firstname, #displayparticipants_lastname, #displayparticipants_owner_uid { + padding-left: 40px; } + +#displayparticipants_language { + padding-left: 50px; } + +#jqgh_displayparticipants_email { + padding-left: 140px; } + +#displayparticipants_survey { + padding-left: 20px; } + +.navtable { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqgrid-title { + padding: 1em 0em 1em 1em; + font-style: italic; + font-weight: 700; } + +.ui-pg-button { + padding: 0.4em; } + +.ui-pg-button:hover { + cursor: pointer; } + +.ui-state-disabled:hover { + cursor: default; } + +.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all { + width: 100%; + overflow: hidden; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +[aria-hidden=true] { + display: none; + visibility: hidden; } + +.modal-22 { + position: absolute; + width: 600px; } + +.modal-22 .ui-jqdialog-titlebar .ui-jqdialog-title { + width: 80%; } + +.modal-22 .ui-jqdialog-content { + padding: 1em; } + +.ui-dialog-titlebar-close { + border: 1px solid transparent; + border-radius: 4px; + float: right; + color: #333; + background-color: #fff; + border-color: #ccc; + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-image: none; + -webkit-appearance: button; + cursor: pointer; + overflow: visible; + margin: 0; + font: normal normal normal 14px/1 FontAwesome; } + +.ui-dialog-titlebar-close:before { + content: "\f00d"; } + +.em-expression { + font-weight: bold; } + +.data-entry-tbl tr.odd td, .data-entry-tbl tr.even td { + padding: 20px 0 20px 0; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + position: absolute; + right: 1em; + top: 10px; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + cursor: pointer; } + +/** + * Template selector + */ +#carousel-example-generic { + margin-left: 20px; } + +#carousel-example-generic .carousel-control { + font-size: 1em; + top: -80px; } + +#carousel-example-generic .left.carousel-control { + left: -20px; } + +#carousel-example-generic .right.carousel-control { + right: -20px; } + +#carousel-example-generic .panel-title { + text-align: center; + padding-top: 0px; } + +#carousel-example-generic .carousel-inner img { + margin: auto; + top: 9px; + position: relative; } + +#carousel-example-generic .selectTemplate { + display: inline-block; + position: relative; + left: 0px; + top: 320px; } + +#carousel-example-generic .carousel-caption { + width: 100%; + left: 0; + top: 0px; + padding-top: 0px; } + +#carousel-example-generic, #carousel-example-generic .carousel-inner { + min-height: 150px; } + +#carousel-example-generic .carousel-indicators { + top: 370px; + width: 80%; + left: 39%; } + +#carousel-example-generic .carousel-indicators li { + margin: 0px; + width: 8px; + height: 8px; } + +.side-body #carousel-example-generic h3 { + border: none; } + +#systemoverview { + margin: 1em 0 1em 0; } + +/** + * Ajax loader + * from : http://codepen.io/weaintplastic/pen/qEMZbx + */ +.preloader { + position: absolute; + top: 50%; + left: 50%; + font-size: 20px; + display: block; + width: 3.75em; + height: 4.25em; + margin-left: -1.875em; + margin-top: -2.125em; + transform-origin: center center; + transform: rotateY(180deg) rotateZ(-60deg); } + .preloader .slice { + border-top: 1.125em solid transparent; + border-right: none; + border-bottom: 1em solid transparent; + border-left: 1.875em solid #f7484e; + position: absolute; + top: 0px; + left: 50%; + transform-origin: left bottom; + border-radius: 3px 3px 0 0; } + .preloader .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.82s preload-hide-1 both 1; } + .preloader .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.74s preload-hide-2 both 1; } + .preloader .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.66s preload-hide-3 both 1; } + .preloader .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.58s preload-hide-4 both 1; } + .preloader .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.5s preload-hide-5 both 1; } + .preloader .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.42s preload-hide-6 both 1; } + .preloader.loading { + animation: 2s preload-flip steps(2) infinite both; } + .preloader.loading .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-1 linear infinite both; } + .preloader.loading .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-2 linear infinite both; } + .preloader.loading .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-3 linear infinite both; } + .preloader.loading .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-4 linear infinite both; } + .preloader.loading .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-5 linear infinite both; } + .preloader.loading .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-6 linear infinite both; } + +/** + * comfortUpdate + */ +#ajaxContainerLoading { + height: 130px; + text-align: center; + margin-top: 70px; + margin-bottom: 100px; + display: none; } + +#comfortUpdateIcon { + height: 1em; + margin-right: 0.5em; } + +#comfortUpdateGeneralWrap .on { + font-weight: bold; + font-size: 1em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap .on span { + display: block; + padding: 0.1em; + padding-left: 0.5em; + width: 40%; } + +#comfortUpdateGeneralWrap .off { + font-size: 0.9em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap #welcomeMessage, #comfortUpdateGeneralWrap #btn-container { + border-right: 1px solid #EEE; } + +#comfortUpdateGeneralWrap #key-actions { + padding-left: 1em; } + +#update-alert.unstable-update { + background-color: #fff; + border: 1px solid #A0352F; + color: #A0352F; + margin-top: 1em; } + +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + border-bottom-color: transparent; + cursor: default; } + +.answertable.table td { + vertical-align: middle; } + +.btnaddanswer:hover, .btndelanswer:hover { + cursor: pointer; } + +.jumbotron p { + font-weight: 300; } + +span[data-tooltip] { + display: inline-block; } + +.glyphicon-move:hover { + cursor: pointer; } + +.answertable .glyphicon-pencil { + margin-left: 3px; } + +#statisticsview .panel { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +#explorer-collapse { + border-bottom: none; } + +#explorer-collapse:hover, #sideMenu #dropdown li a#explorer-collapse[aria-expanded="true"], #sideMenu #dropdown li a.question-group-collapse[aria-expanded="true"] { + width: auto; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container, #sideMenu #dropdown li#questionexplorer-group-container > a { + line-height: 1.4; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container:hover, #sideMenu #dropdown li#questionexplorer-group-container:hover > a { + background-color: #fafafa; + font-weight: 400; + line-height: 1.4; } + +.explorer-group-title { + margin-top: 1em; + padding: 0em 0 1em 0; } + +.explorer-group-title a.explorer-group, .question-collapse-title { + color: #163c19; } + +#item-container, #jcarousel-wrapper-container { + width: 300px; } + +#item-container h4 { + margin-bottom: 30px; } + +.selectTemplate { + margin-top: 10px; } + +.imgSelectTemplate { + cursor: pointer; } + +.template-img { + padding: 1em; } + +#additional_languages { + min-width: 200px; } + +#available_languages { + min-width: 200px; } + +.modal { + top: 50px; } + +#tokensidemenu { + border-top: 1px solid #e3e3e3; } + +.question-item { + padding: 1em; + margin: 1em 0 1em 0; + cursor: pointer; } + +/* +$color_deep_fir_approx: darken( $base-color, 20% ); +$color_acapulco_approx: adjust-color($base-color, $hue: 24deg, $saturation: -22%, $lightness: 25%); +$color_aqua_forest_approx: adjust-color($base-color, $hue: 4deg, $saturation: -24%, $lightness: 14%); +$color_paradiso_approx:adjust-color($base-color, $lightness: 5%); ; +$color_norway_approx: adjust-color($base-color, $hue: 0deg, $saturation: -28%, $lightness: 31%); +*/ +.placeholder { + padding: 1em; + margin: 1em 0 1em 0; } + +/* RTL stuff (right-to-left locale) */ +.no-gutter > [class*='col-'] { + padding-right: 0; + padding-left: 0; } diff --git a/themes/admin/Sunset_Orange/css/lime-admin-colors.css b/themes/admin/Sunset_Orange/css/lime-admin-colors.css index 3c915bb47f9..9c03d92e88c 100644 --- a/themes/admin/Sunset_Orange/css/lime-admin-colors.css +++ b/themes/admin/Sunset_Orange/css/lime-admin-colors.css @@ -1954,12 +1954,6 @@ input[type="checkbox"]:checked:after, background-color: #FE5B35; border-color: #FE5B35; } -input[type="checkbox"]:indeterminate:after, -.checkbox input[type="checkbox"]:indeterminate:after, -.checkbox-inline input[type="checkbox"]:indeterminate:after { - background-color: #FE5B35; - border-color: #FE5B35; } - /* jqGrid */ .ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { background-color: #ffffff; diff --git a/themes/admin/Sunset_Orange/css/lime-admin-common.css b/themes/admin/Sunset_Orange/css/lime-admin-common.css new file mode 100644 index 00000000000..2f8b4ab93e4 --- /dev/null +++ b/themes/admin/Sunset_Orange/css/lime-admin-common.css @@ -0,0 +1,1631 @@ +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; } + +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; } + +.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; } + +.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { + top: 1px; } + +.ui-datepicker .ui-datepicker-prev { + left: 2px; } + +.ui-datepicker .ui-datepicker-next { + right: 10px; } + +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; } + +.ui-datepicker .ui-datepicker-next-hover { + right: 10px; } + +.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; } + +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; } + +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; } + +.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { + width: 49%; } + +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; } + +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: 700; + border: 0; } + +.ui-datepicker td { + border: 0; + padding: 1px; } + +.ui-datepicker td a, .ui-datepicker td span { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; } + +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; } + +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em; + width: auto; + overflow: visible; } + +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; } + +.ui-datepicker.ui-datepicker-multi { + width: auto; } + +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; } + +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; } + +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; } + +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; } + +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; } + +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; } + +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; } + +.ui-datepicker-rtl { + direction: rtl; } + +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; } + +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; } + +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { + float: right; } + +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; } + +.side-body, .full-page-wrapper { + min-height: 100%; + position: relative; + margin-bottom: 65px; } + +.side-body h3, .pagetitle, .list-surveys h3 { + position: relative; + padding: 0.5em; + margin-bottom: 1em; + animation: fadein 1s; } + +body { + font-size: 14px; + line-height: 1.428571429; + margin: 0; } + body .row { + margin-right: 0; + margin-left: 0; } + +.jumbotron { + text-align: center; } + .jumbotron.message-box { + margin-top: 1em; } + +html { + position: relative; + min-height: 100%; } + +.main-container { + padding-bottom: 100px; } + +#welcome-jumbotron { + padding-top: 0; + padding-bottom: 10px; + background-color: transparent; } + +.surveymanagerbar { + margin-top: -20px; + padding-top: 5px; } + .surveymanagerbar h3 { + margin-top: 5px; + font-weight: 300; + font-size: 1.5em; } + +.surveybar { + padding-top: 5px; + padding-bottom: 5px; + z-index: 1000; } + +.tab-content { + padding-top: 2em; } + +:focus { + outline: none; } + +.navbar-brand { + font-weight: 400; } + +.navbar { + border-radius: 0 !important; } + .navbar a { + font-weight: 400; } + .navbar .dropdown-menu > li > a { + font-weight: 400; } + .navbar .nav-icon-btn > a .label { + font-size: 10px; + padding: 0 3px; + line-height: 15px; + position: absolute; + display: block; + right: 5px; + top: 10px; } + +.lime-icon { + display: inline-block; + height: 1em; + width: 1em; } + +.mega-dropdown { + position: static !important; } + +.mega-dropdown-menu { + padding: 20px 0; + width: 100%; } + .mega-dropdown-menu .dropdown-header { + font-size: 18px; + padding: 5px 60px 5px 5px; + line-height: 30px; } + .mega-dropdown-menu > li > ul { + padding: 0; + margin: 0; } + .mega-dropdown-menu > li > ul > li { + list-style: none; } + .mega-dropdown-menu > li > ul > li > a { + display: block; + padding: 3px 5px; } + .mega-dropdown-menu > li ul > li > a:hover { + text-decoration: none; } + .mega-dropdown-menu > li ul > li > a:focus { + text-decoration: none; } + +#mainmenu-dropdown { + z-index: 20002; } + +.footer { + z-index: 100; + position: absolute; + bottom: 0; + display: block; + width: 100%; + height: 60px; + padding-top: 1em; } + +.alert-security-update { + margin: 0; } + +#update-container { + margin-top: 10px; + z-index: 10100; } + #update-container .alert { + margin-bottom: 5px; } + +.box { + border-radius: 3px; + padding: 10px 25px; + text-align: right; + display: block; + margin-top: 10px; } + +#info-header { + font-size: 3em; } + +#info-footer { + font-size: 2em; } + +.box-icon { + border-radius: 50%; + display: table; + height: 50px; + margin: 0 auto; + width: 50px; + margin-top: -31px; } + .box-icon span { + display: table-cell; + text-align: center; + vertical-align: middle; } + +@keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-moz-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-webkit-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-ms-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@-o-keyframes fadein { + from { + opacity: 0; } + to { + opacity: 1; } } + +@keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-moz-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-webkit-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-ms-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +@-o-keyframes slidefromtop { + from { + top: -15px; } + to { + top: 0; } } + +.form-group { + margin-bottom: 17px; } + +.cke_contents { + width: 650px; } + +.cke_toolgroup { + cursor: pointer; + cursor: hand; + border-radius: 0; } + +.message-box { + position: relative; + margin-top: 20px; + animation: slidefromtop 1s; } + +.welcome #lime-logo { + animation: fadein 1s; } + +.welcome .panel { + position: relative; + top: 50px; + opacity: 0; } + +.welcome .panel-body { + text-align: center; } + .welcome .panel-body img { + height: 4em; + margin-bottom: 1em; } + +.welcome .login-pannel .panel-body img { + margin-bottom: 0; } + +.alert { + position: relative; + animation: slidefromtop 1s; } + +@media screen and (min-width: 1280px) and (max-width: 1440px) { + .welcome .panel { + min-height: 188px; } } + +#welcomeModal { + z-index: 20000; } + +@media screen and (min-width: 1280px) and (max-width: 1366px) { + #add_user_btn { + margin-top: 1.5em; } + #user-control-table .form-group label { + min-width: 80px; } } + +.htmleditorboot { + padding-top: 2em; } + +#edit-question-body { + min-height: 1200px; } + +#profile-img { + min-height: 80px; } + +@media screen and (min-width: 1280px) and (max-width: 1680px) { + #profile-img { + min-height: 0; } } + +.login-pannel { + margin-top: 40px; } + +.login-content { + text-align: left; + padding: 1em; } + +.login-submit { + text-align: right; } + +#s2id_loginlang { + border: none; + padding: 0; } + +.ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-bdiv { + overflow: hidden; } + +.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-toppager { + background-image: none; + background-color: transparent; } + +.ui-jqgrid .ui-jqgrid-htable th div { + height: auto; } + +.ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input { + margin-top: 8px; } + .ui-jqgrid .ui-jqgrid-htable th.ui-th-column div input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid td input.cbox { + margin: 4px 0 0; } + +.ui-jqgrid tr.ui-row-ltr td { + border: none; } + +#gs_completed { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } + +.ui-th-column { + margin-top: 8px; } + +.info > p { + padding-top: 10px; + text-align: justify; } + +.checkbox label:after { + padding-left: 4px; + padding-top: 2px; + font-size: 9px; } + +.survey-action .panel-body img { + height: 3em; } + +div.panel.disabled { + opacity: 0.5; + border: none; } + div.panel.disabled * { + opacity: 0.5; + border: none; } + div.panel.disabled a { + cursor: default; } + +#edit-group .tab-pane { + padding: 1em; } + +.panel-clickable:hover { + cursor: pointer; + cursor: hand; } + +.ui-widget-content .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-widget-header .ui-state-default { + background-image: none; + background-color: transparent; + background-image: none; + background-color: transparent; } + +.ui-search-toolbar th div { + min-height: 40px; } + +.absolute-wrapper { + position: fixed; + left: 0; + width: 300px; + height: 100%; } + +.side-menu { + position: absolute; + width: 300px; + padding: 0; + left: 0; } + .side-menu .navbar { + border: none; + box-shadow: none; } + .side-menu .navbar-header { + width: 100%; } + .side-menu .navbar-nav li { + display: block; + width: 100%; } + .side-menu .navbar-nav li a { + padding: 15px; } + .side-menu .navbar-nav li a .glyphicon { + padding-right: 10px; } + .side-menu .navbar-nav .question-link.active { + background-color: transparent; + padding: 15px 15px 15px 0px; + margin-bottom: 5px; + margin-right: -1px; } + .side-menu .navbar-nav .question-link.active:hover { + text-decoration: none; + cursor: default; } + .side-menu .navbar-nav .question-link { + display: block; + padding-left: 0px; } + .side-menu .navbar-nav .question-link .question-collapse-title { + padding-left: 25px; } + .side-menu #dropdown { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + .side-menu #dropdown li:hover { + font-weight: 700; } + .side-menu #dropdown li.active:hover { + cursor: default; + background-color: transparent; + margin-right: -1px; } + .side-menu #dropdown li.disabled:hover { + font-weight: 700; + background-color: transparent; } + .side-menu #dropdown .caret { + float: right; + margin: 9px 5px 0; } + .side-menu #dropdown .indicator { + float: right; } + .side-menu #dropdown .panel-body { + padding: 0; } + .side-menu #dropdown .panel-body .navbar-nav { + width: 100%; } + .side-menu #dropdown .panel-body .navbar-nav li { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel { + margin-bottom: 0; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + .side-menu #dropdown .panel-body .navbar-nav li.panel-default { + padding-left: 15px; + border: none; } + .side-menu #dropdown .panel-body .navbar-nav li:last-child { + border-bottom: none; } + .side-menu #dropdown .panel-body .panel-body { + margin-left: -15px; } + .side-menu #dropdown .panel-body .panel > a { + margin-left: -20px; + padding-left: 35px; } + .side-menu #dropdown .question-group-collapse .caret { + float: none; + margin-bottom: 9px; } + .side-menu .hide-button { + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu .brand-name-wrapper { + min-height: 50px; } + .side-menu .brand-name-wrapper .navbar-brand { + display: block; } + .side-menu #search { + position: relative; + z-index: 1000; } + .side-menu #search .panel-body { + padding: 0; } + .side-menu #search .panel-body .navbar-form { + padding: 0; + padding-right: 50px; + width: 100%; + margin: 0; + position: relative; } + .side-menu #search .panel-body .navbar-form .form-group { + width: 100%; + position: relative; } + .side-menu #search .panel-body .navbar-form input { + border: 0; + border-radius: 0; + box-shadow: none; + width: 100%; + height: 50px; } + .side-menu #search .panel-body .navbar-form .btn { + position: absolute; + right: 0; + top: 0; + border: 0; + border-radius: 0; + padding: 15px 18px; } + .side-menu #explorer-collapse .caret { + float: none; + margin-bottom: 9px; } + +#explorer { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + #explorer ul { + font-size: 0.9em; } + +.dropdownstyle { + border: 0; + margin-bottom: 0; + border-radius: 0; + background-color: transparent; + box-shadow: none; } + +#sideMenu { + min-height: 700px; + overflow: hidden; } + #sideMenu a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown li:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li:hover > a { + width: 100%; + font-weight: 700; + border-bottom: none; } + #sideMenu #dropdown li a[aria-expanded="true"] { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li .active a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown li > a:hover { + width: 100%; + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer li > a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li:hover > a { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li a[aria-expanded="true"] { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li .active a:hover { + font-weight: 700; } + #sideMenu #dropdown #explorer .questiongroupdropdown li > a:hover { + font-weight: 700; } + #sideMenu .navbar-default .navbar-nav > .active > a { + background-color: transparent; } + #sideMenu .side-menu .dropdownlvl1 > a:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover { + font-weight: 700; } + #sideMenu .sidemenuscontainer li:hover > a { + font-weight: 700; } + +.side-body { + min-height: 700px; + margin-left: 320px; } + +.question-group-collapse-title { + display: block; + padding-left: 20px; } + +.question-collapse-title { + display: block; + padding-left: 30px; } + +@media (max-width: 768px) { + .side-menu { + position: relative; + width: 100%; + height: 0; + border-right: 0; } + .side-menu .brand-name-wrapper .navbar-brand { + display: inline-block; } + @-moz-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-webkit-keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @keyframes slidein { + 0% { + left: -300px; } + 100% { + left: 10px; } } + @-moz-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-webkit-keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @keyframes slideout { + 0% { + left: 0; } + 100% { + left: -300px; } } + @-moz-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-webkit-keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @keyframes bodyslidein { + 0% { + left: 0; } + 100% { + left: 300px; } } + @-moz-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @-webkit-keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + @keyframes bodyslideout { + 0% { + left: 300px; } + 100% { + left: 0; } } + .side-body { + margin-left: 5px; + margin-top: 70px; + position: relative; + animation: bodyslideout 300ms forwards; + transform-style: preserve-3d; } + .body-slide-in { + animation: bodyslidein 300ms forwards; + transform-style: preserve-3d; } + .navbar-toggle { + border: 0; + float: left; + padding: 18px; + margin: 0; + border-radius: 0; } + .navbar-header { + position: fixed; + width: 100%; + z-index: 3; } + .side-menu-container > .navbar-nav { + position: fixed; + left: -300px; + width: 300px; + top: 43px; + height: 100%; + animation: slideout 300ms forwards; + transform-style: preserve-3d; } + .side-menu-container > .navbar-nav.slide-in { + animation: slidein 300ms forwards; + transform-style: preserve-3d; } + #search .panel-body .navbar-form { + border-bottom: 0; } + #search .panel-body .navbar-form .form-group { + margin: 0; } + #dropdown .panel-body .navbar-nav { + margin: 0; } } + +.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + .content-right .col-lg-12 { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.toWhite a:hover { + font-weight: 700; } + +.col-lg-12.content-right { + padding-left: 0; + padding-right: 0; + animation: fadein 1s; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { + color: #fff; } + +.container-fluid .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { + color: #fff; } + +.btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-info:hover { + color: #fff; } + +/** +* Radio / Check box buttons +*/ +input[type="checkbox"], +input[type="radio"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0; } + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; } + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; } + +.radio label, +.checkbox label { + min-height: 23px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; } + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; } + +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; } + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; } + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"].disabled, +input[type="checkbox"].disabled, +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; } + +.radio-inline.disabled, +.checkbox-inline.disabled, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; } + +.radio.disabled label, +.checkbox.disabled label, +fieldset[disabled] .radio label, +fieldset[disabled] .checkbox label { + cursor: not-allowed; } + +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #4caf50; } + +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #ff9800; } + +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #e51c23; } + +@media (min-width: 768px) { + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } + .form-inline .has-feedback .form-control-feedback { + top: 0; } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } } + +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; } + +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 30px; } + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; } + +.radio label, +.radio-inline label, +.checkbox label, +.checkbox-inline label { + padding-left: 25px; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="radio"], +.checkbox-inline input[type="radio"], +.radio input[type="checkbox"], +.radio-inline input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + margin-left: -25px; } + +input[type="radio"], +.radio input[type="radio"], +.radio-inline input[type="radio"] { + position: relative; + margin-top: 6px; + margin-right: 4px; + vertical-align: top; + border: none; + background-color: transparent; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="radio"]:focus, +.radio input[type="radio"]:focus, +.radio-inline input[type="radio"]:focus { + outline: none; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before, +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + border-radius: 50%; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="radio"]:before, +.radio input[type="radio"]:before, +.radio-inline input[type="radio"]:before { + position: absolute; + left: 0; + top: -3px; + background-color: #2196f3; + -webkit-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + transform: scale(0); } + +input[type="radio"]:after, +.radio input[type="radio"]:after, +.radio-inline input[type="radio"]:after { + position: relative; + top: -3px; + border: 2px solid #666666; } + +input[type="radio"]:checked:before, +.radio input[type="radio"]:checked:before, +.radio-inline input[type="radio"]:checked:before { + -webkit-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); } + +input[type="radio"]:disabled:checked:before, +.radio input[type="radio"]:disabled:checked:before, +.radio-inline input[type="radio"]:disabled:checked:before { + background-color: #bbbbbb; } + +input[type="radio"]:checked:after, +.radio input[type="radio"]:checked:after, +.radio-inline input[type="radio"]:checked:after { + border-color: #2196f3; } + +input[type="radio"]:disabled:after, +.radio input[type="radio"]:disabled:after, +.radio-inline input[type="radio"]:disabled:after, +input[type="radio"]:disabled:checked:after, +.radio input[type="radio"]:disabled:checked:after, +.radio-inline input[type="radio"]:disabled:checked:after { + border-color: #bbbbbb; } + +input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: relative; + border: none; + margin-bottom: -4px; + -webkit-appearance: none; + appearance: none; + cursor: pointer; } + +input[type="checkbox"]:focus, +.checkbox input[type="checkbox"]:focus, +.checkbox-inline input[type="checkbox"]:focus { + outline: none; } + +input[type="checkbox"]:focus:after, +.checkbox input[type="checkbox"]:focus:after, +.checkbox-inline input[type="checkbox"]:focus:after { + border-color: #2196f3; } + +input[type="checkbox"]:after, +.checkbox input[type="checkbox"]:after, +.checkbox-inline input[type="checkbox"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + margin-top: -2px; + margin-right: 5px; + border: 2px solid #666666; + border-radius: 2px; + -webkit-transition: 240ms; + -o-transition: 240ms; + transition: 240ms; } + +input[type="checkbox"]:checked:before, +.checkbox input[type="checkbox"]:checked:before, +.checkbox-inline input[type="checkbox"]:checked:before { + content: ""; + position: absolute; + top: 0; + left: 6px; + display: table; + width: 6px; + height: 12px; + border: 2px solid #fff; + border-top-width: 0; + border-left-width: 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); } + +input[type="checkbox"]:disabled:after, +.checkbox input[type="checkbox"]:disabled:after, +.checkbox-inline input[type="checkbox"]:disabled:after { + border-color: #bbbbbb; } + +input[type="checkbox"]:disabled:checked:after, +.checkbox input[type="checkbox"]:disabled:checked:after, +.checkbox-inline input[type="checkbox"]:disabled:checked:after { + background-color: #bbbbbb; + border-color: transparent; } + +.has-warning input:not([type=checkbox]), +.has-warning .form-control, +.has-warning input.form-control[readonly], +.has-warning input[type=text][readonly], +.has-warning [type=text].form-control[readonly], +.has-warning input:not([type=checkbox]):focus, +.has-warning .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #ff9800; + box-shadow: inset 0 -2px 0 #ff9800; } + +.has-error input:not([type=checkbox]), +.has-error .form-control, +.has-error input.form-control[readonly], +.has-error input[type=text][readonly], +.has-error [type=text].form-control[readonly], +.has-error input:not([type=checkbox]):focus, +.has-error .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #e51c23; + box-shadow: inset 0 -2px 0 #e51c23; } + +.has-success input:not([type=checkbox]), +.has-success .form-control, +.has-success input.form-control[readonly], +.has-success input[type=text][readonly], +.has-success [type=text].form-control[readonly], +.has-success input:not([type=checkbox]):focus, +.has-success .form-control:focus { + border-bottom: none; + -webkit-box-shadow: inset 0 -2px 0 #4caf50; + box-shadow: inset 0 -2px 0 #4caf50; } + +/* jqGrid */ +.ui-widget-content { + border: none; + background: none; + color: #404040; } + +.ui-jqgrid .ui-jqgrid-titlebar { + padding: 1em; } + +.container-fluid .ui-widget-content .ui-state-default, .container-fluid .ui-jqgrid .ui-jqgrid-bdiv { + padding: 0.5em; } + +.ui-dialog, .ui-jqdialog, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { + border-radius: 4px; + padding: 1em; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqdialog-titlebar { + height: 2em; + width: 100%; } + +.EditTable tr td { + padding: 1em; } + +.ui-jqdialog-content input.FormElement { + padding: .3em; } + +.ui-jqdialog-content input[type="checkbox"].FormElement { + padding: 0em; } + +.EditTable td select, .EditTable td textarea { + display: inline-block; + width: auto; + vertical-align: middle; + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + background-image: none; + border-radius: 4px; + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + color: #636363; + background-color: #ffffff; + border: 1px solid #cccccc; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + +.EditTable td input, .EditTable td select, .EditTable td textarea { + margin: 0; } + +input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input { + display: inline-block; + font-size: 14px; + line-height: 18px; + border: 1px solid #ccc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + +input:focus, textarea:focus { + outline: 0; + border-color: rgba(82, 168, 236, 0.8); + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } + +#displayparticipants_firstname, #displayparticipants_lastname, #displayparticipants_owner_uid { + padding-left: 40px; } + +#displayparticipants_language { + padding-left: 50px; } + +#jqgh_displayparticipants_email { + padding-left: 140px; } + +#displayparticipants_survey { + padding-left: 20px; } + +.navtable { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.ui-jqgrid-title { + padding: 1em 0em 1em 1em; + font-style: italic; + font-weight: 700; } + +.ui-pg-button { + padding: 0.4em; } + +.ui-pg-button:hover { + cursor: pointer; } + +.ui-state-disabled:hover { + cursor: default; } + +.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all { + width: 100%; + overflow: hidden; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +[aria-hidden=true] { + display: none; + visibility: hidden; } + +.modal-22 { + position: absolute; + width: 600px; } + +.modal-22 .ui-jqdialog-titlebar .ui-jqdialog-title { + width: 80%; } + +.modal-22 .ui-jqdialog-content { + padding: 1em; } + +.ui-dialog-titlebar-close { + border: 1px solid transparent; + border-radius: 4px; + float: right; + color: #333; + background-color: #fff; + border-color: #ccc; + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-image: none; + -webkit-appearance: button; + cursor: pointer; + overflow: visible; + margin: 0; + font: normal normal normal 14px/1 FontAwesome; } + +.ui-dialog-titlebar-close:before { + content: "\f00d"; } + +.em-expression { + font-weight: bold; } + +.data-entry-tbl tr.odd td, .data-entry-tbl tr.even td { + padding: 20px 0 20px 0; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + position: absolute; + right: 1em; + top: 10px; } + +h3 .glyphicon-chevron-up, h3 .glyphicon-chevron-down { + cursor: pointer; } + +/** + * Template selector + */ +#carousel-example-generic { + margin-left: 20px; } + +#carousel-example-generic .carousel-control { + font-size: 1em; + top: -80px; } + +#carousel-example-generic .left.carousel-control { + left: -20px; } + +#carousel-example-generic .right.carousel-control { + right: -20px; } + +#carousel-example-generic .panel-title { + text-align: center; + padding-top: 0px; } + +#carousel-example-generic .carousel-inner img { + margin: auto; + top: 9px; + position: relative; } + +#carousel-example-generic .selectTemplate { + display: inline-block; + position: relative; + left: 0px; + top: 320px; } + +#carousel-example-generic .carousel-caption { + width: 100%; + left: 0; + top: 0px; + padding-top: 0px; } + +#carousel-example-generic, #carousel-example-generic .carousel-inner { + min-height: 150px; } + +#carousel-example-generic .carousel-indicators { + top: 370px; + width: 80%; + left: 39%; } + +#carousel-example-generic .carousel-indicators li { + margin: 0px; + width: 8px; + height: 8px; } + +.side-body #carousel-example-generic h3 { + border: none; } + +#systemoverview { + margin: 1em 0 1em 0; } + +/** + * Ajax loader + * from : http://codepen.io/weaintplastic/pen/qEMZbx + */ +.preloader { + position: absolute; + top: 50%; + left: 50%; + font-size: 20px; + display: block; + width: 3.75em; + height: 4.25em; + margin-left: -1.875em; + margin-top: -2.125em; + transform-origin: center center; + transform: rotateY(180deg) rotateZ(-60deg); } + .preloader .slice { + border-top: 1.125em solid transparent; + border-right: none; + border-bottom: 1em solid transparent; + border-left: 1.875em solid #f7484e; + position: absolute; + top: 0px; + left: 50%; + transform-origin: left bottom; + border-radius: 3px 3px 0 0; } + .preloader .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.82s preload-hide-1 both 1; } + .preloader .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.74s preload-hide-2 both 1; } + .preloader .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.66s preload-hide-3 both 1; } + .preloader .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.58s preload-hide-4 both 1; } + .preloader .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.5s preload-hide-5 both 1; } + .preloader .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(0deg) rotateX(0); + animation: 0.15s linear 0.42s preload-hide-6 both 1; } + .preloader.loading { + animation: 2s preload-flip steps(2) infinite both; } + .preloader.loading .slice:nth-child(1) { + transform: rotateZ(60deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-1 linear infinite both; } + .preloader.loading .slice:nth-child(2) { + transform: rotateZ(120deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-2 linear infinite both; } + .preloader.loading .slice:nth-child(3) { + transform: rotateZ(180deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-3 linear infinite both; } + .preloader.loading .slice:nth-child(4) { + transform: rotateZ(240deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-4 linear infinite both; } + .preloader.loading .slice:nth-child(5) { + transform: rotateZ(300deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-5 linear infinite both; } + .preloader.loading .slice:nth-child(6) { + transform: rotateZ(360deg) rotateY(90deg) rotateX(0); + animation: 2s preload-cycle-6 linear infinite both; } + +/** + * comfortUpdate + */ +#ajaxContainerLoading { + height: 130px; + text-align: center; + margin-top: 70px; + margin-bottom: 100px; + display: none; } + +#comfortUpdateIcon { + height: 1em; + margin-right: 0.5em; } + +#comfortUpdateGeneralWrap .on { + font-weight: bold; + font-size: 1em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap .on span { + display: block; + padding: 0.1em; + padding-left: 0.5em; + width: 40%; } + +#comfortUpdateGeneralWrap .off { + font-size: 0.9em; + padding-left: 0.5em; + padding-top: 0.5em; } + +#comfortUpdateGeneralWrap #welcomeMessage, #comfortUpdateGeneralWrap #btn-container { + border-right: 1px solid #EEE; } + +#comfortUpdateGeneralWrap #key-actions { + padding-left: 1em; } + +#update-alert.unstable-update { + background-color: #fff; + border: 1px solid #A0352F; + color: #A0352F; + margin-top: 1em; } + +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + border-bottom-color: transparent; + cursor: default; } + +.answertable.table td { + vertical-align: middle; } + +.btnaddanswer:hover, .btndelanswer:hover { + cursor: pointer; } + +.jumbotron p { + font-weight: 300; } + +span[data-tooltip] { + display: inline-block; } + +.glyphicon-move:hover { + cursor: pointer; } + +.answertable .glyphicon-pencil { + margin-left: 3px; } + +#statisticsview .panel { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +#explorer-collapse { + border-bottom: none; } + +#explorer-collapse:hover, #sideMenu #dropdown li a#explorer-collapse[aria-expanded="true"], #sideMenu #dropdown li a.question-group-collapse[aria-expanded="true"] { + width: auto; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container, #sideMenu #dropdown li#questionexplorer-group-container > a { + line-height: 1.4; } + +#sideMenu #dropdown #explorer li#questionexplorer-group-container:hover, #sideMenu #dropdown li#questionexplorer-group-container:hover > a { + background-color: #fafafa; + font-weight: 400; + line-height: 1.4; } + +.explorer-group-title { + margin-top: 1em; + padding: 0em 0 1em 0; } + +.explorer-group-title a.explorer-group, .question-collapse-title { + color: #163c19; } + +#item-container, #jcarousel-wrapper-container { + width: 300px; } + +#item-container h4 { + margin-bottom: 30px; } + +.selectTemplate { + margin-top: 10px; } + +.imgSelectTemplate { + cursor: pointer; } + +.template-img { + padding: 1em; } + +#additional_languages { + min-width: 200px; } + +#available_languages { + min-width: 200px; } + +.modal { + top: 50px; } + +#tokensidemenu { + border-top: 1px solid #e3e3e3; } + +.question-item { + padding: 1em; + margin: 1em 0 1em 0; + cursor: pointer; } + +/* +$color_deep_fir_approx: darken( $base-color, 20% ); +$color_acapulco_approx: adjust-color($base-color, $hue: 24deg, $saturation: -22%, $lightness: 25%); +$color_aqua_forest_approx: adjust-color($base-color, $hue: 4deg, $saturation: -24%, $lightness: 14%); +$color_paradiso_approx:adjust-color($base-color, $lightness: 5%); ; +$color_norway_approx: adjust-color($base-color, $hue: 0deg, $saturation: -28%, $lightness: 31%); +*/ +.placeholder { + padding: 1em; + margin: 1em 0 1em 0; } + +/* RTL stuff (right-to-left locale) */ +.no-gutter > [class*='col-'] { + padding-right: 0; + padding-left: 0; }