15127 lines
364 KiB
CSS
Executable File
15127 lines
364 KiB
CSS
Executable File
/*
|
|
* Altair Admin
|
|
* author: tzd
|
|
*
|
|
* Content:
|
|
* 1. variables/mixins
|
|
* 2. UIkit custom styles
|
|
* 3. Kendo UI custom styles
|
|
* 4. custom components
|
|
* 5. material design styles
|
|
* 6. plugins
|
|
* 7. partials (header,sidebars,top bar)
|
|
* 8. pages
|
|
* 9. altair admin styles
|
|
* 10. print styles
|
|
*
|
|
*/
|
|
/* 1. altair variables/mixins ======================== */
|
|
/* 2. UIkit custom styles ============================ */
|
|
/* animations */
|
|
[class*="uk-animation-"] {
|
|
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-animation-duration: 560ms;
|
|
animation-duration: 560ms;
|
|
}
|
|
/* alerts */
|
|
.uk-alert {
|
|
border: none;
|
|
background: #1976d2;
|
|
color: #fff;
|
|
text-shadow: none;
|
|
padding-right: 32px;
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
.uk-alert-success {
|
|
background: #8bc34a !important;
|
|
}
|
|
.uk-alert-danger {
|
|
background: #e53935 !important;
|
|
}
|
|
.uk-alert-warning {
|
|
background: #ffa000 !important;
|
|
}
|
|
.uk-alert-info {
|
|
background: #0097a7 !important;
|
|
}
|
|
.uk-alert-large {
|
|
padding: 24px 32px 24px 24px;
|
|
}
|
|
.uk-alert-close {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 8px;
|
|
float: none !important;
|
|
margin: 0 !important;
|
|
}
|
|
.uk-alert-close:after {
|
|
color: #fff !important;
|
|
}
|
|
/* badges */
|
|
.uk-badge {
|
|
background: #0097a7;
|
|
padding: 2px 6px;
|
|
border: none;
|
|
border-radius: 2px;
|
|
text-shadow: none;
|
|
font-size: 11px;
|
|
line-height: 15px;
|
|
font-weight: 400;
|
|
white-space: nowrap;
|
|
}
|
|
.uk-badge a {
|
|
color: #fff !important;
|
|
}
|
|
.uk-badge-default {
|
|
background: #9e9e9e;
|
|
color: #fff;
|
|
}
|
|
.uk-badge-primary {
|
|
background: #2196f3;
|
|
}
|
|
.uk-badge-danger {
|
|
background: #e53935;
|
|
}
|
|
.uk-badge-warning {
|
|
background: #ffa000;
|
|
}
|
|
.uk-badge-success {
|
|
background: #7cb342;
|
|
}
|
|
.uk-badge-muted {
|
|
background: #bdbdbd;
|
|
}
|
|
.uk-badge-notification {
|
|
border-radius: 20px;
|
|
}
|
|
.uk-badge-large {
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
padding: 4px 8px;
|
|
}
|
|
.uk-badge.inline-label {
|
|
vertical-align: 1px;
|
|
margin-left: 4px;
|
|
}
|
|
.uk-badge-outline {
|
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
background: #fff;
|
|
color: #212121;
|
|
padding-bottom: 0;
|
|
line-height: 16px;
|
|
}
|
|
.uk-badge-inline {
|
|
vertical-align: 2px;
|
|
}
|
|
.uk-badge-group {
|
|
overflow: hidden;
|
|
}
|
|
.uk-badge-group .uk-badge {
|
|
float: left;
|
|
display: block;
|
|
margin: 0 4px 4px 0;
|
|
}
|
|
/* buttons */
|
|
.uk-button {
|
|
font-weight: 400;
|
|
border-radius: 2px;
|
|
-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
/* comments */
|
|
.uk-comment-list > li + li {
|
|
border-top: 1px dashed rgba(0, 0, 0, 0.12);
|
|
margin-top: 16px !important;
|
|
}
|
|
.uk-comment-list .uk-comment + ul {
|
|
margin: 8px 0 0 0;
|
|
}
|
|
@media only screen and (min-width: 768px) {
|
|
.uk-comment-list .uk-comment + ul {
|
|
padding-left: 48px;
|
|
}
|
|
}
|
|
.uk-comment-header {
|
|
padding: 16px 8px 8px;
|
|
border: none;
|
|
background: none;
|
|
margin-bottom: 0;
|
|
}
|
|
.uk-comment-title {
|
|
margin: 0;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
/* dialog modals */
|
|
.uk-modal {
|
|
z-index: 1304;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
-webkit-transition: opacity 250ms ease-out;
|
|
transition: opacity 250ms ease-out;
|
|
overflow: auto !important;
|
|
}
|
|
.uk-modal.uk-modal-no-backdrop {
|
|
background: transparent;
|
|
}
|
|
.uk-modal-dialog {
|
|
border-radius: 2px;
|
|
-webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
|
|
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
|
|
padding: 24px;
|
|
display: block !important;
|
|
-webkit-animation: none !important;
|
|
animation: none !important;
|
|
-webkit-transition: opacity 280ms ease-in, -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: opacity 280ms ease-in, -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 280ms ease-in;
|
|
transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 280ms ease-in, -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
.uk-modal-dialog-blank {
|
|
padding: 0;
|
|
background: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.uk-open .uk-modal-dialog {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
.uk-modal-dialog .uk-modal-header {
|
|
background: none;
|
|
border-bottom: none;
|
|
margin: 0 -24px 24px;
|
|
padding: 0 32px 0 24px;
|
|
overflow: hidden;
|
|
}
|
|
.uk-modal-dialog .uk-modal-header .uk-modal-title {
|
|
margin: 0;
|
|
font: 500 18px / 28px "Open Sans", sans-serif;
|
|
}
|
|
.uk-modal-dialog .uk-modal-header .uk-modal-title span {
|
|
font-size: 16px;
|
|
display: block;
|
|
color: #727272;
|
|
}
|
|
.uk-modal-dialog .uk-modal-header .material-icons {
|
|
font-size: 24px;
|
|
vertical-align: -4px;
|
|
cursor: default;
|
|
}
|
|
.uk-modal-dialog .uk-modal-footer {
|
|
margin: 16px -16px -16px;
|
|
padding: 16px;
|
|
background: #fff;
|
|
border-top: none;
|
|
}
|
|
.uk-modal-dialog .uk-modal-footer:before,
|
|
.uk-modal-dialog .uk-modal-footer:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.uk-modal-dialog .uk-modal-footer:after {
|
|
clear: both;
|
|
}
|
|
.uk-modal-dialog .uk-modal-footer:before,
|
|
.uk-modal-dialog .uk-modal-footer:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.uk-modal-dialog .uk-modal-footer:after {
|
|
clear: both;
|
|
}
|
|
.uk-modal-dialog .uk-modal-footer .md-icon-btn {
|
|
margin-top: 2px;
|
|
}
|
|
.uk-modal-dialog .uk-modal-caption {
|
|
bottom: 16px;
|
|
margin: 0 32px;
|
|
}
|
|
.uk-modal-dialog > .uk-close:first-child {
|
|
top: 8px;
|
|
right: 8px;
|
|
position: absolute;
|
|
float: none;
|
|
margin: 0;
|
|
}
|
|
.uk-modal-dialog-lightbox {
|
|
padding: 0;
|
|
}
|
|
.uk-modal-dialog-lightbox > .uk-close:first-child {
|
|
top: -11px;
|
|
right: -11px;
|
|
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
border: none;
|
|
z-index: 10;
|
|
}
|
|
.uk-modal-dialog .uk-overflow-container {
|
|
margin: 16px 0;
|
|
}
|
|
.uk-modal-card-fullscreen {
|
|
overflow: hidden !important;
|
|
}
|
|
.uk-modal-card-fullscreen .uk-modal-close {
|
|
float: left;
|
|
margin: 8px 8px 0 0;
|
|
display: block;
|
|
}
|
|
.uk-modal-card-fullscreen > .uk-modal-dialog > .md-card > .md-card-toolbar {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
z-index: 10;
|
|
}
|
|
.uk-modal-card-fullscreen > .uk-modal-dialog > .md-card > .md-card-content {
|
|
position: absolute;
|
|
top: 48px;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
overflow-y: auto;
|
|
}
|
|
.uk-modal .uk-margin.uk-modal-content {
|
|
margin-bottom: 0;
|
|
}
|
|
.uk-modal.uk-modal-dialog-replace .uk-modal-content {
|
|
font-size: 18px;
|
|
}
|
|
.uk-modal-spinner {
|
|
-webkit-animation: uk-rotate 2s infinite linear;
|
|
animation: uk-rotate 2s infinite linear;
|
|
margin-left: -12px;
|
|
margin-top: -17px;
|
|
left: 50%;
|
|
right: auto;
|
|
}
|
|
.uk-modal .uk-modal-aside {
|
|
padding: 16px 32px 32px;
|
|
}
|
|
/* dropdowns */
|
|
.uk-dropdown {
|
|
-webkit-transform: scale(0.25, 0);
|
|
transform: scale(0.25, 0);
|
|
opacity: 0;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-animation: none !important;
|
|
animation: none !important;
|
|
-webkit-transform-origin: 50% 0 !important;
|
|
transform-origin: 50% 0 !important;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
border: none;
|
|
border-radius: 2px;
|
|
}
|
|
.uk-dropdown.uk-dropdown-xlarge {
|
|
width: 360px;
|
|
}
|
|
@media only screen and (max-width: 479px) {
|
|
.uk-dropdown.uk-dropdown-xlarge {
|
|
width: 260px;
|
|
}
|
|
}
|
|
.uk-dropdown.uk-dropdown-large {
|
|
width: 260px;
|
|
}
|
|
.uk-dropdown.uk-dropdown-small {
|
|
width: 160px;
|
|
}
|
|
.uk-dropdown > ul > li > a {
|
|
font-size: 14px;
|
|
color: #212121;
|
|
}
|
|
.uk-dropdown > ul > li > a:hover {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
.uk-dropdown > ul > li.uk-active > a {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
.uk-dropdown > ul > li.padding_sm {
|
|
padding: 2px 4px;
|
|
}
|
|
.uk-dropdown > ul > li.padding_md {
|
|
padding: 4px 8px;
|
|
}
|
|
.uk-dropdown.dropdown-modal {
|
|
z-index: 1310;
|
|
}
|
|
.uk-dropdown.dropdown-fs {
|
|
z-index: 9999;
|
|
}
|
|
.uk-dropdown.uk-dropdown-scrollable {
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
[data-uk-dropdown*="top-"] .uk-dropdown {
|
|
-webkit-transform-origin: 50% 100% !important;
|
|
transform-origin: 50% 100% !important;
|
|
}
|
|
[data-uk-dropdown*="left-"] .uk-dropdown {
|
|
-webkit-transform-origin: 100% 50% !important;
|
|
transform-origin: 100% 50% !important;
|
|
}
|
|
[data-uk-dropdown*="right-"] .uk-dropdown {
|
|
-webkit-transform-origin: 0 50% !important;
|
|
transform-origin: 0 50% !important;
|
|
}
|
|
[data-uk-dropdown*='justify'] {
|
|
position: static !important;
|
|
}
|
|
[data-uk-dropdown*='justify'] [class*="uk-dropdown-width"] {
|
|
left: 0 !important;
|
|
width: 100% !important;
|
|
min-width: inherit !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
.uk-dropdown-active {
|
|
display: block !important;
|
|
}
|
|
.uk-dropdown-shown {
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
opacity: 1;
|
|
}
|
|
.uk-nav-dropdown > li > a:focus,
|
|
.uk-nav-dropdown > li > a:hover {
|
|
text-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
color: #212121;
|
|
background: rgba(153, 153, 153, 0.2);
|
|
}
|
|
/* forms */
|
|
fieldset {
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
fieldset + * {
|
|
margin-top: 15px;
|
|
}
|
|
.uk-form input:not([type]),
|
|
.uk-form input[type=color],
|
|
.uk-form input[type=date],
|
|
.uk-form input[type=datetime-local],
|
|
.uk-form input[type=email],
|
|
.uk-form input[type=month],
|
|
.uk-form input[type=number],
|
|
.uk-form input[type=password],
|
|
.uk-form input[type=search],
|
|
.uk-form input[type=tel],
|
|
.uk-form input[type=text],
|
|
.uk-form input[type=time],
|
|
.uk-form input[type=url],
|
|
.uk-form input[type=week],
|
|
.uk-form select,
|
|
.uk-form textarea {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 8px;
|
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
-webkit-transition: border 200ms ease-in;
|
|
transition: border 200ms ease-in;
|
|
resize: none;
|
|
}
|
|
.uk-form input:not([type]):focus,
|
|
.uk-form input[type=color]:focus,
|
|
.uk-form input[type=date]:focus,
|
|
.uk-form input[type=datetime-local]:focus,
|
|
.uk-form input[type=email]:focus,
|
|
.uk-form input[type=month]:focus,
|
|
.uk-form input[type=number]:focus,
|
|
.uk-form input[type=password]:focus,
|
|
.uk-form input[type=search]:focus,
|
|
.uk-form input[type=tel]:focus,
|
|
.uk-form input[type=text]:focus,
|
|
.uk-form input[type=time]:focus,
|
|
.uk-form input[type=url]:focus,
|
|
.uk-form input[type=week]:focus,
|
|
.uk-form select:focus,
|
|
.uk-form textarea:focus {
|
|
background: none;
|
|
border-color: #2196f3;
|
|
}
|
|
.uk-form textarea {
|
|
-webkit-transition: border-color 200ms ease-in, height 280ms ease-in;
|
|
transition: border-color 200ms ease-in, height 280ms ease-in;
|
|
}
|
|
.uk-form-row {
|
|
-webkit-transition: all 200ms ease-out;
|
|
transition: all 200ms ease-out;
|
|
}
|
|
.uk-form-row + .uk-form-row {
|
|
margin-top: 24px;
|
|
}
|
|
.uk-form-stacked .uk-form-label {
|
|
font-weight: 500;
|
|
font-size: 13px;
|
|
display: block;
|
|
padding-bottom: 8px;
|
|
}
|
|
.uk-form-stacked .uk-form-label + p {
|
|
margin-top: 0;
|
|
}
|
|
.uk-form-help-block {
|
|
display: block;
|
|
font-size: 12px;
|
|
color: #727272;
|
|
padding: 4px 0 0 0;
|
|
font-style: italic;
|
|
}
|
|
.uk-form-width-large,
|
|
.uk-form-width-medium,
|
|
.uk-form-width-small,
|
|
.uk-form-width-mini {
|
|
max-width: 100%;
|
|
}
|
|
/* grid */
|
|
.uk-grid + .uk-grid,
|
|
.uk-grid-margin,
|
|
.uk-grid > * > .uk-panel + .uk-panel {
|
|
margin-top: 24px;
|
|
}
|
|
.uk-grid.uk-grid-small + .uk-grid-small,
|
|
.uk-grid.uk-grid-small > * > .uk-panel + .uk-panel,
|
|
.uk-grid.uk-grid-small > .uk-grid-margin {
|
|
margin-top: 10px;
|
|
}
|
|
.uk-height-viewport {
|
|
min-height: 200px;
|
|
}
|
|
/* icons */
|
|
[class*="uk-icon-"] {
|
|
color: #727272;
|
|
}
|
|
/* input groups */
|
|
.uk-input-group {
|
|
position: relative;
|
|
display: table;
|
|
border-collapse: separate;
|
|
/*&-icon {
|
|
font-size: 20px !important;
|
|
vertical-align: -3px;
|
|
}*/
|
|
}
|
|
.uk-input-group > input[type=text] {
|
|
position: relative;
|
|
z-index: 2;
|
|
float: left;
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
}
|
|
.uk-input-group-addon,
|
|
.uk-input-group > input[type=text] {
|
|
display: table-cell;
|
|
}
|
|
.uk-input-group-addon {
|
|
width: 1%;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
line-height: 1;
|
|
text-align: center;
|
|
padding: 0 16px;
|
|
font-size: 16px;
|
|
min-width: 22px;
|
|
}
|
|
.uk-input-group > .md-input-wrapper {
|
|
display: inline-block;
|
|
}
|
|
.uk-input-group.uk-input-group-danger .uk-input-group-addon i {
|
|
color: #e53935 !important;
|
|
}
|
|
.uk-input-group.uk-input-group-danger + .parsley-errors-list {
|
|
margin-left: 58px;
|
|
}
|
|
.uk-input-group.uk-input-group-success .uk-input-group-addon i {
|
|
color: #7cb342 !important;
|
|
}
|
|
/* list */
|
|
.uk-list-hover li:hover {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
}
|
|
/* nav */
|
|
.uk-nav-header {
|
|
color: #727272;
|
|
font-weight: normal;
|
|
}
|
|
.uk-nav-divider {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border-top-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-nav-divider + .uk-nav-header {
|
|
margin-top: 0;
|
|
}
|
|
.uk-nav-label {
|
|
width: 12px;
|
|
height: 12px;
|
|
display: inline-block;
|
|
vertical-align: -1px;
|
|
margin-right: 8px;
|
|
}
|
|
.uk-nav-side > li > a {
|
|
font-weight: 500;
|
|
line-height: 22px;
|
|
}
|
|
.uk-nav-side > li > a > i {
|
|
font-size: 24px;
|
|
margin-right: 10px;
|
|
vertical-align: -7px;
|
|
}
|
|
.uk-nav-side > li > a:hover,
|
|
.uk-nav-side > li > a:focus {
|
|
background: transparent;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.uk-nav-side > li.uk-active > a {
|
|
background: transparent;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.uk-nav-side > li.uk-active > a,
|
|
.uk-nav-side > li.uk-active > a > i {
|
|
color: #7cb342;
|
|
}
|
|
.uk-nav-side > li li a {
|
|
text-shadow: none;
|
|
color: #212121;
|
|
}
|
|
.uk-nav-side ul.uk-nav-sub {
|
|
padding-top: 0;
|
|
padding-left: 24px;
|
|
}
|
|
/* pagination */
|
|
.uk-pagination {
|
|
margin: 0;
|
|
}
|
|
.uk-pagination > li {
|
|
outline: none !important;
|
|
}
|
|
.uk-pagination > li > a,
|
|
.uk-pagination > li > span {
|
|
border: none;
|
|
padding: 4px 8px;
|
|
min-width: 32px;
|
|
line-height: 24px;
|
|
height: 32px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
text-shadow: none;
|
|
color: #212121;
|
|
border-radius: 4px;
|
|
}
|
|
.uk-pagination > li > a [class*="uk-icon-"],
|
|
.uk-pagination > li > span [class*="uk-icon-"] {
|
|
font-size: 16px;
|
|
}
|
|
.uk-pagination > li > a {
|
|
background: transparent;
|
|
}
|
|
.uk-pagination > li > a:hover {
|
|
background: #e1efd2;
|
|
}
|
|
.uk-pagination > li.uk-active > a,
|
|
.uk-pagination > li.uk-active > span {
|
|
background: #7cb342;
|
|
}
|
|
.uk-pagination > li.uk-active > a,
|
|
.uk-pagination > li.uk-active > span,
|
|
.uk-pagination > li.uk-active > a:hover,
|
|
.uk-pagination > li.uk-active > span:hover {
|
|
color: #fff;
|
|
}
|
|
.uk-pagination > li.uk-disabled > a,
|
|
.uk-pagination > li.uk-disabled > span {
|
|
border: none;
|
|
text-shadow: none;
|
|
background: transparent !important;
|
|
color: #aaa;
|
|
cursor: default;
|
|
}
|
|
/* panels */
|
|
.uk-panel-box {
|
|
border-radius: 2px;
|
|
background: #fff;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-panel-box .uk-panel-teaser {
|
|
border-radius: 2px 2px 0 0;
|
|
}
|
|
/* tables */
|
|
.uk-table td {
|
|
border-bottom-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-table th {
|
|
border-bottom: 1px #444;
|
|
}
|
|
.uk-table-nowrap td,
|
|
.uk-table-nowrap th {
|
|
white-space: nowrap;
|
|
}
|
|
.uk-table-align-vertical td,
|
|
.uk-table-align-vertical th {
|
|
vertical-align: middle;
|
|
}
|
|
.uk-table tr th.small_col,
|
|
.uk-table tr td.small_col {
|
|
width: 1%;
|
|
}
|
|
.uk-table tr.row_checked td {
|
|
background: #e3f2fd;
|
|
}
|
|
.uk-table .uk-table {
|
|
margin-bottom: 0;
|
|
}
|
|
.uk-table .uk-table tr:last-child td {
|
|
border-bottom: none;
|
|
}
|
|
.uk-table-no-border td {
|
|
border-bottom-color: transparent;
|
|
}
|
|
/* sticky */
|
|
.uk-sticky-placeholder .uk-active {
|
|
z-index: 1094;
|
|
}
|
|
/* subnav */
|
|
.uk-subnav-pill > * > * {
|
|
color: #212121;
|
|
}
|
|
.uk-subnav-pill > .uk-active > * {
|
|
background: #7cb342;
|
|
}
|
|
/* tables */
|
|
.uk-table thead th {
|
|
border-bottom: 2px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-table thead th,
|
|
.uk-table tfoot td,
|
|
.uk-table tfoot th {
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
color: #727272;
|
|
font-size: 14px;
|
|
}
|
|
.uk-table td {
|
|
border-bottom-color: #e0e0e0;
|
|
}
|
|
.uk-table tfoot td,
|
|
.uk-table tfoot th {
|
|
border-top: 2px solid rgba(0, 0, 0, 0.12);
|
|
border-bottom: none;
|
|
}
|
|
.uk-table-striped tbody tr:nth-of-type(odd) {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
.uk-table-hover tbody tr:hover {
|
|
background: #e3f2fd;
|
|
}
|
|
/* thumbnails */
|
|
.uk-thumbnail {
|
|
border-radius: 0;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-thumbnail-caption {
|
|
padding: 4px 4px 0;
|
|
line-height: 20px;
|
|
color: #727272;
|
|
font-size: 12px;
|
|
}
|
|
/* utilities */
|
|
.uk-text-small {
|
|
font-size: 12px;
|
|
}
|
|
.uk-text-muted {
|
|
color: #757575 !important;
|
|
}
|
|
.uk-text-primary {
|
|
color: #2196f3 !important;
|
|
}
|
|
.uk-text-danger {
|
|
color: #e53935 !important;
|
|
}
|
|
.uk-text-success {
|
|
color: #7cb342 !important;
|
|
}
|
|
.uk-text-warning {
|
|
color: #ffa000 !important;
|
|
}
|
|
.uk-margin-bottom {
|
|
margin-bottom: 16px !important;
|
|
}
|
|
.uk-margin-small-bottom {
|
|
margin-bottom: 8px !important;
|
|
}
|
|
.uk-margin-medium-bottom {
|
|
margin-bottom: 32px !important;
|
|
}
|
|
.uk-margin-large-bottom {
|
|
margin-bottom: 48px !important;
|
|
}
|
|
.uk-margin-medium-top {
|
|
margin-top: 32px !important;
|
|
}
|
|
.uk-margin-large-top {
|
|
margin-top: 48px !important;
|
|
}
|
|
.uk-close {
|
|
font-size: 18px;
|
|
opacity: 1;
|
|
}
|
|
.uk-close:hover,
|
|
.uk-close:focus {
|
|
opacity: 1;
|
|
}
|
|
.uk-close:after {
|
|
opacity: 1 !important;
|
|
color: #727272;
|
|
content: '\e5cd';
|
|
font-family: "Material Icons";
|
|
}
|
|
.uk-float-none {
|
|
float: none !important;
|
|
}
|
|
/* ------------ Components ------------ */
|
|
/* accordion */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Accordion
|
|
========================================================================== */
|
|
/* Sub-object: `uk-accordion-title`
|
|
========================================================================== */
|
|
.uk-accordion-title {
|
|
margin-top: 0;
|
|
margin-bottom: 15px;
|
|
padding: 5px 15px;
|
|
background: #f5f5f5;
|
|
font-size: 18px;
|
|
line-height: 24px;
|
|
cursor: pointer;
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
}
|
|
/* Sub-object: `uk-accordion-content`
|
|
========================================================================== */
|
|
.uk-accordion-content {
|
|
padding: 0 15px 15px 15px;
|
|
}
|
|
/*
|
|
* Micro clearfix to make panels more robust
|
|
*/
|
|
.uk-accordion-content:before,
|
|
.uk-accordion-content:after {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.uk-accordion-content:after {
|
|
clear: both;
|
|
}
|
|
/*
|
|
* Remove margin from the last-child
|
|
*/
|
|
.uk-accordion-content > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.uk-accordion-title {
|
|
background: rgba(153, 153, 153, 0.2);
|
|
border-radius: 0;
|
|
border: none;
|
|
margin: 0 0 4px;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
padding: 8px 24px 8px 16px;
|
|
position: relative;
|
|
}
|
|
.uk-accordion-title:after {
|
|
content: '\e313';
|
|
font-family: "Material Icons";
|
|
font-size: 18px;
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 8px;
|
|
display: block;
|
|
color: #727272;
|
|
-webkit-transition: -webkit-transform 280ms;
|
|
transition: -webkit-transform 280ms;
|
|
transition: transform 280ms;
|
|
transition: transform 280ms, -webkit-transform 280ms;
|
|
}
|
|
.uk-accordion-title.uk-active:after {
|
|
-webkit-transform: rotate(-180deg);
|
|
transform: rotate(-180deg);
|
|
}
|
|
.uk-accordion-title-primary {
|
|
background: #2196f3;
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-title-primary:after {
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-title-danger {
|
|
background: #e53935;
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-title-danger:after {
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-title-success {
|
|
background: #7cb342;
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-title-success:after {
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-title-warning {
|
|
background: #ffa000;
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-title-warning:after {
|
|
color: #fff;
|
|
}
|
|
.uk-accordion-content {
|
|
padding: 16px;
|
|
}
|
|
.uk-accordion-alt .uk-accordion-title {
|
|
background: #fff;
|
|
margin: 0;
|
|
padding: 16px 24px 16px 48px;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-accordion-alt .uk-accordion-title:first-child {
|
|
border-top: none;
|
|
}
|
|
.uk-accordion-alt .uk-accordion-title:after {
|
|
color: #2196f3;
|
|
content: '\e145';
|
|
right: auto;
|
|
left: 16px;
|
|
top: 16px;
|
|
}
|
|
.uk-accordion-alt .uk-accordion-title.uk-active:after {
|
|
-webkit-transform: rotate(-180deg);
|
|
transform: rotate(-180deg);
|
|
content: '\e15b';
|
|
}
|
|
.uk-accordion-alt .uk-accordion-content {
|
|
padding: 24px;
|
|
}
|
|
/* dotnav */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Dotnav
|
|
========================================================================== */
|
|
/*
|
|
* 1. Gutter
|
|
* 2. Remove default list style
|
|
*/
|
|
.uk-dotnav {
|
|
display: -ms-flexbox;
|
|
display: -webkit-box;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
/* 1 */
|
|
margin-left: -15px;
|
|
margin-top: -15px;
|
|
/* 2 */
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
/*
|
|
* 1. Space is allocated solely based on content dimensions
|
|
* 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
|
|
*/
|
|
.uk-dotnav > * {
|
|
/* 1 */
|
|
-ms-flex: none;
|
|
-webkit-box-flex: 0;
|
|
flex: none;
|
|
/* 2 */
|
|
padding-left: 15px;
|
|
margin-top: 15px;
|
|
}
|
|
/*
|
|
* DEPRECATED IE9 Support
|
|
*/
|
|
.uk-dotnav:before,
|
|
.uk-dotnav:after {
|
|
content: "";
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
.uk-dotnav:after {
|
|
clear: both;
|
|
}
|
|
.uk-dotnav > * {
|
|
float: left;
|
|
}
|
|
/* Items
|
|
========================================================================== */
|
|
/*
|
|
* Items
|
|
* 1. Hide text if present
|
|
*/
|
|
.uk-dotnav > * > * {
|
|
display: block;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
background: rgba(50, 50, 50, 0.1);
|
|
/* 1 */
|
|
text-indent: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
-webkit-transition: all 0.2s ease-in-out;
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
/*
|
|
* Hover
|
|
* 1. Apply hover style also to focus state
|
|
* 2. Remove default focus style
|
|
*/
|
|
.uk-dotnav > * > :hover,
|
|
.uk-dotnav > * > :focus {
|
|
background: rgba(50, 50, 50, 0.4);
|
|
/* 2 */
|
|
outline: none;
|
|
}
|
|
/* OnClick */
|
|
.uk-dotnav > * > :active {
|
|
background: rgba(50, 50, 50, 0.6);
|
|
}
|
|
/* Active */
|
|
.uk-dotnav > .uk-active > * {
|
|
background: rgba(50, 50, 50, 0.4);
|
|
-webkit-transform: scale(1.3);
|
|
transform: scale(1.3);
|
|
}
|
|
/* Modifier: `uk-dotnav-contrast`
|
|
========================================================================== */
|
|
.uk-dotnav-contrast > * > * {
|
|
background: rgba(255, 255, 255, 0.4);
|
|
}
|
|
/*
|
|
* Hover
|
|
* 1. Apply hover style also to focus state
|
|
*/
|
|
.uk-dotnav-contrast > * > :hover,
|
|
.uk-dotnav-contrast > * > :focus {
|
|
background: rgba(255, 255, 255, 0.7);
|
|
}
|
|
/* OnClick */
|
|
.uk-dotnav-contrast > * > :active {
|
|
background: rgba(255, 255, 255, 0.9);
|
|
}
|
|
/* Active */
|
|
.uk-dotnav-contrast > .uk-active > * {
|
|
background: rgba(255, 255, 255, 0.9);
|
|
}
|
|
/* Modifier: 'uk-dotnav-vertical'
|
|
========================================================================== */
|
|
/*
|
|
* DEPRECATED
|
|
*/
|
|
.uk-dotnav-vertical {
|
|
-ms-flex-direction: column;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
flex-direction: column;
|
|
}
|
|
/*
|
|
* DEPRECATED IE9 Support
|
|
*/
|
|
.uk-dotnav-vertical > * {
|
|
float: none;
|
|
}
|
|
/* progress */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Progress
|
|
========================================================================== */
|
|
/*
|
|
* 1. Clearing
|
|
* 2. Vertical alignment if text is used
|
|
*/
|
|
.uk-progress {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 20px;
|
|
margin-bottom: 15px;
|
|
background: #f5f5f5;
|
|
/* 1 */
|
|
overflow: hidden;
|
|
/* 2 */
|
|
line-height: 20px;
|
|
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
|
|
border-radius: 4px;
|
|
}
|
|
/*
|
|
* Add margin if adjacent element
|
|
*/
|
|
* + .uk-progress {
|
|
margin-top: 15px;
|
|
}
|
|
/* Sub-object: `uk-progress-bar`
|
|
========================================================================== */
|
|
/*
|
|
* 1. Transition
|
|
* 2. Needed for text
|
|
*/
|
|
.uk-progress-bar {
|
|
width: 0;
|
|
height: 100%;
|
|
background: #00a8e6;
|
|
float: left;
|
|
/* 1 */
|
|
-webkit-transition: width 0.6s ease;
|
|
transition: width 0.6s ease;
|
|
/* 2 */
|
|
font-size: 12px;
|
|
color: #fff;
|
|
text-align: center;
|
|
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
|
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
/* Size modifiers
|
|
========================================================================== */
|
|
/* Mini */
|
|
.uk-progress-mini {
|
|
height: 6px;
|
|
}
|
|
/* Small */
|
|
.uk-progress-small {
|
|
height: 12px;
|
|
}
|
|
/* Color modifiers
|
|
========================================================================== */
|
|
.uk-progress-success .uk-progress-bar {
|
|
background-color: #8cc14c;
|
|
}
|
|
.uk-progress-warning .uk-progress-bar {
|
|
background-color: #faa732;
|
|
}
|
|
.uk-progress-danger .uk-progress-bar {
|
|
background-color: #da314b;
|
|
}
|
|
/* Modifier: `uk-progress-striped`
|
|
========================================================================== */
|
|
.uk-progress-striped .uk-progress-bar {
|
|
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
background-size: 30px 30px;
|
|
}
|
|
/*
|
|
* Animation
|
|
*/
|
|
.uk-progress-striped.uk-active .uk-progress-bar {
|
|
-webkit-animation: uk-progress-bar-stripes 2s linear infinite;
|
|
animation: uk-progress-bar-stripes 2s linear infinite;
|
|
}
|
|
@-webkit-keyframes uk-progress-bar-stripes {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
100% {
|
|
background-position: 30px 0;
|
|
}
|
|
}
|
|
@keyframes uk-progress-bar-stripes {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
100% {
|
|
background-position: 30px 0;
|
|
}
|
|
}
|
|
/* Size modifiers
|
|
========================================================================== */
|
|
.uk-progress-mini,
|
|
.uk-progress-small {
|
|
border-radius: 500px;
|
|
}
|
|
.uk-progress {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border-radius: 2px;
|
|
}
|
|
.uk-progress-bar {
|
|
background: #009688;
|
|
}
|
|
.uk-progress-success .uk-progress-bar {
|
|
background-color: #7cb342;
|
|
}
|
|
.uk-progress-danger .uk-progress-bar {
|
|
background-color: #e53935;
|
|
}
|
|
.uk-progress-warning .uk-progress-bar {
|
|
background-color: #ffa000;
|
|
}
|
|
/* htmleditor */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: HTML editor
|
|
========================================================================== */
|
|
/* Sub-object `uk-htmleditor-navbar`
|
|
========================================================================== */
|
|
.uk-htmleditor-navbar {
|
|
background: #f5f5f5;
|
|
border: 1px solid rgba(0, 0, 0, 0.06);
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
}
|
|
/*
|
|
* Micro clearfix
|
|
*/
|
|
.uk-htmleditor-navbar:before,
|
|
.uk-htmleditor-navbar:after {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.uk-htmleditor-navbar:after {
|
|
clear: both;
|
|
}
|
|
/* Sub-object `uk-htmleditor-navbar-nav`
|
|
========================================================================== */
|
|
.uk-htmleditor-navbar-nav {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
float: left;
|
|
}
|
|
.uk-htmleditor-navbar-nav > li {
|
|
float: left;
|
|
}
|
|
/*
|
|
* 1. Dimensions
|
|
* 2. Style
|
|
*/
|
|
.uk-htmleditor-navbar-nav > li > a {
|
|
display: block;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
text-decoration: none;
|
|
/* 1 */
|
|
height: 41px;
|
|
padding: 0 15px;
|
|
line-height: 40px;
|
|
/* 2 */
|
|
color: #444;
|
|
font-size: 11px;
|
|
cursor: pointer;
|
|
margin-top: -1px;
|
|
margin-left: -1px;
|
|
border: 1px solid transparent;
|
|
border-bottom-width: 0;
|
|
text-shadow: 0 1px 0 #fff;
|
|
}
|
|
/*
|
|
* Hover
|
|
* 1. Apply hover style also to focus state
|
|
* 2. Remove default focus style
|
|
*/
|
|
.uk-htmleditor-navbar-nav > li:hover > a,
|
|
.uk-htmleditor-navbar-nav > li > a:focus {
|
|
background-color: #fafafa;
|
|
color: #444;
|
|
outline: none;
|
|
/* 2 */
|
|
position: relative;
|
|
z-index: 1;
|
|
border-left-color: rgba(0, 0, 0, 0.1);
|
|
border-right-color: rgba(0, 0, 0, 0.1);
|
|
border-top-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
/* OnClick */
|
|
.uk-htmleditor-navbar-nav > li > a:active {
|
|
background-color: #eee;
|
|
color: #444;
|
|
border-left-color: rgba(0, 0, 0, 0.1);
|
|
border-right-color: rgba(0, 0, 0, 0.1);
|
|
border-top-color: rgba(0, 0, 0, 0.2);
|
|
}
|
|
/* Active */
|
|
.uk-htmleditor-navbar-nav > li.uk-active > a {
|
|
background-color: #fafafa;
|
|
color: #444;
|
|
border-left-color: rgba(0, 0, 0, 0.1);
|
|
border-right-color: rgba(0, 0, 0, 0.1);
|
|
border-top-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
/* Sub-object: `uk-htmleditor-navbar-flip`
|
|
========================================================================== */
|
|
.uk-htmleditor-navbar-flip {
|
|
float: right;
|
|
}
|
|
/* Sub-object for special buttons
|
|
========================================================================== */
|
|
[data-mode='split'] .uk-htmleditor-button-code,
|
|
[data-mode='split'] .uk-htmleditor-button-preview {
|
|
display: none;
|
|
}
|
|
/* Sub-object `uk-htmleditor-content`
|
|
========================================================================== */
|
|
.uk-htmleditor-content {
|
|
border-left: 1px solid #ddd;
|
|
border-right: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
background: #fff;
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
/*
|
|
* Micro clearfix
|
|
*/
|
|
.uk-htmleditor-content:before,
|
|
.uk-htmleditor-content:after {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.uk-htmleditor-content:after {
|
|
clear: both;
|
|
}
|
|
/* Modifier `uk-htmleditor-fullscreen`
|
|
========================================================================== */
|
|
.uk-htmleditor-fullscreen {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 990;
|
|
}
|
|
.uk-htmleditor-fullscreen .uk-htmleditor-content {
|
|
position: absolute;
|
|
top: 41px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.uk-htmleditor-fullscreen .uk-icon-expand:before {
|
|
content: "\f066";
|
|
}
|
|
/* Sub-objects `uk-htmleditor-code` and `uk-htmleditor-preview`
|
|
========================================================================== */
|
|
.uk-htmleditor-code,
|
|
.uk-htmleditor-preview {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.uk-htmleditor-preview {
|
|
padding: 20px;
|
|
overflow-y: scroll;
|
|
position: relative;
|
|
}
|
|
/*
|
|
* Tab view
|
|
*/
|
|
[data-mode='tab'][data-active-tab='code'] .uk-htmleditor-preview,
|
|
[data-mode='tab'][data-active-tab='preview'] .uk-htmleditor-code {
|
|
display: none;
|
|
}
|
|
/*
|
|
* Split view
|
|
*/
|
|
[data-mode='split'] .uk-htmleditor-code,
|
|
[data-mode='split'] .uk-htmleditor-preview {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
[data-mode='split'] .uk-htmleditor-code {
|
|
border-right: 1px solid #eee;
|
|
}
|
|
/* Sub-object `uk-htmleditor-iframe`
|
|
========================================================================== */
|
|
.uk-htmleditor-iframe {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
/* CodeMirror modifications
|
|
========================================================================== */
|
|
.uk-htmleditor .CodeMirror {
|
|
padding: 10px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
/*
|
|
* Apply same `border-radius` as `uk-htmleditor-navbar`
|
|
*/
|
|
.uk-htmleditor-navbar-nav:first-child > li:first-child > a {
|
|
border-top-left-radius: 4px;
|
|
}
|
|
/*
|
|
* Sub-modifier `uk-htmleditor-navbar-flip`
|
|
*/
|
|
/* Collapse border */
|
|
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav > li > a {
|
|
margin-left: 0;
|
|
margin-right: -1px;
|
|
}
|
|
/* Apply same `border-radius` as `uk-htmleditor-navbar` */
|
|
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child > li:first-child > a {
|
|
border-top-left-radius: 0;
|
|
}
|
|
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child > li:last-child > a {
|
|
border-top-right-radius: 4px;
|
|
}
|
|
/*
|
|
* Sub-modifier `uk-htmleditor-fullscreen`
|
|
*/
|
|
.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-radius: 0;
|
|
}
|
|
.uk-htmleditor-fullscreen .uk-htmleditor-content {
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav > li > a {
|
|
border-radius: 0 !important;
|
|
}
|
|
.uk-htmleditor-navbar {
|
|
border-radius: 0;
|
|
background: #f9f9f9;
|
|
border-width: 1px 1px 0;
|
|
border-style: solid;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
overflow: hidden;
|
|
}
|
|
.uk-htmleditor-navbar-nav > li > a {
|
|
border: none;
|
|
border-radius: 0 !important;
|
|
height: 38px;
|
|
}
|
|
.uk-htmleditor-navbar-nav > li.uk-active > a {
|
|
background: #ebebeb;
|
|
}
|
|
.uk-htmleditor-navbar-nav > li:hover > a,
|
|
.uk-htmleditor-navbar-nav > li > a:focus {
|
|
background: #ebebeb;
|
|
}
|
|
.uk-htmleditor-content {
|
|
border-radius: 0;
|
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-htmleditor-fullscreen {
|
|
z-index: 1154;
|
|
}
|
|
.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-htmleditor-fullscreen .uk-htmleditor-content {
|
|
top: 38px;
|
|
}
|
|
/* upload */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Form file
|
|
========================================================================== */
|
|
/*
|
|
* 1. Behave like form elements
|
|
* 2. Create position context for dropdowns
|
|
* 3. Clip content
|
|
*/
|
|
.uk-form-file {
|
|
/* 1 */
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
/* 2 */
|
|
position: relative;
|
|
/* 3 */
|
|
overflow: hidden;
|
|
}
|
|
/*
|
|
* 1. Required for Firefox
|
|
* 2. Expand height and required for the cursor
|
|
*/
|
|
.uk-form-file input[type="file"] {
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 1;
|
|
width: 100%;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
/* 1 */
|
|
left: 0;
|
|
/* 2 */
|
|
font-size: 500px;
|
|
}
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Upload
|
|
========================================================================== */
|
|
/*
|
|
* Create a box-shadow when dragging a file over the upload area
|
|
*/
|
|
.uk-dragover {
|
|
-webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
|
|
box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
|
|
}
|
|
.uk-file-upload {
|
|
width: 100%;
|
|
padding: 32px 16px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
background: #f5f5f5;
|
|
text-align: center;
|
|
-webkit-transition: all 200ms ease-in;
|
|
transition: all 200ms ease-in;
|
|
}
|
|
.uk-file-upload p {
|
|
margin: 0;
|
|
}
|
|
.uk-file-upload.uk-dragover {
|
|
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
|
|
box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
|
|
}
|
|
div.uk-form-file {
|
|
padding: 3px 2px;
|
|
}
|
|
div.uk-form-file.md-btn {
|
|
padding: 2px 12px;
|
|
}
|
|
.uk-form-file input[type="file"] {
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 1;
|
|
width: 100%;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
left: 0;
|
|
font-size: 500px;
|
|
}
|
|
.uk-form-file input[type="file"]::-webkit-file-upload-button {
|
|
cursor: pointer;
|
|
}
|
|
/* form select */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Form select
|
|
========================================================================== */
|
|
/*
|
|
* 1. Behave like form elements
|
|
* 2. Create position context for dropdowns
|
|
* 3. Clip content
|
|
*/
|
|
.uk-form-select {
|
|
/* 1 */
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
/* 2 */
|
|
position: relative;
|
|
/* 3 */
|
|
overflow: hidden;
|
|
}
|
|
/*
|
|
* 1. Required for Firefox
|
|
* 1. Required for Webkit to make `height` work
|
|
*/
|
|
.uk-form-select select {
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
/* 1 */
|
|
left: 0;
|
|
/* 2 */
|
|
-webkit-appearance: none;
|
|
}
|
|
/* datepicker */
|
|
.uk-datepicker {
|
|
z-index: 1094;
|
|
width: auto;
|
|
padding: 0;
|
|
}
|
|
.uk-datepicker-nav {
|
|
margin-bottom: 15px;
|
|
text-align: center;
|
|
line-height: 20px;
|
|
background: #009688;
|
|
padding: 10px 0;
|
|
}
|
|
.uk-datepicker-nav a,
|
|
.uk-datepicker-nav a:hover {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
}
|
|
.uk-datepicker-nav .uk-form-select {
|
|
font: 400 16px / 22px "Open Sans", sans-serif;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
|
|
padding: 0 4px;
|
|
}
|
|
.uk-datepicker-nav .uk-form-select + .uk-form-select {
|
|
margin-left: 2px;
|
|
}
|
|
.uk-datepicker-previous {
|
|
float: left;
|
|
margin-left: 8px;
|
|
}
|
|
.uk-datepicker-previous:after {
|
|
content: "\f053";
|
|
}
|
|
.uk-datepicker-next {
|
|
float: right;
|
|
margin-right: 8px;
|
|
}
|
|
.uk-datepicker-next:after {
|
|
content: "\f054";
|
|
}
|
|
.uk-datepicker-previous:after,
|
|
.uk-datepicker-next:after {
|
|
width: 20px;
|
|
font-family: FontAwesome;
|
|
}
|
|
.uk-datepicker.dp-top {
|
|
-webkit-transform-origin: 50% 100% !important;
|
|
transform-origin: 50% 100% !important;
|
|
}
|
|
.uk-datepicker-table {
|
|
width: 100%;
|
|
}
|
|
.uk-datepicker-table th,
|
|
.uk-datepicker-table td {
|
|
padding: 2px;
|
|
font: 400 13px / 15px "Open Sans", sans-serif;
|
|
}
|
|
.uk-datepicker-table th {
|
|
color: #727272;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
}
|
|
.uk-datepicker-table a {
|
|
display: block;
|
|
width: 30px;
|
|
line-height: 30px;
|
|
height: 30px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
border-radius: 50%;
|
|
color: #212121;
|
|
}
|
|
.uk-datepicker-table a:hover {
|
|
background-color: rgba(0, 0, 0, 0.085);
|
|
color: #212121;
|
|
outline: none;
|
|
}
|
|
.uk-datepicker-table a.uk-active {
|
|
background-color: #009688;
|
|
color: #fff;
|
|
}
|
|
a.uk-datepicker-table-muted {
|
|
color: #999;
|
|
}
|
|
/* autocomplete, timepicker */
|
|
.uk-autocomplete .uk-dropdown {
|
|
display: block;
|
|
max-height: 0;
|
|
padding: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
border-radius: 0;
|
|
border: none;
|
|
-webkit-transform: scale(0.25, 0);
|
|
transform: scale(0.25, 0);
|
|
opacity: 0;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-animation: none !important;
|
|
animation: none !important;
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
}
|
|
.uk-autocomplete.uk-open .uk-dropdown {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
max-height: 210px;
|
|
}
|
|
[data-uk-autocomplete] .uk-dropdown {
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
[data-uk-autocomplete] .uk-dropdown .uk-nav {
|
|
margin: 0;
|
|
}
|
|
/* password toggle */
|
|
.uk-form-password-toggle {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 16px;
|
|
color: #727272;
|
|
}
|
|
.uk-form-password-toggle:hover {
|
|
color: #727272;
|
|
}
|
|
/* nestable */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Nestable
|
|
========================================================================== */
|
|
.uk-nestable {
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
/*
|
|
* Disables the default callout shown when you touch and hold a touch target
|
|
* Currently only works in Webkit
|
|
*/
|
|
.uk-nestable a,
|
|
.uk-nestable img {
|
|
-webkit-touch-callout: none;
|
|
}
|
|
/* Sub-object `uk-nestable-list`
|
|
========================================================================== */
|
|
.uk-nestable-list {
|
|
margin: 0;
|
|
padding-left: 40px;
|
|
list-style: none;
|
|
}
|
|
/* Sub-modifier `uk-nestable-item`
|
|
========================================================================== */
|
|
/*
|
|
* 1. Deactivate browser touch actions in IE11
|
|
*/
|
|
.uk-nestable-item {
|
|
/* 1 */
|
|
-ms-touch-action: none;
|
|
touch-action: none;
|
|
}
|
|
.uk-nestable-item + .uk-nestable-item {
|
|
margin-top: 10px;
|
|
}
|
|
.uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child {
|
|
margin-top: 10px;
|
|
}
|
|
/* Sub-modifier `uk-nestable-dragged`
|
|
========================================================================== */
|
|
/*
|
|
* 1. Reset style
|
|
*/
|
|
.uk-nestable-dragged {
|
|
position: absolute;
|
|
z-index: 1050;
|
|
pointer-events: none;
|
|
/* 1 */
|
|
padding-left: 0;
|
|
}
|
|
/* Sub-modifier `uk-nestable-placeholder`
|
|
========================================================================== */
|
|
.uk-nestable-placeholder {
|
|
position: relative;
|
|
}
|
|
.uk-nestable-placeholder > * {
|
|
opacity: 0;
|
|
}
|
|
.uk-nestable-placeholder:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
border: 1px dashed #ddd;
|
|
opacity: 1;
|
|
}
|
|
/* Empty List
|
|
========================================================================== */
|
|
.uk-nestable-empty {
|
|
min-height: 30px;
|
|
}
|
|
/* Sub-object `uk-nestable-handle`
|
|
========================================================================== */
|
|
/*
|
|
* Deactivate browser touch actions in IE11
|
|
*/
|
|
.uk-nestable-handle {
|
|
-ms-touch-action: none;
|
|
touch-action: none;
|
|
}
|
|
/* Hover */
|
|
.uk-nestable-handle:hover {
|
|
cursor: move;
|
|
}
|
|
/* Sub-object `uk-nestable-moving`
|
|
========================================================================== */
|
|
.uk-nestable-moving,
|
|
.uk-nestable-moving * {
|
|
cursor: move;
|
|
}
|
|
/* Fixes dragging items over iframes */
|
|
.uk-nestable-moving iframe {
|
|
pointer-events: none;
|
|
}
|
|
/* [data-nestable-action='toggle']
|
|
========================================================================== */
|
|
/*
|
|
* 1. Makes text unselectable. Happens if double clicked by mistake
|
|
*/
|
|
[data-nestable-action='toggle'] {
|
|
cursor: pointer;
|
|
/* 1 */
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
/* Sub-object `.uk-nestable-toggle`
|
|
========================================================================== */
|
|
.uk-nestable-toggle {
|
|
display: inline-block;
|
|
visibility: hidden;
|
|
}
|
|
.uk-nestable-toggle:after {
|
|
content: "\f147";
|
|
font-family: FontAwesome;
|
|
}
|
|
.uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle {
|
|
visibility: visible;
|
|
}
|
|
/*
|
|
* Collapsed
|
|
*/
|
|
.uk-collapsed .uk-nestable-list {
|
|
display: none;
|
|
}
|
|
.uk-collapsed .uk-nestable-toggle:after {
|
|
content: "\f196";
|
|
}
|
|
/* Sub-object `uk-nestable-panel`
|
|
========================================================================== */
|
|
.uk-nestable-panel {
|
|
padding: 5px;
|
|
background: #f5f5f5;
|
|
border-radius: 4px;
|
|
border: 1px solid rgba(0, 0, 0, 0.06);
|
|
text-shadow: 0 1px 0 #fff;
|
|
}
|
|
.uk-nestable-handle {
|
|
margin-right: 16px;
|
|
}
|
|
.uk-nestable-panel {
|
|
padding: 8px 16px;
|
|
background: #fff;
|
|
border-radius: 4px;
|
|
border: none;
|
|
text-shadow: none;
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
}
|
|
.uk-nestable-placeholder:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
border: none;
|
|
background: rgba(0, 0, 0, 0.085);
|
|
opacity: 1;
|
|
}
|
|
.uk-nestable-toggle {
|
|
font-size: 18px;
|
|
height: 18px;
|
|
width: 18px;
|
|
line-height: 18px;
|
|
overflow: hidden;
|
|
vertical-align: middle;
|
|
margin-right: 8px;
|
|
display: none;
|
|
}
|
|
.uk-nestable-toggle:after {
|
|
vertical-align: top;
|
|
content: '\e316';
|
|
font-family: "Material Icons";
|
|
}
|
|
.uk-parent > .uk-nestable-panel .uk-nestable-toggle {
|
|
display: inline-block;
|
|
}
|
|
.uk-collapsed .uk-nestable-toggle:after {
|
|
content: "\e313";
|
|
}
|
|
/* notify */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Notify
|
|
========================================================================== */
|
|
/*
|
|
* Message container for positioning
|
|
*/
|
|
.uk-notify {
|
|
position: fixed;
|
|
top: 10px;
|
|
left: 10px;
|
|
z-index: 1040;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 350px;
|
|
}
|
|
/* Position modifiers
|
|
========================================================================== */
|
|
.uk-notify-top-right,
|
|
.uk-notify-bottom-right {
|
|
left: auto;
|
|
right: 10px;
|
|
}
|
|
.uk-notify-top-center,
|
|
.uk-notify-bottom-center {
|
|
left: 50%;
|
|
margin-left: -175px;
|
|
}
|
|
.uk-notify-bottom-left,
|
|
.uk-notify-bottom-right,
|
|
.uk-notify-bottom-center {
|
|
top: auto;
|
|
bottom: 10px;
|
|
}
|
|
/* Responsiveness
|
|
========================================================================== */
|
|
/* Phones portrait and smaller */
|
|
@media (max-width: 479px) {
|
|
/*
|
|
* Fit in small screen
|
|
*/
|
|
.uk-notify {
|
|
left: 10px;
|
|
right: 10px;
|
|
width: auto;
|
|
margin: 0;
|
|
}
|
|
}
|
|
/* Sub-object: `uk-notify-message`
|
|
========================================================================== */
|
|
.uk-notify-message {
|
|
position: relative;
|
|
margin-bottom: 10px;
|
|
padding: 15px;
|
|
background: #444;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
cursor: pointer;
|
|
border: 1px solid #444;
|
|
border-radius: 4px;
|
|
}
|
|
/* Close in notify
|
|
========================================================================== */
|
|
.uk-notify-message > .uk-close {
|
|
visibility: hidden;
|
|
float: right;
|
|
}
|
|
.uk-notify-message:hover > .uk-close {
|
|
visibility: visible;
|
|
}
|
|
/* Modifier: `uk-notify-message-primary`
|
|
========================================================================== */
|
|
.uk-notify-message-primary {
|
|
background: #ebf7fd;
|
|
color: #2d7091;
|
|
border-color: rgba(45, 112, 145, 0.3);
|
|
}
|
|
/* Modifier: `uk-notify-message-success`
|
|
========================================================================== */
|
|
.uk-notify-message-success {
|
|
background: #f2fae3;
|
|
color: #659f13;
|
|
border-color: rgba(101, 159, 19, 0.3);
|
|
}
|
|
/* Modifier: `uk-notify-message-warning`
|
|
========================================================================== */
|
|
.uk-notify-message-warning {
|
|
background: #fffceb;
|
|
color: #e28327;
|
|
border-color: rgba(226, 131, 39, 0.3);
|
|
}
|
|
/* Modifier: `uk-notify-message-danger`
|
|
========================================================================== */
|
|
.uk-notify-message-danger {
|
|
background: #fff1f0;
|
|
color: #d85030;
|
|
border-color: rgba(216, 80, 48, 0.3);
|
|
}
|
|
.uk-notify {
|
|
z-index: 1114;
|
|
width: 400px;
|
|
top: 56px;
|
|
max-width: 100%;
|
|
}
|
|
.uk-notify-top-center,
|
|
.uk-notify-bottom-center {
|
|
margin-left: -200px;
|
|
}
|
|
.uk-notify-top-left {
|
|
left: 24px;
|
|
}
|
|
.uk-notify-top-right {
|
|
right: 24px;
|
|
}
|
|
.uk-notify-bottom-left {
|
|
left: 24px;
|
|
}
|
|
.uk-notify-bottom-right {
|
|
right: 24px;
|
|
}
|
|
.uk-notify-bottom-center,
|
|
.uk-notify-bottom-left,
|
|
.uk-notify-bottom-right {
|
|
top: auto;
|
|
bottom: 8px;
|
|
}
|
|
.uk-notify-message {
|
|
background: #323232;
|
|
border-radius: 4px;
|
|
padding: 12px 16px;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
border: none;
|
|
}
|
|
.uk-notify .uk-close {
|
|
display: none;
|
|
}
|
|
.uk-notify .notify-action {
|
|
float: right;
|
|
text-transform: uppercase;
|
|
color: #8bc34a;
|
|
margin-left: 16px;
|
|
}
|
|
.uk-notify .notify-action:hover {
|
|
color: #689f38;
|
|
}
|
|
.uk-notify .notify-content {
|
|
overflow: hidden;
|
|
}
|
|
.uk-notify-message-info {
|
|
background: #1976d2;
|
|
color: #fff;
|
|
}
|
|
.uk-notify-message-success {
|
|
background: #7cb342;
|
|
}
|
|
.uk-notify-message-warning {
|
|
background: #ffa000;
|
|
}
|
|
.uk-notify-message-danger {
|
|
background: #e53935;
|
|
}
|
|
.uk-notify-message-info,
|
|
.uk-notify-message-success,
|
|
.uk-notify-message-warning,
|
|
.uk-notify-message-danger {
|
|
color: #fff;
|
|
}
|
|
.uk-notify-message-info .notify-action,
|
|
.uk-notify-message-success .notify-action,
|
|
.uk-notify-message-warning .notify-action,
|
|
.uk-notify-message-danger .notify-action {
|
|
color: #fff;
|
|
}
|
|
.uk-notify-message-info .notify-action:hover,
|
|
.uk-notify-message-success .notify-action:hover,
|
|
.uk-notify-message-warning .notify-action:hover,
|
|
.uk-notify-message-danger .notify-action:hover {
|
|
color: #fff;
|
|
text-decoration: underline;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.uk-notify-top-center,
|
|
.uk-notify-top-left,
|
|
.uk-notify-top-right,
|
|
.uk-notify-bottom-center,
|
|
.uk-notify-bottom-left,
|
|
.uk-notify-bottom-right {
|
|
width: 100%;
|
|
margin: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.uk-notify-top-center > .uk-notify-message,
|
|
.uk-notify-top-left > .uk-notify-message,
|
|
.uk-notify-top-right > .uk-notify-message,
|
|
.uk-notify-bottom-center > .uk-notify-message,
|
|
.uk-notify-bottom-left > .uk-notify-message,
|
|
.uk-notify-bottom-right > .uk-notify-message {
|
|
border-radius: 0;
|
|
padding: 16px 32px;
|
|
}
|
|
.uk-notify-top-center,
|
|
.uk-notify-top-left,
|
|
.uk-notify-top-right {
|
|
top: 0;
|
|
bottom: auto;
|
|
}
|
|
.uk-notify-bottom-center,
|
|
.uk-notify-bottom-left,
|
|
.uk-notify-bottom-right {
|
|
top: auto;
|
|
bottom: -10px;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 960px) {
|
|
.sidebar_main_active .uk-notify-top-left,
|
|
.sidebar_main_open .uk-notify-top-left {
|
|
left: 336px;
|
|
}
|
|
.sidebar_main_active .uk-notify-top-center,
|
|
.sidebar_main_open .uk-notify-top-center {
|
|
margin-left: -40px;
|
|
}
|
|
.sidebar_main_active .uk-notify-bottom-left,
|
|
.sidebar_main_open .uk-notify-bottom-left {
|
|
left: 336px;
|
|
}
|
|
.sidebar_main_active .uk-notify-bottom-center,
|
|
.sidebar_main_open .uk-notify-bottom-center {
|
|
margin-left: -40px;
|
|
}
|
|
}
|
|
/* slideshow */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Slideshow
|
|
========================================================================== */
|
|
/*
|
|
* 1. Create position context
|
|
* 2. Create stacking context to prevent z-index issues with other components
|
|
* 3. Set width because child elements are positioned absolute. Height is set via JS
|
|
* 4. Reset list style
|
|
* 5. Clip child elements
|
|
* 6. Deactivate browser history navigation in IE11
|
|
*/
|
|
.uk-slideshow {
|
|
/* 1 */
|
|
position: relative;
|
|
/* 2 */
|
|
z-index: 0;
|
|
/* 3 */
|
|
width: 100%;
|
|
/* 4 */
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
/* 5 */
|
|
overflow: hidden;
|
|
/* 6 */
|
|
-ms-touch-action: pan-y;
|
|
touch-action: pan-y;
|
|
}
|
|
/*
|
|
* Sub-object item
|
|
* 1. Position items above each other
|
|
* 2. Expand to parent container width
|
|
* 3. Hide by default
|
|
*/
|
|
.uk-slideshow > li {
|
|
/* 1 */
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
/* 2 */
|
|
width: 100%;
|
|
/* 3 */
|
|
opacity: 0;
|
|
}
|
|
/*
|
|
* Active
|
|
* 1. Stack at first
|
|
* 2. Show slide
|
|
*/
|
|
.uk-slideshow > .uk-active {
|
|
/* 1 */
|
|
z-index: 10;
|
|
/* 2 */
|
|
opacity: 1;
|
|
}
|
|
/*
|
|
* Hide default images which is only relevant to keep existing proportions
|
|
*/
|
|
.uk-slideshow > li > img {
|
|
visibility: hidden;
|
|
}
|
|
/*
|
|
* Pointer for controls
|
|
*/
|
|
[data-uk-slideshow-slide] {
|
|
cursor: pointer;
|
|
}
|
|
/* Modifier: `uk-slideshow-fullscreen`
|
|
========================================================================== */
|
|
.uk-slideshow-fullscreen,
|
|
.uk-slideshow-fullscreen > li {
|
|
height: 100vh;
|
|
}
|
|
/* Animations
|
|
========================================================================== */
|
|
/*
|
|
* Fade
|
|
*/
|
|
.uk-slideshow-fade-in {
|
|
-webkit-animation: uk-fade 0.5s linear;
|
|
animation: uk-fade 0.5s linear;
|
|
}
|
|
.uk-slideshow-fade-out {
|
|
-webkit-animation: uk-fade 0.5s linear reverse;
|
|
animation: uk-fade 0.5s linear reverse;
|
|
}
|
|
/*
|
|
* Scroll
|
|
*/
|
|
.uk-slideshow-scroll-forward-in {
|
|
-webkit-animation: uk-slide-right 0.5s ease-in-out;
|
|
animation: uk-slide-right 0.5s ease-in-out;
|
|
}
|
|
.uk-slideshow-scroll-forward-out {
|
|
-webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
|
|
animation: uk-slide-left 0.5s ease-in-out reverse;
|
|
}
|
|
.uk-slideshow-scroll-backward-in {
|
|
-webkit-animation: uk-slide-left 0.5s ease-in-out;
|
|
animation: uk-slide-left 0.5s ease-in-out;
|
|
}
|
|
.uk-slideshow-scroll-backward-out {
|
|
-webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
|
|
animation: uk-slide-right 0.5s ease-in-out reverse;
|
|
}
|
|
/*
|
|
* Scale
|
|
*/
|
|
.uk-slideshow-scale-out {
|
|
-webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;
|
|
animation: uk-fade-scale-15 0.5s ease-in-out reverse;
|
|
}
|
|
/*
|
|
* Swipe
|
|
*/
|
|
.uk-slideshow-swipe-forward-in {
|
|
-webkit-animation: uk-slide-left-33 0.5s ease-in-out;
|
|
animation: uk-slide-left-33 0.5s ease-in-out;
|
|
}
|
|
.uk-slideshow-swipe-forward-out {
|
|
-webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
|
|
animation: uk-slide-left 0.5s ease-in-out reverse;
|
|
}
|
|
.uk-slideshow-swipe-backward-in {
|
|
-webkit-animation: uk-slide-right-33 0.5s ease-in-out;
|
|
animation: uk-slide-right-33 0.5s ease-in-out;
|
|
}
|
|
.uk-slideshow-swipe-backward-out {
|
|
-webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
|
|
animation: uk-slide-right 0.5s ease-in-out reverse;
|
|
}
|
|
.uk-slideshow-swipe-forward-in:before,
|
|
.uk-slideshow-swipe-backward-in:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 1;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
-webkit-animation: uk-fade 0.5s ease-in-out reverse;
|
|
animation: uk-fade 0.5s ease-in-out reverse;
|
|
}
|
|
/* slider */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Slider
|
|
========================================================================== */
|
|
/*
|
|
* RTL Compatibility
|
|
*/
|
|
[data-uk-slider] {
|
|
direction: ltr;
|
|
}
|
|
html[dir="rtl"] .uk-slider > * {
|
|
direction: rtl;
|
|
}
|
|
/*
|
|
* 1. Create position context
|
|
* 2. Create stacking context to prevent z-index issues with other components
|
|
* 3. Deactivate browser history navigation in IE11
|
|
*/
|
|
.uk-slider {
|
|
/* 1 */
|
|
position: relative;
|
|
/* 2 */
|
|
z-index: 0;
|
|
/* 3 */
|
|
-ms-touch-action: pan-y;
|
|
touch-action: pan-y;
|
|
}
|
|
/*
|
|
* 1. Reset list style without interfering with grid
|
|
*/
|
|
.uk-slider:not(.uk-grid) {
|
|
/* 1 */
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
/*
|
|
* Sub-object item
|
|
* 1. Position items above each other
|
|
*/
|
|
.uk-slider > * {
|
|
/* 1 */
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
/*
|
|
* Clip child elements
|
|
*/
|
|
.uk-slider-container {
|
|
overflow: hidden;
|
|
}
|
|
/*
|
|
* Dragged
|
|
*/
|
|
.uk-slider:not(.uk-drag) {
|
|
-webkit-transition: -webkit-transform 200ms linear;
|
|
transition: -webkit-transform 200ms linear;
|
|
transition: transform 200ms linear;
|
|
transition: transform 200ms linear, -webkit-transform 200ms linear;
|
|
}
|
|
/*
|
|
* 1. Makes text unselectable
|
|
*/
|
|
.uk-slider.uk-drag {
|
|
cursor: col-resize;
|
|
/* 1 */
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
/*
|
|
* 1. Prevents images and links from being dragged (default browser behavior)
|
|
* 2. Disables the default callout shown when you touch and hold a touch target
|
|
* Currently only works in Webkit
|
|
*/
|
|
.uk-slider a,
|
|
.uk-slider img {
|
|
/* 1 */
|
|
-webkit-user-drag: none;
|
|
user-drag: none;
|
|
/* 2 */
|
|
-webkit-touch-callout: none;
|
|
}
|
|
/*
|
|
* 1. Prevents images and links from being dragged in Firefox
|
|
*/
|
|
.uk-slider img {
|
|
pointer-events: none;
|
|
}
|
|
/* Modifier: `uk-slider-fullscreen`
|
|
========================================================================== */
|
|
.uk-slider-fullscreen,
|
|
.uk-slider-fullscreen > li {
|
|
height: 100vh;
|
|
}
|
|
.uk-slider .uk-active .md-card {
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
.uk-slider-center li {
|
|
opacity: 0.4;
|
|
}
|
|
.uk-slider-center li.uk-active {
|
|
opacity: 1;
|
|
}
|
|
/* slidenav */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Slidenav
|
|
========================================================================== */
|
|
/*
|
|
* 1. Required for `a` elements
|
|
* 2. Dimension
|
|
* 3. Style
|
|
*/
|
|
.uk-slidenav {
|
|
/* 1 */
|
|
display: inline-block;
|
|
/* 2 */
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 60px;
|
|
height: 60px;
|
|
/* 3 */
|
|
line-height: 60px;
|
|
color: rgba(50, 50, 50, 0.4);
|
|
font-size: 60px;
|
|
text-align: center;
|
|
}
|
|
/*
|
|
* Hover
|
|
* 1. Apply hover style also to focus state
|
|
* 2. Remove default focus style
|
|
* 3. Required for `a` elements
|
|
* 4. Style
|
|
*/
|
|
.uk-slidenav:hover,
|
|
.uk-slidenav:focus {
|
|
/* 2 */
|
|
outline: none;
|
|
/* 3 */
|
|
text-decoration: none;
|
|
/* 4 */
|
|
color: rgba(50, 50, 50, 0.7);
|
|
cursor: pointer;
|
|
}
|
|
/* Active */
|
|
.uk-slidenav:active {
|
|
color: rgba(50, 50, 50, 0.9);
|
|
}
|
|
/*
|
|
* Icons
|
|
*/
|
|
.uk-slidenav-previous:before {
|
|
content: "\f104";
|
|
font-family: FontAwesome;
|
|
}
|
|
.uk-slidenav-next:before {
|
|
content: "\f105";
|
|
font-family: FontAwesome;
|
|
}
|
|
/* Sub-object: `uk-slidenav-position`
|
|
========================================================================== */
|
|
/*
|
|
* Create position context
|
|
*/
|
|
.uk-slidenav-position {
|
|
position: relative;
|
|
}
|
|
/*
|
|
* Center vertically
|
|
*/
|
|
.uk-slidenav-position .uk-slidenav {
|
|
display: none;
|
|
position: absolute;
|
|
top: 50%;
|
|
z-index: 1;
|
|
margin-top: -30px;
|
|
}
|
|
.uk-slidenav-position:hover .uk-slidenav {
|
|
display: block;
|
|
}
|
|
.uk-slidenav-position .uk-slidenav-previous {
|
|
left: 20px;
|
|
}
|
|
.uk-slidenav-position .uk-slidenav-next {
|
|
right: 20px;
|
|
}
|
|
/* Modifier: `uk-slidenav-contrast`
|
|
========================================================================== */
|
|
.uk-slidenav-contrast {
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
/*
|
|
* Hover
|
|
* 1. Apply hover style also to focus state
|
|
*/
|
|
.uk-slidenav-contrast:hover,
|
|
.uk-slidenav-contrast:focus {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
/* Active */
|
|
.uk-slidenav-contrast:active {
|
|
color: rgba(255, 255, 255, 0.9);
|
|
}
|
|
/* tooltips */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Tooltip
|
|
========================================================================== */
|
|
/*
|
|
* 1. Hide by default
|
|
* 2. Set fixed position
|
|
* 3. Set dimensions
|
|
* 4. Set style
|
|
*/
|
|
.uk-tooltip {
|
|
/* 1 */
|
|
display: none;
|
|
/* 2 */
|
|
position: absolute;
|
|
z-index: 1030;
|
|
/* 3 */
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
max-width: 200px;
|
|
padding: 5px 8px;
|
|
/* 4 */
|
|
background: #333;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
border-radius: 3px;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
|
|
}
|
|
/* Triangle
|
|
========================================================================== */
|
|
/*
|
|
* 1. Dashed is less antialised than solid
|
|
*/
|
|
.uk-tooltip:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
/* 1 */
|
|
border: 5px dashed #333;
|
|
}
|
|
/* Direction modifiers
|
|
========================================================================== */
|
|
/*
|
|
* Top
|
|
*/
|
|
.uk-tooltip-top:after,
|
|
.uk-tooltip-top-left:after,
|
|
.uk-tooltip-top-right:after {
|
|
bottom: -5px;
|
|
border-top-style: solid;
|
|
border-bottom: none;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
border-top-color: #333;
|
|
}
|
|
/*
|
|
* Bottom
|
|
*/
|
|
.uk-tooltip-bottom:after,
|
|
.uk-tooltip-bottom-left:after,
|
|
.uk-tooltip-bottom-right:after {
|
|
top: -5px;
|
|
border-bottom-style: solid;
|
|
border-top: none;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
border-bottom-color: #333;
|
|
}
|
|
/*
|
|
* Top/Bottom center
|
|
*/
|
|
.uk-tooltip-top:after,
|
|
.uk-tooltip-bottom:after {
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
}
|
|
/*
|
|
* Top/Bottom left
|
|
*/
|
|
.uk-tooltip-top-left:after,
|
|
.uk-tooltip-bottom-left:after {
|
|
left: 10px;
|
|
}
|
|
/*
|
|
* Top/Bottom right
|
|
*/
|
|
.uk-tooltip-top-right:after,
|
|
.uk-tooltip-bottom-right:after {
|
|
right: 10px;
|
|
}
|
|
/*
|
|
* Left
|
|
*/
|
|
.uk-tooltip-left:after {
|
|
right: -5px;
|
|
top: 50%;
|
|
margin-top: -5px;
|
|
border-left-style: solid;
|
|
border-right: none;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
border-left-color: #333;
|
|
}
|
|
/*
|
|
* Right
|
|
*/
|
|
.uk-tooltip-right:after {
|
|
left: -5px;
|
|
top: 50%;
|
|
margin-top: -5px;
|
|
border-right-style: solid;
|
|
border-left: none;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
border-right-color: #333;
|
|
}
|
|
.uk-tooltip {
|
|
background: #424242;
|
|
color: #fff;
|
|
font-size: 13px;
|
|
padding: 3px 16px;
|
|
line-height: 22px;
|
|
text-shadow: none;
|
|
min-width: 80px;
|
|
text-align: center;
|
|
z-index: 1304;
|
|
opacity: 0;
|
|
}
|
|
.uk-tooltip .uk-tooltip-inner {
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
.uk-tooltip:after {
|
|
display: none !important;
|
|
}
|
|
.uk-tooltip.long-text {
|
|
text-align: left;
|
|
}
|
|
.uk-tooltip.long-text .uk-tooltip-inner {
|
|
white-space: normal;
|
|
overflow: visible;
|
|
line-height: 18px;
|
|
padding: 4px 0;
|
|
}
|
|
.uk-tooltip-small {
|
|
-webkit-transform: scale(0.85);
|
|
transform: scale(0.85);
|
|
}
|
|
.uk-tooltip-top {
|
|
z-index: 9999;
|
|
}
|
|
.touch .uk-tooltip {
|
|
opacity: 1;
|
|
}
|
|
/* tabs */
|
|
.uk-tab {
|
|
border-bottom-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
.uk-sticky-placeholder .uk-tab {
|
|
background: #fff;
|
|
padding-top: 8px;
|
|
}
|
|
.uk-tab > li {
|
|
margin-bottom: 0;
|
|
margin-top: 0 ;
|
|
z-index: 1;
|
|
}
|
|
.uk-tab > li > a {
|
|
font-size: 13px;
|
|
text-transform: uppercase;
|
|
color: #212121;
|
|
border: none;
|
|
border-bottom: 2px solid transparent;
|
|
border-radius: 0 !important;
|
|
font-weight: 500;
|
|
min-width: 100px;
|
|
max-width: 100%;
|
|
text-align: center;
|
|
-webkit-transition: all 220ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 220ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
padding: 8px !important;
|
|
margin: 0 !important;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
top: 1px;
|
|
text-shadow: none;
|
|
}
|
|
.uk-tab > li > a:hover,
|
|
.uk-tab > li > a:focus {
|
|
background: none;
|
|
color: #212121;
|
|
border-bottom-color: #b2dbfb;
|
|
}
|
|
.uk-tab > li.uk-active > a {
|
|
background: transparent !important;
|
|
border-bottom-color: #2196f3;
|
|
}
|
|
.uk-tab > li.uk-disabled > a,
|
|
.uk-tab > li.uk-disabled > a:hover,
|
|
.uk-tab > li.uk-disabled > a:focus {
|
|
color: #aaa;
|
|
}
|
|
.uk-tab-bottom li {
|
|
margin-top: 0;
|
|
}
|
|
.uk-tab-bottom li > a {
|
|
border-top: 2px solid transparent;
|
|
border-bottom: none;
|
|
top: auto;
|
|
bottom: 1px;
|
|
}
|
|
.uk-tab-bottom li > a:hover,
|
|
.uk-tab-bottom li > a:focus {
|
|
border-top-color: #b2dbfb;
|
|
}
|
|
.uk-tab-bottom li.uk-active > a {
|
|
border-top-color: #2196f3;
|
|
}
|
|
.uk-tab-left {
|
|
border-bottom: none;
|
|
}
|
|
.uk-tab-left li > a {
|
|
border-right: 2px solid transparent;
|
|
border-bottom: none;
|
|
text-align: right;
|
|
top: auto;
|
|
bottom: auto;
|
|
}
|
|
.uk-tab-left li > a:hover,
|
|
.uk-tab-left li > a:focus {
|
|
border-right-color: #b2dbfb;
|
|
}
|
|
.uk-tab-left li.uk-active > a {
|
|
border-right-color: #2196f3;
|
|
}
|
|
.uk-tab-right {
|
|
border-bottom: none;
|
|
}
|
|
.uk-tab-right li > a {
|
|
border-left: 2px solid transparent;
|
|
border-bottom: none;
|
|
text-align: left;
|
|
top: auto;
|
|
bottom: auto;
|
|
}
|
|
.uk-tab-right li > a:hover,
|
|
.uk-tab-right li > a:focus {
|
|
border-left-color: #b2dbfb;
|
|
}
|
|
.uk-tab-right li.uk-active > a {
|
|
border-left-color: #2196f3;
|
|
}
|
|
.uk-tab-responsive li a {
|
|
border: none !important;
|
|
}
|
|
.uk-tab-responsive > a:before {
|
|
content: '\e5d2';
|
|
font-family: "Material Icons";
|
|
color: #727272;
|
|
margin-right: 8px;
|
|
vertical-align: -4px;
|
|
font-size: 18px;
|
|
}
|
|
.uk-tab-icons > li > a {
|
|
min-width: 64px;
|
|
}
|
|
.uk-tab-icons > li > a > .material-icons {
|
|
font-size: 24px;
|
|
}
|
|
.uk-tab-double-header {
|
|
margin: 10px 24px 0 !important;
|
|
}
|
|
.uk-tab-double-header > li > a {
|
|
color: #fff;
|
|
border-bottom: 4px solid transparent;
|
|
}
|
|
.uk-tab-double-header > li > a:hover,
|
|
.uk-tab-double-header > li > a:focus {
|
|
color: #fff;
|
|
border-bottom-color: #39a1f4;
|
|
}
|
|
.uk-tab-double-header > li.uk-active > a {
|
|
color: #fff;
|
|
border-bottom-color: #7cb342;
|
|
}
|
|
.uk-tab-double-header > li.uk-tab-responsive > a {
|
|
border-bottom: none;
|
|
padding-bottom: 5px !important;
|
|
}
|
|
.uk-tab-double-header > li.uk-tab-responsive > a:before {
|
|
color: #fff;
|
|
}
|
|
/* text truncate */
|
|
.uk-text-truncate {
|
|
display: block;
|
|
}
|
|
/* sortable */
|
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
|
/* ========================================================================
|
|
Component: Sortable
|
|
========================================================================== */
|
|
.uk-sortable {
|
|
position: relative;
|
|
}
|
|
/*
|
|
* Deactivate browser touch actions in IE11
|
|
*/
|
|
.uk-sortable > * {
|
|
-ms-touch-action: none;
|
|
touch-action: none;
|
|
}
|
|
/*
|
|
* Disables the default callout shown when you touch and hold a touch target
|
|
* Currently only works in Webkit
|
|
*/
|
|
.uk-sortable a,
|
|
.uk-sortable img {
|
|
-webkit-touch-callout: none;
|
|
}
|
|
/*
|
|
* Remove margin from the last-child
|
|
*/
|
|
.uk-sortable > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
/* Sub-modifier `uk-sortable-dragged`
|
|
========================================================================== */
|
|
.uk-sortable-dragged {
|
|
position: absolute;
|
|
z-index: 1050;
|
|
pointer-events: none;
|
|
}
|
|
/* Sub-modifier `uk-sortable-placeholder`
|
|
========================================================================== */
|
|
.uk-sortable-placeholder {
|
|
opacity: 0;
|
|
}
|
|
/* Empty List
|
|
========================================================================== */
|
|
.uk-sortable-empty {
|
|
min-height: 30px;
|
|
}
|
|
/* Sub-object `uk-sortable-handle`
|
|
========================================================================== */
|
|
/*
|
|
* Deactivate browser touch actions in IE11
|
|
*/
|
|
.uk-sortable-handle {
|
|
-ms-touch-action: none;
|
|
touch-action: none;
|
|
}
|
|
/* Hover */
|
|
.uk-sortable-handle:hover {
|
|
cursor: move;
|
|
}
|
|
/* Sub-object `uk-sortable-moving`
|
|
========================================================================== */
|
|
.uk-sortable-moving,
|
|
.uk-sortable-moving * {
|
|
cursor: move;
|
|
}
|
|
/* Fixes dragging items over iframes */
|
|
.uk-sortable-moving iframe {
|
|
pointer-events: none;
|
|
}
|
|
.uk-sortable > * {
|
|
-ms-touch-action: auto;
|
|
touch-action: auto;
|
|
}
|
|
.uk-sortable.sortable-handler > * {
|
|
cursor: move;
|
|
}
|
|
.uk-sortable .sortable-handler {
|
|
cursor: move;
|
|
}
|
|
.uk-sortable-single {
|
|
min-height: 0;
|
|
}
|
|
.uk-switcher {
|
|
overflow: hidden;
|
|
}
|
|
/*
|
|
* add extra Uikit grid sizes
|
|
*
|
|
* usage:
|
|
* set custom breakpoint (1480px) and name ("xlarge-x")
|
|
* @media (min-width: 1480px) {
|
|
* .add-grid-sizes(xlarge-x);
|
|
* }
|
|
*/
|
|
@media (min-width: 1480px) {
|
|
/* Whole */
|
|
.uk-width-xLarge-1-1,
|
|
.uk-grid-width-xLarge-1-1 > * {
|
|
width: 100%;
|
|
}
|
|
/* Halves */
|
|
.uk-width-xLarge-1-2,
|
|
.uk-width-xLarge-2-4,
|
|
.uk-width-xLarge-3-6,
|
|
.uk-width-xLarge-5-10,
|
|
.uk-grid-width-xLarge-1-2 > *,
|
|
.uk-grid-width-xLarge-2-4 > *,
|
|
.uk-grid-width-xLarge-3-6 > *,
|
|
.uk-grid-width-xLarge-5-10 > * {
|
|
width: 50%;
|
|
}
|
|
/* Thirds */
|
|
.uk-width-xLarge-1-3,
|
|
.uk-width-xLarge-2-6,
|
|
.uk-grid-width-xLarge-1-3 > *,
|
|
.uk-grid-width-xLarge-2-6 > * {
|
|
width: 33.333%;
|
|
}
|
|
.uk-width-xLarge-2-3,
|
|
.uk-width-xLarge-4-6,
|
|
.uk-grid-width-xLarge-2-3 > *,
|
|
.uk-grid-width-xLarge-4-6 > * {
|
|
width: 66.666%;
|
|
}
|
|
/* Quarters */
|
|
.uk-width-xLarge-1-4,
|
|
.uk-grid-width-xLarge-1-4 > * {
|
|
width: 25%;
|
|
}
|
|
.uk-width-xLarge-3-4,
|
|
.uk-grid-width-xLarge-3-4 > * {
|
|
width: 75%;
|
|
}
|
|
/* Fifths */
|
|
.uk-width-xLarge-1-5,
|
|
.uk-width-xLarge-2-10,
|
|
.uk-grid-width-xLarge-1-5 > *,
|
|
.uk-grid-width-xLarge-2-10 > * {
|
|
width: 20%;
|
|
}
|
|
.uk-width-xLarge-2-5,
|
|
.uk-width-xLarge-4-10,
|
|
.uk-grid-width-xLarge-2-5 > *,
|
|
.uk-grid-width-xLarge-4-10 > * {
|
|
width: 40%;
|
|
}
|
|
.uk-width-xLarge-3-5,
|
|
.uk-width-xLarge-6-10,
|
|
.uk-grid-width-xLarge-3-5 > *,
|
|
.uk-grid-width-xLarge-6-10 > * {
|
|
width: 60%;
|
|
}
|
|
.uk-width-xLarge-4-5,
|
|
.uk-width-xLarge-8-10,
|
|
.uk-grid-width-xLarge-4-5 > *,
|
|
.uk-grid-width-xLarge-8-10 > * {
|
|
width: 80%;
|
|
}
|
|
/* Sixths */
|
|
.uk-width-xLarge-1-6,
|
|
.uk-grid-width-xLarge-1-6 > * {
|
|
width: 16.666%;
|
|
}
|
|
.uk-width-xLarge-5-6,
|
|
.uk-grid-width-xLarge-5-6 > * {
|
|
width: 83.333%;
|
|
}
|
|
/* Tenths */
|
|
.uk-width-xLarge-1-10,
|
|
.uk-grid-width-xLarge-1-10 > * {
|
|
width: 10%;
|
|
}
|
|
.uk-width-xLarge-3-10,
|
|
.uk-grid-width-xLarge-3-10 > * {
|
|
width: 30%;
|
|
}
|
|
.uk-width-xLarge-7-10,
|
|
.uk-grid-width-xLarge-7-10 > * {
|
|
width: 70%;
|
|
}
|
|
.uk-width-xLarge-9-10,
|
|
.uk-grid-width-xLarge-9-10 > * {
|
|
width: 90%;
|
|
}
|
|
}
|
|
/* ie9 fixes */
|
|
.lte-ie9 *[class*="uk-animation-"] {
|
|
opacity: 1 !important;
|
|
}
|
|
/* 3. Kendo UI custom styles ========================= */
|
|
.k-button,
|
|
.k-header {
|
|
font-weight: 400;
|
|
}
|
|
.k-list-wrapper {
|
|
padding: 8px 0;
|
|
}
|
|
.k-list-wrapper-addon {
|
|
margin-right: 16px;
|
|
float: left;
|
|
}
|
|
.k-list-wrapper-addon > img {
|
|
width: 34px;
|
|
border-radius: 50%;
|
|
}
|
|
.k-list-wrapper-addon > img-large {
|
|
width: 82px;
|
|
border-radius: 50%;
|
|
}
|
|
.k-list-wrapper-content {
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
.k-list-wrapper-content > p {
|
|
margin: 0;
|
|
font-weight: 500;
|
|
line-height: 18px;
|
|
}
|
|
.k-list-wrapper-content > span {
|
|
display: block;
|
|
}
|
|
.k-tag-image {
|
|
width: auto;
|
|
height: 17px;
|
|
margin: 4px 5px 0 0;
|
|
vertical-align: top;
|
|
border-radius: 50%;
|
|
}
|
|
.k-multiselect .k-delete,
|
|
.k-multiselect .k-button:not(.k-state-disabled):hover .k-delete {
|
|
background-position: -162px -80px;
|
|
}
|
|
.k-multiselect .k-delete {
|
|
opacity: 0.5;
|
|
}
|
|
.k-multiselect .k-button:not(.k-state-disabled):hover .k-delete {
|
|
opacity: 1;
|
|
}
|
|
.k-window-title {
|
|
font-size: 14px;
|
|
}
|
|
.k-panelbar li.k-item {
|
|
background: #fff;
|
|
}
|
|
.k-panelbar li.k-state-default > .k-link.k-state-selected {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
/* 4. custom components ============================== */
|
|
/**
|
|
* Google Material Design Preloader
|
|
*
|
|
* CSS animated SVG implementation of the Google Material Design preloader
|
|
*
|
|
* Reference: http://goo.gl/ZfulRH
|
|
* License: MIT
|
|
* Author: Rudi Theunissen (rudolf.theunissen@gmail.com)
|
|
* Version: 1.1.1
|
|
*/
|
|
.md-preloader {
|
|
font-size: 0;
|
|
display: inline-block;
|
|
-webkit-animation: outer 6000ms linear infinite;
|
|
animation: outer 6000ms linear infinite;
|
|
}
|
|
.md-preloader svg {
|
|
-webkit-animation: inner 1200ms linear infinite;
|
|
animation: inner 1200ms linear infinite;
|
|
}
|
|
.md-preloader svg circle {
|
|
fill: none;
|
|
stroke: #448aff;
|
|
stroke-linecap: round;
|
|
-webkit-animation: arc 1200ms cubic-bezier(0.4, 0, 0.2, 1) infinite;
|
|
animation: arc 1200ms cubic-bezier(0.4, 0, 0.2, 1) infinite;
|
|
}
|
|
@-webkit-keyframes outer {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes outer {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@-webkit-keyframes inner {
|
|
0% {
|
|
-webkit-transform: rotate(-64.8deg);
|
|
transform: rotate(-64.8deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
}
|
|
@keyframes inner {
|
|
0% {
|
|
-webkit-transform: rotate(-64.8deg);
|
|
transform: rotate(-64.8deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
}
|
|
@-webkit-keyframes arc {
|
|
0% {
|
|
stroke-dasharray: 1 210.48670779px;
|
|
stroke-dashoffset: 0;
|
|
}
|
|
40% {
|
|
stroke-dasharray: 172.59910039px, 210.48670779px;
|
|
stroke-dashoffset: 0;
|
|
}
|
|
100% {
|
|
stroke-dasharray: 1 210.48670779px;
|
|
stroke-dashoffset: -172.59910039px;
|
|
}
|
|
}
|
|
@keyframes arc {
|
|
0% {
|
|
stroke-dasharray: 1 210.48670779px;
|
|
stroke-dashoffset: 0;
|
|
}
|
|
40% {
|
|
stroke-dasharray: 172.59910039px, 210.48670779px;
|
|
stroke-dashoffset: 0;
|
|
}
|
|
100% {
|
|
stroke-dasharray: 1 210.48670779px;
|
|
stroke-dashoffset: -172.59910039px;
|
|
}
|
|
}
|
|
.md-preloader-success svg circle {
|
|
stroke: #7cb342;
|
|
}
|
|
.md-preloader-danger svg circle {
|
|
stroke: #e53935;
|
|
}
|
|
.md-preloader-warning svg circle {
|
|
stroke: #ffa000;
|
|
}
|
|
/* content preloader */
|
|
.content-preloader {
|
|
width: 48px;
|
|
height: 48px;
|
|
border-radius: 50%;
|
|
background: #fff;
|
|
left: 50%;
|
|
overflow: hidden;
|
|
margin-left: -24px;
|
|
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
padding: 8px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
-webkit-transition: top 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: top 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: top 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: top 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, transform 400ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.content-preloader .regular-preloader {
|
|
position: relative;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
.content-preloader .regular-preloader > div {
|
|
width: 26px;
|
|
height: 26px;
|
|
}
|
|
.content-preloader.preloader-active {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
-webkit-transition: top 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: top 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: top 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: top 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
}
|
|
.content-preloader-success svg circle {
|
|
stroke: #7cb342;
|
|
}
|
|
.content-preloader-danger svg circle {
|
|
stroke: #e53935;
|
|
}
|
|
.content-preloader-warning svg circle {
|
|
stroke: #ffa000;
|
|
}
|
|
.sidebar_main_active > .content-preloader,
|
|
.sidebar_main_open > .content-preloader {
|
|
margin-left: 136px !important;
|
|
}
|
|
body > .content-preloader {
|
|
position: fixed;
|
|
z-index: 1099;
|
|
top: -48px;
|
|
}
|
|
body > .content-preloader.preloader-active {
|
|
top: 56px;
|
|
}
|
|
.sidebar_main_active body > .content-preloader,
|
|
.sidebar_main_open body > .content-preloader {
|
|
margin-left: 136px;
|
|
}
|
|
.md-card > .content-preloader {
|
|
position: absolute;
|
|
z-index: 10;
|
|
top: 0;
|
|
}
|
|
.md-card > .content-preloader.preloader-active {
|
|
top: 64px;
|
|
}
|
|
/* timeline */
|
|
.timeline {
|
|
position: relative;
|
|
min-height: 40px;
|
|
padding: 8px 0 8px 62px;
|
|
}
|
|
.timeline,
|
|
.timeline:before,
|
|
.timeline:after,
|
|
.timeline *,
|
|
.timeline *:before,
|
|
.timeline *:after {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.timeline:before {
|
|
position: absolute;
|
|
left: 29px;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 3px;
|
|
background: rgba(0, 0, 0, 0.085);
|
|
content: '';
|
|
display: block;
|
|
}
|
|
.timeline_item {
|
|
position: relative;
|
|
min-height: 64px;
|
|
padding: 16px 0;
|
|
}
|
|
.timeline_icon {
|
|
position: absolute;
|
|
left: -54px;
|
|
top: 16px;
|
|
height: 44px;
|
|
width: 44px;
|
|
border-radius: 50%;
|
|
background: #9e9e9e;
|
|
text-align: center;
|
|
border: 4px solid #fff;
|
|
}
|
|
.timeline_icon .material-icons {
|
|
color: #fff;
|
|
font-size: 18px;
|
|
line-height: 36px;
|
|
}
|
|
.timeline_icon_danger {
|
|
background: #e53935;
|
|
}
|
|
.timeline_icon_success {
|
|
background: #7cb342;
|
|
}
|
|
.timeline_icon_warning {
|
|
background: #ffa000;
|
|
}
|
|
.timeline_icon_primary {
|
|
background: #2196f3;
|
|
}
|
|
.timeline_date {
|
|
float: left;
|
|
min-width: 60px;
|
|
color: #aaa;
|
|
text-align: center;
|
|
line-height: 18px;
|
|
font-size: 16px;
|
|
margin-right: 8px;
|
|
padding-top: 6px;
|
|
}
|
|
.timeline_date span {
|
|
font-size: 11px;
|
|
display: block;
|
|
text-transform: uppercase;
|
|
}
|
|
.timeline_content {
|
|
padding: 5px 4px 8px;
|
|
overflow: hidden;
|
|
}
|
|
.timeline_content_addon {
|
|
background: #fff;
|
|
margin-top: 8px;
|
|
max-width: 340px;
|
|
padding: 8px;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
border-radius: 4px;
|
|
}
|
|
.timeline_content_addon > img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
.timeline_content_addon blockquote {
|
|
margin: 8px 0 8px 8px;
|
|
font-size: 15px;
|
|
}
|
|
.timeline.timeline_small {
|
|
padding: 4px 0 4px 48px;
|
|
}
|
|
.timeline.timeline_small:before {
|
|
left: 16px;
|
|
}
|
|
.timeline.timeline_small .timeline_item {
|
|
min-height: 32px;
|
|
}
|
|
.timeline.timeline_small .timeline_icon {
|
|
left: -50px;
|
|
height: 40px;
|
|
width: 40px;
|
|
}
|
|
.timeline.timeline_small .timeline_icon .material-icons {
|
|
color: #fff;
|
|
font-size: 18px;
|
|
line-height: 32px;
|
|
}
|
|
.timeline.timeline_small .timeline_date {
|
|
float: none;
|
|
text-align: left;
|
|
font-size: 11px;
|
|
padding-left: 4px;
|
|
}
|
|
.timeline.timeline_small .timeline_date span {
|
|
display: inline;
|
|
}
|
|
.timeline.timeline_small .timeline_content {
|
|
font-size: 13px;
|
|
}
|
|
.timeline.timeline_small .timeline_content .md-list li {
|
|
margin-left: 0;
|
|
text-align: center;
|
|
}
|
|
.timeline.timeline_small .timeline_content .md-list .md-list-addon-element {
|
|
width: auto;
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
padding-top: 0;
|
|
}
|
|
.timeline.timeline_small .timeline_content blockquote {
|
|
font-size: 13px;
|
|
}
|
|
@media only screen and (min-width: 768px) {
|
|
.timeline.timeline-center {
|
|
padding: 8px 0;
|
|
}
|
|
.timeline.timeline-center:before {
|
|
left: 50%;
|
|
margin-left: -2px;
|
|
}
|
|
.timeline.timeline-center .timeline_item {
|
|
padding: 24px 0;
|
|
width: 50%;
|
|
}
|
|
.timeline.timeline-center .timeline_item .timeline_date {
|
|
position: absolute;
|
|
float: none;
|
|
white-space: nowrap;
|
|
padding-top: 6px;
|
|
margin-right: 0;
|
|
}
|
|
.timeline.timeline-center .timeline_item .timeline_date span {
|
|
display: inline;
|
|
}
|
|
.timeline.timeline-center .timeline_item .timeline_content {
|
|
padding: 16px 24px;
|
|
background: #fff;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
border-radius: 4px;
|
|
position: relative;
|
|
overflow: visible;
|
|
}
|
|
.timeline.timeline-center .timeline_item .timeline_content_addon {
|
|
background: transparent;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
padding: 0;
|
|
max-width: 100%;
|
|
margin-top: 0;
|
|
}
|
|
.timeline.timeline-center .timeline_item .timeline_content_info {
|
|
display: block;
|
|
font-size: 13px;
|
|
color: #727272;
|
|
padding-bottom: 10px;
|
|
}
|
|
.timeline.timeline-center .timeline_item .timeline_content:before,
|
|
.timeline.timeline-center .timeline_item .timeline_content:after {
|
|
position: absolute;
|
|
content: '';
|
|
display: block;
|
|
border: 8px solid transparent;
|
|
top: 6px;
|
|
}
|
|
.timeline.timeline-center .timeline_item:nth-child(even) {
|
|
margin-left: 50%;
|
|
}
|
|
.timeline.timeline-center .timeline_item:nth-child(even) .timeline_icon {
|
|
left: -22px;
|
|
}
|
|
.timeline.timeline-center .timeline_item:nth-child(even) .timeline_content {
|
|
margin-left: 40px;
|
|
}
|
|
.timeline.timeline-center .timeline_item:nth-child(even) .timeline_content:before {
|
|
left: -16px;
|
|
border-right-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
.timeline.timeline-center .timeline_item:nth-child(even) .timeline_content:after {
|
|
left: -15px;
|
|
border-right-color: #fff;
|
|
}
|
|
.timeline.timeline-center .timeline_item:nth-child(even) .timeline_date {
|
|
right: 100%;
|
|
padding-right: 40px;
|
|
}
|
|
.timeline.timeline-center .timeline_item:nth-child(odd) .timeline_icon {
|
|
left: auto;
|
|
right: -22px;
|
|
}
|
|
.timeline.timeline-center .timeline_item:nth-child(odd) .timeline_date {
|
|
left: 100%;
|
|
padding-left: 40px;
|
|
}
|
|
.timeline.timeline-center .timeline_item:nth-child(odd) .timeline_content {
|
|
margin-right: 40px;
|
|
}
|
|
.timeline.timeline-center .timeline_item:nth-child(odd) .timeline_content:before {
|
|
right: -16px;
|
|
border-left-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
.timeline.timeline-center .timeline_item:nth-child(odd) .timeline_content:after {
|
|
right: -15px;
|
|
border-left-color: #fff;
|
|
}
|
|
.timeline.timeline-center .timeline_item:nth-child(odd) .timeline_content_addon {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
.list_view > *,
|
|
.grid_view > * {
|
|
-webkit-transition: all 120ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 120ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.grid_view.uk-grid-medium {
|
|
margin-top: -32px;
|
|
}
|
|
.grid_view.uk-grid-small {
|
|
margin-top: -5px;
|
|
}
|
|
.list_view {
|
|
margin-left: 0 !important;
|
|
}
|
|
.list_view > div,
|
|
.list_view > li {
|
|
width: 100% !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
.list_view > div .md-card,
|
|
.list_view > li .md-card {
|
|
overflow: hidden;
|
|
}
|
|
.list_view > div .md-card-head,
|
|
.list_view > li .md-card-head {
|
|
float: left;
|
|
border: none;
|
|
width: 200px;
|
|
}
|
|
.list_view > div .md-card-content,
|
|
.list_view > li .md-card-content {
|
|
overflow: hidden;
|
|
}
|
|
.list_view > div + div,
|
|
.list_view > li + li {
|
|
border-top: 1px solid #ededed;
|
|
margin: 0 !important;
|
|
}
|
|
/* 5. material design styles ========================= */
|
|
/* bg colors */
|
|
.md-bg-cyan {
|
|
background-color: #00acc1 !important;
|
|
color: #fff;
|
|
}
|
|
.md-bg-light-green {
|
|
background-color: #7cb342 !important;
|
|
color: #fff;
|
|
}
|
|
.md-bg-grey {
|
|
background-color: #616161 !important;
|
|
color: #fff;
|
|
}
|
|
.md-bg-red {
|
|
background-color: #d32f2f !important;
|
|
color: #fff;
|
|
}
|
|
.md-bg-light-blue {
|
|
background-color: #0288d1 !important;
|
|
color: #fff;
|
|
}
|
|
.md-bg-teal {
|
|
background-color: #00897b !important;
|
|
color: #fff;
|
|
}
|
|
.md-bg-purple {
|
|
background-color: #8e24aa !important;
|
|
color: #fff;
|
|
}
|
|
/* buttons */
|
|
.md-btn {
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 2px;
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
min-height: 31px;
|
|
min-width: 70px;
|
|
padding: 2px 16px;
|
|
text-align: center;
|
|
text-shadow: none;
|
|
text-transform: uppercase;
|
|
-webkit-transition: all 280ms ease;
|
|
transition: all 280ms ease;
|
|
color: #212121;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font: 500 14px / 31px "Open Sans", sans-serif !important;
|
|
}
|
|
.md-btn:hover,
|
|
.md-btn:focus,
|
|
.md-btn:active,
|
|
.uk-button-dropdown.uk-open > .md-btn {
|
|
background: #fff;
|
|
outline: none;
|
|
text-decoration: none;
|
|
color: #212121;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
.md-btn:active,
|
|
.md-btn.uk-active,
|
|
.uk-button-dropdown.uk-open > .md-btn {
|
|
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
.md-btn.uk-active {
|
|
position: relative;
|
|
}
|
|
.md-btn.uk-active:after {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: block;
|
|
content: '';
|
|
border: 2px solid rgba(0, 0, 0, 0.4);
|
|
border-radius: 2px;
|
|
}
|
|
.md-btn-flat {
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
background: none;
|
|
}
|
|
.md-btn-flat:hover,
|
|
.md-btn-flat:focus {
|
|
background: rgba(153, 153, 153, 0.2);
|
|
}
|
|
.md-btn-flat:active,
|
|
.md-btn-flat.uk-active {
|
|
background: rgba(153, 153, 153, 0.4);
|
|
}
|
|
.md-btn-flat-danger,
|
|
.md-btn-flat-danger:hover,
|
|
.md-btn-flat-danger:focus,
|
|
.md-btn-flat-danger:active,
|
|
.md-btn-flat-danger .uk-active {
|
|
color: #e53935;
|
|
}
|
|
.md-btn-flat-danger:hover,
|
|
.md-btn-flat-danger:focus,
|
|
.md-btn-flat-danger:active {
|
|
background: #fceaea;
|
|
}
|
|
.md-btn-flat-danger.uk-active {
|
|
color: #cd1e1a;
|
|
background: #f6bebd;
|
|
}
|
|
.md-btn-flat-primary,
|
|
.md-btn-flat-primary:hover,
|
|
.md-btn-flat-primary:focus,
|
|
.md-btn-flat-primary:active,
|
|
.md-btn-flat-primary.uk-active {
|
|
color: #1976d2;
|
|
}
|
|
.md-btn-flat-primary:hover,
|
|
.md-btn-flat-primary:focus,
|
|
.md-btn-flat-primary:active {
|
|
background: #e3f2fd;
|
|
}
|
|
.md-btn-flat-primary.uk-active {
|
|
color: #0c7cd5;
|
|
background: #b2dbfb;
|
|
}
|
|
.md-btn-flat-success,
|
|
.md-btn-flat-success:hover,
|
|
.md-btn-flat-success:focus,
|
|
.md-btn-flat-success:active,
|
|
.md-btn-flat-success.uk-active {
|
|
color: #7cb342;
|
|
}
|
|
.md-btn-flat-success:hover,
|
|
.md-btn-flat-success:focus,
|
|
.md-btn-flat-success:active {
|
|
background: #e1efd2;
|
|
}
|
|
.md-btn-flat-success.uk-active {
|
|
color: #628e34;
|
|
background: #c8e1ad;
|
|
}
|
|
.md-btn-flat-warning,
|
|
.md-btn-flat-warning:hover,
|
|
.md-btn-flat-warning:focus,
|
|
.md-btn-flat-warning:active,
|
|
.md-btn-flat-warning.uk-active {
|
|
color: #ffa000;
|
|
}
|
|
.md-btn-flat-warning:hover,
|
|
.md-btn-flat-warning:focus,
|
|
.md-btn-flat-warning:active {
|
|
background: #ffeccc;
|
|
}
|
|
.md-btn-flat-warning.uk-active {
|
|
color: #cc8000;
|
|
background: #ffd999;
|
|
}
|
|
.md-btn-flat.disabled {
|
|
background: none !important;
|
|
}
|
|
.md-btn-danger,
|
|
.md-btn-danger:hover,
|
|
.md-btn-danger:focus,
|
|
.md-btn-danger:active,
|
|
.md-btn-danger.uk-active {
|
|
background: #e53935;
|
|
}
|
|
.md-btn-primary,
|
|
.md-btn-primary:hover,
|
|
.md-btn-primary:focus,
|
|
.md-btn-primary:active,
|
|
.md-btn-primary.uk-active {
|
|
background: #2196f3;
|
|
}
|
|
.md-btn-success,
|
|
.md-btn-success:hover,
|
|
.md-btn-success:focus,
|
|
.md-btn-success:active,
|
|
.md-btn-success.uk-active {
|
|
background: #7cb342;
|
|
}
|
|
.md-btn-warning,
|
|
.md-btn-warning:hover,
|
|
.md-btn-warning:focus,
|
|
.md-btn-warning:active,
|
|
.md-btn-warning.uk-active {
|
|
background: #ffa000;
|
|
}
|
|
.md-btn-danger,
|
|
.md-btn-primary,
|
|
.md-btn-success,
|
|
.md-btn-warning,
|
|
.md-btn-danger:hover,
|
|
.md-btn-primary:hover,
|
|
.md-btn-success:hover,
|
|
.md-btn-warning:hover,
|
|
.md-btn-danger:focus,
|
|
.md-btn-primary:focus,
|
|
.md-btn-success:focus,
|
|
.md-btn-warning:focus,
|
|
.md-btn-danger:active,
|
|
.md-btn-primary:active,
|
|
.md-btn-success:active,
|
|
.md-btn-warning:active,
|
|
.md-btn-danger.uk-active,
|
|
.md-btn-primary.uk-active,
|
|
.md-btn-success.uk-active,
|
|
.md-btn-warning.uk-active,
|
|
.md-btn-danger > i,
|
|
.md-btn-primary > i,
|
|
.md-btn-success > i,
|
|
.md-btn-warning > i {
|
|
color: #fff;
|
|
}
|
|
.md-btn.disabled,
|
|
.md-btn.disabled:hover,
|
|
.md-btn.disabled:focus,
|
|
.md-btn.disabled:active,
|
|
.md-btn.disabled.uk-active {
|
|
color: #a8a8a8;
|
|
background: #eaeaea;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
cursor: default;
|
|
pointer-events: none;
|
|
}
|
|
.md-btn > i.material-icons {
|
|
margin-top: 5px;
|
|
font-size: 18px;
|
|
}
|
|
.md-btn-mini {
|
|
line-height: 21px !important;
|
|
min-width: 12px;
|
|
font-size: 10px !important;
|
|
min-height: 24px;
|
|
}
|
|
.md-btn-small {
|
|
line-height: 27px !important;
|
|
min-width: 14px;
|
|
font-size: 11px !important;
|
|
}
|
|
.md-btn-large {
|
|
line-height: 42px !important;
|
|
font-size: 16px !important;
|
|
}
|
|
.md-btn::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
.md-btn + .md-btn {
|
|
margin-left: 8px;
|
|
}
|
|
.md-btn-block {
|
|
width: 100%;
|
|
}
|
|
.md-btn-block + .md-btn-block {
|
|
margin-left: 0;
|
|
margin-top: 12px;
|
|
}
|
|
.md-btn + .md-btn-group {
|
|
margin-left: 16px;
|
|
}
|
|
.md-btn-facebook {
|
|
background: #3b5998 !important;
|
|
}
|
|
.md-btn-twitter {
|
|
background: #00aced !important;
|
|
}
|
|
.md-btn-gplus {
|
|
background: #dd4b39 !important;
|
|
}
|
|
.md-btn-facebook,
|
|
.md-btn-twitter,
|
|
.md-btn-gplus,
|
|
.md-btn-facebook > i,
|
|
.md-btn-twitter > i,
|
|
.md-btn-gplus > i {
|
|
color: #fff !important;
|
|
}
|
|
.md-btn-icon > i.no_margin {
|
|
margin-right: 0 !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
.md-btn-icon-large,
|
|
.md-btn-icon.md-btn-large {
|
|
min-width: 72px;
|
|
}
|
|
.md-btn-icon-large > i,
|
|
.md-btn-icon.md-btn-large > i {
|
|
font-size: 24px;
|
|
margin-right: 12px;
|
|
vertical-align: -3px;
|
|
}
|
|
.md-btn-icon-default,
|
|
.md-btn-icon {
|
|
min-width: 64px;
|
|
}
|
|
.md-btn-icon-default > i,
|
|
.md-btn-icon > i {
|
|
font-size: 18px;
|
|
margin-right: 8px;
|
|
vertical-align: -2px;
|
|
}
|
|
.md-btn-icon-small,
|
|
.md-btn-icon.md-btn-small {
|
|
min-width: 48px;
|
|
}
|
|
.md-btn-icon-small > i,
|
|
.md-btn-icon.md-btn-small > i {
|
|
font-size: 16px;
|
|
margin-right: 6px;
|
|
vertical-align: -2px;
|
|
}
|
|
.md-btn-icon-mini,
|
|
.md-btn-icon.md-btn-mini {
|
|
min-width: 36px;
|
|
}
|
|
.md-btn-icon-mini > i,
|
|
.md-btn-icon.md-btn-mini > i {
|
|
font-size: 16px;
|
|
margin-right: 4px;
|
|
vertical-align: -2px;
|
|
}
|
|
.md-fab {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 64px;
|
|
height: 64px;
|
|
border-radius: 50%;
|
|
background: #fff;
|
|
color: #727272;
|
|
display: block;
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
-webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
border: none;
|
|
position: relative;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
.md-fab:hover,
|
|
.md-fab:focus,
|
|
.md-fab:active {
|
|
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
.md-fab > i {
|
|
font-size: 36px;
|
|
line-height: 64px;
|
|
height: inherit;
|
|
width: inherit;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
color: #727272;
|
|
}
|
|
.md-fab.md-fab-accent {
|
|
background: #7cb342;
|
|
}
|
|
.md-fab.md-fab-accent > i {
|
|
color: #fff;
|
|
}
|
|
.md-fab.md-fab-success {
|
|
background: #7cb342;
|
|
}
|
|
.md-fab.md-fab-success > i {
|
|
color: #fff;
|
|
}
|
|
.md-fab.md-fab-danger {
|
|
background: #e53935;
|
|
}
|
|
.md-fab.md-fab-danger > i {
|
|
color: #fff;
|
|
}
|
|
.md-fab.md-fab-primary {
|
|
background: #2196f3;
|
|
}
|
|
.md-fab.md-fab-primary > i {
|
|
color: #fff;
|
|
}
|
|
.md-fab.md-fab-warning {
|
|
background: #ffa000;
|
|
}
|
|
.md-fab.md-fab-warning > i {
|
|
color: #fff;
|
|
}
|
|
.md-fab.md-fab-small {
|
|
width: 48px;
|
|
height: 48px;
|
|
border-radius: 50%;
|
|
}
|
|
.md-fab.md-fab-small > i {
|
|
line-height: 48px;
|
|
height: inherit;
|
|
width: inherit;
|
|
font-size: 24px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-action-close {
|
|
display: none;
|
|
}
|
|
.md-fab-wrapper {
|
|
position: fixed;
|
|
bottom: 24px;
|
|
right: 24px;
|
|
z-index: 1004;
|
|
-webkit-transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.md-fab-wrapper {
|
|
bottom: 20px;
|
|
right: 20px;
|
|
}
|
|
}
|
|
.md-fab-wrapper > .md-fab + .md-fab {
|
|
margin-top: 16px;
|
|
}
|
|
.md-fab-wrapper.md-fab-in-card {
|
|
position: absolute;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small {
|
|
position: absolute;
|
|
bottom: 80px;
|
|
right: 8px;
|
|
min-height: 48px;
|
|
width: 48px;
|
|
z-index: -1;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
opacity: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(1) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(2) {
|
|
bottom: 64px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(2) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(3) {
|
|
bottom: 128px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(3) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(4) {
|
|
bottom: 192px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(4) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(5) {
|
|
bottom: 256px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(5) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(6) {
|
|
bottom: 320px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(6) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(7) {
|
|
bottom: 384px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(7) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-last-child(8) {
|
|
bottom: 448px;
|
|
}
|
|
.md-fab-speed-dial .md-fab-wrapper-small .md-fab-small:nth-child(8) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
z-index: 10;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(1) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(2) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(3) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(4) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(5) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(6) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(7) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
}
|
|
.md-fab-speed-dial.md-fab-active .md-fab-small:nth-last-child(8) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small {
|
|
position: absolute;
|
|
right: 80px;
|
|
bottom: 8px;
|
|
min-height: 48px;
|
|
width: 48px;
|
|
z-index: -1;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
opacity: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(1) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(2) {
|
|
right: 64px;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(2) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(3) {
|
|
right: 128px;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(3) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(4) {
|
|
right: 192px;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(4) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(5) {
|
|
right: 256px;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(5) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(6) {
|
|
right: 320px;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(6) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(7) {
|
|
right: 384px;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(7) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-last-child(8) {
|
|
right: 448px;
|
|
}
|
|
.md-fab-speed-dial-horizontal .md-fab-wrapper-small .md-fab-small:nth-child(8) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
z-index: 10;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(1) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 50ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(2) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(3) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 150ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(4) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(5) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 250ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(6) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(7) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 350ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal.md-fab-active .md-fab-small:nth-last-child(8) {
|
|
-webkit-transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, opacity 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 100ms cubic-bezier(0.4, 0, 0.2, 1) 400ms;
|
|
}
|
|
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab {
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
}
|
|
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small {
|
|
display: none;
|
|
min-height: 48px;
|
|
width: auto;
|
|
z-index: -1;
|
|
white-space: nowrap;
|
|
padding-bottom: 8px;
|
|
vertical-align: bottom;
|
|
position: static;
|
|
right: auto;
|
|
bottom: auto;
|
|
}
|
|
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small .md-fab-small {
|
|
position: static;
|
|
right: auto;
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
}
|
|
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small .md-fab-small + .md-fab-small {
|
|
margin-left: 16px;
|
|
}
|
|
.md-fab-speed-dial-horizontal[data-fab-hover] .md-fab-wrapper-small .md-fab-small:last-child {
|
|
margin-right: 16px;
|
|
}
|
|
.md-fab-speed-dial-horizontal[data-fab-hover].md-fab-over .md-fab-wrapper-small {
|
|
display: inline-block;
|
|
}
|
|
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small {
|
|
margin-left: 8px;
|
|
position: static;
|
|
display: none;
|
|
bottom: auto;
|
|
right: auto;
|
|
}
|
|
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small .md-fab-small {
|
|
position: static;
|
|
bottom: auto;
|
|
}
|
|
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small .md-fab-small + .md-fab-small {
|
|
margin-top: 16px;
|
|
}
|
|
.md-fab-speed-dial[data-fab-hover] .md-fab-wrapper-small .md-fab-small:last-child {
|
|
margin-bottom: 16px;
|
|
}
|
|
.md-fab-speed-dial[data-fab-hover].md-fab-over .md-fab-wrapper-small {
|
|
display: block;
|
|
}
|
|
.md-fab-toolbar {
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
cursor: default;
|
|
}
|
|
.md-fab-toolbar > i {
|
|
cursor: pointer;
|
|
}
|
|
.md-fab-toolbar-actions {
|
|
visibility: hidden;
|
|
white-space: nowrap;
|
|
padding: 0 16px;
|
|
overflow: hidden;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.md-fab-toolbar-actions > a,
|
|
.md-fab-toolbar-actions > button {
|
|
display: block;
|
|
float: left;
|
|
opacity: 0;
|
|
margin: 0 0 0 16px;
|
|
height: 64px;
|
|
width: 48px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
background: none;
|
|
border: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
.md-fab-toolbar-actions > a:first-child,
|
|
.md-fab-toolbar-actions > button:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.md-fab-toolbar-actions .material-icons {
|
|
font-size: 36px;
|
|
line-height: 64px;
|
|
}
|
|
.md-fab-toolbar.md-fab-animated {
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
border-radius: 4px;
|
|
}
|
|
.md-fab-toolbar.md-fab-animated > i {
|
|
display: none;
|
|
}
|
|
.md-fab-toolbar.md-fab-active .md-fab-toolbar-actions {
|
|
visibility: visible;
|
|
}
|
|
.md-fab-toolbar.md-fab-active .md-fab-toolbar-actions > a,
|
|
.md-fab-toolbar.md-fab-active .md-fab-toolbar-actions > button {
|
|
opacity: 1;
|
|
}
|
|
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > a,
|
|
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > button {
|
|
height: 48px;
|
|
width: 36px;
|
|
padding: 0;
|
|
margin: 0 0 0 8px;
|
|
}
|
|
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > a:first-child,
|
|
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions > button:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.md-fab-toolbar.md-fab-small .md-fab-toolbar-actions .material-icons {
|
|
font-size: 24px;
|
|
line-height: 48px;
|
|
height: inherit;
|
|
}
|
|
.md-fab-sheet {
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
cursor: default;
|
|
}
|
|
.md-fab-sheet > i {
|
|
cursor: pointer;
|
|
}
|
|
.md-fab-sheet-actions {
|
|
visibility: hidden;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 4px 0;
|
|
}
|
|
.md-fab-sheet-actions > a {
|
|
display: block;
|
|
opacity: 0;
|
|
padding: 4px 16px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
font: 400 16px / 32px "Open Sans", sans-serif;
|
|
text-align: left;
|
|
}
|
|
.md-fab-sheet-actions > a,
|
|
.md-fab-sheet-actions > a:hover {
|
|
color: #212121;
|
|
}
|
|
.md-fab-sheet-actions .material-icons {
|
|
font-size: 24px;
|
|
margin-right: 8px;
|
|
vertical-align: -6px;
|
|
}
|
|
.md-fab-sheet.md-fab-animated {
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
border-radius: 4px;
|
|
}
|
|
.md-fab-sheet.md-fab-animated > i {
|
|
display: none;
|
|
}
|
|
.md-fab-sheet.md-fab-active .md-fab-sheet-actions {
|
|
visibility: visible;
|
|
}
|
|
.md-fab-sheet.md-fab-active .md-fab-sheet-actions > a {
|
|
opacity: 1;
|
|
}
|
|
.sidebar_secondary_active .md-fab-wrapper {
|
|
margin-right: 264px;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.sidebar_secondary_active .md-fab-wrapper {
|
|
margin-right: 280px;
|
|
}
|
|
}
|
|
.md-toggle-group .md-toggle-button {
|
|
border-width: 0 0 2px;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
background: none;
|
|
line-height: 30px;
|
|
min-width: 42px;
|
|
text-align: center;
|
|
padding: 0 8px;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
}
|
|
.md-toggle-group .md-toggle-button.md-toggle-active {
|
|
border-bottom-color: #212121;
|
|
}
|
|
.md-toggle-group.md-toggle-group-small .md-toggle-button {
|
|
font-size: 11px;
|
|
line-height: 24px;
|
|
min-width: 16px;
|
|
padding: 0 6px;
|
|
}
|
|
.md-btn-group {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
position: relative;
|
|
font-size: 0;
|
|
white-space: nowrap;
|
|
}
|
|
.md-btn-group .md-btn {
|
|
vertical-align: top;
|
|
margin-left: 0 !important;
|
|
}
|
|
.md-btn-group .md-btn:first-child {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.md-btn-group .md-btn:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
.md-btn-group .md-btn:last-child {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.md-color-red-50 {
|
|
color: #ffebee !important;
|
|
}
|
|
.md-bg-red-50 {
|
|
background-color: #ffebee !important;
|
|
}
|
|
.md-color-red-100 {
|
|
color: #ffcdd2 !important;
|
|
}
|
|
.md-bg-red-100 {
|
|
background-color: #ffcdd2 !important;
|
|
}
|
|
.md-color-red-200 {
|
|
color: #ef9a9a !important;
|
|
}
|
|
.md-bg-red-200 {
|
|
background-color: #ef9a9a !important;
|
|
}
|
|
.md-color-red-300 {
|
|
color: #e57373 !important;
|
|
}
|
|
.md-bg-red-300 {
|
|
background-color: #e57373 !important;
|
|
}
|
|
.md-color-red-400 {
|
|
color: #ef5350 !important;
|
|
}
|
|
.md-bg-red-400 {
|
|
background-color: #ef5350 !important;
|
|
}
|
|
.md-color-red-500 {
|
|
color: #f44336 !important;
|
|
}
|
|
.md-bg-red-500 {
|
|
background-color: #f44336 !important;
|
|
}
|
|
.md-color-red-600 {
|
|
color: #e53935 !important;
|
|
}
|
|
.md-bg-red-600 {
|
|
background-color: #e53935 !important;
|
|
}
|
|
.md-color-red-700 {
|
|
color: #d32f2f !important;
|
|
}
|
|
.md-bg-red-700 {
|
|
background-color: #d32f2f !important;
|
|
}
|
|
.md-color-red-800 {
|
|
color: #c62828 !important;
|
|
}
|
|
.md-bg-red-800 {
|
|
background-color: #c62828 !important;
|
|
}
|
|
.md-color-red-900 {
|
|
color: #b71c1c !important;
|
|
}
|
|
.md-bg-red-900 {
|
|
background-color: #b71c1c !important;
|
|
}
|
|
.md-color-red-A100 {
|
|
color: #ff8a80 !important;
|
|
}
|
|
.md-bg-red-A100 {
|
|
background-color: #ff8a80 !important;
|
|
}
|
|
.md-color-red-A200 {
|
|
color: #ff5252 !important;
|
|
}
|
|
.md-bg-red-A200 {
|
|
background-color: #ff5252 !important;
|
|
}
|
|
.md-color-red-A400 {
|
|
color: #ff1744 !important;
|
|
}
|
|
.md-bg-red-A400 {
|
|
background-color: #ff1744 !important;
|
|
}
|
|
.md-color-red-A700 {
|
|
color: #d50000 !important;
|
|
}
|
|
.md-bg-red-A700 {
|
|
background-color: #d50000 !important;
|
|
}
|
|
.md-color-pink-50 {
|
|
color: #fce4ec !important;
|
|
}
|
|
.md-bg-pink-50 {
|
|
background-color: #fce4ec !important;
|
|
}
|
|
.md-color-pink-100 {
|
|
color: #f8bbd0 !important;
|
|
}
|
|
.md-bg-pink-100 {
|
|
background-color: #f8bbd0 !important;
|
|
}
|
|
.md-color-pink-200 {
|
|
color: #f48fb1 !important;
|
|
}
|
|
.md-bg-pink-200 {
|
|
background-color: #f48fb1 !important;
|
|
}
|
|
.md-color-pink-300 {
|
|
color: #f06292 !important;
|
|
}
|
|
.md-bg-pink-300 {
|
|
background-color: #f06292 !important;
|
|
}
|
|
.md-color-pink-400 {
|
|
color: #ec407a !important;
|
|
}
|
|
.md-bg-pink-400 {
|
|
background-color: #ec407a !important;
|
|
}
|
|
.md-color-pink-500 {
|
|
color: #e91e63 !important;
|
|
}
|
|
.md-bg-pink-500 {
|
|
background-color: #e91e63 !important;
|
|
}
|
|
.md-color-pink-600 {
|
|
color: #d81b60 !important;
|
|
}
|
|
.md-bg-pink-600 {
|
|
background-color: #d81b60 !important;
|
|
}
|
|
.md-color-pink-700 {
|
|
color: #c2185b !important;
|
|
}
|
|
.md-bg-pink-700 {
|
|
background-color: #c2185b !important;
|
|
}
|
|
.md-color-pink-800 {
|
|
color: #ad1457 !important;
|
|
}
|
|
.md-bg-pink-800 {
|
|
background-color: #ad1457 !important;
|
|
}
|
|
.md-color-pink-900 {
|
|
color: #880e4f !important;
|
|
}
|
|
.md-bg-pink-900 {
|
|
background-color: #880e4f !important;
|
|
}
|
|
.md-color-pink-A100 {
|
|
color: #ff80ab !important;
|
|
}
|
|
.md-bg-pink-A100 {
|
|
background-color: #ff80ab !important;
|
|
}
|
|
.md-color-pink-A200 {
|
|
color: #ff4081 !important;
|
|
}
|
|
.md-bg-pink-A200 {
|
|
background-color: #ff4081 !important;
|
|
}
|
|
.md-color-pink-A400 {
|
|
color: #f50057 !important;
|
|
}
|
|
.md-bg-pink-A400 {
|
|
background-color: #f50057 !important;
|
|
}
|
|
.md-color-pink-A700 {
|
|
color: #c51162 !important;
|
|
}
|
|
.md-bg-pink-A700 {
|
|
background-color: #c51162 !important;
|
|
}
|
|
.md-color-purple-50 {
|
|
color: #f3e5f5 !important;
|
|
}
|
|
.md-bg-purple-50 {
|
|
background-color: #f3e5f5 !important;
|
|
}
|
|
.md-color-purple-100 {
|
|
color: #e1bee7 !important;
|
|
}
|
|
.md-bg-purple-100 {
|
|
background-color: #e1bee7 !important;
|
|
}
|
|
.md-color-purple-200 {
|
|
color: #ce93d8 !important;
|
|
}
|
|
.md-bg-purple-200 {
|
|
background-color: #ce93d8 !important;
|
|
}
|
|
.md-color-purple-300 {
|
|
color: #ba68c8 !important;
|
|
}
|
|
.md-bg-purple-300 {
|
|
background-color: #ba68c8 !important;
|
|
}
|
|
.md-color-purple-400 {
|
|
color: #ab47bc !important;
|
|
}
|
|
.md-bg-purple-400 {
|
|
background-color: #ab47bc !important;
|
|
}
|
|
.md-color-purple-500 {
|
|
color: #9c27b0 !important;
|
|
}
|
|
.md-bg-purple-500 {
|
|
background-color: #9c27b0 !important;
|
|
}
|
|
.md-color-purple-600 {
|
|
color: #8e24aa !important;
|
|
}
|
|
.md-bg-purple-600 {
|
|
background-color: #8e24aa !important;
|
|
}
|
|
.md-color-purple-700 {
|
|
color: #7b1fa2 !important;
|
|
}
|
|
.md-bg-purple-700 {
|
|
background-color: #7b1fa2 !important;
|
|
}
|
|
.md-color-purple-800 {
|
|
color: #6a1b9a !important;
|
|
}
|
|
.md-bg-purple-800 {
|
|
background-color: #6a1b9a !important;
|
|
}
|
|
.md-color-purple-900 {
|
|
color: #4a148c !important;
|
|
}
|
|
.md-bg-purple-900 {
|
|
background-color: #4a148c !important;
|
|
}
|
|
.md-color-purple-A100 {
|
|
color: #ea80fc !important;
|
|
}
|
|
.md-bg-purple-A100 {
|
|
background-color: #ea80fc !important;
|
|
}
|
|
.md-color-purple-A200 {
|
|
color: #e040fb !important;
|
|
}
|
|
.md-bg-purple-A200 {
|
|
background-color: #e040fb !important;
|
|
}
|
|
.md-color-purple-A400 {
|
|
color: #d500f9 !important;
|
|
}
|
|
.md-bg-purple-A400 {
|
|
background-color: #d500f9 !important;
|
|
}
|
|
.md-color-purple-A700 {
|
|
color: #aa00ff !important;
|
|
}
|
|
.md-bg-purple-A700 {
|
|
background-color: #aa00ff !important;
|
|
}
|
|
.md-color-deep-purple-50 {
|
|
color: #ede7f6 !important;
|
|
}
|
|
.md-bg-deep-purple-50 {
|
|
background-color: #ede7f6 !important;
|
|
}
|
|
.md-color-deep-purple-100 {
|
|
color: #d1c4e9 !important;
|
|
}
|
|
.md-bg-deep-purple-100 {
|
|
background-color: #d1c4e9 !important;
|
|
}
|
|
.md-color-deep-purple-200 {
|
|
color: #b39ddb !important;
|
|
}
|
|
.md-bg-deep-purple-200 {
|
|
background-color: #b39ddb !important;
|
|
}
|
|
.md-color-deep-purple-300 {
|
|
color: #9575cd !important;
|
|
}
|
|
.md-bg-deep-purple-300 {
|
|
background-color: #9575cd !important;
|
|
}
|
|
.md-color-deep-purple-400 {
|
|
color: #7e57c2 !important;
|
|
}
|
|
.md-bg-deep-purple-400 {
|
|
background-color: #7e57c2 !important;
|
|
}
|
|
.md-color-deep-purple-500 {
|
|
color: #673ab7 !important;
|
|
}
|
|
.md-bg-deep-purple-500 {
|
|
background-color: #673ab7 !important;
|
|
}
|
|
.md-color-deep-purple-600 {
|
|
color: #5e35b1 !important;
|
|
}
|
|
.md-bg-deep-purple-600 {
|
|
background-color: #5e35b1 !important;
|
|
}
|
|
.md-color-deep-purple-700 {
|
|
color: #512da8 !important;
|
|
}
|
|
.md-bg-deep-purple-700 {
|
|
background-color: #512da8 !important;
|
|
}
|
|
.md-color-deep-purple-800 {
|
|
color: #4527a0 !important;
|
|
}
|
|
.md-bg-deep-purple-800 {
|
|
background-color: #4527a0 !important;
|
|
}
|
|
.md-color-deep-purple-900 {
|
|
color: #311b92 !important;
|
|
}
|
|
.md-bg-deep-purple-900 {
|
|
background-color: #311b92 !important;
|
|
}
|
|
.md-color-deep-purple-A100 {
|
|
color: #b388ff !important;
|
|
}
|
|
.md-bg-deep-purple-A100 {
|
|
background-color: #b388ff !important;
|
|
}
|
|
.md-color-deep-purple-A200 {
|
|
color: #7c4dff !important;
|
|
}
|
|
.md-bg-deep-purple-A200 {
|
|
background-color: #7c4dff !important;
|
|
}
|
|
.md-color-deep-purple-A400 {
|
|
color: #651fff !important;
|
|
}
|
|
.md-bg-deep-purple-A400 {
|
|
background-color: #651fff !important;
|
|
}
|
|
.md-color-deep-purple-A700 {
|
|
color: #6200ea !important;
|
|
}
|
|
.md-bg-deep-purple-A700 {
|
|
background-color: #6200ea !important;
|
|
}
|
|
.md-color-indigo-50 {
|
|
color: #e8eaf6 !important;
|
|
}
|
|
.md-bg-indigo-50 {
|
|
background-color: #e8eaf6 !important;
|
|
}
|
|
.md-color-indigo-100 {
|
|
color: #c5cae9 !important;
|
|
}
|
|
.md-bg-indigo-100 {
|
|
background-color: #c5cae9 !important;
|
|
}
|
|
.md-color-indigo-200 {
|
|
color: #9fa8da !important;
|
|
}
|
|
.md-bg-indigo-200 {
|
|
background-color: #9fa8da !important;
|
|
}
|
|
.md-color-indigo-300 {
|
|
color: #7986cb !important;
|
|
}
|
|
.md-bg-indigo-300 {
|
|
background-color: #7986cb !important;
|
|
}
|
|
.md-color-indigo-400 {
|
|
color: #5c6bc0 !important;
|
|
}
|
|
.md-bg-indigo-400 {
|
|
background-color: #5c6bc0 !important;
|
|
}
|
|
.md-color-indigo-500 {
|
|
color: #3f51b5 !important;
|
|
}
|
|
.md-bg-indigo-500 {
|
|
background-color: #3f51b5 !important;
|
|
}
|
|
.md-color-indigo-600 {
|
|
color: #3949ab !important;
|
|
}
|
|
.md-bg-indigo-600 {
|
|
background-color: #3949ab !important;
|
|
}
|
|
.md-color-indigo-700 {
|
|
color: #303f9f !important;
|
|
}
|
|
.md-bg-indigo-700 {
|
|
background-color: #303f9f !important;
|
|
}
|
|
.md-color-indigo-800 {
|
|
color: #283593 !important;
|
|
}
|
|
.md-bg-indigo-800 {
|
|
background-color: #283593 !important;
|
|
}
|
|
.md-color-indigo-900 {
|
|
color: #1a237e !important;
|
|
}
|
|
.md-bg-indigo-900 {
|
|
background-color: #1a237e !important;
|
|
}
|
|
.md-color-indigo-A100 {
|
|
color: #8c9eff !important;
|
|
}
|
|
.md-bg-indigo-A100 {
|
|
background-color: #8c9eff !important;
|
|
}
|
|
.md-color-indigo-A200 {
|
|
color: #536dfe !important;
|
|
}
|
|
.md-bg-indigo-A200 {
|
|
background-color: #536dfe !important;
|
|
}
|
|
.md-color-indigo-A400 {
|
|
color: #3d5afe !important;
|
|
}
|
|
.md-bg-indigo-A400 {
|
|
background-color: #3d5afe !important;
|
|
}
|
|
.md-color-indigo-A700 {
|
|
color: #304ffe !important;
|
|
}
|
|
.md-bg-indigo-A700 {
|
|
background-color: #304ffe !important;
|
|
}
|
|
.md-color-blue-50 {
|
|
color: #e3f2fd !important;
|
|
}
|
|
.md-bg-blue-50 {
|
|
background-color: #e3f2fd !important;
|
|
}
|
|
.md-color-blue-100 {
|
|
color: #bbdefb !important;
|
|
}
|
|
.md-bg-blue-100 {
|
|
background-color: #bbdefb !important;
|
|
}
|
|
.md-color-blue-200 {
|
|
color: #90caf9 !important;
|
|
}
|
|
.md-bg-blue-200 {
|
|
background-color: #90caf9 !important;
|
|
}
|
|
.md-color-blue-300 {
|
|
color: #64b5f6 !important;
|
|
}
|
|
.md-bg-blue-300 {
|
|
background-color: #64b5f6 !important;
|
|
}
|
|
.md-color-blue-400 {
|
|
color: #42a5f5 !important;
|
|
}
|
|
.md-bg-blue-400 {
|
|
background-color: #42a5f5 !important;
|
|
}
|
|
.md-color-blue-500 {
|
|
color: #2196f3 !important;
|
|
}
|
|
.md-bg-blue-500 {
|
|
background-color: #2196f3 !important;
|
|
}
|
|
.md-color-blue-600 {
|
|
color: #1e88e5 !important;
|
|
}
|
|
.md-bg-blue-600 {
|
|
background-color: #1e88e5 !important;
|
|
}
|
|
.md-color-blue-700 {
|
|
color: #1976d2 !important;
|
|
}
|
|
.md-bg-blue-700 {
|
|
background-color: #1976d2 !important;
|
|
}
|
|
.md-color-blue-800 {
|
|
color: #1565c0 !important;
|
|
}
|
|
.md-bg-blue-800 {
|
|
background-color: #1565c0 !important;
|
|
}
|
|
.md-color-blue-900 {
|
|
color: #0d47a1 !important;
|
|
}
|
|
.md-bg-blue-900 {
|
|
background-color: #0d47a1 !important;
|
|
}
|
|
.md-color-blue-A100 {
|
|
color: #82b1ff !important;
|
|
}
|
|
.md-bg-blue-A100 {
|
|
background-color: #82b1ff !important;
|
|
}
|
|
.md-color-blue-A200 {
|
|
color: #448aff !important;
|
|
}
|
|
.md-bg-blue-A200 {
|
|
background-color: #448aff !important;
|
|
}
|
|
.md-color-blue-A400 {
|
|
color: #2979ff !important;
|
|
}
|
|
.md-bg-blue-A400 {
|
|
background-color: #2979ff !important;
|
|
}
|
|
.md-color-blue-A700 {
|
|
color: #2962ff !important;
|
|
}
|
|
.md-bg-blue-A700 {
|
|
background-color: #2962ff !important;
|
|
}
|
|
.md-color-light-blue-50 {
|
|
color: #e1f5fe !important;
|
|
}
|
|
.md-bg-light-blue-50 {
|
|
background-color: #e1f5fe !important;
|
|
}
|
|
.md-color-light-blue-100 {
|
|
color: #b3e5fc !important;
|
|
}
|
|
.md-bg-light-blue-100 {
|
|
background-color: #b3e5fc !important;
|
|
}
|
|
.md-color-light-blue-200 {
|
|
color: #81d4fa !important;
|
|
}
|
|
.md-bg-light-blue-200 {
|
|
background-color: #81d4fa !important;
|
|
}
|
|
.md-color-light-blue-300 {
|
|
color: #4fc3f7 !important;
|
|
}
|
|
.md-bg-light-blue-300 {
|
|
background-color: #4fc3f7 !important;
|
|
}
|
|
.md-color-light-blue-400 {
|
|
color: #29b6f6 !important;
|
|
}
|
|
.md-bg-light-blue-400 {
|
|
background-color: #29b6f6 !important;
|
|
}
|
|
.md-color-light-blue-500 {
|
|
color: #03a9f4 !important;
|
|
}
|
|
.md-bg-light-blue-500 {
|
|
background-color: #03a9f4 !important;
|
|
}
|
|
.md-color-light-blue-600 {
|
|
color: #039be5 !important;
|
|
}
|
|
.md-bg-light-blue-600 {
|
|
background-color: #039be5 !important;
|
|
}
|
|
.md-color-light-blue-700 {
|
|
color: #0288d1 !important;
|
|
}
|
|
.md-bg-light-blue-700 {
|
|
background-color: #0288d1 !important;
|
|
}
|
|
.md-color-light-blue-800 {
|
|
color: #0277bd !important;
|
|
}
|
|
.md-bg-light-blue-800 {
|
|
background-color: #0277bd !important;
|
|
}
|
|
.md-color-light-blue-900 {
|
|
color: #01579b !important;
|
|
}
|
|
.md-bg-light-blue-900 {
|
|
background-color: #01579b !important;
|
|
}
|
|
.md-color-light-blue-A100 {
|
|
color: #80d8ff !important;
|
|
}
|
|
.md-bg-light-blue-A100 {
|
|
background-color: #80d8ff !important;
|
|
}
|
|
.md-color-light-blue-A200 {
|
|
color: #40c4ff !important;
|
|
}
|
|
.md-bg-light-blue-A200 {
|
|
background-color: #40c4ff !important;
|
|
}
|
|
.md-color-light-blue-A400 {
|
|
color: #00b0ff !important;
|
|
}
|
|
.md-bg-light-blue-A400 {
|
|
background-color: #00b0ff !important;
|
|
}
|
|
.md-color-light-blue-A700 {
|
|
color: #0091ea !important;
|
|
}
|
|
.md-bg-light-blue-A700 {
|
|
background-color: #0091ea !important;
|
|
}
|
|
.md-color-cyan-50 {
|
|
color: #e0f7fa !important;
|
|
}
|
|
.md-bg-cyan-50 {
|
|
background-color: #e0f7fa !important;
|
|
}
|
|
.md-color-cyan-100 {
|
|
color: #b2ebf2 !important;
|
|
}
|
|
.md-bg-cyan-100 {
|
|
background-color: #b2ebf2 !important;
|
|
}
|
|
.md-color-cyan-200 {
|
|
color: #80deea !important;
|
|
}
|
|
.md-bg-cyan-200 {
|
|
background-color: #80deea !important;
|
|
}
|
|
.md-color-cyan-300 {
|
|
color: #4dd0e1 !important;
|
|
}
|
|
.md-bg-cyan-300 {
|
|
background-color: #4dd0e1 !important;
|
|
}
|
|
.md-color-cyan-400 {
|
|
color: #26c6da !important;
|
|
}
|
|
.md-bg-cyan-400 {
|
|
background-color: #26c6da !important;
|
|
}
|
|
.md-color-cyan-500 {
|
|
color: #00bcd4 !important;
|
|
}
|
|
.md-bg-cyan-500 {
|
|
background-color: #00bcd4 !important;
|
|
}
|
|
.md-color-cyan-600 {
|
|
color: #00acc1 !important;
|
|
}
|
|
.md-bg-cyan-600 {
|
|
background-color: #00acc1 !important;
|
|
}
|
|
.md-color-cyan-700 {
|
|
color: #0097a7 !important;
|
|
}
|
|
.md-bg-cyan-700 {
|
|
background-color: #0097a7 !important;
|
|
}
|
|
.md-color-cyan-800 {
|
|
color: #00838f !important;
|
|
}
|
|
.md-bg-cyan-800 {
|
|
background-color: #00838f !important;
|
|
}
|
|
.md-color-cyan-900 {
|
|
color: #006064 !important;
|
|
}
|
|
.md-bg-cyan-900 {
|
|
background-color: #006064 !important;
|
|
}
|
|
.md-color-cyan-A100 {
|
|
color: #84ffff !important;
|
|
}
|
|
.md-bg-cyan-A100 {
|
|
background-color: #84ffff !important;
|
|
}
|
|
.md-color-cyan-A200 {
|
|
color: #18ffff !important;
|
|
}
|
|
.md-bg-cyan-A200 {
|
|
background-color: #18ffff !important;
|
|
}
|
|
.md-color-cyan-A400 {
|
|
color: #00e5ff !important;
|
|
}
|
|
.md-bg-cyan-A400 {
|
|
background-color: #00e5ff !important;
|
|
}
|
|
.md-color-cyan-A700 {
|
|
color: #00b8d4 !important;
|
|
}
|
|
.md-bg-cyan-A700 {
|
|
background-color: #00b8d4 !important;
|
|
}
|
|
.md-color-teal-50 {
|
|
color: #e0f2f1 !important;
|
|
}
|
|
.md-bg-teal-50 {
|
|
background-color: #e0f2f1 !important;
|
|
}
|
|
.md-color-teal-100 {
|
|
color: #b2dfdb !important;
|
|
}
|
|
.md-bg-teal-100 {
|
|
background-color: #b2dfdb !important;
|
|
}
|
|
.md-color-teal-200 {
|
|
color: #80cbc4 !important;
|
|
}
|
|
.md-bg-teal-200 {
|
|
background-color: #80cbc4 !important;
|
|
}
|
|
.md-color-teal-300 {
|
|
color: #4db6ac !important;
|
|
}
|
|
.md-bg-teal-300 {
|
|
background-color: #4db6ac !important;
|
|
}
|
|
.md-color-teal-400 {
|
|
color: #26a69a !important;
|
|
}
|
|
.md-bg-teal-400 {
|
|
background-color: #26a69a !important;
|
|
}
|
|
.md-color-teal-500 {
|
|
color: #009688 !important;
|
|
}
|
|
.md-bg-teal-500 {
|
|
background-color: #009688 !important;
|
|
}
|
|
.md-color-teal-600 {
|
|
color: #00897b !important;
|
|
}
|
|
.md-bg-teal-600 {
|
|
background-color: #00897b !important;
|
|
}
|
|
.md-color-teal-700 {
|
|
color: #00796b !important;
|
|
}
|
|
.md-bg-teal-700 {
|
|
background-color: #00796b !important;
|
|
}
|
|
.md-color-teal-800 {
|
|
color: #00695c !important;
|
|
}
|
|
.md-bg-teal-800 {
|
|
background-color: #00695c !important;
|
|
}
|
|
.md-color-teal-900 {
|
|
color: #004d40 !important;
|
|
}
|
|
.md-bg-teal-900 {
|
|
background-color: #004d40 !important;
|
|
}
|
|
.md-color-teal-A100 {
|
|
color: #a7ffeb !important;
|
|
}
|
|
.md-bg-teal-A100 {
|
|
background-color: #a7ffeb !important;
|
|
}
|
|
.md-color-teal-A200 {
|
|
color: #64ffda !important;
|
|
}
|
|
.md-bg-teal-A200 {
|
|
background-color: #64ffda !important;
|
|
}
|
|
.md-color-teal-A400 {
|
|
color: #1de9b6 !important;
|
|
}
|
|
.md-bg-teal-A400 {
|
|
background-color: #1de9b6 !important;
|
|
}
|
|
.md-color-teal-A700 {
|
|
color: #00bfa5 !important;
|
|
}
|
|
.md-bg-teal-A700 {
|
|
background-color: #00bfa5 !important;
|
|
}
|
|
.md-color-green-50 {
|
|
color: #e8f5e9 !important;
|
|
}
|
|
.md-bg-green-50 {
|
|
background-color: #e8f5e9 !important;
|
|
}
|
|
.md-color-green-100 {
|
|
color: #c8e6c9 !important;
|
|
}
|
|
.md-bg-green-100 {
|
|
background-color: #c8e6c9 !important;
|
|
}
|
|
.md-color-green-200 {
|
|
color: #a5d6a7 !important;
|
|
}
|
|
.md-bg-green-200 {
|
|
background-color: #a5d6a7 !important;
|
|
}
|
|
.md-color-green-300 {
|
|
color: #81c784 !important;
|
|
}
|
|
.md-bg-green-300 {
|
|
background-color: #81c784 !important;
|
|
}
|
|
.md-color-green-400 {
|
|
color: #66bb6a !important;
|
|
}
|
|
.md-bg-green-400 {
|
|
background-color: #66bb6a !important;
|
|
}
|
|
.md-color-green-500 {
|
|
color: #4caf50 !important;
|
|
}
|
|
.md-bg-green-500 {
|
|
background-color: #4caf50 !important;
|
|
}
|
|
.md-color-green-600 {
|
|
color: #43a047 !important;
|
|
}
|
|
.md-bg-green-600 {
|
|
background-color: #43a047 !important;
|
|
}
|
|
.md-color-green-700 {
|
|
color: #388e3c !important;
|
|
}
|
|
.md-bg-green-700 {
|
|
background-color: #388e3c !important;
|
|
}
|
|
.md-color-green-800 {
|
|
color: #2e7d32 !important;
|
|
}
|
|
.md-bg-green-800 {
|
|
background-color: #2e7d32 !important;
|
|
}
|
|
.md-color-green-900 {
|
|
color: #1b5e20 !important;
|
|
}
|
|
.md-bg-green-900 {
|
|
background-color: #1b5e20 !important;
|
|
}
|
|
.md-color-green-A100 {
|
|
color: #b9f6ca !important;
|
|
}
|
|
.md-bg-green-A100 {
|
|
background-color: #b9f6ca !important;
|
|
}
|
|
.md-color-green-A200 {
|
|
color: #69f0ae !important;
|
|
}
|
|
.md-bg-green-A200 {
|
|
background-color: #69f0ae !important;
|
|
}
|
|
.md-color-green-A400 {
|
|
color: #00e676 !important;
|
|
}
|
|
.md-bg-green-A400 {
|
|
background-color: #00e676 !important;
|
|
}
|
|
.md-color-green-A700 {
|
|
color: #00c853 !important;
|
|
}
|
|
.md-bg-green-A700 {
|
|
background-color: #00c853 !important;
|
|
}
|
|
.md-color-light-green-50 {
|
|
color: #f1f8e9 !important;
|
|
}
|
|
.md-bg-light-green-50 {
|
|
background-color: #f1f8e9 !important;
|
|
}
|
|
.md-color-light-green-100 {
|
|
color: #dcedc8 !important;
|
|
}
|
|
.md-bg-light-green-100 {
|
|
background-color: #dcedc8 !important;
|
|
}
|
|
.md-color-light-green-200 {
|
|
color: #c5e1a5 !important;
|
|
}
|
|
.md-bg-light-green-200 {
|
|
background-color: #c5e1a5 !important;
|
|
}
|
|
.md-color-light-green-300 {
|
|
color: #aed581 !important;
|
|
}
|
|
.md-bg-light-green-300 {
|
|
background-color: #aed581 !important;
|
|
}
|
|
.md-color-light-green-400 {
|
|
color: #9ccc65 !important;
|
|
}
|
|
.md-bg-light-green-400 {
|
|
background-color: #9ccc65 !important;
|
|
}
|
|
.md-color-light-green-500 {
|
|
color: #8bc34a !important;
|
|
}
|
|
.md-bg-light-green-500 {
|
|
background-color: #8bc34a !important;
|
|
}
|
|
.md-color-light-green-600 {
|
|
color: #7cb342 !important;
|
|
}
|
|
.md-bg-light-green-600 {
|
|
background-color: #7cb342 !important;
|
|
}
|
|
.md-color-light-green-700 {
|
|
color: #689f38 !important;
|
|
}
|
|
.md-bg-light-green-700 {
|
|
background-color: #689f38 !important;
|
|
}
|
|
.md-color-light-green-800 {
|
|
color: #558b2f !important;
|
|
}
|
|
.md-bg-light-green-800 {
|
|
background-color: #558b2f !important;
|
|
}
|
|
.md-color-light-green-900 {
|
|
color: #33691e !important;
|
|
}
|
|
.md-bg-light-green-900 {
|
|
background-color: #33691e !important;
|
|
}
|
|
.md-color-light-green-A100 {
|
|
color: #ccff90 !important;
|
|
}
|
|
.md-bg-light-green-A100 {
|
|
background-color: #ccff90 !important;
|
|
}
|
|
.md-color-light-green-A200 {
|
|
color: #b2ff59 !important;
|
|
}
|
|
.md-bg-light-green-A200 {
|
|
background-color: #b2ff59 !important;
|
|
}
|
|
.md-color-light-green-A400 {
|
|
color: #76ff03 !important;
|
|
}
|
|
.md-bg-light-green-A400 {
|
|
background-color: #76ff03 !important;
|
|
}
|
|
.md-color-light-green-A700 {
|
|
color: #64dd17 !important;
|
|
}
|
|
.md-bg-light-green-A700 {
|
|
background-color: #64dd17 !important;
|
|
}
|
|
.md-color-lime-50 {
|
|
color: #f9fbe7 !important;
|
|
}
|
|
.md-bg-lime-50 {
|
|
background-color: #f9fbe7 !important;
|
|
}
|
|
.md-color-lime-100 {
|
|
color: #f0f4c3 !important;
|
|
}
|
|
.md-bg-lime-100 {
|
|
background-color: #f0f4c3 !important;
|
|
}
|
|
.md-color-lime-200 {
|
|
color: #e6ee9c !important;
|
|
}
|
|
.md-bg-lime-200 {
|
|
background-color: #e6ee9c !important;
|
|
}
|
|
.md-color-lime-300 {
|
|
color: #dce775 !important;
|
|
}
|
|
.md-bg-lime-300 {
|
|
background-color: #dce775 !important;
|
|
}
|
|
.md-color-lime-400 {
|
|
color: #d4e157 !important;
|
|
}
|
|
.md-bg-lime-400 {
|
|
background-color: #d4e157 !important;
|
|
}
|
|
.md-color-lime-500 {
|
|
color: #cddc39 !important;
|
|
}
|
|
.md-bg-lime-500 {
|
|
background-color: #cddc39 !important;
|
|
}
|
|
.md-color-lime-600 {
|
|
color: #c0ca33 !important;
|
|
}
|
|
.md-bg-lime-600 {
|
|
background-color: #c0ca33 !important;
|
|
}
|
|
.md-color-lime-700 {
|
|
color: #afb42b !important;
|
|
}
|
|
.md-bg-lime-700 {
|
|
background-color: #afb42b !important;
|
|
}
|
|
.md-color-lime-800 {
|
|
color: #9e9d24 !important;
|
|
}
|
|
.md-bg-lime-800 {
|
|
background-color: #9e9d24 !important;
|
|
}
|
|
.md-color-lime-900 {
|
|
color: #827717 !important;
|
|
}
|
|
.md-bg-lime-900 {
|
|
background-color: #827717 !important;
|
|
}
|
|
.md-color-lime-A100 {
|
|
color: #f4ff81 !important;
|
|
}
|
|
.md-bg-lime-A100 {
|
|
background-color: #f4ff81 !important;
|
|
}
|
|
.md-color-lime-A200 {
|
|
color: #eeff41 !important;
|
|
}
|
|
.md-bg-lime-A200 {
|
|
background-color: #eeff41 !important;
|
|
}
|
|
.md-color-lime-A400 {
|
|
color: #c6ff00 !important;
|
|
}
|
|
.md-bg-lime-A400 {
|
|
background-color: #c6ff00 !important;
|
|
}
|
|
.md-color-lime-A700 {
|
|
color: #aeea00 !important;
|
|
}
|
|
.md-bg-lime-A700 {
|
|
background-color: #aeea00 !important;
|
|
}
|
|
.md-color-yellow-50 {
|
|
color: #fffde7 !important;
|
|
}
|
|
.md-bg-yellow-50 {
|
|
background-color: #fffde7 !important;
|
|
}
|
|
.md-color-yellow-100 {
|
|
color: #fff9c4 !important;
|
|
}
|
|
.md-bg-yellow-100 {
|
|
background-color: #fff9c4 !important;
|
|
}
|
|
.md-color-yellow-200 {
|
|
color: #fff59d !important;
|
|
}
|
|
.md-bg-yellow-200 {
|
|
background-color: #fff59d !important;
|
|
}
|
|
.md-color-yellow-300 {
|
|
color: #fff176 !important;
|
|
}
|
|
.md-bg-yellow-300 {
|
|
background-color: #fff176 !important;
|
|
}
|
|
.md-color-yellow-400 {
|
|
color: #ffee58 !important;
|
|
}
|
|
.md-bg-yellow-400 {
|
|
background-color: #ffee58 !important;
|
|
}
|
|
.md-color-yellow-500 {
|
|
color: #ffeb3b !important;
|
|
}
|
|
.md-bg-yellow-500 {
|
|
background-color: #ffeb3b !important;
|
|
}
|
|
.md-color-yellow-600 {
|
|
color: #fdd835 !important;
|
|
}
|
|
.md-bg-yellow-600 {
|
|
background-color: #fdd835 !important;
|
|
}
|
|
.md-color-yellow-700 {
|
|
color: #fbc02d !important;
|
|
}
|
|
.md-bg-yellow-700 {
|
|
background-color: #fbc02d !important;
|
|
}
|
|
.md-color-yellow-800 {
|
|
color: #f9a825 !important;
|
|
}
|
|
.md-bg-yellow-800 {
|
|
background-color: #f9a825 !important;
|
|
}
|
|
.md-color-yellow-900 {
|
|
color: #f57f17 !important;
|
|
}
|
|
.md-bg-yellow-900 {
|
|
background-color: #f57f17 !important;
|
|
}
|
|
.md-color-yellow-A100 {
|
|
color: #ffff8d !important;
|
|
}
|
|
.md-bg-yellow-A100 {
|
|
background-color: #ffff8d !important;
|
|
}
|
|
.md-color-yellow-A200 {
|
|
color: #ffff00 !important;
|
|
}
|
|
.md-bg-yellow-A200 {
|
|
background-color: #ffff00 !important;
|
|
}
|
|
.md-color-yellow-A400 {
|
|
color: #ffea00 !important;
|
|
}
|
|
.md-bg-yellow-A400 {
|
|
background-color: #ffea00 !important;
|
|
}
|
|
.md-color-yellow-A700 {
|
|
color: #ffd600 !important;
|
|
}
|
|
.md-bg-yellow-A700 {
|
|
background-color: #ffd600 !important;
|
|
}
|
|
.md-color-amber-50 {
|
|
color: #fff8e1 !important;
|
|
}
|
|
.md-bg-amber-50 {
|
|
background-color: #fff8e1 !important;
|
|
}
|
|
.md-color-amber-100 {
|
|
color: #ffecb3 !important;
|
|
}
|
|
.md-bg-amber-100 {
|
|
background-color: #ffecb3 !important;
|
|
}
|
|
.md-color-amber-200 {
|
|
color: #ffe082 !important;
|
|
}
|
|
.md-bg-amber-200 {
|
|
background-color: #ffe082 !important;
|
|
}
|
|
.md-color-amber-300 {
|
|
color: #ffd54f !important;
|
|
}
|
|
.md-bg-amber-300 {
|
|
background-color: #ffd54f !important;
|
|
}
|
|
.md-color-amber-400 {
|
|
color: #ffca28 !important;
|
|
}
|
|
.md-bg-amber-400 {
|
|
background-color: #ffca28 !important;
|
|
}
|
|
.md-color-amber-500 {
|
|
color: #ffc107 !important;
|
|
}
|
|
.md-bg-amber-500 {
|
|
background-color: #ffc107 !important;
|
|
}
|
|
.md-color-amber-600 {
|
|
color: #ffb300 !important;
|
|
}
|
|
.md-bg-amber-600 {
|
|
background-color: #ffb300 !important;
|
|
}
|
|
.md-color-amber-700 {
|
|
color: #ffa000 !important;
|
|
}
|
|
.md-bg-amber-700 {
|
|
background-color: #ffa000 !important;
|
|
}
|
|
.md-color-amber-800 {
|
|
color: #ff8f00 !important;
|
|
}
|
|
.md-bg-amber-800 {
|
|
background-color: #ff8f00 !important;
|
|
}
|
|
.md-color-amber-900 {
|
|
color: #ff6f00 !important;
|
|
}
|
|
.md-bg-amber-900 {
|
|
background-color: #ff6f00 !important;
|
|
}
|
|
.md-color-amber-A100 {
|
|
color: #ffe57f !important;
|
|
}
|
|
.md-bg-amber-A100 {
|
|
background-color: #ffe57f !important;
|
|
}
|
|
.md-color-amber-A200 {
|
|
color: #ffd740 !important;
|
|
}
|
|
.md-bg-amber-A200 {
|
|
background-color: #ffd740 !important;
|
|
}
|
|
.md-color-amber-A400 {
|
|
color: #ffc400 !important;
|
|
}
|
|
.md-bg-amber-A400 {
|
|
background-color: #ffc400 !important;
|
|
}
|
|
.md-color-amber-A700 {
|
|
color: #ffab00 !important;
|
|
}
|
|
.md-bg-amber-A700 {
|
|
background-color: #ffab00 !important;
|
|
}
|
|
.md-color-orange-50 {
|
|
color: #fff3e0 !important;
|
|
}
|
|
.md-bg-orange-50 {
|
|
background-color: #fff3e0 !important;
|
|
}
|
|
.md-color-orange-100 {
|
|
color: #ffe0b2 !important;
|
|
}
|
|
.md-bg-orange-100 {
|
|
background-color: #ffe0b2 !important;
|
|
}
|
|
.md-color-orange-200 {
|
|
color: #ffcc80 !important;
|
|
}
|
|
.md-bg-orange-200 {
|
|
background-color: #ffcc80 !important;
|
|
}
|
|
.md-color-orange-300 {
|
|
color: #ffb74d !important;
|
|
}
|
|
.md-bg-orange-300 {
|
|
background-color: #ffb74d !important;
|
|
}
|
|
.md-color-orange-400 {
|
|
color: #ffa726 !important;
|
|
}
|
|
.md-bg-orange-400 {
|
|
background-color: #ffa726 !important;
|
|
}
|
|
.md-color-orange-500 {
|
|
color: #ff9800 !important;
|
|
}
|
|
.md-bg-orange-500 {
|
|
background-color: #ff9800 !important;
|
|
}
|
|
.md-color-orange-600 {
|
|
color: #fb8c00 !important;
|
|
}
|
|
.md-bg-orange-600 {
|
|
background-color: #fb8c00 !important;
|
|
}
|
|
.md-color-orange-700 {
|
|
color: #f57c00 !important;
|
|
}
|
|
.md-bg-orange-700 {
|
|
background-color: #f57c00 !important;
|
|
}
|
|
.md-color-orange-800 {
|
|
color: #ef6c00 !important;
|
|
}
|
|
.md-bg-orange-800 {
|
|
background-color: #ef6c00 !important;
|
|
}
|
|
.md-color-orange-900 {
|
|
color: #e65100 !important;
|
|
}
|
|
.md-bg-orange-900 {
|
|
background-color: #e65100 !important;
|
|
}
|
|
.md-color-orange-A100 {
|
|
color: #ffd180 !important;
|
|
}
|
|
.md-bg-orange-A100 {
|
|
background-color: #ffd180 !important;
|
|
}
|
|
.md-color-orange-A200 {
|
|
color: #ffab40 !important;
|
|
}
|
|
.md-bg-orange-A200 {
|
|
background-color: #ffab40 !important;
|
|
}
|
|
.md-color-orange-A400 {
|
|
color: #ff9100 !important;
|
|
}
|
|
.md-bg-orange-A400 {
|
|
background-color: #ff9100 !important;
|
|
}
|
|
.md-color-orange-A700 {
|
|
color: #ff6d00 !important;
|
|
}
|
|
.md-bg-orange-A700 {
|
|
background-color: #ff6d00 !important;
|
|
}
|
|
.md-color-deep-orange-50 {
|
|
color: #fbe9e7 !important;
|
|
}
|
|
.md-bg-deep-orange-50 {
|
|
background-color: #fbe9e7 !important;
|
|
}
|
|
.md-color-deep-orange-100 {
|
|
color: #ffccbc !important;
|
|
}
|
|
.md-bg-deep-orange-100 {
|
|
background-color: #ffccbc !important;
|
|
}
|
|
.md-color-deep-orange-200 {
|
|
color: #ffab91 !important;
|
|
}
|
|
.md-bg-deep-orange-200 {
|
|
background-color: #ffab91 !important;
|
|
}
|
|
.md-color-deep-orange-300 {
|
|
color: #ff8a65 !important;
|
|
}
|
|
.md-bg-deep-orange-300 {
|
|
background-color: #ff8a65 !important;
|
|
}
|
|
.md-color-deep-orange-400 {
|
|
color: #ff7043 !important;
|
|
}
|
|
.md-bg-deep-orange-400 {
|
|
background-color: #ff7043 !important;
|
|
}
|
|
.md-color-deep-orange-500 {
|
|
color: #ff5722 !important;
|
|
}
|
|
.md-bg-deep-orange-500 {
|
|
background-color: #ff5722 !important;
|
|
}
|
|
.md-color-deep-orange-600 {
|
|
color: #f4511e !important;
|
|
}
|
|
.md-bg-deep-orange-600 {
|
|
background-color: #f4511e !important;
|
|
}
|
|
.md-color-deep-orange-700 {
|
|
color: #e64a19 !important;
|
|
}
|
|
.md-bg-deep-orange-700 {
|
|
background-color: #e64a19 !important;
|
|
}
|
|
.md-color-deep-orange-800 {
|
|
color: #d84315 !important;
|
|
}
|
|
.md-bg-deep-orange-800 {
|
|
background-color: #d84315 !important;
|
|
}
|
|
.md-color-deep-orange-900 {
|
|
color: #bf360c !important;
|
|
}
|
|
.md-bg-deep-orange-900 {
|
|
background-color: #bf360c !important;
|
|
}
|
|
.md-color-deep-orange-A100 {
|
|
color: #ff9e80 !important;
|
|
}
|
|
.md-bg-deep-orange-A100 {
|
|
background-color: #ff9e80 !important;
|
|
}
|
|
.md-color-deep-orange-A200 {
|
|
color: #ff6e40 !important;
|
|
}
|
|
.md-bg-deep-orange-A200 {
|
|
background-color: #ff6e40 !important;
|
|
}
|
|
.md-color-deep-orange-A400 {
|
|
color: #ff3d00 !important;
|
|
}
|
|
.md-bg-deep-orange-A400 {
|
|
background-color: #ff3d00 !important;
|
|
}
|
|
.md-color-deep-orange-A700 {
|
|
color: #dd2c00 !important;
|
|
}
|
|
.md-bg-deep-orange-A700 {
|
|
background-color: #dd2c00 !important;
|
|
}
|
|
.md-color-brown-50 {
|
|
color: #efebe9 !important;
|
|
}
|
|
.md-bg-brown-50 {
|
|
background-color: #efebe9 !important;
|
|
}
|
|
.md-color-brown-100 {
|
|
color: #d7ccc8 !important;
|
|
}
|
|
.md-bg-brown-100 {
|
|
background-color: #d7ccc8 !important;
|
|
}
|
|
.md-color-brown-200 {
|
|
color: #bcaaa4 !important;
|
|
}
|
|
.md-bg-brown-200 {
|
|
background-color: #bcaaa4 !important;
|
|
}
|
|
.md-color-brown-300 {
|
|
color: #a1887f !important;
|
|
}
|
|
.md-bg-brown-300 {
|
|
background-color: #a1887f !important;
|
|
}
|
|
.md-color-brown-400 {
|
|
color: #8d6e63 !important;
|
|
}
|
|
.md-bg-brown-400 {
|
|
background-color: #8d6e63 !important;
|
|
}
|
|
.md-color-brown-500 {
|
|
color: #795548 !important;
|
|
}
|
|
.md-bg-brown-500 {
|
|
background-color: #795548 !important;
|
|
}
|
|
.md-color-brown-600 {
|
|
color: #6d4c41 !important;
|
|
}
|
|
.md-bg-brown-600 {
|
|
background-color: #6d4c41 !important;
|
|
}
|
|
.md-color-brown-700 {
|
|
color: #5d4037 !important;
|
|
}
|
|
.md-bg-brown-700 {
|
|
background-color: #5d4037 !important;
|
|
}
|
|
.md-color-brown-800 {
|
|
color: #4e342e !important;
|
|
}
|
|
.md-bg-brown-800 {
|
|
background-color: #4e342e !important;
|
|
}
|
|
.md-color-brown-900 {
|
|
color: #3e2723 !important;
|
|
}
|
|
.md-bg-brown-900 {
|
|
background-color: #3e2723 !important;
|
|
}
|
|
.md-color-grey-50 {
|
|
color: #fafafa !important;
|
|
}
|
|
.md-bg-grey-50 {
|
|
background-color: #fafafa !important;
|
|
}
|
|
.md-color-grey-100 {
|
|
color: #f5f5f5 !important;
|
|
}
|
|
.md-bg-grey-100 {
|
|
background-color: #f5f5f5 !important;
|
|
}
|
|
.md-color-grey-200 {
|
|
color: #eeeeee !important;
|
|
}
|
|
.md-bg-grey-200 {
|
|
background-color: #eeeeee !important;
|
|
}
|
|
.md-color-grey-300 {
|
|
color: #e0e0e0 !important;
|
|
}
|
|
.md-bg-grey-300 {
|
|
background-color: #e0e0e0 !important;
|
|
}
|
|
.md-color-grey-400 {
|
|
color: #bdbdbd !important;
|
|
}
|
|
.md-bg-grey-400 {
|
|
background-color: #bdbdbd !important;
|
|
}
|
|
.md-color-grey-500 {
|
|
color: #9e9e9e !important;
|
|
}
|
|
.md-bg-grey-500 {
|
|
background-color: #9e9e9e !important;
|
|
}
|
|
.md-color-grey-600 {
|
|
color: #757575 !important;
|
|
}
|
|
.md-bg-grey-600 {
|
|
background-color: #757575 !important;
|
|
}
|
|
.md-color-grey-700 {
|
|
color: #616161 !important;
|
|
}
|
|
.md-bg-grey-700 {
|
|
background-color: #616161 !important;
|
|
}
|
|
.md-color-grey-800 {
|
|
color: #424242 !important;
|
|
}
|
|
.md-bg-grey-800 {
|
|
background-color: #424242 !important;
|
|
}
|
|
.md-color-grey-900 {
|
|
color: #212121 !important;
|
|
}
|
|
.md-bg-grey-900 {
|
|
background-color: #212121 !important;
|
|
}
|
|
.md-color-blue-grey-50 {
|
|
color: #eceff1 !important;
|
|
}
|
|
.md-bg-blue-grey-50 {
|
|
background-color: #eceff1 !important;
|
|
}
|
|
.md-color-blue-grey-100 {
|
|
color: #cfd8dc !important;
|
|
}
|
|
.md-bg-blue-grey-100 {
|
|
background-color: #cfd8dc !important;
|
|
}
|
|
.md-color-blue-grey-200 {
|
|
color: #b0bec5 !important;
|
|
}
|
|
.md-bg-blue-grey-200 {
|
|
background-color: #b0bec5 !important;
|
|
}
|
|
.md-color-blue-grey-300 {
|
|
color: #90a4ae !important;
|
|
}
|
|
.md-bg-blue-grey-300 {
|
|
background-color: #90a4ae !important;
|
|
}
|
|
.md-color-blue-grey-400 {
|
|
color: #78909c !important;
|
|
}
|
|
.md-bg-blue-grey-400 {
|
|
background-color: #78909c !important;
|
|
}
|
|
.md-color-blue-grey-500 {
|
|
color: #607d8b !important;
|
|
}
|
|
.md-bg-blue-grey-500 {
|
|
background-color: #607d8b !important;
|
|
}
|
|
.md-color-blue-grey-600 {
|
|
color: #546e7a !important;
|
|
}
|
|
.md-bg-blue-grey-600 {
|
|
background-color: #546e7a !important;
|
|
}
|
|
.md-color-blue-grey-700 {
|
|
color: #455a64 !important;
|
|
}
|
|
.md-bg-blue-grey-700 {
|
|
background-color: #455a64 !important;
|
|
}
|
|
.md-color-blue-grey-800 {
|
|
color: #37474f !important;
|
|
}
|
|
.md-bg-blue-grey-800 {
|
|
background-color: #37474f !important;
|
|
}
|
|
.md-color-blue-grey-900 {
|
|
color: #263238 !important;
|
|
}
|
|
.md-bg-blue-grey-900 {
|
|
background-color: #263238 !important;
|
|
}
|
|
.md-color-white {
|
|
color: #fff !important;
|
|
}
|
|
.md-bg-white {
|
|
background: #fff !important;
|
|
}
|
|
/* cards */
|
|
.md-card {
|
|
background: #fff;
|
|
position: relative;
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
border: none;
|
|
}
|
|
.md-card + .md-card,
|
|
.md-card + .uk-grid,
|
|
.uk-grid + .md-card {
|
|
margin-top: 25px;
|
|
}
|
|
.md-card .full_width_in_card {
|
|
padding: 16px 24px;
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
.md-card .md-card-toolbar {
|
|
height: 48px;
|
|
padding: 0 16px;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
|
background: #fff;
|
|
}
|
|
.md-card .md-card-toolbar:before,
|
|
.md-card .md-card-toolbar:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.md-card .md-card-toolbar:after {
|
|
clear: both;
|
|
}
|
|
.md-card .md-card-toolbar:before,
|
|
.md-card .md-card-toolbar:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.md-card .md-card-toolbar:after {
|
|
clear: both;
|
|
}
|
|
.md-card .md-card-toolbar-heading-text {
|
|
font: 500 14px / 50px "Open Sans", sans-serif;
|
|
color: #212121;
|
|
margin: 0;
|
|
float: left;
|
|
overflow: hidden;
|
|
height: 48px;
|
|
}
|
|
.md-card .md-card-toolbar-heading-text.large {
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
}
|
|
.md-card .md-card-toolbar .md-toggle-group {
|
|
float: left;
|
|
margin: 8px 0 0 16px;
|
|
}
|
|
.md-card .md-card-toolbar .md-toggle-group.md-toggle-group-small {
|
|
margin-top: 10px;
|
|
}
|
|
.md-card .md-card-toolbar .md-card-toolbar-actions {
|
|
float: right;
|
|
padding-top: 10px;
|
|
}
|
|
.md-card .md-card-toolbar .md-card-toolbar-actions .uk-open .md-card-toolbar-icon {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
color: #212121;
|
|
}
|
|
.md-card .md-card-toolbar .md-card-toolbar-actions .md-card-dropdown {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.md-card .md-card-toolbar .md-card-toolbar-actions .selectize-control {
|
|
min-width: 220px;
|
|
margin-top: -3px;
|
|
}
|
|
.md-card .md-card-toolbar .md-card-toolbar-actions .selectize-control .selectize-input {
|
|
min-height: 30px;
|
|
padding: 4px 8px;
|
|
}
|
|
.md-card .md-card-toolbar .md-card-toolbar-actions .selectize-control .selectize-dropdown {
|
|
margin-top: -34px;
|
|
}
|
|
.md-card .md-card-toolbar .md-icon + .md-card-dropdown {
|
|
margin-left: 4px;
|
|
}
|
|
.md-card .md-card-toolbar .md-card-fullscreen-deactivate {
|
|
margin: 9px 8px 0 0;
|
|
}
|
|
.md-card .md-card-toolbar-input {
|
|
border: none;
|
|
font: 400 18px / 24px "Open Sans", sans-serif;
|
|
height: auto;
|
|
background: none !important;
|
|
padding: 12px 0;
|
|
width: 50%;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.md-card .md-card-toolbar .uk-tab {
|
|
margin-top: -2px;
|
|
border-bottom: none;
|
|
}
|
|
.md-card .md-card-toolbar .uk-tab li > a {
|
|
padding: 10px 8px !important;
|
|
}
|
|
.md-card .md-card-head {
|
|
height: 160px;
|
|
position: relative;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
.md-card .md-card-head-menu {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 8px;
|
|
}
|
|
.md-card .md-card-head-avatar {
|
|
width: 82px;
|
|
height: 82px;
|
|
border-radius: 50%;
|
|
margin-top: 16px;
|
|
border: 2px solid #fff;
|
|
display: inline-block;
|
|
}
|
|
.md-card .md-card-head-text {
|
|
padding: 8px 16px 16px;
|
|
font: 500 16px / 22px "Open Sans", sans-serif;
|
|
color: #212121;
|
|
margin: 0;
|
|
}
|
|
.md-card .md-card-head-text span:not(.listNavSelector) {
|
|
display: block;
|
|
font: 400 12px / 18px "Open Sans", sans-serif;
|
|
margin-top: -2px;
|
|
}
|
|
.md-card .md-card-head-text.text_dark {
|
|
color: #212121 !important;
|
|
}
|
|
.md-card .md-card-head-text-over {
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
|
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
|
|
}
|
|
.md-card .md-card-head-subtext {
|
|
position: absolute;
|
|
bottom: 10px;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 0 16px;
|
|
text-align: right;
|
|
color: #fff;
|
|
}
|
|
.md-card .md-card-head-subtext span {
|
|
font-size: 26px;
|
|
}
|
|
.md-card .md-card-head-icon {
|
|
font-size: 48px;
|
|
color: #fff;
|
|
vertical-align: middle;
|
|
}
|
|
.md-card .md-card-head.head_background {
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
background-size: cover;
|
|
border-bottom-color: transparent;
|
|
}
|
|
.md-card .md-card-head.head_background .md-card-head-text {
|
|
color: #fff;
|
|
}
|
|
.md-card .md-card-head.head_background_top {
|
|
background-repeat: no-repeat;
|
|
background-position: center top;
|
|
}
|
|
.md-card .md-card-head.head_background_bottom {
|
|
background-repeat: no-repeat;
|
|
background-position: center bottom;
|
|
}
|
|
.md-card .md-card-head .head_chart {
|
|
height: 100px;
|
|
width: 100%;
|
|
position: absolute !important;
|
|
left: 0;
|
|
top: 40px;
|
|
}
|
|
.md-card .md-card-head .fitVid_player {
|
|
width: 100%;
|
|
height: 160px;
|
|
overflow: hidden;
|
|
}
|
|
.md-card .md-card-head-img {
|
|
height: 100%;
|
|
width: auto;
|
|
}
|
|
.md-card .md-card-head iframe {
|
|
height: 160px;
|
|
}
|
|
.md-card .md-card-content {
|
|
padding: 16px;
|
|
}
|
|
.md-card .md-card-content.padding-reset {
|
|
padding: 0;
|
|
}
|
|
.md-card .md-card-content.large-padding {
|
|
padding: 24px 35px;
|
|
}
|
|
.md-card .md-card-content.small-padding {
|
|
padding: 8px;
|
|
}
|
|
.md-card.md-card-fullscreen-activate {
|
|
cursor: pointer;
|
|
}
|
|
.md-card.md-card-fullscreen {
|
|
position: fixed;
|
|
z-index: 9998;
|
|
overflow-x: hidden;
|
|
cursor: default;
|
|
}
|
|
.md-card.md-card-fullscreen .md-card-fullscreen-activate {
|
|
display: none;
|
|
}
|
|
.md-card.md-card-fullscreen .md-card-fullscreen-hide {
|
|
display: none;
|
|
}
|
|
.md-card .md-card-fullscreen-content {
|
|
display: none;
|
|
padding: 16px;
|
|
}
|
|
.md-card-fullscreen-content-hidden .md-card .md-card-fullscreen-content {
|
|
display: block;
|
|
visibility: hidden;
|
|
padding: 0;
|
|
}
|
|
.md-card.mdToolbar_fixed {
|
|
overflow-y: hidden;
|
|
}
|
|
.md-card.mdToolbar_fixed > .md-card-toolbar {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 9999;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
.md-card.mdToolbar_fixed > .md-card-content {
|
|
overflow-y: scroll;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 48px;
|
|
bottom: 0;
|
|
}
|
|
.md-card.mdToolbar_fixed > .md-card-content .md-card-fullscreen-content {
|
|
padding: 16px 0;
|
|
}
|
|
.md-card.md-card-overlay {
|
|
overflow: hidden;
|
|
padding-bottom: 54px;
|
|
}
|
|
.md-card.md-card-overlay .md-card-content {
|
|
height: 142px;
|
|
overflow: hidden;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.md-card.md-card-overlay .md-card-content.no_truncate {
|
|
position: relative;
|
|
}
|
|
.md-card.md-card-overlay .md-card-content.no_truncate:after {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 8px;
|
|
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ffffff), to(rgba(255, 255, 255, 0)));
|
|
background-image: linear-gradient(to top, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
|
|
display: block;
|
|
content: '';
|
|
z-index: 10;
|
|
}
|
|
.md-card.md-card-overlay .md-card-content > pre {
|
|
margin-top: 0;
|
|
max-height: 110px;
|
|
}
|
|
.md-card.md-card-overlay .md-card-content > pre > code {
|
|
overflow: hidden;
|
|
}
|
|
.md-card.md-card-overlay .md-card-overlay-content {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 0 16px;
|
|
margin-top: -54px;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
|
text-align: left;
|
|
bottom: 0;
|
|
background: #fff;
|
|
z-index: 10;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.md-card.md-card-overlay .md-card-overlay-content p {
|
|
margin: 0;
|
|
}
|
|
.md-card.md-card-overlay .md-card-overlay-content p + * {
|
|
margin-top: 16px;
|
|
}
|
|
.md-card.md-card-overlay .md-card-overlay-content p + p {
|
|
margin-top: 4px;
|
|
}
|
|
.md-card.md-card-overlay .md-card-overlay-header {
|
|
padding: 12px 0;
|
|
}
|
|
.md-card.md-card-overlay .md-card-overlay-header:before,
|
|
.md-card.md-card-overlay .md-card-overlay-header:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.md-card.md-card-overlay .md-card-overlay-header:after {
|
|
clear: both;
|
|
}
|
|
.md-card.md-card-overlay .md-card-overlay-header:before,
|
|
.md-card.md-card-overlay .md-card-overlay-header:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.md-card.md-card-overlay .md-card-overlay-header:after {
|
|
clear: both;
|
|
}
|
|
.md-card.md-card-overlay .md-card-overlay-header h3,
|
|
.md-card.md-card-overlay .md-card-overlay-header h4 {
|
|
margin: 0;
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
padding-right: 32px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.md-card.md-card-overlay .md-card-overlay-header h3 {
|
|
font: 400 16px / 30px "Open Sans", sans-serif;
|
|
}
|
|
.md-card.md-card-overlay .md-card-overlay-header h4 {
|
|
font: 500 14px / 30px "Open Sans", sans-serif;
|
|
}
|
|
.md-card.md-card-overlay .md-card-overlay-header .md-icon {
|
|
position: absolute;
|
|
right: 12px;
|
|
top: 11px;
|
|
}
|
|
.md-card.md-card-overlay-active .md-card-overlay-content {
|
|
top: -1px;
|
|
margin-top: 0;
|
|
}
|
|
.md-card.md-card-hover {
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
will-change: box-shadow;
|
|
}
|
|
.md-card.md-card-hover:hover {
|
|
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
.uk-sortable-dragged .md-card {
|
|
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
.uk-sortable-dragged .md-card canvas {
|
|
margin: 0 auto;
|
|
display: block;
|
|
}
|
|
.md-card .heading_list {
|
|
padding: 0;
|
|
}
|
|
.md-card-primary,
|
|
.md-card-success,
|
|
.md-card-danger,
|
|
.md-card-warning {
|
|
border-left: 4px solid transparent;
|
|
}
|
|
.md-card-primary {
|
|
border-left-color: #2196f3;
|
|
}
|
|
.md-card-success {
|
|
border-left-color: #7cb342;
|
|
}
|
|
.md-card-danger {
|
|
border-left-color: #e53935;
|
|
}
|
|
.md-card-warning {
|
|
border-left-color: #ffa000;
|
|
}
|
|
.md-card-horizontal {
|
|
position: relative;
|
|
min-height: 200px;
|
|
}
|
|
.md-card-horizontal:before,
|
|
.md-card-horizontal:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.md-card-horizontal:after {
|
|
clear: both;
|
|
}
|
|
.md-card-horizontal:before,
|
|
.md-card-horizontal:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.md-card-horizontal:after {
|
|
clear: both;
|
|
}
|
|
.md-card-horizontal-grid {
|
|
min-height: auto;
|
|
}
|
|
.md-card-horizontal .md-card-head {
|
|
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
|
border-bottom: none;
|
|
width: 200px;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.md-card-horizontal .md-card-head {
|
|
width: 140px;
|
|
}
|
|
}
|
|
.md-card-horizontal .md-card-head-grid {
|
|
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
.md-card-horizontal .md-card-head-menu {
|
|
right: auto;
|
|
left: 8px;
|
|
}
|
|
.md-card-horizontal .md-card-content {
|
|
margin-left: 200px;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.md-card-horizontal .md-card-content {
|
|
margin-left: 140px;
|
|
}
|
|
}
|
|
.md-card-horizontal .md-card-content-grid {
|
|
padding: 16px;
|
|
}
|
|
.md-expand,
|
|
.md-expand-group > * {
|
|
opacity: 0;
|
|
}
|
|
.md-card-placeholder {
|
|
min-width: 100%;
|
|
}
|
|
.md-card-list-wrapper,
|
|
.md-card-list-wrapper:before,
|
|
.md-card-list-wrapper:after,
|
|
.md-card-list-wrapper *,
|
|
.md-card-list-wrapper *:before,
|
|
.md-card-list-wrapper *:after {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.md-card-list-wrapper .md-card-list-header {
|
|
position: absolute;
|
|
top: -24px;
|
|
left: 0;
|
|
}
|
|
.md-card-list-wrapper .md-card-list {
|
|
margin: 48px 0 0 0;
|
|
position: relative;
|
|
}
|
|
.md-card-list-wrapper .md-card-list:first-child {
|
|
margin-top: 24px;
|
|
}
|
|
.md-card-list-wrapper .md-card-list > ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.md-card-list-wrapper .md-card-list > ul > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.md-card-list-wrapper .md-card-list > ul > li {
|
|
min-height: 34px;
|
|
padding: 8px 16px;
|
|
font-size: 13px;
|
|
-webkit-transition: background 150ms,padding 200ms;
|
|
transition: background 150ms,padding 200ms;
|
|
background: #fff;
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
}
|
|
.md-card-list-wrapper .md-card-list > ul > li:before,
|
|
.md-card-list-wrapper .md-card-list > ul > li:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.md-card-list-wrapper .md-card-list > ul > li:after {
|
|
clear: both;
|
|
}
|
|
.md-card-list-wrapper .md-card-list > ul > li:before,
|
|
.md-card-list-wrapper .md-card-list > ul > li:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.md-card-list-wrapper .md-card-list > ul > li:after {
|
|
clear: both;
|
|
}
|
|
.md-card-list-wrapper .md-card-list > ul > li.item-shown {
|
|
background: #fff;
|
|
padding: 8px 36px;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.md-card-list-wrapper .md-card-list > ul > li.item-shown .md-card-list-item-subject {
|
|
clear: both;
|
|
float: none;
|
|
padding-top: 16px;
|
|
}
|
|
.md-card-list-wrapper .md-card-list > ul > li.item-shown .md-card-list-item-subject > span {
|
|
white-space: normal;
|
|
}
|
|
}
|
|
.md-card-list-wrapper .md-card-list > ul > li.item-shown .md-card-list-item-sender {
|
|
width: auto;
|
|
overflow: hidden;
|
|
}
|
|
.md-card-list-wrapper .md-card-list > ul > li.item-shown.md-card-list-item-selected {
|
|
position: relative;
|
|
}
|
|
.md-card-list-wrapper .md-card-list > ul > li.item-shown.md-card-list-item-selected:before {
|
|
content: '';
|
|
position: absolute;
|
|
display: block;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 8px;
|
|
background: #e3f2fd;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-select,
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper,
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-sender {
|
|
float: left;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-select {
|
|
padding: 6px 8px 0 0;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper,
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-sender,
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-subject,
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-date {
|
|
padding: 0 8px;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper .md-card-list-item-avatar {
|
|
background: #757575;
|
|
color: #fff;
|
|
width: 34px;
|
|
border-radius: 50%;
|
|
display: block;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper .md-card-list-item-avatar-large {
|
|
width: 82px;
|
|
border-radius: 50%;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-avatar-wrapper span.md-card-list-item-avatar {
|
|
line-height: 34px;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-sender {
|
|
width: 220px;
|
|
line-height: 34px;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-sender > span {
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
@media only screen and (max-width: 1219px) {
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-sender {
|
|
display: none;
|
|
}
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-subject {
|
|
overflow: hidden;
|
|
font-weight: 500;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-subject > span {
|
|
line-height: 34px;
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small {
|
|
display: none;
|
|
}
|
|
@media only screen and (max-width: 1219px) {
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small {
|
|
display: block;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small + span {
|
|
line-height: inherit;
|
|
}
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-subject .md-card-list-item-sender-small > span {
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
font-size: 12px;
|
|
color: #999;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-date {
|
|
line-height: 34px;
|
|
float: right;
|
|
color: #999;
|
|
}
|
|
@media only screen and (max-width: 479px) {
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-date {
|
|
display: none;
|
|
}
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-menu {
|
|
float: right;
|
|
margin: 0 0 0 8px;
|
|
position: relative;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-menu .uk-dropdown .material-icons {
|
|
margin-right: 8px;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-content-wrapper {
|
|
display: none;
|
|
clear: both;
|
|
opacity: 0;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-content {
|
|
padding: 16px 16px 0 0;
|
|
max-height: 360px;
|
|
overflow-x: hidden;
|
|
margin: 0 0 40px;
|
|
top: 20px;
|
|
position: relative;
|
|
font-size: 14px;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-content + .md-card-list-item-reply {
|
|
padding-top: 10px;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-reply {
|
|
padding: 16px 0;
|
|
}
|
|
.md-card-list-wrapper .md-card-list .md-card-list-item-selected {
|
|
background: #e3f2fd;
|
|
}
|
|
/* forms */
|
|
select,
|
|
textarea,
|
|
input:not([type]),
|
|
input[type="text"],
|
|
input[type="password"],
|
|
input[type="datetime"],
|
|
input[type="datetime-local"],
|
|
input[type="date"],
|
|
input[type="month"],
|
|
input[type="time"],
|
|
input[type="week"],
|
|
input[type="number"],
|
|
input[type="email"],
|
|
input[type="url"],
|
|
input[type="search"],
|
|
input[type="tel"],
|
|
input[type="color"] {
|
|
outline: none;
|
|
}
|
|
select.md-input,
|
|
textarea.md-input,
|
|
input:not([type]).md-input,
|
|
input[type="text"].md-input,
|
|
input[type="password"].md-input,
|
|
input[type="datetime"].md-input,
|
|
input[type="datetime-local"].md-input,
|
|
input[type="date"].md-input,
|
|
input[type="month"].md-input,
|
|
input[type="time"].md-input,
|
|
input[type="week"].md-input,
|
|
input[type="number"].md-input,
|
|
input[type="email"].md-input,
|
|
input[type="url"].md-input,
|
|
input[type="search"].md-input,
|
|
input[type="tel"].md-input,
|
|
input[type="color"].md-input {
|
|
border-radius: 0;
|
|
border-width: 0 0 1px;
|
|
border-style: solid;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
font: 400 15px / 18px "Open Sans", sans-serif;
|
|
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
|
|
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 12px 4px;
|
|
background: transparent;
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
select.md-input.md-input-danger,
|
|
textarea.md-input.md-input-danger,
|
|
input:not([type]).md-input.md-input-danger,
|
|
input[type="text"].md-input.md-input-danger,
|
|
input[type="password"].md-input.md-input-danger,
|
|
input[type="datetime"].md-input.md-input-danger,
|
|
input[type="datetime-local"].md-input.md-input-danger,
|
|
input[type="date"].md-input.md-input-danger,
|
|
input[type="month"].md-input.md-input-danger,
|
|
input[type="time"].md-input.md-input-danger,
|
|
input[type="week"].md-input.md-input-danger,
|
|
input[type="number"].md-input.md-input-danger,
|
|
input[type="email"].md-input.md-input-danger,
|
|
input[type="url"].md-input.md-input-danger,
|
|
input[type="search"].md-input.md-input-danger,
|
|
input[type="tel"].md-input.md-input-danger,
|
|
input[type="color"].md-input.md-input-danger {
|
|
border-color: #e53935;
|
|
}
|
|
select.md-input.md-input-danger:focus,
|
|
textarea.md-input.md-input-danger:focus,
|
|
input:not([type]).md-input.md-input-danger:focus,
|
|
input[type="text"].md-input.md-input-danger:focus,
|
|
input[type="password"].md-input.md-input-danger:focus,
|
|
input[type="datetime"].md-input.md-input-danger:focus,
|
|
input[type="datetime-local"].md-input.md-input-danger:focus,
|
|
input[type="date"].md-input.md-input-danger:focus,
|
|
input[type="month"].md-input.md-input-danger:focus,
|
|
input[type="time"].md-input.md-input-danger:focus,
|
|
input[type="week"].md-input.md-input-danger:focus,
|
|
input[type="number"].md-input.md-input-danger:focus,
|
|
input[type="email"].md-input.md-input-danger:focus,
|
|
input[type="url"].md-input.md-input-danger:focus,
|
|
input[type="search"].md-input.md-input-danger:focus,
|
|
input[type="tel"].md-input.md-input-danger:focus,
|
|
input[type="color"].md-input.md-input-danger:focus {
|
|
border-bottom-color: #e53935;
|
|
}
|
|
select.md-input.md-input-success,
|
|
textarea.md-input.md-input-success,
|
|
input:not([type]).md-input.md-input-success,
|
|
input[type="text"].md-input.md-input-success,
|
|
input[type="password"].md-input.md-input-success,
|
|
input[type="datetime"].md-input.md-input-success,
|
|
input[type="datetime-local"].md-input.md-input-success,
|
|
input[type="date"].md-input.md-input-success,
|
|
input[type="month"].md-input.md-input-success,
|
|
input[type="time"].md-input.md-input-success,
|
|
input[type="week"].md-input.md-input-success,
|
|
input[type="number"].md-input.md-input-success,
|
|
input[type="email"].md-input.md-input-success,
|
|
input[type="url"].md-input.md-input-success,
|
|
input[type="search"].md-input.md-input-success,
|
|
input[type="tel"].md-input.md-input-success,
|
|
input[type="color"].md-input.md-input-success {
|
|
border-color: #7cb342;
|
|
}
|
|
select.md-input.md-input-success:focus,
|
|
textarea.md-input.md-input-success:focus,
|
|
input:not([type]).md-input.md-input-success:focus,
|
|
input[type="text"].md-input.md-input-success:focus,
|
|
input[type="password"].md-input.md-input-success:focus,
|
|
input[type="datetime"].md-input.md-input-success:focus,
|
|
input[type="datetime-local"].md-input.md-input-success:focus,
|
|
input[type="date"].md-input.md-input-success:focus,
|
|
input[type="month"].md-input.md-input-success:focus,
|
|
input[type="time"].md-input.md-input-success:focus,
|
|
input[type="week"].md-input.md-input-success:focus,
|
|
input[type="number"].md-input.md-input-success:focus,
|
|
input[type="email"].md-input.md-input-success:focus,
|
|
input[type="url"].md-input.md-input-success:focus,
|
|
input[type="search"].md-input.md-input-success:focus,
|
|
input[type="tel"].md-input.md-input-success:focus,
|
|
input[type="color"].md-input.md-input-success:focus {
|
|
border-bottom-color: #7cb342;
|
|
}
|
|
select.md-input:focus,
|
|
textarea.md-input:focus,
|
|
input:not([type]).md-input:focus,
|
|
input[type="text"].md-input:focus,
|
|
input[type="password"].md-input:focus,
|
|
input[type="datetime"].md-input:focus,
|
|
input[type="datetime-local"].md-input:focus,
|
|
input[type="date"].md-input:focus,
|
|
input[type="month"].md-input:focus,
|
|
input[type="time"].md-input:focus,
|
|
input[type="week"].md-input:focus,
|
|
input[type="number"].md-input:focus,
|
|
input[type="email"].md-input:focus,
|
|
input[type="url"].md-input:focus,
|
|
input[type="search"].md-input:focus,
|
|
input[type="tel"].md-input:focus,
|
|
input[type="color"].md-input:focus {
|
|
background: transparent;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
select.md-input-small,
|
|
textarea.md-input-small,
|
|
input:not([type]).md-input-small,
|
|
input[type="text"].md-input-small,
|
|
input[type="password"].md-input-small,
|
|
input[type="datetime"].md-input-small,
|
|
input[type="datetime-local"].md-input-small,
|
|
input[type="date"].md-input-small,
|
|
input[type="month"].md-input-small,
|
|
input[type="time"].md-input-small,
|
|
input[type="week"].md-input-small,
|
|
input[type="number"].md-input-small,
|
|
input[type="email"].md-input-small,
|
|
input[type="url"].md-input-small,
|
|
input[type="search"].md-input-small,
|
|
input[type="tel"].md-input-small,
|
|
input[type="color"].md-input-small {
|
|
padding: 4px;
|
|
}
|
|
select.md-input.uk-form-width-mini,
|
|
textarea.md-input.uk-form-width-mini,
|
|
input:not([type]).md-input.uk-form-width-mini,
|
|
input[type="text"].md-input.uk-form-width-mini,
|
|
input[type="password"].md-input.uk-form-width-mini,
|
|
input[type="datetime"].md-input.uk-form-width-mini,
|
|
input[type="datetime-local"].md-input.uk-form-width-mini,
|
|
input[type="date"].md-input.uk-form-width-mini,
|
|
input[type="month"].md-input.uk-form-width-mini,
|
|
input[type="time"].md-input.uk-form-width-mini,
|
|
input[type="week"].md-input.uk-form-width-mini,
|
|
input[type="number"].md-input.uk-form-width-mini,
|
|
input[type="email"].md-input.uk-form-width-mini,
|
|
input[type="url"].md-input.uk-form-width-mini,
|
|
input[type="search"].md-input.uk-form-width-mini,
|
|
input[type="tel"].md-input.uk-form-width-mini,
|
|
input[type="color"].md-input.uk-form-width-mini {
|
|
width: 40px;
|
|
}
|
|
select.md-input.uk-form-width-small,
|
|
textarea.md-input.uk-form-width-small,
|
|
input:not([type]).md-input.uk-form-width-small,
|
|
input[type="text"].md-input.uk-form-width-small,
|
|
input[type="password"].md-input.uk-form-width-small,
|
|
input[type="datetime"].md-input.uk-form-width-small,
|
|
input[type="datetime-local"].md-input.uk-form-width-small,
|
|
input[type="date"].md-input.uk-form-width-small,
|
|
input[type="month"].md-input.uk-form-width-small,
|
|
input[type="time"].md-input.uk-form-width-small,
|
|
input[type="week"].md-input.uk-form-width-small,
|
|
input[type="number"].md-input.uk-form-width-small,
|
|
input[type="email"].md-input.uk-form-width-small,
|
|
input[type="url"].md-input.uk-form-width-small,
|
|
input[type="search"].md-input.uk-form-width-small,
|
|
input[type="tel"].md-input.uk-form-width-small,
|
|
input[type="color"].md-input.uk-form-width-small {
|
|
width: 130px;
|
|
}
|
|
select.md-input.uk-form-width-medium,
|
|
textarea.md-input.uk-form-width-medium,
|
|
input:not([type]).md-input.uk-form-width-medium,
|
|
input[type="text"].md-input.uk-form-width-medium,
|
|
input[type="password"].md-input.uk-form-width-medium,
|
|
input[type="datetime"].md-input.uk-form-width-medium,
|
|
input[type="datetime-local"].md-input.uk-form-width-medium,
|
|
input[type="date"].md-input.uk-form-width-medium,
|
|
input[type="month"].md-input.uk-form-width-medium,
|
|
input[type="time"].md-input.uk-form-width-medium,
|
|
input[type="week"].md-input.uk-form-width-medium,
|
|
input[type="number"].md-input.uk-form-width-medium,
|
|
input[type="email"].md-input.uk-form-width-medium,
|
|
input[type="url"].md-input.uk-form-width-medium,
|
|
input[type="search"].md-input.uk-form-width-medium,
|
|
input[type="tel"].md-input.uk-form-width-medium,
|
|
input[type="color"].md-input.uk-form-width-medium {
|
|
width: 200px;
|
|
}
|
|
select.md-input.uk-form-width-large,
|
|
textarea.md-input.uk-form-width-large,
|
|
input:not([type]).md-input.uk-form-width-large,
|
|
input[type="text"].md-input.uk-form-width-large,
|
|
input[type="password"].md-input.uk-form-width-large,
|
|
input[type="datetime"].md-input.uk-form-width-large,
|
|
input[type="datetime-local"].md-input.uk-form-width-large,
|
|
input[type="date"].md-input.uk-form-width-large,
|
|
input[type="month"].md-input.uk-form-width-large,
|
|
input[type="time"].md-input.uk-form-width-large,
|
|
input[type="week"].md-input.uk-form-width-large,
|
|
input[type="number"].md-input.uk-form-width-large,
|
|
input[type="email"].md-input.uk-form-width-large,
|
|
input[type="url"].md-input.uk-form-width-large,
|
|
input[type="search"].md-input.uk-form-width-large,
|
|
input[type="tel"].md-input.uk-form-width-large,
|
|
input[type="color"].md-input.uk-form-width-large {
|
|
width: 500px;
|
|
}
|
|
select.md-input.inverted-colors,
|
|
textarea.md-input.inverted-colors,
|
|
input:not([type]).md-input.inverted-colors,
|
|
input[type="text"].md-input.inverted-colors,
|
|
input[type="password"].md-input.inverted-colors,
|
|
input[type="datetime"].md-input.inverted-colors,
|
|
input[type="datetime-local"].md-input.inverted-colors,
|
|
input[type="date"].md-input.inverted-colors,
|
|
input[type="month"].md-input.inverted-colors,
|
|
input[type="time"].md-input.inverted-colors,
|
|
input[type="week"].md-input.inverted-colors,
|
|
input[type="number"].md-input.inverted-colors,
|
|
input[type="email"].md-input.inverted-colors,
|
|
input[type="url"].md-input.inverted-colors,
|
|
input[type="search"].md-input.inverted-colors,
|
|
input[type="tel"].md-input.inverted-colors,
|
|
input[type="color"].md-input.inverted-colors {
|
|
color: #fff;
|
|
border-bottom-color: #fff;
|
|
}
|
|
select.md-input.inverted-colors::-webkit-input-placeholder,
|
|
textarea.md-input.inverted-colors::-webkit-input-placeholder,
|
|
input:not([type]).md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="text"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="password"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="datetime"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="datetime-local"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="date"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="month"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="time"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="week"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="number"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="email"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="url"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="search"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="tel"].md-input.inverted-colors::-webkit-input-placeholder,
|
|
input[type="color"].md-input.inverted-colors::-webkit-input-placeholder {
|
|
/* Chrome/Opera/Safari */
|
|
color: #fff;
|
|
}
|
|
select.md-input.inverted-colors::-moz-placeholder,
|
|
textarea.md-input.inverted-colors::-moz-placeholder,
|
|
input:not([type]).md-input.inverted-colors::-moz-placeholder,
|
|
input[type="text"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="password"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="datetime"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="datetime-local"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="date"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="month"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="time"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="week"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="number"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="email"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="url"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="search"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="tel"].md-input.inverted-colors::-moz-placeholder,
|
|
input[type="color"].md-input.inverted-colors::-moz-placeholder {
|
|
/* Firefox 19+ */
|
|
color: #fff;
|
|
}
|
|
select.md-input.inverted-colors:-ms-input-placeholder,
|
|
textarea.md-input.inverted-colors:-ms-input-placeholder,
|
|
input:not([type]).md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="text"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="password"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="datetime"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="datetime-local"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="date"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="month"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="time"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="week"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="number"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="email"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="url"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="search"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="tel"].md-input.inverted-colors:-ms-input-placeholder,
|
|
input[type="color"].md-input.inverted-colors:-ms-input-placeholder {
|
|
/* IE 10+ */
|
|
color: #fff;
|
|
}
|
|
select.md-input.inverted-colors:-moz-placeholder,
|
|
textarea.md-input.inverted-colors:-moz-placeholder,
|
|
input:not([type]).md-input.inverted-colors:-moz-placeholder,
|
|
input[type="text"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="password"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="datetime"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="datetime-local"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="date"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="month"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="time"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="week"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="number"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="email"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="url"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="search"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="tel"].md-input.inverted-colors:-moz-placeholder,
|
|
input[type="color"].md-input.inverted-colors:-moz-placeholder {
|
|
/* Firefox 18- */
|
|
color: #fff;
|
|
}
|
|
select.md-input.uk-form-width-mini {
|
|
width: 65px;
|
|
}
|
|
.md-input-width-small {
|
|
min-width: 80px !important;
|
|
}
|
|
.md-input-width-medium {
|
|
min-width: 160px !important;
|
|
}
|
|
.md-input-width-large {
|
|
min-width: 320px !important;
|
|
}
|
|
textarea.md-input {
|
|
min-height: 80px;
|
|
resize: none;
|
|
overflow: hidden;
|
|
-webkit-transition: height 200ms ease-out;
|
|
transition: height 200ms ease-out;
|
|
line-height: 24px;
|
|
}
|
|
textarea.no_autosize {
|
|
min-height: inherit;
|
|
overflow: auto;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
resize: both;
|
|
}
|
|
.md-input-wrapper {
|
|
position: relative;
|
|
padding-top: 4px;
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.md-input-wrapper .md-input-bar {
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.md-input-wrapper .md-input-bar:before,
|
|
.md-input-wrapper .md-input-bar:after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 0;
|
|
height: 2px;
|
|
background: #1976d2;
|
|
-webkit-transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.md-input-wrapper .md-input-bar:before {
|
|
left: 50%;
|
|
}
|
|
.md-input-wrapper .md-input-bar:after {
|
|
right: 50%;
|
|
}
|
|
.md-input-wrapper .md-input-bar.uk-form-width-mini {
|
|
width: 40px;
|
|
}
|
|
.md-input-wrapper .md-input-bar.uk-form-width-small {
|
|
width: 130px;
|
|
}
|
|
.md-input-wrapper .md-input-bar.uk-form-width-medium {
|
|
width: 200px;
|
|
}
|
|
.md-input-wrapper .md-input-bar.uk-form-width-large {
|
|
width: 500px;
|
|
}
|
|
.md-input-wrapper > label {
|
|
color: #727272;
|
|
position: absolute;
|
|
top: 16px;
|
|
left: 4px;
|
|
right: 0;
|
|
pointer-events: none;
|
|
-webkit-transition: all 150ms ease-out;
|
|
transition: all 150ms ease-out;
|
|
}
|
|
.md-input-wrapper + * {
|
|
margin-top: 10px;
|
|
}
|
|
.md-input-wrapper.md-input-wrapper-disabled > label {
|
|
color: rgba(0, 0, 0, 0.26);
|
|
}
|
|
.md-input-wrapper-count {
|
|
padding-bottom: 24px;
|
|
}
|
|
.md-input-wrapper-count .md-input-bar {
|
|
bottom: 24px;
|
|
}
|
|
.md-input-wrapper-count .text-count-wrapper {
|
|
font-size: 12px;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
opacity: 0;
|
|
-webkit-transition: opacity 200ms ease-in;
|
|
transition: opacity 200ms ease-in;
|
|
}
|
|
.md-input-wrapper-count > .md-input-wrapper-count .text-count-wrapper {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
.md-input-filled > label,
|
|
.md-input-focus > label {
|
|
top: -6px;
|
|
font-size: 12px;
|
|
}
|
|
.md-input-filled.md-input-wrapper-count .text-count-wrapper,
|
|
.md-input-focus.md-input-wrapper-count .text-count-wrapper {
|
|
opacity: 1;
|
|
}
|
|
.md-input-focus .md-input-bar:before,
|
|
.md-input-focus .md-input-bar:after {
|
|
width: 50%;
|
|
}
|
|
.md-input-wrapper-danger .md-input-bar:before,
|
|
.md-input-wrapper-danger .md-input-bar:after {
|
|
background: #e53935;
|
|
}
|
|
.md-input-wrapper-danger.md-input-wrapper-count .text-count-wrapper {
|
|
color: #e53935;
|
|
}
|
|
.md-input-wrapper-success .md-input-bar:before,
|
|
.md-input-wrapper-success .md-input-bar:after {
|
|
background: #7cb342;
|
|
}
|
|
.md-input-wrapper-success.md-input-wrapper-count .text-count-wrapper {
|
|
color: #7cb342;
|
|
}
|
|
.md-form-group {
|
|
position: relative;
|
|
}
|
|
label.md-label {
|
|
color: #999;
|
|
padding: 0 6px;
|
|
font-size: 11px;
|
|
}
|
|
.add-clear-span {
|
|
display: block;
|
|
}
|
|
.add-clear-span input {
|
|
padding-right: 24px !important;
|
|
}
|
|
.add-clear-span a {
|
|
top: 12px !important;
|
|
right: 4px !important;
|
|
}
|
|
.add-clear-span a .material-icons {
|
|
font-size: 20px;
|
|
}
|
|
@font-face {
|
|
font-family: 'Material Icons';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url("../icons/material-design-icons/MaterialIcons-Regular.eot");
|
|
/* For IE6-8 */
|
|
src: local('Material Icons'), local('MaterialIcons-Regular'), url("../icons/material-design-icons/MaterialIcons-Regular.woff2") format('woff2'), url("../icons/material-design-icons/MaterialIcons-Regular.woff") format('woff'), url("../icons/material-design-icons/MaterialIcons-Regular.ttf") format('truetype');
|
|
}
|
|
.material-icons {
|
|
font-family: 'Material Icons';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: 18px;
|
|
/* Preferred icon size */
|
|
display: inline-block;
|
|
width: 1em;
|
|
height: 1em;
|
|
line-height: 1;
|
|
text-transform: none;
|
|
letter-spacing: normal;
|
|
/* Support for all WebKit browsers. */
|
|
-webkit-font-smoothing: antialiased;
|
|
/* Support for Safari and Chrome. */
|
|
text-rendering: optimizeLegibility;
|
|
/* Support for Firefox. */
|
|
-moz-osx-font-smoothing: grayscale;
|
|
/* Support for IE. */
|
|
-webkit-font-feature-settings: 'liga';
|
|
font-feature-settings: 'liga';
|
|
vertical-align: -4px;
|
|
color: rgba(0, 0, 0, 0.54);
|
|
}
|
|
.material-icons.md-inactive {
|
|
color: rgba(0, 0, 0, 0.26);
|
|
}
|
|
.material-icons.md-18 {
|
|
font-size: 18px !important;
|
|
vertical-align: -4px;
|
|
}
|
|
.material-icons.md-24 {
|
|
font-size: 24px !important;
|
|
vertical-align: -8px;
|
|
}
|
|
.material-icons.md-36 {
|
|
font-size: 36px !important;
|
|
vertical-align: -16px;
|
|
}
|
|
.material-icons.md-48 {
|
|
font-size: 48px !important;
|
|
vertical-align: -24px;
|
|
}
|
|
.material-icons.md-light {
|
|
color: #ffffff;
|
|
}
|
|
.material-icons.md-light.md-inactive {
|
|
color: rgba(255, 255, 255, 0.3);
|
|
}
|
|
/* list */
|
|
.md-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.md-list > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.md-list,
|
|
.md-list:before,
|
|
.md-list:after,
|
|
.md-list *,
|
|
.md-list *:before,
|
|
.md-list *:after {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.md-list .uk-nestable-list > li,
|
|
.md-list > li {
|
|
min-height: 48px;
|
|
padding: 8px 4px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
|
position: relative;
|
|
}
|
|
.md-list .uk-nestable-list > li > .md-list-content,
|
|
.md-list > li > .md-list-content {
|
|
overflow: hidden;
|
|
}
|
|
.md-list .uk-nestable-list > li > .md-list-content > span,
|
|
.md-list > li > .md-list-content > span {
|
|
display: block;
|
|
}
|
|
.md-list .uk-nestable-list > li > .md-list-content .md-list-heading,
|
|
.md-list > li > .md-list-content .md-list-heading {
|
|
margin: 0;
|
|
font-weight: 500;
|
|
display: block;
|
|
overflow: hidden;
|
|
padding-bottom: 1px;
|
|
}
|
|
.md-list .uk-nestable-list > li > .md-list-content .md-list-menu,
|
|
.md-list > li > .md-list-content .md-list-menu {
|
|
float: right;
|
|
}
|
|
.md-list .uk-nestable-list > li > .md-list-content .md-list-menu .md-list-menu-toggle,
|
|
.md-list > li > .md-list-content .md-list-menu .md-list-menu-toggle {
|
|
display: block;
|
|
font-size: 18px;
|
|
color: rgba(0, 0, 0, 0.8);
|
|
width: 28px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
border-radius: 14px;
|
|
text-align: center;
|
|
}
|
|
.md-list .uk-nestable-list > li > .md-list-content .uk-badge,
|
|
.md-list > li > .md-list-content .uk-badge {
|
|
float: right;
|
|
color: #fff !important;
|
|
}
|
|
.md-list .uk-nestable-list > li > .md-list-content .md-list-action,
|
|
.md-list > li > .md-list-content .md-list-action {
|
|
float: right;
|
|
margin-left: 8px;
|
|
margin-top: 2px;
|
|
display: none;
|
|
}
|
|
.md-list .uk-nestable-list > li > .md-list-content .md-list-action-placeholder,
|
|
.md-list > li > .md-list-content .md-list-action-placeholder {
|
|
float: right;
|
|
margin-left: 8px;
|
|
display: none;
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.md-list .uk-nestable-list > li .md-list-action-dropdown,
|
|
.md-list > li .md-list-action-dropdown {
|
|
position: absolute;
|
|
right: 16px;
|
|
top: 10px;
|
|
display: none;
|
|
}
|
|
.md-list .uk-nestable-list > li > a.md-list-content,
|
|
.md-list > li > a.md-list-content {
|
|
display: block;
|
|
color: #212121;
|
|
}
|
|
.md-list .uk-nestable-list > li:last-child,
|
|
.md-list > li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.md-list .uk-nestable-list > li.md-list-item-active,
|
|
.md-list > li.md-list-item-active {
|
|
color: #7cb342;
|
|
background: #ededed;
|
|
}
|
|
.md-list .uk-nestable-list > li.md-list-item-disabled > .md-list-content,
|
|
.md-list > li.md-list-item-disabled > .md-list-content {
|
|
color: #bdbdbd;
|
|
}
|
|
.md-list .uk-nestable-list > li.md-list-item-disabled > .md-list-content span,
|
|
.md-list > li.md-list-item-disabled > .md-list-content span {
|
|
color: #bdbdbd !important;
|
|
}
|
|
.md-list .uk-nestable-list > li.heading_list,
|
|
.md-list > li.heading_list {
|
|
min-height: 32px;
|
|
padding: 32px 8px 16px;
|
|
border-bottom: none;
|
|
background: transparent !important;
|
|
text-transform: uppercase;
|
|
}
|
|
.uk-touch .md-list .uk-nestable-list > li > .md-list-addon-element .uk-nestable-handle,
|
|
.uk-touch .md-list > li > .md-list-addon-element .uk-nestable-handle,
|
|
.md-list .uk-nestable-list > li:hover > .md-list-addon-element .uk-nestable-handle,
|
|
.md-list > li:hover > .md-list-addon-element .uk-nestable-handle {
|
|
display: block;
|
|
}
|
|
.uk-touch .md-list .uk-nestable-list > li > .md-list-content .md-list-action,
|
|
.uk-touch .md-list > li > .md-list-content .md-list-action,
|
|
.md-list .uk-nestable-list > li:hover > .md-list-content .md-list-action,
|
|
.md-list > li:hover > .md-list-content .md-list-action,
|
|
.uk-touch .md-list .uk-nestable-list > li > .md-list-content .md-list-action-placeholder,
|
|
.uk-touch .md-list > li > .md-list-content .md-list-action-placeholder,
|
|
.md-list .uk-nestable-list > li:hover > .md-list-content .md-list-action-placeholder,
|
|
.md-list > li:hover > .md-list-content .md-list-action-placeholder {
|
|
display: block;
|
|
}
|
|
.uk-touch .md-list .uk-nestable-list > li .md-list-action-dropdown,
|
|
.uk-touch .md-list > li .md-list-action-dropdown,
|
|
.md-list .uk-nestable-list > li:hover .md-list-action-dropdown,
|
|
.md-list > li:hover .md-list-action-dropdown {
|
|
display: block;
|
|
}
|
|
.md-list .uk-nestable-list > li {
|
|
margin-left: 64px;
|
|
}
|
|
.md-list-addon > li {
|
|
margin-left: 64px;
|
|
position: relative;
|
|
}
|
|
.md-list-addon > li:last-child .md-list-addon-element {
|
|
border-bottom: none;
|
|
bottom: 0;
|
|
}
|
|
.md-list-addon > li:first-child .md-list-addon-element {
|
|
top: 0;
|
|
}
|
|
.md-list-addon > li.md-list-item-active .md-list-addon-element,
|
|
.md-list-addon > li.md-list-item-active .md-list-addon-element .material-icons {
|
|
color: #7cb342;
|
|
}
|
|
.md-list-addon-element {
|
|
position: absolute;
|
|
left: -64px;
|
|
top: -1px;
|
|
bottom: -1px;
|
|
width: 64px;
|
|
text-align: center;
|
|
padding: 8px 0;
|
|
display: block;
|
|
}
|
|
.md-list-addon-element .element-status {
|
|
position: absolute;
|
|
right: 12px;
|
|
top: 10px;
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 50%;
|
|
background: #bdbdbd;
|
|
border: 1px solid #fff;
|
|
}
|
|
.md-list-addon-element .element-status-danger {
|
|
background: #e53935;
|
|
}
|
|
.md-list-addon-element .element-status-success {
|
|
background: #7cb342;
|
|
}
|
|
.md-list-addon-element .element-status-warning {
|
|
background: #ffa000;
|
|
}
|
|
.md-list-addon-element > .md-list-addon-avatar {
|
|
margin-top: 2px;
|
|
}
|
|
.md-list-addon-element > .md-list-addon-icon {
|
|
font-size: 28px;
|
|
margin-top: 4px;
|
|
color: #727272;
|
|
}
|
|
.md-list-addon-element > .material-icons {
|
|
margin-top: 6px;
|
|
}
|
|
.md-list-addon-element .iradio_md,
|
|
.md-list-addon-element .icheckbox_md {
|
|
margin-top: 10px;
|
|
}
|
|
.md-list-addon-element .uk-nestable-handle {
|
|
position: absolute;
|
|
left: -2px;
|
|
top: 12px;
|
|
display: none;
|
|
}
|
|
.md-list-interactive li {
|
|
cursor: pointer;
|
|
}
|
|
.md-list-bg {
|
|
background: #fff;
|
|
}
|
|
.md-list-separated li {
|
|
background: #fff;
|
|
padding: 8px;
|
|
}
|
|
.md-list-separated li + li {
|
|
border-top: none;
|
|
margin-top: 8px;
|
|
}
|
|
.md-list-bg-no-sep {
|
|
background: #fff;
|
|
padding: 8px;
|
|
}
|
|
.md-list-bg-no-sep li > .md-list-content {
|
|
padding: 0 4px;
|
|
}
|
|
.md-list-outside > li {
|
|
padding: 0;
|
|
}
|
|
.md-list-outside > li > .md-list-content {
|
|
padding: 8px 16px;
|
|
display: block;
|
|
color: #212121;
|
|
}
|
|
.md-list-outside > li.md-list-item-active,
|
|
.md-list-outside > li:hover:not(.heading_list) {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
.md-list-outside > li.heading_list {
|
|
padding: 32px 16px 16px;
|
|
}
|
|
.md-list-outside.md-list-addon li {
|
|
margin-left: 0;
|
|
}
|
|
.md-list-outside.md-list-addon li .md-list-addon-element {
|
|
position: relative;
|
|
top: auto;
|
|
left: auto;
|
|
float: left;
|
|
}
|
|
.md-list-outside.md-list-addon li .md-list-content {
|
|
padding-left: 0;
|
|
}
|
|
.md-list-outside-wrapper {
|
|
position: relative;
|
|
}
|
|
.md-list-outside-wrapper .md-list-outside-search {
|
|
position: absolute;
|
|
top: -46px;
|
|
left: 16px;
|
|
right: 16px;
|
|
z-index: 1000;
|
|
}
|
|
.md-list-outside-wrapper .md-list-outside-search .md-input-wrapper {
|
|
padding: 0;
|
|
}
|
|
.md-list-outside-wrapper .md-list-outside-search .md-input-wrapper .md-input-bar:before,
|
|
.md-list-outside-wrapper .md-list-outside-search .md-input-wrapper .md-input-bar:after {
|
|
background: #fff;
|
|
}
|
|
.md-list-outside-wrapper .md-list-outside-search .md-input {
|
|
border-bottom-color: transparent !important;
|
|
}
|
|
.md-list .uk-nestable-list {
|
|
padding-left: 0;
|
|
}
|
|
.md-list .uk-nestable-list .uk-nestable-item {
|
|
padding-right: 0;
|
|
}
|
|
.md-list .uk-nestable-item + .uk-nestable-item {
|
|
margin-top: 0;
|
|
}
|
|
.md-list-right.md-list-addon > li {
|
|
margin-left: 0;
|
|
margin-right: 64px;
|
|
}
|
|
.md-list-right.md-list-addon > li .md-list-addon-element {
|
|
left: auto;
|
|
right: -64px;
|
|
}
|
|
.uk-touch .md-list-addon-element .uk-nestable-handle {
|
|
display: block !important;
|
|
}
|
|
.uk-touch .md-list-content .md-list-action,
|
|
.uk-touch .md-list-content .md-list-action-placeholder {
|
|
display: block !important;
|
|
}
|
|
.uk-touch .md-list-action-dropdown {
|
|
display: block !important;
|
|
}
|
|
/* panels */
|
|
.md-panel-full {
|
|
position: relative;
|
|
overflow: hidden;
|
|
min-height: 100%;
|
|
}
|
|
.md-panel-full,
|
|
.md-panel-full:before,
|
|
.md-panel-full:after,
|
|
.md-panel-full *,
|
|
.md-panel-full *:before,
|
|
.md-panel-full *:after {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.md-panel-full > .uk-grid {
|
|
height: 100%;
|
|
}
|
|
.md-panel-full > .uk-grid [class*=uk-width] {
|
|
height: 100%;
|
|
}
|
|
.md-panel-full .md-panel-full-aside {
|
|
margin: 16px 16px 32px;
|
|
padding: 16px;
|
|
}
|
|
.md-panel-full .md-panel-full-aside.md-panel-full-aside-bg {
|
|
background: #fff;
|
|
}
|
|
.md-panel-full .md-panel-full-content {
|
|
background: #fff;
|
|
padding: 25px 25px 90px;
|
|
width: inherit;
|
|
min-width: 100%;
|
|
min-height: 100%;
|
|
}
|
|
.md-panel-full .md-panel-full-content > .md-panel-full-content-inner {
|
|
position: relative;
|
|
z-index: 10;
|
|
}
|
|
.md-panel-full .md-panel-full-content:before {
|
|
width: inherit;
|
|
content: '';
|
|
position: absolute;
|
|
background: #fff;
|
|
display: block;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
-webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
|
|
box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
|
|
z-index: 5;
|
|
}
|
|
.md-panel-full .md-panel-full-content .md-panel-full-content-header {
|
|
margin-bottom: 24px;
|
|
}
|
|
.md-panel-full .md-panel-full-content .md-panel-full-content-header .md-panel-full-content-menu {
|
|
float: right;
|
|
}
|
|
/* top bar */
|
|
.md-top-bar .md-top-bar-checkbox {
|
|
padding-top: 10px;
|
|
}
|
|
.md-top-bar .md-top-bar-icons {
|
|
margin-top: 5px;
|
|
}
|
|
.md-top-bar .md-top-bar-icons,
|
|
.md-top-bar .md-top-bar-checkbox {
|
|
display: inline-block;
|
|
}
|
|
.md-top-bar .md-btn-group {
|
|
margin-top: 4px;
|
|
}
|
|
.md-top-bar .md-top-bar-actions-left {
|
|
float: left;
|
|
padding-left: 16px;
|
|
}
|
|
.md-top-bar .md-top-bar-actions-left .md-btn-group {
|
|
margin-left: 8px;
|
|
}
|
|
.md-top-bar .md-top-bar-actions-right {
|
|
float: right;
|
|
padding-right: 16px;
|
|
}
|
|
.md-top-bar .md-top-bar-actions-right .md-btn-group {
|
|
margin-right: 8px;
|
|
}
|
|
.md-top-bar .md-btn-small {
|
|
padding: 2px 12px;
|
|
}
|
|
/*** utils ***/
|
|
/* avatar */
|
|
.md-user-image {
|
|
width: 34px;
|
|
border-radius: 50%;
|
|
}
|
|
.md-user-image-large {
|
|
width: 82px;
|
|
border-radius: 50%;
|
|
}
|
|
.md-user-placeholder {
|
|
background-color: rgba(0, 0, 0, 0.085);
|
|
width: 34px;
|
|
height: 34px;
|
|
border-radius: 50%;
|
|
}
|
|
.md-user-letters {
|
|
display: inline-block;
|
|
line-height: 35px;
|
|
width: 34px;
|
|
height: 34px;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
background-color: rgba(0, 0, 0, 0.085);
|
|
}
|
|
/* icons */
|
|
.md-icon {
|
|
font-size: 24px;
|
|
line-height: 32px !important;
|
|
height: 32px !important;
|
|
color: #727272;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
-webkit-transition: background 280ms ease-out, color 280ms ease-out;
|
|
transition: background 280ms ease-out, color 280ms ease-out;
|
|
width: 32px !important;
|
|
text-align: center;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.md-icon:hover,
|
|
.md-icon:focus,
|
|
.md-icon:active,
|
|
.md-icon.active {
|
|
color: #212121;
|
|
background: rgba(0, 0, 0, 0.08);
|
|
}
|
|
.md-icon-light {
|
|
color: #fff;
|
|
}
|
|
.md-icon-light:hover,
|
|
.md-icon-light:focus,
|
|
.md-icon-light:active {
|
|
color: #fff;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
}
|
|
.md-icon-dark {
|
|
color: #212121;
|
|
}
|
|
.md-icon-dark:hover,
|
|
.md-icon-dark:focus,
|
|
.md-icon-dark:active {
|
|
color: #212121;
|
|
background: rgba(255, 255, 255, 0.6);
|
|
}
|
|
.md-icon + .md-icon {
|
|
margin-left: 4px;
|
|
}
|
|
.md-icon-btn {
|
|
display: inline-block;
|
|
}
|
|
.md-icon-btn.active .md-icon {
|
|
color: #212121;
|
|
background: rgba(0, 0, 0, 0.08);
|
|
}
|
|
button.md-icon {
|
|
background: none;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
.uk-open > .md-icon {
|
|
color: #212121;
|
|
background: rgba(0, 0, 0, 0.08);
|
|
}
|
|
.uk-open > .md-icon-light {
|
|
color: #fff;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
}
|
|
.uk-open > .md-icon-dark {
|
|
color: #212121;
|
|
background: rgba(255, 255, 255, 0.6);
|
|
}
|
|
/* dropdown list */
|
|
.md-list-inputs {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.md-list-inputs > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.md-list-inputs li + li {
|
|
margin-top: 8px;
|
|
}
|
|
.md-list-inputs li .icheckbox_md {
|
|
float: left;
|
|
}
|
|
.md-list-inputs li label {
|
|
overflow: hidden;
|
|
padding-left: 8px;
|
|
display: block;
|
|
cursor: pointer;
|
|
}
|
|
/* hr */
|
|
.md-hr {
|
|
margin: 32px 0;
|
|
height: 0;
|
|
border-top: 2px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
/* animated show */
|
|
@-webkit-keyframes hierarchical_show {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.2, 0.2, 2);
|
|
transform: scale3d(0.2, 0.2, 2);
|
|
}
|
|
40% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
@keyframes hierarchical_show {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.2, 0.2, 2);
|
|
transform: scale3d(0.2, 0.2, 2);
|
|
}
|
|
40% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
.hierarchical_show {
|
|
will-change: transform, opacity;
|
|
}
|
|
.hierarchical_show > * {
|
|
visibility: hidden;
|
|
}
|
|
.hierarchical_show_inView > * {
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-animation-duration: 560ms;
|
|
animation-duration: 560ms;
|
|
-webkit-animation-name: hierarchical_show;
|
|
animation-name: hierarchical_show;
|
|
visibility: visible;
|
|
}
|
|
@-webkit-keyframes hierarchical_slide {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 160%, 0);
|
|
transform: translate3d(0, 160%, 0);
|
|
}
|
|
33% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes hierarchical_slide {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 160%, 0);
|
|
transform: translate3d(0, 160%, 0);
|
|
}
|
|
33% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.hierarchical_slide {
|
|
will-change: transform, opacity;
|
|
}
|
|
.hierarchical_slide > * {
|
|
visibility: hidden;
|
|
}
|
|
.hierarchical_slide_inView > * {
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-animation-duration: 560ms;
|
|
animation-duration: 560ms;
|
|
-webkit-animation-name: hierarchical_slide;
|
|
animation-name: hierarchical_slide;
|
|
visibility: visible;
|
|
}
|
|
.fast_animation {
|
|
-webkit-animation-duration: 280ms;
|
|
animation-duration: 280ms;
|
|
}
|
|
/* 6. plugins ======================================== */
|
|
/* altair plugins */
|
|
/* colorpicker */
|
|
.cp_altair {
|
|
padding: 8px 0;
|
|
overflow: hidden;
|
|
}
|
|
.cp_altair span {
|
|
width: 24px;
|
|
height: 24px;
|
|
margin: 0 8px 8px 0;
|
|
float: left;
|
|
-webkit-transition: all 280ms ease-out;
|
|
transition: all 280ms ease-out;
|
|
cursor: pointer;
|
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
}
|
|
.cp_altair span.active_color {
|
|
border-radius: 50%;
|
|
cursor: default;
|
|
}
|
|
/* metrics graphics */
|
|
.mGraph {
|
|
min-height: 240px;
|
|
width: 100%;
|
|
}
|
|
.mGraph-wrapper {
|
|
position: relative;
|
|
}
|
|
.mGraph-wrapper .md-toggle-group {
|
|
position: absolute;
|
|
top: 4px;
|
|
left: 12px;
|
|
}
|
|
.mGraph .mg-active-datapoint {
|
|
font-size: 13px;
|
|
}
|
|
.mGraph .mg-area1-color {
|
|
fill: #1976d2;
|
|
}
|
|
.mGraph .mg-area2-color {
|
|
fill: #689f38;
|
|
}
|
|
.mGraph .mg-area3-color {
|
|
fill: #d32f2f;
|
|
}
|
|
.mGraph .mg-area4-color {
|
|
fill: #ffa000;
|
|
}
|
|
.mGraph .mg-area5-color {
|
|
fill: #455a64;
|
|
}
|
|
.mGraph .mg-baselines line {
|
|
stroke: #909090;
|
|
stroke-width: 0.5;
|
|
}
|
|
.mGraph .mg-baselines text {
|
|
font-size: 9px;
|
|
opacity: 0.5;
|
|
}
|
|
.mGraph .mg-chart-title {
|
|
font-size: 22px;
|
|
}
|
|
.mGraph .mg-chart-title .fa {
|
|
font-size: 16px;
|
|
}
|
|
.mGraph .mg-line1-color {
|
|
stroke: #1976d2;
|
|
}
|
|
.mGraph .mg-hover-line1-color {
|
|
fill: #1976d2;
|
|
}
|
|
.mGraph .mg-line2-color {
|
|
stroke: #689f38;
|
|
}
|
|
.mGraph .mg-hover-line2-color {
|
|
fill: #689f38;
|
|
}
|
|
.mGraph .mg-line3-color {
|
|
stroke: #d32f2f;
|
|
}
|
|
.mGraph .mg-hover-line3-color {
|
|
fill: #d32f2f;
|
|
}
|
|
.mGraph .mg-line4-color {
|
|
stroke: #ffa000;
|
|
}
|
|
.mGraph .mg-hover-line4-color {
|
|
fill: #ffa000;
|
|
}
|
|
.mGraph .mg-line5-color {
|
|
stroke: #455a64;
|
|
}
|
|
.mGraph .mg-hover-line5-color {
|
|
fill: #455a64;
|
|
}
|
|
.mGraph .mg-line1-legend-color {
|
|
color: #1976d2;
|
|
}
|
|
.mGraph .mg-line2-legend-color {
|
|
color: #689f38;
|
|
}
|
|
.mGraph .mg-line3-legend-color {
|
|
color: #d32f2f;
|
|
}
|
|
.mGraph .mg-line4-legend-color {
|
|
color: #ffa000;
|
|
}
|
|
.mGraph .mg-line5-legend-color {
|
|
color: #455a64;
|
|
}
|
|
.mGraph .mg-markers line {
|
|
stroke-width: 0.8;
|
|
}
|
|
.mGraph .mg-markers text {
|
|
font-size: 9px;
|
|
}
|
|
.mGraph path.mg-main-line {
|
|
stroke-width: 1.1;
|
|
}
|
|
.mGraph .mg-x-axis line,
|
|
.mGraph .mg-y-axis line {
|
|
stroke: #ccc;
|
|
stroke-width: 0.8;
|
|
}
|
|
.mGraph .mg-x-axis text,
|
|
.mGraph .mg-y-axis text,
|
|
.mGraph .mg-histogram .axis text {
|
|
font-size: 11px;
|
|
}
|
|
.mGraph .mg-x-axis .label,
|
|
.mGraph .mg-y-axis .label,
|
|
.mGraph .mg-axis .label {
|
|
font-size: 10px;
|
|
}
|
|
.mGraph .mg-x-axis-small text,
|
|
.mGraph .mg-y-axis-small text,
|
|
.mGraph .mg-active-datapoint-small {
|
|
font-size: 8px;
|
|
}
|
|
.mGraph .mg-x-axis-small .label,
|
|
.mGraph .mg-y-axis-small .label {
|
|
font-size: 9px;
|
|
}
|
|
.mGraph .mg-year-marker text {
|
|
font-size: 9px;
|
|
}
|
|
.mGraph .mg-year-marker line {
|
|
stroke: #ccc;
|
|
stroke-width: 0.8;
|
|
}
|
|
.mGraph .mg-year-marker-small text {
|
|
font-size: 8px;
|
|
}
|
|
.mGraph .mg-chart-title {
|
|
font-size: 18px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.mGraph .popover {
|
|
z-index: 1060;
|
|
position: absolute !important;
|
|
background: #616161;
|
|
color: #fff;
|
|
font-size: 13px;
|
|
padding: 8px 16px;
|
|
line-height: 16px;
|
|
max-width: 290px;
|
|
margin-top: -10px;
|
|
}
|
|
/* c3 charts */
|
|
.c3chart {
|
|
min-height: 240px;
|
|
width: 100%;
|
|
}
|
|
.c3chart .c3-tooltip {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
empty-cells: show;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
opacity: 1;
|
|
background: #fff;
|
|
border: none;
|
|
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
.c3chart .c3-tooltip th {
|
|
border: none;
|
|
background: #fff;
|
|
color: #212121;
|
|
}
|
|
.c3chart .c3-tooltip td {
|
|
border: none;
|
|
color: #212121;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
}
|
|
.c3chart .c3-tooltip td + td {
|
|
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
.c3chart .c3-tooltip tr {
|
|
border: none;
|
|
}
|
|
.c3chart .c3-tooltip tr + tr td {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
.c3-area {
|
|
opacity: 0.25;
|
|
}
|
|
/* clndr */
|
|
.clndr {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.clndr,
|
|
.clndr:before,
|
|
.clndr:after,
|
|
.clndr *,
|
|
.clndr *:before,
|
|
.clndr *:after {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.clndr .clndr_days_names:before,
|
|
.clndr .clndr_days_grid:before,
|
|
.clndr .clndr_days_names:after,
|
|
.clndr .clndr_days_grid:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.clndr .clndr_days_names:after,
|
|
.clndr .clndr_days_grid:after {
|
|
clear: both;
|
|
}
|
|
.clndr .clndr_days_names:before,
|
|
.clndr .clndr_days_grid:before,
|
|
.clndr .clndr_days_names:after,
|
|
.clndr .clndr_days_grid:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.clndr .clndr_days_names:after,
|
|
.clndr .clndr_days_grid:after {
|
|
clear: both;
|
|
}
|
|
.clndr .md-card-toolbar-heading-text {
|
|
text-transform: capitalize;
|
|
}
|
|
.clndr .clndr_days {
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
padding: 16px;
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
}
|
|
.clndr .clndr_days .clndr_days_names .day-header {
|
|
width: 14.28571429%;
|
|
float: left;
|
|
text-align: center;
|
|
padding: 8px 0;
|
|
text-transform: uppercase;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
}
|
|
.clndr .clndr_days .clndr_days_grid .day {
|
|
width: 14.28571429%;
|
|
float: left;
|
|
padding: 6px;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.clndr .clndr_days .clndr_days_grid .day.next-month,
|
|
.clndr .clndr_days .clndr_days_grid .day.last-month {
|
|
color: #bbb;
|
|
}
|
|
.clndr .clndr_days .clndr_days_grid .day > span {
|
|
display: inline-block;
|
|
font-size: 15px;
|
|
line-height: 36px;
|
|
height: 38px;
|
|
width: 38px;
|
|
border-radius: 50%;
|
|
border: 1px solid transparent;
|
|
}
|
|
@media only screen and (max-width: 479px) {
|
|
.clndr .clndr_days .clndr_days_grid .day > span {
|
|
font-size: 14px;
|
|
line-height: 31px;
|
|
height: 32px;
|
|
width: 32px;
|
|
border-radius: 16px;
|
|
}
|
|
}
|
|
.clndr .clndr_days .clndr_days_grid .day.today > span {
|
|
background: #7cb342;
|
|
color: #fff;
|
|
}
|
|
.clndr .clndr_days .clndr_days_grid .day.event {
|
|
cursor: pointer;
|
|
}
|
|
.clndr .clndr_days .clndr_days_grid .day.event > span {
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
.clndr .clndr_days .clndr_days_grid .day.event.today > span {
|
|
border-color: transparent;
|
|
}
|
|
.clndr .clndr_events {
|
|
position: absolute;
|
|
top: 48px;
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 240px;
|
|
background: #fff;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
padding: 16px;
|
|
margin-right: -240px;
|
|
-webkit-transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
.clndr .clndr_events .clndr_event {
|
|
padding: 8px 0;
|
|
display: none;
|
|
}
|
|
.clndr .clndr_events .clndr_event > a {
|
|
display: inline-block;
|
|
color: #212121;
|
|
}
|
|
.clndr .clndr_events .clndr_event .clndr_event_more_info,
|
|
.clndr .clndr_events .clndr_event .clndr_event_title {
|
|
display: block;
|
|
}
|
|
.clndr .clndr_events .clndr_event .clndr_event_more_info {
|
|
margin: 0;
|
|
font-size: 12px;
|
|
color: #999;
|
|
}
|
|
.clndr .clndr_events .clndr_event .clndr_event_title {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
}
|
|
.clndr .clndr_events .clndr_events_close_button {
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 6px;
|
|
cursor: pointer;
|
|
}
|
|
.clndr-wrapper.animated_change .clndr_days {
|
|
-webkit-transform: translateY(80%);
|
|
transform: translateY(80%);
|
|
opacity: 0;
|
|
}
|
|
.events_visible .clndr .clndr_days {
|
|
margin-right: 240px;
|
|
}
|
|
.events_visible .clndr .clndr_days .day-active > span {
|
|
border-color: #2196f3 !important;
|
|
-webkit-box-shadow: 0 0 0 1px #2196f3;
|
|
box-shadow: 0 0 0 1px #2196f3;
|
|
}
|
|
.events_visible .clndr .clndr_events {
|
|
margin-right: 0;
|
|
}
|
|
.events_over.events_visible .clndr .clndr_days {
|
|
margin-right: 0;
|
|
}
|
|
.events_over.events_visible .clndr_events {
|
|
-webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
|
|
box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.26);
|
|
z-index: 5;
|
|
border-left-color: transparent;
|
|
}
|
|
.peity_data {
|
|
display: none;
|
|
}
|
|
/* gmaps (google maps) */
|
|
.gmap {
|
|
width: 100%;
|
|
height: 240px;
|
|
}
|
|
.gmap img {
|
|
max-width: none;
|
|
}
|
|
.gmap .on_gmap .wrap_controls {
|
|
width: 180px;
|
|
border: none !important;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
|
|
}
|
|
.gmap .on_gmap .controls_title {
|
|
font-weight: normal !important;
|
|
font-size: 14px !important;
|
|
}
|
|
.gmap .on_gmap.dropdown .wrap_controls {
|
|
overflow: visible !important;
|
|
}
|
|
.gmap_large {
|
|
height: 300px;
|
|
}
|
|
.gmap_xlarge {
|
|
height: 400px;
|
|
}
|
|
.gmap_list > li {
|
|
cursor: pointer;
|
|
-webkit-transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.gmap_list > li:active {
|
|
background: #eee;
|
|
}
|
|
.gmap-info-window {
|
|
min-width: 120px;
|
|
font-weight: 400;
|
|
}
|
|
.gmap-info-window h3 {
|
|
margin: 0 0 8px;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
}
|
|
.gmap-info-window p {
|
|
color: #aaa;
|
|
font-size: 13px;
|
|
margin: 0;
|
|
}
|
|
/* easy pie chart */
|
|
.epc_chart {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
.epc_chart_text {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
text-align: center;
|
|
font: 400 20px / 110px "Open Sans", sans-serif;
|
|
}
|
|
.epc_chart_icon {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
text-align: center;
|
|
line-height: 104px;
|
|
display: block;
|
|
}
|
|
.epc_chart_icon > i {
|
|
color: #727272;
|
|
font-size: 48px;
|
|
vertical-align: middle;
|
|
}
|
|
.epc_chart + .heading_a {
|
|
margin-top: 10px;
|
|
}
|
|
/* iCheck material design theme
|
|
----------------------------------- */
|
|
.icheckbox_md,
|
|
.iradio_md {
|
|
display: inline-block;
|
|
*display: inline;
|
|
vertical-align: middle;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
position: relative;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.icheckbox_md:after,
|
|
.iradio_md:after {
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.icheckbox_md > input,
|
|
.iradio_md > input {
|
|
margin: 0;
|
|
}
|
|
.icheckbox_md > .iCheck-helper,
|
|
.iradio_md > .iCheck-helper {
|
|
z-index: 10;
|
|
}
|
|
.icheckbox_md {
|
|
border: 2px solid rgba(0, 0, 0, 0.54);
|
|
border-radius: 2px;
|
|
width: 18px;
|
|
height: 18px;
|
|
background: #fff;
|
|
-webkit-transition: all 200ms ease-out;
|
|
transition: all 200ms ease-out;
|
|
}
|
|
.icheckbox_md.checked:after,
|
|
.icheckbox_md.disabled:after {
|
|
content: '\e5ca';
|
|
font-family: "Material Icons";
|
|
font-size: 18px;
|
|
color: #fff;
|
|
position: absolute;
|
|
left: -2px;
|
|
top: -6px;
|
|
line-height: 1.42857143;
|
|
}
|
|
.icheckbox_md.hover.checked,
|
|
.icheckbox_md.checked {
|
|
background: #009688;
|
|
border-color: #009688 !important;
|
|
}
|
|
.icheckbox_md.disabled:after {
|
|
display: none;
|
|
}
|
|
.icheckbox_md.disabled,
|
|
.icheckbox_md.disabled.checked {
|
|
background: transparent;
|
|
background-clip: padding-box;
|
|
border-color: rgba(0, 0, 0, 0.26);
|
|
cursor: default;
|
|
}
|
|
.icheckbox_md.disabled.checked {
|
|
background: #bdbdbd !important;
|
|
border-color: #bdbdbd !important;
|
|
}
|
|
.icheckbox_md.disabled.checked:after {
|
|
display: block !important;
|
|
}
|
|
.md-input-danger .icheckbox_md {
|
|
border-color: #e53935;
|
|
}
|
|
.icheckbox_md.indeterminate {
|
|
background: #009688;
|
|
border-color: #009688;
|
|
}
|
|
.icheckbox_md.indeterminate:after {
|
|
content: '';
|
|
background: #fff;
|
|
position: absolute;
|
|
left: 2px;
|
|
top: 2px;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
.iradio_md {
|
|
border: 2px solid rgba(0, 0, 0, 0.54);
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
}
|
|
.iradio_md:after {
|
|
content: '';
|
|
background: transparent;
|
|
position: absolute;
|
|
left: 3px;
|
|
top: 3px;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
-webkit-transform: scale(0.1);
|
|
transform: scale(0.1);
|
|
-webkit-transition: all 200ms ease-out;
|
|
transition: all 200ms ease-out;
|
|
}
|
|
.iradio_md.checked {
|
|
border-color: #009688 !important;
|
|
}
|
|
.iradio_md.checked:after {
|
|
background: #009688;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
.iradio_md.disabled {
|
|
border-color: rgba(0, 0, 0, 0.26);
|
|
cursor: default;
|
|
}
|
|
.iradio_md.disabled:after {
|
|
background: rgba(0, 0, 0, 0.26);
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
.md-input-danger .iradio_md {
|
|
border-color: #e53935;
|
|
}
|
|
.disabled + .inline-label {
|
|
color: rgba(0, 0, 0, 0.26);
|
|
cursor: default;
|
|
}
|
|
.icheck-inline {
|
|
display: inline-block;
|
|
margin: 0 16px 16px 0;
|
|
}
|
|
.icheck-inline + .parsley-errors-list {
|
|
margin-top: -8px;
|
|
}
|
|
/*// prism syntax highlighter
|
|
@import "plugins/_prism";*/
|
|
.scroll-wrapper {
|
|
overflow: hidden !important;
|
|
padding: 0 !important;
|
|
position: relative;
|
|
}
|
|
.scroll-wrapper > .scroll-content {
|
|
border: none !important;
|
|
-webkit-box-sizing: content-box !important;
|
|
box-sizing: content-box !important;
|
|
height: auto;
|
|
left: 0;
|
|
margin: 0;
|
|
max-height: none;
|
|
max-width: none !important;
|
|
overflow-y: scroll !important;
|
|
overflow-x: hidden !important;
|
|
padding: 0;
|
|
position: relative !important;
|
|
top: 0;
|
|
width: auto !important;
|
|
}
|
|
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
.scroll-element {
|
|
display: none;
|
|
}
|
|
.scroll-element,
|
|
.scroll-element div {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
.scroll-element.scroll-x.scroll-scrollx_visible,
|
|
.scroll-element.scroll-y.scroll-scrolly_visible {
|
|
display: block;
|
|
}
|
|
.scroll-element .scroll-bar,
|
|
.scroll-element .scroll-arrow {
|
|
cursor: default;
|
|
}
|
|
.scroll-textarea > .scroll-content {
|
|
overflow: hidden !important;
|
|
}
|
|
.scroll-textarea > .scroll-content > textarea {
|
|
border: none !important;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 100% !important;
|
|
margin: 0;
|
|
max-height: none !important;
|
|
max-width: none !important;
|
|
overflow: scroll !important;
|
|
outline: none;
|
|
padding: 2px;
|
|
position: relative !important;
|
|
top: 0;
|
|
width: 100% !important;
|
|
}
|
|
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
.scrollbar-inner {
|
|
height: 100% !important;
|
|
max-height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
.scrollbar-inner > .scroll-element,
|
|
.scrollbar-inner > .scroll-element div {
|
|
background: none;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
z-index: 10;
|
|
}
|
|
.scrollbar-inner > .scroll-element div {
|
|
display: block;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.scrollbar-inner > .scroll-element .scroll-element_track {
|
|
display: none;
|
|
}
|
|
.scrollbar-inner > .scroll-element .scroll-bar {
|
|
background-color: #6C6E71;
|
|
display: block;
|
|
opacity: 0;
|
|
border-radius: 6px;
|
|
-webkit-transition: opacity 0.2s linear;
|
|
transition: opacity 0.2s linear;
|
|
}
|
|
.scrollbar-inner > .scroll-element.scroll-x {
|
|
bottom: 0;
|
|
height: 0;
|
|
left: 0;
|
|
min-width: 100%;
|
|
overflow: visible;
|
|
width: 100%;
|
|
}
|
|
.scrollbar-inner > .scroll-element.scroll-x .scroll-bar {
|
|
height: 7px;
|
|
min-width: 10px;
|
|
top: -9px;
|
|
}
|
|
.scrollbar-inner > .scroll-element.scroll-x .scroll-element_outer {
|
|
left: 2px;
|
|
}
|
|
.scrollbar-inner > .scroll-element.scroll-x .scroll-element_size {
|
|
left: -4px;
|
|
}
|
|
.scrollbar-inner > .scroll-element.scroll-y {
|
|
height: 100%;
|
|
min-height: 100%;
|
|
right: 0;
|
|
top: 0;
|
|
width: 0;
|
|
}
|
|
.scrollbar-inner > .scroll-element.scroll-y .scroll-bar {
|
|
left: -8px;
|
|
min-height: 10px;
|
|
width: 6px;
|
|
}
|
|
.scrollbar-inner > .scroll-element.scroll-y .scroll-element_outer {
|
|
top: 2px;
|
|
}
|
|
.scrollbar-inner > .scroll-element.scroll-y .scroll-element_size {
|
|
top: -4px;
|
|
}
|
|
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
|
|
left: -11px;
|
|
}
|
|
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
|
|
top: -11px;
|
|
}
|
|
.scrollbar-inner:hover > .scroll-element .scroll-bar,
|
|
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
|
|
opacity: 0.7;
|
|
}
|
|
.sidebar_mini #sidebar_main .scrollbar-inner > .scroll-element.scroll-y {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
.sidebar_mini #sidebar_main .scrollbar-inner > .scroll-element.scroll-y .scroll-bar {
|
|
left: 2px;
|
|
}
|
|
/* // selectize
|
|
@import "plugins/_selectize";*/
|
|
/* codemirror */
|
|
#code_editor_close {
|
|
display: none;
|
|
}
|
|
.CodeMirror pre {
|
|
font-size: 14px !important;
|
|
line-height: 20px !important;
|
|
}
|
|
.CodeMirror div.CodeMirror-cursor {
|
|
min-height: 20px;
|
|
}
|
|
.CodeMirror-fullscreen {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: auto;
|
|
}
|
|
.CodeMirror-fullscreen #code_editor_close {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px;
|
|
display: block;
|
|
}
|
|
.CodeMirror_textarea {
|
|
visibility: hidden;
|
|
}
|
|
.uk-notouch #code_editor_close {
|
|
right: 30px !important;
|
|
}
|
|
.md-card-CodeMirror .md-card-content form,
|
|
.md-card-CodeMirror .md-card-content form .CodeMirror {
|
|
height: 100%;
|
|
}
|
|
body.CodeMirror-fullscreen-active #header_main,
|
|
body.CodeMirror-fullscreen-active #sidebar_main,
|
|
body.CodeMirror-fullscreen-active #style_switcher {
|
|
display: none;
|
|
}
|
|
body.CodeMirror-fullscreen-active .md-card-CodeMirror {
|
|
z-index: 1154;
|
|
}
|
|
body.CodeMirror-fullscreen-active .CodeMirror-fullscreen {
|
|
z-index: 1154;
|
|
}
|
|
body.CodeMirror-fullscreen-active .CodeMirror-fullscreen #code_editor_close {
|
|
z-index: 1155;
|
|
}
|
|
/* switchery */
|
|
.switchery {
|
|
background-color: #fff;
|
|
border-radius: 20px;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
height: 14px;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
width: 38px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
background-clip: content-box;
|
|
-webkit-transition: background-color 800ms ease-out !important;
|
|
transition: background-color 800ms ease-out !important;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
margin: 6px 2px;
|
|
}
|
|
.switchery > small {
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
|
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
|
|
height: 20px;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 20px;
|
|
margin-top: -3px;
|
|
-webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), left 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
|
|
transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), left 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
|
|
}
|
|
.switchery-small {
|
|
width: 32px;
|
|
height: 9px;
|
|
margin: 4px 1px;
|
|
}
|
|
.switchery-small > small {
|
|
height: 16px;
|
|
width: 16px;
|
|
top: -1px;
|
|
}
|
|
.switchery-large {
|
|
width: 48px;
|
|
}
|
|
.switchery-large > small {
|
|
height: 24px;
|
|
width: 24px;
|
|
top: -3px;
|
|
}
|
|
/* Ion.RangeSlider, Modern Skin */
|
|
.irs {
|
|
position: relative;
|
|
display: block;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
height: 55px;
|
|
}
|
|
.tablesorter .irs {
|
|
height: 42px;
|
|
}
|
|
.irs-line {
|
|
height: 2px;
|
|
top: 33px;
|
|
background: #EEE;
|
|
position: relative;
|
|
display: block;
|
|
overflow: hidden;
|
|
outline: none !important;
|
|
}
|
|
.irs-line-left,
|
|
.irs-line-mid,
|
|
.irs-line-right {
|
|
position: absolute;
|
|
display: block;
|
|
top: 0;
|
|
}
|
|
.irs-line-left {
|
|
height: 8px;
|
|
left: 0;
|
|
width: 11%;
|
|
}
|
|
.irs-line-mid {
|
|
height: 8px;
|
|
left: 9%;
|
|
width: 82%;
|
|
}
|
|
.irs-line-right {
|
|
height: 8px;
|
|
right: 0;
|
|
width: 11%;
|
|
}
|
|
.irs-bar {
|
|
height: 2px;
|
|
top: 33px;
|
|
background: #009688;
|
|
position: absolute;
|
|
display: block;
|
|
left: 0;
|
|
width: 0;
|
|
}
|
|
.irs-bar-edge {
|
|
height: 2px;
|
|
width: 6px;
|
|
border-right: 0;
|
|
background: #009688;
|
|
position: absolute;
|
|
display: block;
|
|
top: 33px;
|
|
left: 0;
|
|
}
|
|
.irs-shadow {
|
|
height: 4px;
|
|
top: 32px;
|
|
background: #000;
|
|
opacity: 0.4;
|
|
position: absolute;
|
|
display: none;
|
|
left: 0;
|
|
width: 0;
|
|
}
|
|
.irs-slider {
|
|
top: 28px;
|
|
width: 12px;
|
|
height: 12px;
|
|
background: #009688;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
display: block;
|
|
z-index: 1;
|
|
}
|
|
.irs-slider.state_hover,
|
|
.irs-slider:hover {
|
|
background: #009688;
|
|
}
|
|
.irs-slider.type_last {
|
|
z-index: 2;
|
|
}
|
|
.irs-min,
|
|
.irs-max {
|
|
color: #727272;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
text-shadow: none;
|
|
top: 0;
|
|
padding: 1px 4px;
|
|
background: rgba(0, 0, 0, 0.08);
|
|
border-radius: 2px;
|
|
display: block;
|
|
cursor: default;
|
|
position: absolute;
|
|
}
|
|
.irs-min {
|
|
left: 0;
|
|
}
|
|
.irs-max {
|
|
right: 0;
|
|
}
|
|
.irs-from,
|
|
.irs-to,
|
|
.irs-single {
|
|
color: #fff;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
text-shadow: none;
|
|
padding: 1px 4px;
|
|
background: #009688;
|
|
border-radius: 2px;
|
|
position: absolute;
|
|
display: block;
|
|
top: 0;
|
|
left: 0;
|
|
cursor: default;
|
|
white-space: nowrap;
|
|
z-index: 10;
|
|
}
|
|
.irs-from:after,
|
|
.irs-to:after,
|
|
.irs-single:after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: -8px;
|
|
left: 50%;
|
|
margin-left: -4px;
|
|
display: block;
|
|
border: 4px solid transparent;
|
|
border-top-color: #009688;
|
|
}
|
|
.irs-with-grid {
|
|
height: 65px;
|
|
}
|
|
.irs-grid {
|
|
position: absolute;
|
|
display: none;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 20px;
|
|
}
|
|
.irs-grid-pol {
|
|
opacity: 0.5;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 1px;
|
|
height: 8px;
|
|
background: #727272;
|
|
}
|
|
.irs-grid-pol.small {
|
|
background: #727272;
|
|
height: 4px;
|
|
}
|
|
.irs-grid-text {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
font-size: 9px;
|
|
line-height: 9px;
|
|
padding: 0 3px;
|
|
color: #727272;
|
|
}
|
|
.irs-with-grid .irs-grid {
|
|
display: block;
|
|
}
|
|
.irs-disable-mask {
|
|
position: absolute;
|
|
display: block;
|
|
top: 0;
|
|
left: -1%;
|
|
width: 102%;
|
|
height: 100%;
|
|
cursor: default;
|
|
background: rgba(0, 0, 0, 0);
|
|
z-index: 2;
|
|
}
|
|
.irs-disabled {
|
|
opacity: 0.4;
|
|
}
|
|
.irs-hidden-input {
|
|
position: absolute !important;
|
|
display: block !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
width: 0 !important;
|
|
height: 0 !important;
|
|
font-size: 0 !important;
|
|
line-height: 0 !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
outline: none !important;
|
|
z-index: -9999 !important;
|
|
background: none !important;
|
|
border-style: solid !important;
|
|
border-color: transparent !important;
|
|
}
|
|
.lt-ie9 .irs-shadow {
|
|
filter: alpha(opacity=30);
|
|
}
|
|
.lt-ie9 .irs-min,
|
|
.lt-ie9 .irs-max {
|
|
background: #ccc;
|
|
}
|
|
.lt-ie9 .irs-from,
|
|
.lt-ie9 .irs-to,
|
|
.lt-ie9 .irs-single {
|
|
background: #999;
|
|
}
|
|
.lt-ie9 .irs-disable-mask {
|
|
background: #000;
|
|
filter: alpha(opacity=0);
|
|
cursor: not-allowed;
|
|
}
|
|
.parsley-errors-list {
|
|
color: #e53935;
|
|
margin-top: 0;
|
|
}
|
|
.parsley-errors-list span {
|
|
display: block;
|
|
padding-top: 4px;
|
|
}
|
|
/* datatables */
|
|
.dataTables_wrapper .uk-table {
|
|
margin: 0 auto;
|
|
border-spacing: 0;
|
|
}
|
|
.dataTables_wrapper .uk-table thead .sorting,
|
|
.dataTables_wrapper .uk-table thead .sorting_asc,
|
|
.dataTables_wrapper .uk-table thead .sorting_desc {
|
|
cursor: pointer;
|
|
padding-right: 24px;
|
|
}
|
|
.dataTables_wrapper .uk-table thead .sorting,
|
|
.dataTables_wrapper .uk-table thead .sorting_asc,
|
|
.dataTables_wrapper .uk-table thead .sorting_desc,
|
|
.dataTables_wrapper .uk-table thead .sorting_asc_disabled,
|
|
.dataTables_wrapper .uk-table thead .sorting_desc_disabled {
|
|
position: relative;
|
|
}
|
|
.dataTables_wrapper .uk-table thead .sorting:after,
|
|
.dataTables_wrapper .uk-table thead .sorting_asc:after,
|
|
.dataTables_wrapper .uk-table thead .sorting_desc:after,
|
|
.dataTables_wrapper .uk-table thead .sorting_asc_disabled:after,
|
|
.dataTables_wrapper .uk-table thead .sorting_desc_disabled:after {
|
|
position: absolute;
|
|
right: 4px;
|
|
bottom: 13px;
|
|
content: '';
|
|
display: block;
|
|
width: 18px;
|
|
height: 18px;
|
|
font-size: 18px;
|
|
font-family: "Material Icons";
|
|
color: #212121;
|
|
}
|
|
.dataTables_wrapper .uk-table thead .sorting:after {
|
|
content: '\e164';
|
|
color: #aaa;
|
|
}
|
|
.dataTables_wrapper .uk-table thead .sorting_asc:after {
|
|
content: '\e313';
|
|
}
|
|
.dataTables_wrapper .uk-table thead .sorting_desc:after {
|
|
content: '\e316';
|
|
}
|
|
.dataTables_wrapper .uk-table thead .sorting_asc_disabled:after {
|
|
content: '\e313';
|
|
color: #aaa;
|
|
}
|
|
.dataTables_wrapper .uk-table thead .sorting_desc_disabled:after {
|
|
content: '\e316';
|
|
color: #aaa;
|
|
}
|
|
.dataTables_wrapper .uk-table,
|
|
.dataTables_wrapper .uk-table th,
|
|
.dataTables_wrapper .uk-table td {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
.dataTables_wrapper .uk-table:active,
|
|
.dataTables_wrapper .uk-table th:active,
|
|
.dataTables_wrapper .uk-table td:active {
|
|
outline: none;
|
|
}
|
|
.dataTables_wrapper .uk-table tbody tr.selected {
|
|
background-color: rgba(102, 102, 102, 0.085);
|
|
}
|
|
.dataTables_wrapper .uk-table.order-column tbody tr > .sorting_1,
|
|
.dataTables_wrapper .uk-table.order-column tbody tr > .sorting_2,
|
|
.dataTables_wrapper .uk-table.order-column tbody tr > .sorting_3,
|
|
.dataTables_wrapper .uk-table tbody tr > .sorting_1,
|
|
.dataTables_wrapper .uk-table tbody tr > .sorting_2,
|
|
.dataTables_wrapper .uk-table tbody tr > .sorting_3 {
|
|
background-color: rgba(102, 102, 102, 0.085);
|
|
}
|
|
.dataTables_wrapper .uk-table.nowrap th,
|
|
.dataTables_wrapper .uk-table.nowrap td {
|
|
white-space: nowrap;
|
|
}
|
|
.dataTables_wrapper .uk-table.compact thead th,
|
|
.dataTables_wrapper .uk-table.compact thead td {
|
|
padding: 4px 17px 4px 4px;
|
|
}
|
|
.dataTables_wrapper .uk-table.compact tfoot th,
|
|
.dataTables_wrapper .uk-table.compact tfoot td {
|
|
padding: 4px;
|
|
}
|
|
.dataTables_wrapper .uk-table.compact tbody th,
|
|
.dataTables_wrapper .uk-table.compact tbody td {
|
|
padding: 4px;
|
|
}
|
|
.dataTables_wrapper .uk-table th.dt-left,
|
|
.dataTables_wrapper .uk-table td.dt-left {
|
|
text-align: left;
|
|
}
|
|
.dataTables_wrapper .uk-table th.dt-center,
|
|
.dataTables_wrapper .uk-table td.dt-center,
|
|
.dataTables_wrapper .uk-table td.dataTables_empty {
|
|
text-align: center;
|
|
}
|
|
.dataTables_wrapper .uk-table th.dt-right,
|
|
.dataTables_wrapper .uk-table td.dt-right {
|
|
text-align: right;
|
|
}
|
|
.dataTables_wrapper .uk-table th.dt-justify,
|
|
.dataTables_wrapper .uk-table td.dt-justify {
|
|
text-align: justify;
|
|
}
|
|
.dataTables_wrapper .uk-table th.dt-nowrap,
|
|
.dataTables_wrapper .uk-table td.dt-nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
.dataTables_wrapper .uk-table thead th.dt-head-left,
|
|
.dataTables_wrapper .uk-table thead td.dt-head-left,
|
|
.dataTables_wrapper .uk-table tfoot th.dt-head-left,
|
|
.dataTables_wrapper .uk-table tfoot td.dt-head-left {
|
|
text-align: left;
|
|
}
|
|
.dataTables_wrapper .uk-table thead th.dt-head-center,
|
|
.dataTables_wrapper .uk-table thead td.dt-head-center,
|
|
.dataTables_wrapper .uk-table tfoot th.dt-head-center,
|
|
.dataTables_wrapper .uk-table tfoot td.dt-head-center {
|
|
text-align: center;
|
|
}
|
|
.dataTables_wrapper .uk-table thead th.dt-head-right,
|
|
.dataTables_wrapper .uk-table thead td.dt-head-right,
|
|
.dataTables_wrapper .uk-table tfoot th.dt-head-right,
|
|
.dataTables_wrapper .uk-table tfoot td.dt-head-right {
|
|
text-align: right;
|
|
}
|
|
.dataTables_wrapper .uk-table thead th.dt-head-justify,
|
|
.dataTables_wrapper .uk-table thead td.dt-head-justify,
|
|
.dataTables_wrapper .uk-table tfoot th.dt-head-justify,
|
|
.dataTables_wrapper .uk-table tfoot td.dt-head-justify {
|
|
text-align: justify;
|
|
}
|
|
.dataTables_wrapper .uk-table thead th.dt-head-nowrap,
|
|
.dataTables_wrapper .uk-table thead td.dt-head-nowrap,
|
|
.dataTables_wrapper .uk-table tfoot th.dt-head-nowrap,
|
|
.dataTables_wrapper .uk-table tfoot td.dt-head-nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
.dataTables_wrapper .uk-table tbody th.dt-body-left,
|
|
.dataTables_wrapper .uk-table tbody td.dt-body-left {
|
|
text-align: left;
|
|
}
|
|
.dataTables_wrapper .uk-table tbody th.dt-body-center,
|
|
.dataTables_wrapper .uk-table tbody td.dt-body-center {
|
|
text-align: center;
|
|
}
|
|
.dataTables_wrapper .uk-table tbody th.dt-body-right,
|
|
.dataTables_wrapper .uk-table tbody td.dt-body-right {
|
|
text-align: right;
|
|
}
|
|
.dataTables_wrapper .uk-table tbody th.dt-body-justify,
|
|
.dataTables_wrapper .uk-table tbody td.dt-body-justify {
|
|
text-align: justify;
|
|
}
|
|
.dataTables_wrapper .uk-table tbody th.dt-body-nowrap,
|
|
.dataTables_wrapper .uk-table tbody td.dt-body-nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
.dataTables_wrapper .uk-table tfoot .md-input-wrapper {
|
|
padding-top: 0;
|
|
}
|
|
.dataTables_wrapper .uk-table tfoot .md-input-wrapper .md-input {
|
|
padding: 8px 4px;
|
|
}
|
|
.dataTables_wrapper .dataTables_length {
|
|
margin-top: -1px;
|
|
}
|
|
.dataTables_wrapper .dataTables_filter .md-input-wrapper {
|
|
padding-top: 3px;
|
|
}
|
|
.dataTables_wrapper .dataTables_filter .md-input-wrapper .md-input {
|
|
padding: 6px 4px;
|
|
-webkit-appearance: none;
|
|
border-radius: 0;
|
|
}
|
|
.dataTables_wrapper .selectize-control.dt-selectize {
|
|
min-width: 64px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin: 0 8px;
|
|
height: 40px;
|
|
}
|
|
.dataTables_wrapper .selectize-control.dt-selectize .selectize-input {
|
|
border-color: transparent;
|
|
background: transparent;
|
|
}
|
|
.dataTables_wrapper .selectize-control.dt-selectize:hover .selectize-input {
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
background: #fff;
|
|
}
|
|
.dataTables_wrapper .dt-uikit-header {
|
|
padding: 4px 8px;
|
|
margin-bottom: 16px;
|
|
}
|
|
.dataTables_wrapper .dt-uikit-footer {
|
|
padding: 4px 8px;
|
|
margin-top: 16px;
|
|
}
|
|
.dataTables_wrapper .dt-uikit-footer .dataTables_info {
|
|
padding-top: 8px;
|
|
color: #727272;
|
|
font-size: 12px;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.dataTables_wrapper .dt-uikit-footer .dataTables_info {
|
|
text-align: center;
|
|
}
|
|
}
|
|
.dataTables_wrapper .dt-uikit-footer .uk-pagination {
|
|
text-align: right;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.dataTables_wrapper .dt-uikit-footer .uk-pagination {
|
|
margin-top: 16px;
|
|
text-align: center;
|
|
}
|
|
}
|
|
.dataTables_wrapper .uk-overflow-container th,
|
|
.dataTables_wrapper .uk-overflow-container td {
|
|
white-space: nowrap !important;
|
|
}
|
|
/* plugins */
|
|
.dt_colVis_buttons {
|
|
margin-bottom: 8px;
|
|
}
|
|
.dt_colVis_buttons:before,
|
|
.dt_colVis_buttons:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.dt_colVis_buttons:after {
|
|
clear: both;
|
|
}
|
|
.dt_colVis_buttons:before,
|
|
.dt_colVis_buttons:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.dt_colVis_buttons:after {
|
|
clear: both;
|
|
}
|
|
div.dt-button-info {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 400px;
|
|
margin-top: -100px;
|
|
margin-left: -200px;
|
|
background-color: #fff;
|
|
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
|
|
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
|
|
border-radius: 3px;
|
|
text-align: center;
|
|
z-index: 21;
|
|
}
|
|
div.dt-button-info h2 {
|
|
padding: 16px;
|
|
margin: 0;
|
|
font: 400 20px / 24px "Open Sans", sans-serif;
|
|
}
|
|
div.dt-button-info > div {
|
|
padding: 16px 24px;
|
|
}
|
|
.dt-button embed {
|
|
outline: none;
|
|
}
|
|
div.dt-buttons {
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
div.dt-buttons.buttons-right {
|
|
float: right;
|
|
}
|
|
.dt-button-collection.uk-dropdown {
|
|
margin-top: 4px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
opacity: 1 !important;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
z-index: 2020;
|
|
}
|
|
.dt-button-collection.uk-dropdown .dt-button.buttons-columnVisibility a {
|
|
position: relative;
|
|
padding-left: 32px;
|
|
color: #212121;
|
|
font-size: 15px;
|
|
line-height: 20px;
|
|
}
|
|
.dt-button-collection.uk-dropdown .dt-button.buttons-columnVisibility a:before {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 5px;
|
|
content: '\e835';
|
|
font-family: "Material Icons";
|
|
font-size: 24px;
|
|
color: rgba(0, 0, 0, 0.54);
|
|
}
|
|
.dt-button-collection.uk-dropdown .dt-button.buttons-columnVisibility.active a:before {
|
|
content: '\e834';
|
|
color: #009688;
|
|
}
|
|
div.dt-button-collection {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 150px;
|
|
margin-top: 3px;
|
|
padding: 8px 8px 4px 8px;
|
|
border: 1px solid rgba(0, 0, 0, 0.4);
|
|
background-color: white;
|
|
overflow: hidden;
|
|
z-index: 2002;
|
|
border-radius: 5px;
|
|
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
|
|
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
|
|
-webkit-column-gap: 8px;
|
|
-moz-column-gap: 8px;
|
|
column-gap: 8px;
|
|
}
|
|
div.dt-button-collection.fixed {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -75px;
|
|
border-radius: 0;
|
|
}
|
|
div.dt-button-collection.fixed.two-column {
|
|
margin-left: -150px;
|
|
}
|
|
div.dt-button-collection.fixed.three-column {
|
|
margin-left: -225px;
|
|
}
|
|
div.dt-button-collection.fixed.four-column {
|
|
margin-left: -300px;
|
|
}
|
|
div.dt-button-collection > * {
|
|
-webkit-column-break-inside: avoid;
|
|
-moz-column-break-inside: avoid;
|
|
break-inside: avoid;
|
|
}
|
|
div.dt-button-collection.two-column {
|
|
width: 300px;
|
|
padding-bottom: 1px;
|
|
-webkit-column-count: 2;
|
|
-moz-column-count: 2;
|
|
column-count: 2;
|
|
}
|
|
div.dt-button-collection.three-column {
|
|
width: 450px;
|
|
padding-bottom: 1px;
|
|
-webkit-column-count: 3;
|
|
-moz-column-count: 3;
|
|
column-count: 3;
|
|
}
|
|
div.dt-button-collection.four-column {
|
|
width: 600px;
|
|
padding-bottom: 1px;
|
|
-webkit-column-count: 4;
|
|
-moz-column-count: 4;
|
|
column-count: 4;
|
|
}
|
|
div.dt-button-background {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 2001;
|
|
background: rgba(0, 0, 0, 0.08);
|
|
}
|
|
@media screen and (max-width: 640px) {
|
|
div.dt-buttons {
|
|
float: none !important;
|
|
text-align: center;
|
|
}
|
|
}
|
|
/* fullcalendar */
|
|
.fc-state-default {
|
|
border: none;
|
|
background: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border-radius: 0 !important;
|
|
}
|
|
.fc-toolbar {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
|
margin: -16px -16px 16px;
|
|
height: 48px;
|
|
padding: 0 16px;
|
|
}
|
|
.fc-toolbar h2 {
|
|
line-height: 48px;
|
|
}
|
|
.fc-toolbar .fc-button {
|
|
margin-top: 8px;
|
|
border-radius: 50% !important;
|
|
}
|
|
.fc-toolbar .fc-button:hover {
|
|
background: rgba(0, 0, 0, 0.08);
|
|
}
|
|
.fc-event {
|
|
background: #0277bd;
|
|
border-radius: 3px;
|
|
font-size: 12px;
|
|
}
|
|
.fc-day-grid-event {
|
|
padding: 2px 2px;
|
|
}
|
|
.fc-day-number.fc-other-month {
|
|
opacity: 0.4;
|
|
}
|
|
.fc .fc-button-group + .fc-button-group {
|
|
margin-left: 24px;
|
|
}
|
|
.fc .fc-day-grid-event {
|
|
margin-top: 2px;
|
|
}
|
|
.fc-unthemed .fc-divider,
|
|
.fc-unthemed .fc-popover,
|
|
.fc-unthemed .fc-row,
|
|
.fc-unthemed tbody,
|
|
.fc-unthemed td,
|
|
.fc-unthemed th,
|
|
.fc-unthemed thead {
|
|
border-color: rgba(102, 102, 102, 0.12);
|
|
}
|
|
.fc-unthemed .fc-widget-header {
|
|
border: none;
|
|
text-align: left;
|
|
font-size: 15px;
|
|
color: #727272;
|
|
font-weight: 400;
|
|
padding: 2px 1px;
|
|
}
|
|
.fc-unthemed .fc-today {
|
|
background: #fffde7;
|
|
}
|
|
.fc-unthemed .fc-button {
|
|
position: relative;
|
|
min-width: 32px;
|
|
height: 32px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.fc-unthemed .fc-button + .fc-button {
|
|
margin-left: 8px;
|
|
}
|
|
.fc-unthemed .fc-button:after {
|
|
font-family: "Material Icons";
|
|
font-size: 24px;
|
|
position: absolute;
|
|
color: #727272;
|
|
left: 0;
|
|
top: 4px;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.fc-unthemed .fc-button:hover:after {
|
|
color: #212121;
|
|
}
|
|
.fc-unthemed .fc-button.fc-state-active {
|
|
background: none !important;
|
|
cursor: default;
|
|
}
|
|
.fc-unthemed .fc-button.fc-state-active:after {
|
|
color: #7cb342;
|
|
}
|
|
.fc-unthemed .fc-button.fc-state-disabled {
|
|
background: none !important;
|
|
cursor: default;
|
|
}
|
|
.fc-unthemed .fc-button.fc-state-disabled:hover:after {
|
|
color: #727272;
|
|
}
|
|
.fc-unthemed .fc-today-button {
|
|
margin-left: 16px;
|
|
}
|
|
.fc-unthemed .fc-today-button:after {
|
|
content: '\e8df';
|
|
}
|
|
.fc-unthemed .fc-month-button:after {
|
|
content: '\e42a';
|
|
}
|
|
.fc-unthemed .fc-agendaWeek-button:after {
|
|
content: '\e8f3';
|
|
}
|
|
.fc-unthemed .fc-agendaDay-button:after {
|
|
content: '\e8ed';
|
|
}
|
|
.fc-unthemed .fc-listWeek-button:after {
|
|
content: '\e8ef';
|
|
}
|
|
.fc-unthemed .fc-prev-button:after {
|
|
content: '\e408';
|
|
}
|
|
.fc-unthemed .fc-next-button {
|
|
margin-left: 0 !important;
|
|
}
|
|
.fc-unthemed .fc-next-button:after {
|
|
content: '\e409';
|
|
}
|
|
.fc-unthemed .fc-popover {
|
|
border: none !important;
|
|
-webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
|
|
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
|
|
margin: -10px 0 0 -4px;
|
|
}
|
|
.fc-unthemed .fc-popover .fc-header {
|
|
padding: 4px;
|
|
background: #999;
|
|
color: #fff;
|
|
}
|
|
.fc-unthemed .fc-popover .fc-header .fc-close {
|
|
margin-top: 3px;
|
|
color: #fff;
|
|
}
|
|
.fc-unthemed .fc-popover .fc-event-container {
|
|
padding: 8px;
|
|
}
|
|
.fc-unthemed .fc-highlight {
|
|
background: none;
|
|
-webkit-box-shadow: inset 0 0 0 2px #2196f3, inset 0 -1px 0 2px #2196f3;
|
|
box-shadow: inset 0 0 0 2px #2196f3, inset 0 -1px 0 2px #2196f3;
|
|
opacity: 1;
|
|
}
|
|
.fc-ltr .fc-basic-view .fc-day-number {
|
|
text-align: left;
|
|
color: #212121;
|
|
}
|
|
.fc-basic-view td.fc-day-number,
|
|
.fc-basic-view td.fc-week-number span {
|
|
padding: 2px 4px;
|
|
}
|
|
.fc-list-item + .fc-list-heading .fc-widget-header {
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
.fc-list-heading .fc-widget-header {
|
|
padding: 4px 8px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
}
|
|
/* vector maps */
|
|
.mapTooltip {
|
|
background: #616161;
|
|
color: #fff;
|
|
font-size: 14px;
|
|
padding: 6px 16px;
|
|
line-height: 18px;
|
|
text-shadow: none;
|
|
position: fixed;
|
|
border-radius: 4px;
|
|
z-index: 1000;
|
|
max-width: 200px;
|
|
display: none;
|
|
}
|
|
.vm_wrapper {
|
|
max-width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
.plotLegend {
|
|
margin-top: 24px;
|
|
padding: 16px 16px 8px;
|
|
}
|
|
/* fileInput */
|
|
.btn-file {
|
|
position: relative;
|
|
overflow: hidden;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
}
|
|
.btn-file input {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
direction: ltr;
|
|
}
|
|
.fileinput {
|
|
display: inline-block;
|
|
}
|
|
.fileinput .form-control {
|
|
display: inline-block;
|
|
padding-top: 7px;
|
|
padding-bottom: 5px;
|
|
margin-bottom: 0;
|
|
vertical-align: middle;
|
|
cursor: text;
|
|
}
|
|
.fileinput .thumbnail {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
}
|
|
.fileinput .thumbnail > img {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.fileinput .btn {
|
|
vertical-align: middle;
|
|
}
|
|
.fileinput-exists .fileinput-new,
|
|
.fileinput-new .fileinput-exists {
|
|
display: none !important;
|
|
}
|
|
.fileinput-inline .fileinput-controls {
|
|
display: inline;
|
|
}
|
|
.fileinput-filename {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
vertical-align: middle;
|
|
}
|
|
/*
|
|
jQuery.ganttView v.0.8.0
|
|
Copyright (c) 2010 JC Grubbs - jc.grubbs@devmynd.com
|
|
MIT License Applies
|
|
*/
|
|
div.ganttview {
|
|
position: relative;
|
|
/* Horizontal Header */
|
|
/* Vertical Header */
|
|
/* Slider */
|
|
/* Grid */
|
|
/* Adjustments for jQuery UI Styling */
|
|
}
|
|
div.ganttview,
|
|
div.ganttview:before,
|
|
div.ganttview:after,
|
|
div.ganttview *,
|
|
div.ganttview *:before,
|
|
div.ganttview *:after {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
div.ganttview-wrapper {
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
}
|
|
div.ganttview-hzheader-month,
|
|
div.ganttview-hzheader-day,
|
|
div.ganttview-vtheader,
|
|
div.ganttview-grid,
|
|
div.ganttview-grid-row-cell {
|
|
float: left;
|
|
}
|
|
div.ganttview-hzheader-month,
|
|
div.ganttview-hzheader-day {
|
|
text-align: center;
|
|
}
|
|
div.ganttview-grid-row-cell.last,
|
|
div.ganttview-hzheader-day.last,
|
|
div.ganttview-hzheader-month.last {
|
|
border-right: none;
|
|
}
|
|
div.ganttview-hzheader-month {
|
|
width: 60px;
|
|
height: 20px;
|
|
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
|
line-height: 20px;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
color: #727272;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
div.ganttview-hzheader-day {
|
|
width: 20px;
|
|
height: 20px;
|
|
border-right: 1px solid #f0f0f0;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
|
line-height: 20px;
|
|
color: #999;
|
|
font-size: 11px;
|
|
}
|
|
div.ganttview-hzheader-day.ganttview-weekend {
|
|
background: #f8f8f8;
|
|
}
|
|
div.ganttview-hzheader-day.ganttview-today {
|
|
background: #fff9db !important;
|
|
}
|
|
div.ganttview-vtheader {
|
|
margin-top: 41px;
|
|
width: 240px;
|
|
background-color: #fff;
|
|
}
|
|
div.ganttview-vtheader-group {
|
|
color: #212121;
|
|
}
|
|
div.ganttview-vtheader-group-name {
|
|
line-height: 24px;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
height: 24px;
|
|
padding: 0 8px;
|
|
position: relative;
|
|
border-top: 1px solid #e0e0e0;
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
div.ganttview-vtheader-group-name.toggle_enabled {
|
|
cursor: pointer;
|
|
}
|
|
div.ganttview-vtheader-group-name.toggle_enabled:before {
|
|
position: absolute;
|
|
right: 4px;
|
|
top: 0;
|
|
display: block;
|
|
content: '\e313';
|
|
font-family: "Material Icons";
|
|
font-size: 18px;
|
|
color: #727272;
|
|
}
|
|
div.ganttview-vtheader-group-name.toggle_enabled.projectHidden:before {
|
|
content: '\e316';
|
|
}
|
|
div.ganttview-vtheader-series-row {
|
|
height: 42px;
|
|
padding: 3px 8px;
|
|
border-top: 1px solid #e0e0e0;
|
|
font-size: 13px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
div.ganttview-vtheader-series-row:hover {
|
|
overflow: visible;
|
|
}
|
|
div.ganttview-vtheader-series-row:hover .series-content {
|
|
min-width: 100%;
|
|
background: #fff;
|
|
top: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
z-index: 100;
|
|
overflow: visible;
|
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
|
|
padding: 5px 8px 3px;
|
|
}
|
|
div.ganttview-vtheader-series-row .series-users {
|
|
float: left;
|
|
margin-right: 8px;
|
|
}
|
|
div.ganttview-vtheader-series-row .series-users .series-user {
|
|
margin-right: 0;
|
|
}
|
|
div.ganttview-vtheader-series-row .series-users .series-user + .series-user {
|
|
margin-left: 4px;
|
|
}
|
|
div.ganttview-vtheader-series-row .series-users .series-user > span {
|
|
display: inline-block;
|
|
}
|
|
div.ganttview-vtheader-series-row .series-user {
|
|
float: left;
|
|
margin-right: 8px;
|
|
}
|
|
div.ganttview-vtheader-series-row .series-user img {
|
|
width: 34px;
|
|
height: 34px;
|
|
border-radius: 50%;
|
|
}
|
|
div.ganttview-vtheader-series-row .series-content {
|
|
line-height: 16px;
|
|
padding-top: 2px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
div.ganttview-vtheader-series-row .series-content .series-name {
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
div.ganttview-vtheader-series-row .series-content .series-dates {
|
|
color: #aaa;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
margin-top: 2px;
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
div.ganttview-vtheader-series-row .series-content .series-dates > .date-user {
|
|
display: none;
|
|
}
|
|
div.ganttview-vtheader-series-row .series-content .date-sep {
|
|
display: inline-block;
|
|
margin: 0 8px;
|
|
}
|
|
div.ganttview-hzheader-months,
|
|
div.ganttview-hzheader-days {
|
|
overflow: hidden;
|
|
}
|
|
div.ganttview-hzheader-days {
|
|
position: relative;
|
|
}
|
|
div.ganttview-slide-container {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
overflow-y: auto;
|
|
overflow-x: scroll;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
div.ganttview-grid-row {
|
|
overflow: hidden;
|
|
}
|
|
div.ganttview-grid-row-cell {
|
|
width: 20px;
|
|
height: 42px;
|
|
border-right: 1px solid #f0f0f0;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
div.ganttview-grid-row-cell.ganttview-weekend {
|
|
background-color: #fafafa;
|
|
}
|
|
div.ganttview-grid-row-cell.ganttview-today {
|
|
background-color: #fff9db !important;
|
|
}
|
|
div.ganttview-grid-spacer {
|
|
background: #ededed;
|
|
height: 24px;
|
|
border-top: 1px solid #e0e0e0;
|
|
cursor: pointer;
|
|
}
|
|
div.ganttview-grid-spacer + .ganttview-grid-row > div.ganttview-grid-row-cell {
|
|
border-top-color: #e0e0e0;
|
|
}
|
|
div.ganttview-blocks {
|
|
min-width: 100%;
|
|
width: auto;
|
|
}
|
|
div.ganttview-block {
|
|
height: 60%;
|
|
background-color: #bbb;
|
|
border-radius: 2px;
|
|
position: absolute !important;
|
|
opacity: 0.8;
|
|
top: 20%;
|
|
}
|
|
div.ganttview-block-spacer {
|
|
height: 24px;
|
|
}
|
|
div.ganttview-block-container {
|
|
position: relative;
|
|
height: 42px;
|
|
width: 100%;
|
|
}
|
|
div.ganttview-block-text {
|
|
position: absolute;
|
|
font-size: 11px;
|
|
color: #fff;
|
|
padding: 5px 8px 2px;
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
div.ganttview-block-text > a {
|
|
color: #fff;
|
|
text-decoration: underline;
|
|
}
|
|
div.ganttview-block div.ui-resizable-handle.ui-resizable-s {
|
|
bottom: 0;
|
|
}
|
|
div.ganttview-block:hover {
|
|
z-index: 1000;
|
|
opacity: 1;
|
|
}
|
|
div.ganttview .ui-resizable {
|
|
position: relative;
|
|
}
|
|
div.ganttview .ui-resizable-handle {
|
|
display: block;
|
|
font-size: 0.1px;
|
|
position: absolute;
|
|
}
|
|
div.ganttview .ui-resizable-disabled .ui-resizable-handle,
|
|
div.ganttview .ui-resizable-autohide .ui-resizable-handle {
|
|
display: none;
|
|
}
|
|
div.ganttview .ui-resizable-e {
|
|
cursor: e-resize;
|
|
height: 100%;
|
|
right: -5px;
|
|
top: 0;
|
|
width: 7px;
|
|
}
|
|
div.ganttview .ui-resizable-w {
|
|
cursor: w-resize;
|
|
height: 100%;
|
|
left: -5px;
|
|
top: 0;
|
|
width: 7px;
|
|
}
|
|
@media only screen and (min-width: 768px) {
|
|
div.ganttview-wrapper {
|
|
width: 100%;
|
|
}
|
|
div.ganttview-slide-container {
|
|
width: 75%;
|
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
div.ganttview-vtheader {
|
|
width: 25%;
|
|
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
div.ganttview-wrapper {
|
|
position: relative;
|
|
}
|
|
div.ganttview-vtheader {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background: none;
|
|
width: 100%;
|
|
z-index: 10;
|
|
margin-top: 40px;
|
|
}
|
|
div.ganttview-vtheader-series-name {
|
|
height: 22px;
|
|
line-height: 20px;
|
|
border: none;
|
|
margin-bottom: 31px;
|
|
}
|
|
div.ganttview-vtheader-series-row {
|
|
margin-bottom: 42px;
|
|
}
|
|
div.ganttview-row {
|
|
margin-top: 21px;
|
|
}
|
|
div.ganttview-grid-spacer {
|
|
background: none;
|
|
border-top: none;
|
|
}
|
|
div.ganttview-grid-spacer + .ganttview-grid-row > div.ganttview-grid-row-cell {
|
|
border-top-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
div.ganttview-grid-row {
|
|
margin-top: 42px;
|
|
}
|
|
div.ganttview-block-container {
|
|
margin-top: 42px;
|
|
}
|
|
div.ganttview-wrapper,
|
|
div.ganttview-slide-container {
|
|
width: 100%;
|
|
}
|
|
div.ganttview-slide-container {
|
|
border-left: none;
|
|
position: relative;
|
|
z-index: 10;
|
|
}
|
|
div.ganttview-vtheader-group:last-child {
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
.animate_hide {
|
|
display: none;
|
|
}
|
|
/* wizard */
|
|
.wizard,
|
|
.tabcontrol {
|
|
display: block;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.wizard a,
|
|
.tabcontrol a {
|
|
outline: 0;
|
|
}
|
|
.wizard ul,
|
|
.tabcontrol ul {
|
|
list-style: none !important;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.wizard ul > li,
|
|
.tabcontrol ul > li {
|
|
display: block;
|
|
padding: 0;
|
|
}
|
|
.wizard > .steps .current-info,
|
|
.tabcontrol > .steps .current-info {
|
|
position: absolute;
|
|
left: -999em;
|
|
}
|
|
.wizard .content > .title,
|
|
.tabcontrol .content > .title {
|
|
position: absolute;
|
|
left: -999em;
|
|
}
|
|
.wizard > .steps {
|
|
position: relative;
|
|
display: block;
|
|
width: 100%;
|
|
background: #2196f3;
|
|
}
|
|
.wizard > .steps .number {
|
|
font-size: 14px;
|
|
border: 2px solid #fff;
|
|
width: 24px;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 12px;
|
|
top: 50%;
|
|
margin-top: -14px;
|
|
}
|
|
@media only screen and (min-width: 960px) {
|
|
.wizard > .steps .number {
|
|
font-size: 16px;
|
|
width: 32px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
margin-top: -18px;
|
|
}
|
|
}
|
|
.wizard > .steps .title {
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
padding-left: 46px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.wizard > .steps > ul > li {
|
|
display: block;
|
|
}
|
|
@media only screen and (min-width: 960px) {
|
|
.wizard > .steps > ul > li {
|
|
float: left;
|
|
width: 25%;
|
|
}
|
|
}
|
|
.wizard > .steps > ul > li + li a {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.15);
|
|
}
|
|
@media only screen and (min-width: 960px) {
|
|
.wizard > .steps > ul > li + li a {
|
|
border-top: none;
|
|
border-right: 1px solid rgba(0, 0, 0, 0.15);
|
|
}
|
|
}
|
|
.wizard > .steps > ul > li a {
|
|
position: relative;
|
|
}
|
|
.wizard > .steps > ul > li a,
|
|
.wizard > .steps > ul > li a:hover,
|
|
.wizard > .steps > ul > li a:active {
|
|
display: block;
|
|
width: auto;
|
|
padding: 12px 8px;
|
|
text-decoration: none;
|
|
color: #fff;
|
|
}
|
|
@media only screen and (min-width: 960px) {
|
|
.wizard > .steps > ul > li a,
|
|
.wizard > .steps > ul > li a:hover,
|
|
.wizard > .steps > ul > li a:active {
|
|
padding: 16px;
|
|
}
|
|
}
|
|
.wizard > .steps > ul > li.disabled a,
|
|
.wizard > .steps > ul > li.disabled a:hover,
|
|
.wizard > .steps > ul > li.disabled a:active {
|
|
color: #fff;
|
|
cursor: default;
|
|
}
|
|
.wizard > .steps > ul > li.current a,
|
|
.wizard > .steps > ul > li.current a:hover,
|
|
.wizard > .steps > ul > li.current a:active {
|
|
background: #51adf6;
|
|
color: #fff;
|
|
cursor: default;
|
|
}
|
|
.wizard > .steps > ul > li.done a,
|
|
.wizard > .steps > ul > li.done a:hover,
|
|
.wizard > .steps > ul > li.done a:active {
|
|
background: #1976d2;
|
|
color: #fff;
|
|
}
|
|
.wizard > .steps > ul > li.error a,
|
|
.wizard > .steps > ul > li.error a:hover,
|
|
.wizard > .steps > ul > li.error a:active {
|
|
background: #c62828;
|
|
color: #fff;
|
|
}
|
|
.wizard > .content {
|
|
display: block;
|
|
min-height: 360px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.wizard > .content > .body {
|
|
padding: 48px 24px 64px;
|
|
width: 100%;
|
|
position: absolute;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.wizard > .content > .body ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.wizard > .content > .body ul > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.wizard > .content > .body .uk-form-label {
|
|
display: block;
|
|
font-weight: 500;
|
|
font-size: 13px;
|
|
margin: -4px 0;
|
|
}
|
|
.wizard > .content > .body .icheck-inline {
|
|
margin: 4px 16px 0 0;
|
|
}
|
|
.wizard > .content > .body .icheck-inline + .parsley-errors-list {
|
|
margin-top: 2px;
|
|
}
|
|
.wizard > .content > .body > iframe {
|
|
border: 0 none;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.wizard > .content > .body pre[class*="language-"] {
|
|
max-height: inherit;
|
|
}
|
|
.wizard > .actions {
|
|
display: block;
|
|
background: rgba(0, 0, 0, 0.085);
|
|
padding: 8px 24px;
|
|
}
|
|
.wizard > .actions > ul > li.button_previous {
|
|
float: left;
|
|
}
|
|
.wizard > .actions > ul > li.button_next,
|
|
.wizard > .actions > ul > li.button_finish {
|
|
float: right;
|
|
}
|
|
@media only screen and (max-width: 479px) {
|
|
.wizard > .actions > ul > li + li {
|
|
margin-top: 8px;
|
|
}
|
|
.wizard > .actions > ul > li.button_previous {
|
|
float: none;
|
|
}
|
|
.wizard > .actions > ul > li.button_next,
|
|
.wizard > .actions > ul > li.button_finish {
|
|
float: none;
|
|
}
|
|
}
|
|
.wizard > .actions a,
|
|
.wizard > .actions a:hover,
|
|
.wizard > .actions a:active {
|
|
color: #212121;
|
|
display: block;
|
|
padding: 0 16px;
|
|
min-width: 80px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
line-height: 31px;
|
|
text-transform: uppercase;
|
|
}
|
|
.wizard > .actions a .material-icons {
|
|
color: #212121;
|
|
}
|
|
.wizard > .actions .disabled a,
|
|
.wizard > .actions .disabled a:hover,
|
|
.wizard > .actions .disabled a:active {
|
|
color: #aaa;
|
|
}
|
|
.wizard > .actions .disabled .material-icons {
|
|
color: #aaa;
|
|
}
|
|
@media only screen and (min-width: 960px) {
|
|
.wizard.vertical > .steps {
|
|
width: 25%;
|
|
float: left;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 8px;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1220px) {
|
|
.wizard.vertical > .steps {
|
|
width: 20%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 960px) {
|
|
.wizard.vertical > .steps > ul > li {
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
.wizard.vertical > .steps > ul > li + li {
|
|
margin-top: 8px;
|
|
}
|
|
.wizard.vertical > .steps > ul > li a {
|
|
padding: 12px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
}
|
|
.wizard.vertical > .steps .number {
|
|
font-size: 12px;
|
|
border: 2px solid #fff;
|
|
width: 24px;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 12px;
|
|
top: 50%;
|
|
margin-top: -14px;
|
|
}
|
|
}
|
|
.wizard.vertical > .content {
|
|
display: block;
|
|
background: #fff;
|
|
}
|
|
@media only screen and (min-width: 960px) {
|
|
.wizard.vertical > .content {
|
|
width: 75%;
|
|
float: left;
|
|
}
|
|
.wizard.vertical > .content .body {
|
|
padding: 16px 32px;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1220px) {
|
|
.wizard.vertical > .content {
|
|
width: 80%;
|
|
}
|
|
}
|
|
.wizard.vertical > .actions {
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
/* chartist overide */
|
|
.chartist {
|
|
height: 240px;
|
|
width: 100%;
|
|
}
|
|
.chartist .ct-label {
|
|
color: #727272;
|
|
fill: #727272;
|
|
font-size: 14px;
|
|
}
|
|
.chartist-labels-inside .ct-label {
|
|
color: #fff;
|
|
fill: #fff;
|
|
}
|
|
.ct-line {
|
|
stroke-width: 2px;
|
|
}
|
|
.ct-point {
|
|
stroke-width: 8px;
|
|
}
|
|
.ct-series-a .ct-bar,
|
|
.ct-series-a .ct-line,
|
|
.ct-series-a .ct-point,
|
|
.ct-series-a .ct-slice-donut {
|
|
stroke: #1f77b4;
|
|
}
|
|
.ct-series-a .ct-area,
|
|
.ct-series-a .ct-slice-pie {
|
|
fill: #1f77b4;
|
|
}
|
|
.ct-series-b .ct-bar,
|
|
.ct-series-b .ct-line,
|
|
.ct-series-b .ct-point,
|
|
.ct-series-b .ct-slice-donut {
|
|
stroke: #ff7f0e;
|
|
}
|
|
.ct-series-b .ct-area,
|
|
.ct-series-b .ct-slice-pie {
|
|
fill: #ff7f0e;
|
|
}
|
|
.ct-series-c .ct-bar,
|
|
.ct-series-c .ct-line,
|
|
.ct-series-c .ct-point,
|
|
.ct-series-c .ct-slice-donut {
|
|
stroke: #2ca02c;
|
|
}
|
|
.ct-series-c .ct-area,
|
|
.ct-series-c .ct-slice-pie {
|
|
fill: #2ca02c;
|
|
}
|
|
.ct-series-d .ct-bar,
|
|
.ct-series-d .ct-line,
|
|
.ct-series-d .ct-point,
|
|
.ct-series-d .ct-slice-donut {
|
|
stroke: #d62728;
|
|
}
|
|
.ct-series-d .ct-area,
|
|
.ct-series-d .ct-slice-pie {
|
|
fill: #d62728;
|
|
}
|
|
.ct-series-e .ct-bar,
|
|
.ct-series-e .ct-line,
|
|
.ct-series-e .ct-point,
|
|
.ct-series-e .ct-slice-donut {
|
|
stroke: #9467bd;
|
|
}
|
|
.ct-series-e .ct-area,
|
|
.ct-series-e .ct-slice-pie {
|
|
fill: #9467bd;
|
|
}
|
|
.ct-series-f .ct-bar,
|
|
.ct-series-f .ct-line,
|
|
.ct-series-f .ct-point,
|
|
.ct-series-f .ct-slice-donut {
|
|
stroke: #8c564b;
|
|
}
|
|
.ct-series-f .ct-area,
|
|
.ct-series-f .ct-slice-pie {
|
|
fill: #8c564b;
|
|
}
|
|
.ct-series-g .ct-bar,
|
|
.ct-series-g .ct-line,
|
|
.ct-series-g .ct-point,
|
|
.ct-series-g .ct-slice-donut {
|
|
stroke: #e377c2;
|
|
}
|
|
.ct-series-g .ct-area,
|
|
.ct-series-g .ct-slice-pie {
|
|
fill: #e377c2;
|
|
}
|
|
.ct-series-h .ct-bar,
|
|
.ct-series-h .ct-line,
|
|
.ct-series-h .ct-point,
|
|
.ct-series-h .ct-slice-donut {
|
|
stroke: #7f7f7f;
|
|
}
|
|
.ct-series-h .ct-area,
|
|
.ct-series-h .ct-slice-pie {
|
|
fill: #7f7f7f;
|
|
}
|
|
.ct-series-i .ct-bar,
|
|
.ct-series-i .ct-line,
|
|
.ct-series-i .ct-point,
|
|
.ct-series-i .ct-slice-donut {
|
|
stroke: #bcbd22;
|
|
}
|
|
.ct-series-i .ct-area,
|
|
.ct-series-i .ct-slice-pie {
|
|
fill: #bcbd22;
|
|
}
|
|
.ct-series-j .ct-bar,
|
|
.ct-series-j .ct-line,
|
|
.ct-series-j .ct-point,
|
|
.ct-series-j .ct-slice-donut {
|
|
stroke: #17becf;
|
|
}
|
|
.ct-series-j .ct-area,
|
|
.ct-series-j .ct-slice-pie {
|
|
fill: #17becf;
|
|
}
|
|
.ct-series-k .ct-bar,
|
|
.ct-series-k .ct-line,
|
|
.ct-series-k .ct-point,
|
|
.ct-series-k .ct-slice-donut {
|
|
stroke: #eacf7d;
|
|
}
|
|
.ct-series-k .ct-area,
|
|
.ct-series-k .ct-slice-pie {
|
|
fill: #eacf7d;
|
|
}
|
|
.ct-series-l .ct-bar,
|
|
.ct-series-l .ct-line,
|
|
.ct-series-l .ct-point,
|
|
.ct-series-l .ct-slice-donut {
|
|
stroke: #86797d;
|
|
}
|
|
.ct-series-l .ct-area,
|
|
.ct-series-l .ct-slice-pie {
|
|
fill: #86797d;
|
|
}
|
|
.ct-series-m .ct-bar,
|
|
.ct-series-m .ct-line,
|
|
.ct-series-m .ct-point,
|
|
.ct-series-m .ct-slice-donut {
|
|
stroke: #b2c326;
|
|
}
|
|
.ct-series-m .ct-area,
|
|
.ct-series-m .ct-slice-pie {
|
|
fill: #b2c326;
|
|
}
|
|
.ct-series-n .ct-bar,
|
|
.ct-series-n .ct-line,
|
|
.ct-series-n .ct-point,
|
|
.ct-series-n .ct-slice-donut {
|
|
stroke: #6188e2;
|
|
}
|
|
.ct-series-n .ct-area,
|
|
.ct-series-n .ct-slice-pie {
|
|
fill: #6188e2;
|
|
}
|
|
.ct-series-o .ct-bar,
|
|
.ct-series-o .ct-line,
|
|
.ct-series-o .ct-point,
|
|
.ct-series-o .ct-slice-donut {
|
|
stroke: #a748ca;
|
|
}
|
|
.ct-series-o .ct-area,
|
|
.ct-series-o .ct-slice-pie {
|
|
fill: #a748ca;
|
|
}
|
|
/* dragula.js */
|
|
.gu-mirror {
|
|
position: fixed !important;
|
|
margin: 0 !important;
|
|
z-index: 9999 !important;
|
|
opacity: 0.8;
|
|
}
|
|
.gu-hide {
|
|
display: none !important;
|
|
}
|
|
.gu-unselectable {
|
|
-webkit-user-select: none !important;
|
|
-moz-user-select: none !important;
|
|
-ms-user-select: none !important;
|
|
user-select: none !important;
|
|
}
|
|
.gu-transit {
|
|
opacity: 0.2;
|
|
}
|
|
.dragula > * {
|
|
cursor: move;
|
|
}
|
|
.dragula-vertical {
|
|
height: 100%;
|
|
}
|
|
.dragula-vertical * + * {
|
|
margin-top: 4px;
|
|
}
|
|
/* Tablesorter Altair Theme */
|
|
.tablesorter-altair {
|
|
/*td.primary,
|
|
tr.odd td.primary {
|
|
color: #ddd;
|
|
background-color: #165388;
|
|
}
|
|
tr.even {
|
|
td {
|
|
&.primary {
|
|
color: #ddd;
|
|
background-color: #195c93;
|
|
}
|
|
&.secondary {
|
|
color: #ddd;
|
|
background-color: #1D67A5;
|
|
}
|
|
&.tertiary {
|
|
color: #ddd;
|
|
background-color: #2073B7;
|
|
}
|
|
}
|
|
}
|
|
td.secondary,
|
|
tr.odd td.secondary {
|
|
color: #ddd;
|
|
background-color: #185C9A;
|
|
}
|
|
td.tertiary,
|
|
tr.odd td.tertiary {
|
|
color: #ddd;
|
|
background-color: #1B67AD;
|
|
}*/
|
|
}
|
|
.tablesorter-altair .tablesorter-header-inner {
|
|
position: relative;
|
|
padding: 0 32px 0 0;
|
|
}
|
|
.tablesorter-altair .tablesorter-header-inner:after {
|
|
position: absolute;
|
|
right: 0;
|
|
top: -3px;
|
|
content: '\e164';
|
|
display: block;
|
|
width: 18px;
|
|
height: 18px;
|
|
font-size: 18px;
|
|
font-family: "Material Icons";
|
|
color: #aaa;
|
|
}
|
|
.tablesorter-altair .sorter-false .tablesorter-header-inner {
|
|
padding: 0;
|
|
}
|
|
.tablesorter-altair .header,
|
|
.tablesorter-altair .tablesorter-header {
|
|
cursor: pointer;
|
|
}
|
|
.tablesorter-altair th {
|
|
outline: 0 !important;
|
|
}
|
|
.tablesorter-altair .headerSortUp,
|
|
.tablesorter-altair .tablesorter-headerSortUp,
|
|
.tablesorter-altair .tablesorter-headerAsc {
|
|
color: #7cb342;
|
|
}
|
|
.tablesorter-altair .headerSortUp .tablesorter-header-inner:after,
|
|
.tablesorter-altair .tablesorter-headerSortUp .tablesorter-header-inner:after,
|
|
.tablesorter-altair .tablesorter-headerAsc .tablesorter-header-inner:after {
|
|
top: -2px;
|
|
content: '\e313';
|
|
color: #212121;
|
|
}
|
|
.tablesorter-altair .headerSortDown,
|
|
.tablesorter-altair .tablesorter-headerSortDown,
|
|
.tablesorter-altair .tablesorter-headerDesc {
|
|
color: #7cb342;
|
|
}
|
|
.tablesorter-altair .headerSortDown .tablesorter-header-inner:after,
|
|
.tablesorter-altair .tablesorter-headerSortDown .tablesorter-header-inner:after,
|
|
.tablesorter-altair .tablesorter-headerDesc .tablesorter-header-inner:after {
|
|
top: -2px;
|
|
content: '\e316';
|
|
color: #212121;
|
|
}
|
|
.tablesorter-altair thead .sorter-false {
|
|
cursor: default;
|
|
}
|
|
.tablesorter-altair thead .sorter-false .tablesorter-header-inner:after {
|
|
display: none;
|
|
}
|
|
.tablesorter-altair tbody > tr.even > td {
|
|
background-color: rgba(0, 0, 0, 0.085);
|
|
}
|
|
.tablesorter-altair tbody > tr.row_highlighted > td {
|
|
background: #e3f2fd;
|
|
}
|
|
.tablesorter-altair .tablesorter-processing {
|
|
background-position: center center !important;
|
|
background-repeat: no-repeat !important;
|
|
background-image: url(../img/spinners/spinner_small.gif) !important;
|
|
}
|
|
.tablesorter-altair caption {
|
|
background-color: #fff;
|
|
}
|
|
.tablesorter-altair .tablesorter-filter-row td {
|
|
padding: 8px 4px;
|
|
line-height: normal;
|
|
text-align: center;
|
|
-webkit-transition: line-height 0.1s ease;
|
|
transition: line-height 0.1s ease;
|
|
}
|
|
.tablesorter-altair .tablesorter-filter-row .disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
.tablesorter-altair .tablesorter-filter-row.hideme * {
|
|
height: 1px;
|
|
min-height: 0;
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
opacity: 0;
|
|
}
|
|
.tablesorter-altair .tablesorter-filter-row.hideme td {
|
|
/*** *********************************************** ***/
|
|
/*** change this padding to modify the thickness ***/
|
|
/*** of the closed filter row (height = padding x 2) ***/
|
|
padding: 2px;
|
|
/*** *********************************************** ***/
|
|
margin: 0;
|
|
line-height: 0;
|
|
cursor: pointer;
|
|
}
|
|
.tablesorter-altair input.tablesorter-filter,
|
|
.tablesorter-altair select.tablesorter-filter {
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 4px;
|
|
line-height: 24px;
|
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
color: #212121;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-transition: height 0.1s ease;
|
|
transition: height 0.1s ease;
|
|
border-radius: 0;
|
|
-webkit-appearance: none;
|
|
}
|
|
.tablesorter-altair .ts-align-wrap {
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.tablesorter-altair .ts-align-wrap,
|
|
.tablesorter-altair .ts-align-left,
|
|
.tablesorter-altair .ts-align-right {
|
|
display: inline-block;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.tablesorter-altair .ts-align-left {
|
|
text-align: right;
|
|
}
|
|
.tablesorter-altair .ts-align-right {
|
|
text-align: left;
|
|
}
|
|
.tablesorter-altair td:nth-child(3) .ts-align-right i {
|
|
color: #e53935;
|
|
}
|
|
.tablesorter-altair input[type="search"]::-webkit-search-decoration,
|
|
.tablesorter-altair input[type="search"]::-webkit-search-cancel-button,
|
|
.tablesorter-altair input[type="search"]::-webkit-search-results-button,
|
|
.tablesorter-altair input[type="search"]::-webkit-search-results-decoration {
|
|
display: none;
|
|
}
|
|
.tablesorter .filtered {
|
|
display: none;
|
|
}
|
|
.tablesorter .tablesorter-errorRow td {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
background-color: #e53935;
|
|
color: #fff;
|
|
}
|
|
.tablesorter .remove-me {
|
|
display: none;
|
|
}
|
|
.ts_pager .selectize-control {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
text-align: left;
|
|
margin-top: -3px;
|
|
margin-left: 4px;
|
|
}
|
|
.ts_pager .selectize-control .selectize-input {
|
|
min-width: 64px;
|
|
}
|
|
/*!
|
|
* Waves v0.7.4
|
|
* http://fian.my.id/Waves
|
|
*
|
|
* Copyright 2014 Alfiana E. Sibuea and other contributors
|
|
* Released under the MIT license
|
|
* https://github.com/fians/Waves/blob/master/LICENSE
|
|
*/
|
|
.waves-effect {
|
|
position: relative;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
.waves-effect .waves-ripple {
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
width: 80px;
|
|
height: 80px;
|
|
margin-top: -40px;
|
|
margin-left: -40px;
|
|
opacity: 0;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
-webkit-transition: all 500ms ease-out;
|
|
transition: all 500ms ease-out;
|
|
-webkit-transition-property: opacity, -webkit-transform;
|
|
transition-property: opacity, -webkit-transform;
|
|
transition-property: transform, opacity;
|
|
transition-property: transform, opacity, -webkit-transform;
|
|
-webkit-transform: scale(0) translate(0, 0);
|
|
transform: scale(0) translate(0, 0);
|
|
pointer-events: none;
|
|
}
|
|
.waves-effect.waves-light .waves-ripple {
|
|
background: rgba(255, 255, 255, 0.55);
|
|
}
|
|
.waves-effect.md-btn-flat {
|
|
background: none;
|
|
}
|
|
.waves-effect.waves-default .waves-ripple {
|
|
background: rgba(153, 153, 153, 0.2);
|
|
}
|
|
.waves-effect.md-btn-flat-primary .waves-ripple {
|
|
background: rgba(33, 150, 243, 0.4);
|
|
}
|
|
.waves-effect.md-btn-flat-danger .waves-ripple {
|
|
background: rgba(229, 57, 53, 0.4);
|
|
}
|
|
.waves-effect.md-btn-flat-warning .waves-ripple {
|
|
background: rgba(255, 160, 0, 0.4);
|
|
}
|
|
.waves-effect.md-btn-flat-success .waves-ripple {
|
|
background: rgba(124, 179, 66, 0.4);
|
|
}
|
|
.waves-notransition {
|
|
-webkit-transition: none !important;
|
|
transition: none !important;
|
|
}
|
|
.waves-button,
|
|
.waves-circle {
|
|
-webkit-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
}
|
|
.waves-input-wrapper {
|
|
border-radius: 0.2em;
|
|
vertical-align: bottom;
|
|
}
|
|
.waves-input-wrapper.waves-button {
|
|
padding: 0;
|
|
}
|
|
.waves-input-wrapper .waves-button-input {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
}
|
|
.waves-circle {
|
|
text-align: center;
|
|
width: 2.5em;
|
|
height: 2.5em;
|
|
line-height: 2.5em;
|
|
border-radius: 50%;
|
|
}
|
|
.waves-float {
|
|
-webkit-mask-image: none;
|
|
-webkit-transition: all 300ms;
|
|
transition: all 300ms;
|
|
}
|
|
.waves-block {
|
|
display: block;
|
|
}
|
|
/* Firefox Bug: link not triggered */
|
|
a.waves-effect .waves-ripple {
|
|
z-index: -1;
|
|
}
|
|
.enjoyhint {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 2000;
|
|
pointer-events: none;
|
|
overflow: hidden;
|
|
}
|
|
.enjoyhint_hide {
|
|
display: none;
|
|
}
|
|
.enjoyhint_disable_events {
|
|
position: absolute;
|
|
width: 2000px;
|
|
height: 1500px;
|
|
z-index: 2010;
|
|
pointer-events: all;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.enjoyhint_disable_events {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
.enjoyhint_next_btn,
|
|
.enjoyhint_skip_btn,
|
|
.enjoyhint_btn {
|
|
position: absolute;
|
|
z-index: 2020;
|
|
pointer-events: all;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
width: 100px;
|
|
height: 46px;
|
|
cursor: pointer;
|
|
margin: 0 auto;
|
|
border-radius: 3px;
|
|
font: 500 20px / 46px "Open Sans", sans-serif;
|
|
text-align: center;
|
|
text-overflow: clip;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
text-transform: uppercase;
|
|
}
|
|
.enjoyhint_next_btn {
|
|
color: #212121;
|
|
background: #fff;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
.enjoyhint_next_btn:hover {
|
|
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
.enjoyhint_next_btn:active {
|
|
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.enjoyhint_next_btn {
|
|
left: 20px !important;
|
|
}
|
|
}
|
|
.enjoyhint_skip_btn {
|
|
color: #29b6f6;
|
|
}
|
|
.enjoyhint_skip_btn:hover {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
}
|
|
.enjoyhint_skip_btn:active {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.enjoyhint_skip_btn {
|
|
right: 20px !important;
|
|
left: auto !important;
|
|
}
|
|
}
|
|
.enjoyhint_close_btn {
|
|
display: inline-block;
|
|
position: absolute;
|
|
z-index: 2020;
|
|
pointer-events: all;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
width: 0.3em;
|
|
height: 0.3em;
|
|
border-radius: 1em;
|
|
font: 400 8em / normal Arial, Helvetica, sans-serif;
|
|
color: #000000;
|
|
text-overflow: clip;
|
|
background: rgba(0, 0, 0, 0);
|
|
border: 2px solid #fff;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.enjoyhint_close_btn:before {
|
|
display: inline-block;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
width: 73%;
|
|
height: 2px;
|
|
position: absolute;
|
|
content: "";
|
|
top: 48%;
|
|
left: 14%;
|
|
border: none;
|
|
font: normal 100% / normal Arial, Helvetica, sans-serif;
|
|
color: #000000;
|
|
text-overflow: clip;
|
|
background: #fff;
|
|
text-shadow: none;
|
|
-webkit-transform: rotateZ(45deg);
|
|
transform: rotateZ(45deg);
|
|
}
|
|
.enjoyhint_close_btn:after {
|
|
display: inline-block;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
width: 73%;
|
|
height: 2px;
|
|
position: absolute;
|
|
content: "";
|
|
top: 46%;
|
|
left: 15%;
|
|
border: none;
|
|
font: normal 100% / normal Arial, Helvetica, sans-serif;
|
|
color: #000000;
|
|
text-overflow: clip;
|
|
background: #fff;
|
|
text-shadow: none;
|
|
-webkit-transform: rotateZ(-45deg);
|
|
transform: rotateZ(-45deg);
|
|
}
|
|
.enjoyhint_close_btn:hover {
|
|
color: #ffffff;
|
|
border-color: #e53935;
|
|
cursor: pointer;
|
|
}
|
|
.enjoyhint_close_btn:active {
|
|
border: 2px solid #fff;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
.enjoyhint_btn {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
width: 150px;
|
|
height: 40px;
|
|
cursor: pointer;
|
|
margin: 0 auto;
|
|
border: 2px solid #1ecd97;
|
|
border-radius: 40px;
|
|
font: normal normal normal 17px/40px "Advent Pro", Helvetica, sans-serif;
|
|
color: #1ecd97;
|
|
text-align: center;
|
|
text-overflow: clip;
|
|
letter-spacing: 1px;
|
|
background: rgba(0, 0, 0, 0);
|
|
-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
|
|
transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
|
|
}
|
|
.enjoyhint_btn:hover {
|
|
color: #ffffff;
|
|
background: #1ecd97;
|
|
}
|
|
.enjoyhint_btn:active {
|
|
border: 2px solid #21e0a3;
|
|
background: #21e0a3;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
.enjoyhint div.canvas-container {
|
|
position: absolute;
|
|
}
|
|
.enjoyhint_canvas {
|
|
position: absolute;
|
|
z-index: 2010;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
}
|
|
.enjoyhint_svg_wrapper {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 2010;
|
|
-webkit-transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
|
|
transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
|
|
}
|
|
.enjoyhint_svg_wrapper svg {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.enjoyhint_svg_transparent .enjoyhint_svg_wrapper,
|
|
.enjoyhint_svg_transparent .enjoy_hint_label {
|
|
opacity: 0;
|
|
}
|
|
.enjoy_hint_label {
|
|
position: absolute;
|
|
color: #fff;
|
|
z-index: 2020;
|
|
font: 400 22px / 32px "Open Sans", sans-serif;
|
|
-webkit-transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
|
|
transition: opacity 400ms cubic-bezier(0.42, 0, 0.58, 1);
|
|
}
|
|
.enjoy_hint_label .material-icons {
|
|
color: #fff;
|
|
font-size: 24px;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.enjoy_hint_label {
|
|
left: 20px !important;
|
|
}
|
|
}
|
|
#kinetic_container {
|
|
pointer-events: none;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
div.kineticjs-content {
|
|
position: absolute !important;
|
|
}
|
|
.enjoyhint_disable_events {
|
|
position: fixed;
|
|
}
|
|
.cr_preview {
|
|
overflow: hidden;
|
|
border: 1px solid #555;
|
|
margin: 8px 8px 8px 0;
|
|
}
|
|
.cr_preview_lg {
|
|
width: 264px;
|
|
height: 148px;
|
|
}
|
|
.cr_preview_md {
|
|
width: 140px;
|
|
height: 78px;
|
|
}
|
|
.cr_preview_sm {
|
|
width: 68px;
|
|
height: 48px;
|
|
}
|
|
.cr_preview_xs {
|
|
width: 36px;
|
|
height: 36px;
|
|
}
|
|
.canvasModalImage {
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
}
|
|
.canvasModalImage > * {
|
|
border: 1px solid #ccc;
|
|
padding: 4px;
|
|
}
|
|
.context-menu-list {
|
|
border: none;
|
|
border-radius: 2px;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
.context-menu-list .context-menu-item {
|
|
padding: 5px 32px;
|
|
font-size: 14px;
|
|
color: #212121;
|
|
}
|
|
.context-menu-list .context-menu-hover {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
color: #212121;
|
|
}
|
|
.context-menu-list .context-menu-material > .material-icons {
|
|
position: absolute;
|
|
left: 7px;
|
|
top: 5px;
|
|
font-size: 18px;
|
|
}
|
|
.context-menu-list .context-menu-separator {
|
|
margin: 8px 0;
|
|
padding: 0;
|
|
}
|
|
.context-menu-list .context-menu-disabled,
|
|
.context-menu-list .context-menu-disabled > .material-icons {
|
|
color: #bbb;
|
|
}
|
|
.echart {
|
|
min-height: 380px;
|
|
height: 100%;
|
|
}
|
|
.echart-large {
|
|
min-height: 460px;
|
|
}
|
|
.listNav {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
.listNavWrapper > div,
|
|
.listNavWrapper > li {
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.listNavWrapper .listNavHide {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.2);
|
|
transform: scale(0.2);
|
|
display: none;
|
|
}
|
|
.listNavWrapper .listNavShow {
|
|
display: block;
|
|
opacity: 1;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
.letterCountShow {
|
|
display: block;
|
|
}
|
|
.ln-letters {
|
|
padding-top: 8px;
|
|
}
|
|
.ln-letters:before,
|
|
.ln-letters:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.ln-letters:after {
|
|
clear: both;
|
|
}
|
|
.ln-letters:before,
|
|
.ln-letters:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.ln-letters:after {
|
|
clear: both;
|
|
}
|
|
.ln-letters a {
|
|
font-size: 13px;
|
|
display: block;
|
|
float: left;
|
|
padding: 4px 6px;
|
|
border: 1px solid #e0e0e0;
|
|
text-decoration: none;
|
|
background: #fff;
|
|
text-align: center;
|
|
color: #212121;
|
|
min-width: 32px;
|
|
min-height: 32px;
|
|
line-height: 32px;
|
|
margin: -1px 0 0 -1px;
|
|
text-transform: uppercase;
|
|
}
|
|
.ln-letters a:hover,
|
|
.ln-letters .ln-selected {
|
|
background-color: #2196f3;
|
|
color: #fff;
|
|
}
|
|
.ln-letters .ln-disabled {
|
|
color: #bdbdbd !important;
|
|
background: #f5f5f5 !important;
|
|
}
|
|
.ln-letter-count {
|
|
position: absolute;
|
|
padding: 4px 0;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
color: #212121;
|
|
margin-left: -2px;
|
|
}
|
|
.ln-letter-count.listNavHide {
|
|
display: none;
|
|
}
|
|
.tip-yellowsimple {
|
|
background: #fff;
|
|
position: relative;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
border: none;
|
|
padding: 16px;
|
|
min-width: 240px;
|
|
z-index: 9999;
|
|
border-radius: 3px;
|
|
}
|
|
.tip-yellowsimple .tip-inner > div > label {
|
|
font-weight: 500;
|
|
margin-bottom: 8px;
|
|
display: block;
|
|
font-size: 15px;
|
|
}
|
|
.editable-footer {
|
|
margin-top: 16px;
|
|
text-align: right;
|
|
}
|
|
.editable-container .md-input {
|
|
display: inline-block;
|
|
-webkit-transition: all 280ms ease;
|
|
transition: all 280ms ease;
|
|
}
|
|
.editable-container .md-input:focus {
|
|
border-bottom-color: #1976d2 !important;
|
|
}
|
|
.editable-container select:disabled {
|
|
display: block;
|
|
width: 100%;
|
|
height: 42px;
|
|
border-width: 0 0 1px 0;
|
|
border-bottom-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
.editable-container textarea {
|
|
height: 120px;
|
|
resize: vertical;
|
|
overflow-y: auto;
|
|
}
|
|
.editable-container .select2-container {
|
|
width: 240px;
|
|
}
|
|
.editable-container .select2-container .select2-choice {
|
|
background: none;
|
|
border-width: 0 0 1px 0;
|
|
border-style: solid;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
border-radius: 0;
|
|
}
|
|
.editable-container .select2-container .select2-choice .select2-arrow {
|
|
background: none;
|
|
border: none;
|
|
}
|
|
.editable-container .select2-container-multi .select2-choices {
|
|
background: none;
|
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
border-radius: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.editable-container .select2-container-multi .select2-choices .select2-search-choice {
|
|
background: #eeeeee;
|
|
border: none;
|
|
border-radius: 18px;
|
|
padding: 4px 24px 4px 12px;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
font-size: 13px;
|
|
}
|
|
.editable-container .select2-container-multi .select2-search-choice-close {
|
|
left: auto;
|
|
right: 4px;
|
|
}
|
|
.editable-inline {
|
|
background: #fff;
|
|
border-radius: 3px;
|
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
padding: 8px;
|
|
}
|
|
.editable-address + div {
|
|
margin-top: 12px;
|
|
}
|
|
.editable-address label > span,
|
|
.editable-address label > input {
|
|
display: inline-block !important;
|
|
}
|
|
.editable-address label > span {
|
|
width: 80px;
|
|
}
|
|
.editable-address label > input {
|
|
width: auto !important;
|
|
}
|
|
.select2-drop {
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
border-color: transparent !important;
|
|
}
|
|
.select2-results {
|
|
margin-top: 8px;
|
|
}
|
|
.select2-results .select2-highlighted {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
color: #212121;
|
|
}
|
|
.select2-search input {
|
|
border-width: 0 0 1px;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.select2-container-active .select2-choice,
|
|
.select2-container-active .select2-choices {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.ui-datepicker,
|
|
.ui-datepicker .ui-datepicker-header {
|
|
border: none;
|
|
}
|
|
.ui-datepicker th {
|
|
font: 400 13px / 15px "Roboto", sans-serif;
|
|
text-transform: uppercase;
|
|
color: #727272;
|
|
}
|
|
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
|
|
.ui-datepicker .ui-datepicker-next.ui-state-hover {
|
|
background: transparent !important;
|
|
border-color: transparent !important;
|
|
font-weight: 400 !important;
|
|
color: #727272 !important;
|
|
}
|
|
.ui-datepicker .ui-datepicker-prev span,
|
|
.ui-datepicker .ui-datepicker-next span {
|
|
background: transparent;
|
|
display: block;
|
|
position: relative;
|
|
left: 0;
|
|
top: 0;
|
|
margin: 0;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.ui-datepicker .ui-datepicker-prev span:after,
|
|
.ui-datepicker .ui-datepicker-next span:after {
|
|
position: absolute;
|
|
top: 2px;
|
|
display: block;
|
|
font-family: 'FontAwesome';
|
|
color: #727272 !important;
|
|
text-indent: 0;
|
|
font-size: 14px;
|
|
}
|
|
.ui-datepicker .ui-datepicker-prev span:after {
|
|
left: 0;
|
|
content: '\f053';
|
|
}
|
|
.ui-datepicker .ui-datepicker-next span:after {
|
|
right: 0;
|
|
content: '\f054';
|
|
}
|
|
.ui-datepicker tbody td a,
|
|
.ui-datepicker tbody td span {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 4px;
|
|
text-align: center;
|
|
width: 30px;
|
|
height: 30px;
|
|
line-height: 24px;
|
|
display: block;
|
|
border-radius: 50%;
|
|
}
|
|
.ui-datepicker tbody td a:hover,
|
|
.ui-datepicker tbody td span:hover {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
.ui-datepicker select {
|
|
border-width: 0 0 1px;
|
|
}
|
|
.ui-datepicker select + select {
|
|
margin-left: 4px !important;
|
|
}
|
|
.ui-datepicker .ui-state-default,
|
|
.ui-datepicker .ui-widget-content .ui-state-default,
|
|
.ui-datepicker .ui-widget-header .ui-state-default {
|
|
border: none;
|
|
background: transparent;
|
|
}
|
|
.ui-datepicker .ui-state-active {
|
|
background: #009688 !important;
|
|
color: #fff;
|
|
}
|
|
.editableform {
|
|
margin-bottom: 0;
|
|
}
|
|
.editableform .control-group {
|
|
margin-bottom: 0;
|
|
white-space: nowrap;
|
|
line-height: 20px;
|
|
}
|
|
.editableform .form-control {
|
|
width: auto;
|
|
}
|
|
.editable-buttons.editable-buttons-bottom {
|
|
display: block;
|
|
}
|
|
.editable-buttons button.ui-button-icon-only {
|
|
height: 24px;
|
|
width: 30px;
|
|
}
|
|
.editable-input .editableform-loading {
|
|
background-position: left 5px;
|
|
}
|
|
.editable-input .add-on .icon-th {
|
|
margin-top: 3px;
|
|
margin-left: 1px;
|
|
}
|
|
.editableform-loading {
|
|
background: url('../img/spinners/spinner.gif') center center no-repeat;
|
|
height: 32px;
|
|
margin: 24px 0;
|
|
}
|
|
.editable-error-block {
|
|
margin: 8px 0 0 0;
|
|
white-space: normal;
|
|
text-align: center;
|
|
}
|
|
.editable-error-block.ui-state-error {
|
|
padding: 3px;
|
|
}
|
|
.editable-error {
|
|
color: #e53935;
|
|
}
|
|
.editableform .editable-date {
|
|
padding: 0;
|
|
margin: 0;
|
|
float: left;
|
|
}
|
|
.editable-checklist label {
|
|
white-space: nowrap;
|
|
}
|
|
.editable-checklist label input[type="checkbox"],
|
|
.editable-checklist label span {
|
|
vertical-align: middle;
|
|
margin: 0;
|
|
}
|
|
.editable-checklist > div + div {
|
|
margin-top: 8px;
|
|
}
|
|
.editable-wysihtml5 {
|
|
width: 566px;
|
|
height: 250px;
|
|
}
|
|
.editable-clear {
|
|
clear: both;
|
|
font-size: 0.9em;
|
|
text-decoration: none;
|
|
text-align: right;
|
|
}
|
|
.editable-clear-x {
|
|
display: block;
|
|
width: 24px;
|
|
height: 42px;
|
|
position: absolute;
|
|
z-index: 100;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.editable-clear-x:after {
|
|
opacity: 0.6;
|
|
content: '\e5cd';
|
|
font-family: "Material Icons";
|
|
font-size: 18px;
|
|
position: absolute;
|
|
top: 11px;
|
|
right: 8px;
|
|
display: block;
|
|
color: #727272;
|
|
cursor: pointer;
|
|
}
|
|
.editable-clear-x:hover:after {
|
|
opacity: 1;
|
|
}
|
|
.editable-pre-wrapped {
|
|
white-space: pre-wrap;
|
|
}
|
|
.editable-container.editable-popup {
|
|
max-width: none !important;
|
|
}
|
|
.editable-container.popover {
|
|
width: auto;
|
|
}
|
|
.editable-container.editable-inline {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: auto;
|
|
}
|
|
.editable-container.ui-widget {
|
|
font-size: inherit;
|
|
z-index: 9990;
|
|
}
|
|
.editable-click,
|
|
a.editable-click,
|
|
a.editable-click:hover {
|
|
text-decoration: none;
|
|
border-bottom: dashed 1px #0088cc;
|
|
}
|
|
.editable-click.editable-disabled,
|
|
a.editable-click.editable-disabled,
|
|
a.editable-click.editable-disabled:hover {
|
|
color: #585858;
|
|
cursor: default;
|
|
border-bottom: none;
|
|
}
|
|
.editable-empty,
|
|
.editable-empty:hover,
|
|
.editable-empty:focus {
|
|
font-style: italic;
|
|
color: #DD1144;
|
|
text-decoration: none;
|
|
}
|
|
.editable-unsaved {
|
|
font-weight: bold;
|
|
}
|
|
.editable-bg-transition {
|
|
-webkit-transition: background-color 1400ms ease-out;
|
|
transition: background-color 1400ms ease-out;
|
|
}
|
|
.form-horizontal .editable {
|
|
padding-top: 5px;
|
|
display: inline-block;
|
|
}
|
|
.select2-container--default .select2-selection--single {
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
border-radius: 0;
|
|
height: 40px;
|
|
outline: none !important;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
|
line-height: 40px;
|
|
}
|
|
.select2-container--default .select2-selection--single .select2-selection__clear {
|
|
width: 18px;
|
|
position: relative;
|
|
text-indent: -9999em;
|
|
height: 38px;
|
|
}
|
|
.select2-container--default .select2-selection--single .select2-selection__clear:after {
|
|
text-indent: 0;
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
color: #727272;
|
|
content: '\e5cd';
|
|
font-family: "Material Icons";
|
|
font-size: 18px;
|
|
}
|
|
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
|
height: 38px;
|
|
}
|
|
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
|
|
display: block;
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 2px;
|
|
color: #727272;
|
|
content: '\e5c5';
|
|
font-family: "Material Icons";
|
|
font-size: 18px;
|
|
}
|
|
.select2-container--default .select2-selection--single .select2-selection__arrow b {
|
|
display: none;
|
|
}
|
|
.select2-container--default .select2-search--dropdown .select2-search__field {
|
|
border-width: 0 0 1px;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
height: 32px;
|
|
line-height: 32px;
|
|
-webkit-transition: all 260ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 260ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
|
|
border-bottom-color: #1976d2;
|
|
}
|
|
.select2-container--default .select2-selection--multiple {
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
border-radius: 0;
|
|
min-height: 40px;
|
|
padding: 6px 8px 3px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.select2-container--default .select2-selection--multiple .select2-selection__choice {
|
|
border-radius: 18px;
|
|
padding: 3px 2px 2px 8px;
|
|
font-size: 14px;
|
|
border: none;
|
|
margin-top: 0;
|
|
margin-bottom: 5px;
|
|
background: #f2f2f2;
|
|
}
|
|
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
|
|
padding-left: 0;
|
|
display: block;
|
|
}
|
|
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
|
|
float: right;
|
|
text-indent: -9999em;
|
|
position: relative;
|
|
width: 18px;
|
|
height: 18px;
|
|
margin-left: 4px;
|
|
}
|
|
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after {
|
|
text-indent: 0;
|
|
display: block;
|
|
position: absolute;
|
|
top: -2px;
|
|
right: 0;
|
|
color: #727272;
|
|
content: '\e5cd';
|
|
font-family: "Material Icons";
|
|
font-size: 18px;
|
|
}
|
|
.select2-container--default.select2-container--focus .select2-selection--multiple {
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
.select2-container--default .select2-results__group {
|
|
font-size: 12px;
|
|
color: #aaa;
|
|
padding-top: 8px;
|
|
border-bottom: rgba(0, 0, 0, 0.12);
|
|
text-transform: uppercase;
|
|
font-weight: 400;
|
|
}
|
|
.select2-container--default .select2-results__option--highlighted[aria-selected] {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
color: inherit;
|
|
}
|
|
.select2-container--default .select2-results__option[aria-selected=true] {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
.select2-container--default .select2-results > .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true] {
|
|
display: none;
|
|
}
|
|
.select2-container--default .select2-results__option .select2-results__option {
|
|
font-size: 15px;
|
|
}
|
|
.select2-dropdown {
|
|
border-radius: 0;
|
|
border-color: transparent;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
}
|
|
/*
|
|
* Dropzone CSS
|
|
* The MIT License
|
|
* Copyright (c) 2012 Matias Meno <m@tias.me>
|
|
*/
|
|
.dropzone {
|
|
position: relative;
|
|
min-height: 150px;
|
|
border: 2px dashed rgba(0, 0, 0, 0.12);
|
|
background: #fff;
|
|
padding: 16px;
|
|
border-radius: 3px;
|
|
}
|
|
.dropzone,
|
|
.dropzone * {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.dropzone.dz-clickable {
|
|
cursor: pointer !important;
|
|
}
|
|
.dropzone.dz-clickable * {
|
|
cursor: default;
|
|
}
|
|
.dropzone.dz-clickable .dz-message,
|
|
.dropzone.dz-clickable .dz-message * {
|
|
cursor: pointer;
|
|
}
|
|
.dropzone.dz-started .dz-message {
|
|
display: none;
|
|
}
|
|
.dropzone.dz-drag-hover {
|
|
border-style: solid;
|
|
}
|
|
.dropzone.dz-drag-hover .dz-message {
|
|
opacity: 0.5;
|
|
}
|
|
.dropzone .dz-message {
|
|
text-align: center;
|
|
margin: 2em 0;
|
|
}
|
|
.dropzone .dz-preview {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 120px;
|
|
vertical-align: top;
|
|
margin: 16px;
|
|
min-height: 100px;
|
|
}
|
|
.dropzone .dz-preview:hover {
|
|
z-index: 1000;
|
|
}
|
|
.dropzone .dz-preview:hover .dz-details {
|
|
opacity: 1;
|
|
}
|
|
.dropzone .dz-preview:hover .dz-image img {
|
|
-webkit-transform: scale(1.05, 1.05);
|
|
transform: scale(1.05, 1.05);
|
|
-webkit-filter: blur(8px);
|
|
filter: blur(8px);
|
|
}
|
|
.dropzone .dz-preview .dz-image {
|
|
border-radius: 20px;
|
|
overflow: hidden;
|
|
width: 120px;
|
|
height: 120px;
|
|
position: relative;
|
|
display: block;
|
|
z-index: 10;
|
|
cursor: default;
|
|
}
|
|
.dropzone .dz-preview .dz-image img {
|
|
display: block;
|
|
}
|
|
.dropzone .dz-preview .dz-details {
|
|
z-index: 20;
|
|
position: absolute;
|
|
top: 20%;
|
|
left: 0;
|
|
opacity: 0;
|
|
font-size: 12px;
|
|
min-width: 100%;
|
|
max-width: 100%;
|
|
padding: 4px;
|
|
text-align: center;
|
|
color: rgba(0, 0, 0, 0.9);
|
|
}
|
|
.dropzone .dz-preview .dz-details .dz-filename {
|
|
white-space: nowrap;
|
|
}
|
|
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.dropzone .dz-preview .dz-details .dz-filename:hover span {
|
|
border: 1px solid rgba(0, 0, 0, 0.12) !important;
|
|
}
|
|
.dropzone .dz-preview .dz-details .dz-filename span,
|
|
.dropzone .dz-preview .dz-details .dz-size span {
|
|
display: inline-block;
|
|
background-color: rgba(255, 255, 255, 0.6);
|
|
border-radius: 3px;
|
|
margin-bottom: 8px;
|
|
padding: 0 4px;
|
|
font-size: 12px;
|
|
height: 18px;
|
|
line-height: 16px;
|
|
border: 1px solid transparent;
|
|
}
|
|
.dropzone .dz-preview.dz-file-preview .dz-image {
|
|
border-radius: 20px;
|
|
background: #999;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
|
|
background: linear-gradient(to bottom, #eee, #ddd);
|
|
}
|
|
.dropzone .dz-preview.dz-file-preview .dz-details {
|
|
opacity: 1;
|
|
}
|
|
.dropzone .dz-preview.dz-image-preview {
|
|
background: white;
|
|
}
|
|
.dropzone .dz-preview.dz-image-preview .dz-details {
|
|
-webkit-transition: opacity 0.2s linear;
|
|
transition: opacity 0.2s linear;
|
|
}
|
|
.dropzone .dz-preview .dz-remove {
|
|
font-size: 12px;
|
|
text-align: center;
|
|
display: block;
|
|
cursor: pointer;
|
|
border: none;
|
|
text-transform: uppercase;
|
|
margin-top: 4px;
|
|
}
|
|
.dropzone .dz-preview .dz-remove:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.dropzone .dz-preview .dz-progress {
|
|
display: block;
|
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
opacity: 1;
|
|
z-index: 1000;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
height: 16px;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-top: -8px;
|
|
width: 80px;
|
|
margin-left: -40px;
|
|
background: rgba(255, 255, 255, 0.9);
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
}
|
|
.dropzone .dz-preview .dz-progress .dz-upload {
|
|
display: block;
|
|
height: 100%;
|
|
width: 0;
|
|
background: #333;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
|
|
background: linear-gradient(to bottom, #666, #444);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
-webkit-transition: width 300ms ease-in-out;
|
|
transition: width 300ms ease-in-out;
|
|
}
|
|
.dropzone .dz-preview.dz-processing .dz-progress {
|
|
opacity: 1;
|
|
-webkit-transition: all 0.2s linear;
|
|
transition: all 0.2s linear;
|
|
}
|
|
.dropzone .dz-preview.dz-complete .dz-progress {
|
|
opacity: 0;
|
|
-webkit-transition: opacity 0.4s ease-in;
|
|
transition: opacity 0.4s ease-in;
|
|
}
|
|
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
|
|
-webkit-animation: pulse 6s ease infinite;
|
|
animation: pulse 6s ease infinite;
|
|
}
|
|
.dropzone .dz-preview .dz-error-message {
|
|
pointer-events: none;
|
|
z-index: 1000;
|
|
position: absolute;
|
|
display: none;
|
|
opacity: 0;
|
|
-webkit-transition: opacity 0.3s ease;
|
|
transition: opacity 0.3s ease;
|
|
border-radius: 4px;
|
|
font-size: 13px;
|
|
top: 130px;
|
|
left: -10px;
|
|
width: 140px;
|
|
background: #e53935;
|
|
padding: 8px;
|
|
color: #fff;
|
|
word-break: break-word;
|
|
}
|
|
.dropzone .dz-preview .dz-error-message:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: -6px;
|
|
left: 64px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid #e53935;
|
|
}
|
|
.dropzone .dz-preview.dz-error .dz-error-message {
|
|
display: block;
|
|
}
|
|
.dropzone .dz-preview.dz-error .dz-error-message:hover .dz-error-message {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
.dropzone .dz-preview.dz-error .dz-error-message,
|
|
.dropzone .dz-preview.dz-error .dz-error-mark {
|
|
opacity: 1;
|
|
display: block;
|
|
-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
|
|
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
|
|
}
|
|
.dropzone .dz-preview.dz-success .dz-success-mark {
|
|
display: block;
|
|
-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
|
|
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
|
|
}
|
|
.dropzone .dz-preview .dz-error-mark,
|
|
.dropzone .dz-preview .dz-success-mark {
|
|
position: absolute;
|
|
width: 54px;
|
|
height: 58px;
|
|
left: 50%;
|
|
margin-left: -27px;
|
|
margin-top: -27px;
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
z-index: 500;
|
|
display: block;
|
|
top: 50%;
|
|
}
|
|
.dropzone .dz-preview .dz-error-mark svg,
|
|
.dropzone .dz-preview .dz-success-mark svg {
|
|
display: block;
|
|
width: 54px;
|
|
height: 54px;
|
|
}
|
|
@-webkit-keyframes passing-through {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(40px);
|
|
transform: translateY(40px);
|
|
}
|
|
30%,
|
|
70% {
|
|
opacity: 1;
|
|
-webkit-transform: translateY(0px);
|
|
transform: translateY(0px);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(-40px);
|
|
transform: translateY(-40px);
|
|
}
|
|
}
|
|
@keyframes passing-through {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(40px);
|
|
transform: translateY(40px);
|
|
}
|
|
30%,
|
|
70% {
|
|
opacity: 1;
|
|
-webkit-transform: translateY(0px);
|
|
transform: translateY(0px);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(-40px);
|
|
transform: translateY(-40px);
|
|
}
|
|
}
|
|
@-webkit-keyframes slide-in {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(40px);
|
|
transform: translateY(40px);
|
|
}
|
|
30% {
|
|
opacity: 1;
|
|
-webkit-transform: translateY(0px);
|
|
transform: translateY(0px);
|
|
}
|
|
}
|
|
@keyframes slide-in {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(40px);
|
|
transform: translateY(40px);
|
|
}
|
|
30% {
|
|
opacity: 1;
|
|
-webkit-transform: translateY(0px);
|
|
transform: translateY(0px);
|
|
}
|
|
}
|
|
@-webkit-keyframes pulse {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
10% {
|
|
-webkit-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
20% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes pulse {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
10% {
|
|
-webkit-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
20% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
/* 7. partials (header,sidebars,top bar) ============= */
|
|
/* main header */
|
|
#header_main {
|
|
background: #1976d2;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
padding: 0 25px;
|
|
height: 48px;
|
|
left: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 1104;
|
|
}
|
|
#header_main:before,
|
|
#header_main:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
#header_main:after {
|
|
clear: both;
|
|
}
|
|
#header_main:before,
|
|
#header_main:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
#header_main:after {
|
|
clear: both;
|
|
}
|
|
#header_main .uk-navbar {
|
|
border: none;
|
|
background: none;
|
|
}
|
|
#header_main .uk-navbar .uk-navbar-brand {
|
|
text-shadow: none;
|
|
color: #fff;
|
|
line-height: 52px;
|
|
height: 48px;
|
|
font-size: 18px;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
#header_main .uk-navbar .uk-navbar-brand + * {
|
|
margin-left: 25px;
|
|
}
|
|
#header_main .uk-navbar .uk-navbar-nav {
|
|
position: relative;
|
|
}
|
|
#header_main .uk-navbar .uk-navbar-nav > li {
|
|
position: static;
|
|
}
|
|
#header_main .uk-navbar .uk-navbar-nav > li > a {
|
|
color: #fff;
|
|
text-shadow: none;
|
|
border: none;
|
|
line-height: 44px;
|
|
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 48px;
|
|
z-index: auto;
|
|
cursor: pointer;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
#header_main .uk-navbar .uk-navbar-nav > li > a {
|
|
line-height: 44px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
#header_main .uk-navbar .uk-navbar-nav > li > a {
|
|
padding: 2px 10px 0;
|
|
}
|
|
}
|
|
#header_main .uk-navbar .uk-navbar-nav > li > a:focus,
|
|
#header_main .uk-navbar .uk-navbar-nav > li > a:active {
|
|
background: none;
|
|
}
|
|
#header_main .uk-navbar .uk-navbar-nav > li > a:after {
|
|
position: absolute;
|
|
bottom: -2px;
|
|
left: 50%;
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
width: 0;
|
|
border: 7px solid transparent;
|
|
margin-left: -6px;
|
|
z-index: -1;
|
|
-webkit-transition: all 100ms ease-in 0ms;
|
|
transition: all 100ms ease-in 0ms;
|
|
}
|
|
#header_main .uk-navbar .uk-navbar-nav > li > a.navbar_link {
|
|
line-height: 48px;
|
|
}
|
|
#header_main .uk-navbar .uk-navbar-nav > li:hover > a,
|
|
#header_main .uk-navbar .uk-navbar-nav > li:focus > a,
|
|
#header_main .uk-navbar .uk-navbar-nav > li.uk-open > a,
|
|
#header_main .uk-navbar .uk-navbar-nav > li.uk-active > a {
|
|
background: none;
|
|
}
|
|
#header_main .uk-navbar .uk-navbar-nav > li.uk-open > a {
|
|
position: relative;
|
|
}
|
|
#header_main .uk-navbar .uk-navbar-nav > li.uk-open > a:after {
|
|
border-bottom-color: #fff;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
z-index: 1104;
|
|
}
|
|
#header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown {
|
|
margin-top: 1px;
|
|
max-height: 300px;
|
|
top: 100% !important;
|
|
right: 0 !important;
|
|
left: auto !important;
|
|
}
|
|
#header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown .md-list {
|
|
margin-left: -10px;
|
|
}
|
|
#header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown .md-list > li {
|
|
margin-right: 16px;
|
|
}
|
|
#header_main .uk-navbar .uk-navbar-nav > li .uk-dropdown .uk-switcher {
|
|
max-height: 216px;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
#header_main .user_actions a.user_action_image {
|
|
position: relative;
|
|
line-height: 48px !important;
|
|
}
|
|
#header_main .user_actions .user_action_icon {
|
|
display: block;
|
|
position: relative;
|
|
text-align: center;
|
|
padding-top: 4px;
|
|
}
|
|
#header_main .user_actions .user_action_icon:hover,
|
|
#header_main .user_actions .user_action_icon:focus {
|
|
text-decoration: none;
|
|
}
|
|
#header_main .user_actions .user_action_icon > .uk-badge {
|
|
background: rgba(0, 0, 0, 0.5);
|
|
color: #fff;
|
|
font-size: 11px;
|
|
font-weight: normal;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 8px;
|
|
min-width: 20px;
|
|
padding: 1px 4px;
|
|
line-height: 14px;
|
|
border-radius: 2px;
|
|
}
|
|
#header_main .sSwitch {
|
|
cursor: pointer;
|
|
margin: 12px 0 0;
|
|
padding: 12px 0;
|
|
position: relative;
|
|
}
|
|
#header_main .sSwitch:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 4px;
|
|
width: 2px;
|
|
height: 18px;
|
|
background: rgba(255, 255, 255, 0.6);
|
|
display: block;
|
|
opacity: 0;
|
|
-webkit-transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
#header_main .sSwitch,
|
|
#header_main .sSwitch .sSwitchIcon {
|
|
display: block;
|
|
height: 2px;
|
|
position: relative;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
width: 20px;
|
|
}
|
|
#header_main .sSwitch .sSwitchIcon {
|
|
will-change: transform;
|
|
}
|
|
#header_main .sSwitch .sSwitchIcon,
|
|
#header_main .sSwitch .sSwitchIcon:before,
|
|
#header_main .sSwitch .sSwitchIcon:after {
|
|
background: #fff;
|
|
-webkit-transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
#header_main .sSwitch .sSwitchIcon:before,
|
|
#header_main .sSwitch .sSwitchIcon:after {
|
|
content: "";
|
|
display: block;
|
|
height: 2px;
|
|
position: absolute;
|
|
width: 20px;
|
|
z-index: -1;
|
|
}
|
|
#header_main .sSwitch .sSwitchIcon:before {
|
|
top: 6px;
|
|
}
|
|
#header_main .sSwitch .sSwitchIcon:after {
|
|
top: -6px;
|
|
}
|
|
#header_main .sSwitch.sSwitch_left {
|
|
float: left;
|
|
margin-right: 16px;
|
|
}
|
|
#header_main .sSwitch.sSwitch_left:before {
|
|
left: -8px;
|
|
}
|
|
#header_main .sSwitch.sSwitch_left .sSwitchIcon {
|
|
-webkit-transform: rotate(-180deg);
|
|
transform: rotate(-180deg);
|
|
}
|
|
#header_main .sSwitch.sSwitch_left .sSwitchIcon:before,
|
|
#header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
|
|
left: 0;
|
|
}
|
|
#header_main .sSwitch.sSwitch_right {
|
|
float: right;
|
|
margin-left: 30px;
|
|
}
|
|
#header_main .sSwitch.sSwitch_right:before {
|
|
right: -8px;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
#header_main .sSwitch.sSwitch_right {
|
|
margin-left: 24px;
|
|
}
|
|
}
|
|
#header_main .sSwitch.sSwitch_right .sSwitchIcon {
|
|
-webkit-transform: rotate(-180deg);
|
|
transform: rotate(-180deg);
|
|
}
|
|
#header_main .sSwitch.sSwitch_right .sSwitchIcon:before,
|
|
#header_main .sSwitch.sSwitch_right .sSwitchIcon:after {
|
|
right: 0;
|
|
}
|
|
#header_main .sSwitch.sSwitch_right.sidebar_secondary_check {
|
|
display: none;
|
|
}
|
|
#header_main .header_main_search_form {
|
|
display: none;
|
|
position: relative;
|
|
padding: 2px 46px 0 40px;
|
|
margin: 5px 0;
|
|
}
|
|
#header_main .header_main_search_form form {
|
|
display: block;
|
|
position: static;
|
|
}
|
|
#header_main .header_main_search_form .md-icon,
|
|
#header_main .header_main_search_form .md-icon:hover,
|
|
#header_main .header_main_search_form .md-icon:focus {
|
|
color: #fff;
|
|
}
|
|
#header_main .header_main_search_form [data-uk-autocomplete] .uk-dropdown {
|
|
left: 40px;
|
|
right: 46px;
|
|
width: auto;
|
|
}
|
|
#header_main .header_main_search_input {
|
|
border: none;
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-radius: 0;
|
|
vertical-align: top;
|
|
padding: 6px 15px;
|
|
font-size: 16px;
|
|
height: auto;
|
|
background: rgba(255, 255, 255, 0.2);
|
|
color: #fff;
|
|
}
|
|
#header_main .header_main_search_btn {
|
|
position: absolute;
|
|
top: 0;
|
|
right: -2px;
|
|
cursor: pointer;
|
|
}
|
|
#header_main .header_main_search_close {
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 2px;
|
|
}
|
|
.header_double_height:after {
|
|
position: absolute;
|
|
top: 48px;
|
|
left: 0;
|
|
right: 0;
|
|
height: 59px;
|
|
background: #1976d2;
|
|
content: '';
|
|
display: block;
|
|
}
|
|
.header_double_height #header_main {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
position: absolute;
|
|
}
|
|
.header_double_height #page_content {
|
|
position: relative;
|
|
overflow: hidden;
|
|
padding-top: 10px;
|
|
}
|
|
.header_double_height #page_content_inner {
|
|
padding: 0;
|
|
}
|
|
.header_double_height .md-card-single {
|
|
position: relative;
|
|
z-index: 1;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
}
|
|
.header_double_height .md-card-single .md-card-content {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.header_double_height .md-list-outside-wrapper {
|
|
margin-top: 48px;
|
|
}
|
|
.main_logo_top {
|
|
float: left;
|
|
line-height: 48px;
|
|
min-width: 320px;
|
|
display: block;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.main_logo_top {
|
|
min-width: inherit;
|
|
margin-right: 24px;
|
|
}
|
|
}
|
|
.main_logo_top > a {
|
|
display: inline-block;
|
|
line-height: 48px;
|
|
}
|
|
.main_logo_top > a img {
|
|
max-height: 48px;
|
|
}
|
|
.header_full #sidebar_main {
|
|
top: 48px;
|
|
height: auto;
|
|
}
|
|
.header_full #header_main {
|
|
margin-left: 0 !important;
|
|
z-index: 1214;
|
|
}
|
|
.header_full.sidebar_mini #sidebar_main .menu_section > ul > li > ul {
|
|
top: 48px;
|
|
}
|
|
.header_full.sidebar_mini #sidebar_main .menu_section > ul > li > a > .menu_title {
|
|
top: 48px;
|
|
}
|
|
/* main sidebar */
|
|
#sidebar_main {
|
|
width: 320px;
|
|
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
|
position: fixed;
|
|
height: 100%;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
-webkit-transform: translate3d(-320px, 0, 0);
|
|
transform: translate3d(-320px, 0, 0);
|
|
z-index: 1204;
|
|
background: #fff;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
#sidebar_main,
|
|
#sidebar_main:before,
|
|
#sidebar_main:after,
|
|
#sidebar_main *,
|
|
#sidebar_main *:before,
|
|
#sidebar_main *:after {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
#sidebar_main {
|
|
width: 280px;
|
|
-webkit-transform: translate3d(-280px, 0, 0);
|
|
transform: translate3d(-280px, 0, 0);
|
|
}
|
|
}
|
|
#sidebar_main .menu_section .menu_heading {
|
|
font: 400 12px / 16px "Open Sans", sans-serif;
|
|
margin: 0 0 12px;
|
|
padding: 6px 6px 12px;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
|
text-transform: uppercase;
|
|
color: #212121;
|
|
}
|
|
#sidebar_main .menu_section ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
#sidebar_main .menu_section ul > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
#sidebar_main .menu_section > ul > li > a {
|
|
font: 500 14px / 25px "Open Sans", sans-serif;
|
|
color: #212121;
|
|
padding: 8px 20px;
|
|
display: block;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
#sidebar_main .menu_section > ul > li > a {
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
#sidebar_main .menu_section > ul > li > a:hover {
|
|
text-decoration: none;
|
|
}
|
|
#sidebar_main .menu_section > ul > li > a > .menu_icon {
|
|
width: 48px;
|
|
text-align: left;
|
|
display: inline-block;
|
|
color: #727272;
|
|
}
|
|
#sidebar_main .menu_section > ul > li > a > .menu_icon .material-icons {
|
|
font-size: 24px;
|
|
vertical-align: top;
|
|
}
|
|
#sidebar_main .menu_section > ul > li > a .menu_title {
|
|
display: inline-block;
|
|
}
|
|
#sidebar_main .menu_section > ul > li > a .uk-badge {
|
|
padding: 1px 4px;
|
|
text-transform: uppercase;
|
|
font-size: 10px;
|
|
position: absolute;
|
|
left: 34px;
|
|
top: 0;
|
|
}
|
|
#sidebar_main .menu_section > ul > li.act_section.submenu_trigger > a {
|
|
position: relative;
|
|
}
|
|
#sidebar_main .menu_section > ul > li.act_section.submenu_trigger > a:before {
|
|
-webkit-transform: rotate(-180deg);
|
|
transform: rotate(-180deg);
|
|
}
|
|
#sidebar_main .menu_section > ul > li.current_section > a > .menu_icon .material-icons {
|
|
color: #7cb342;
|
|
}
|
|
#sidebar_main .menu_section > ul > li.current_section > a .menu_title {
|
|
color: #7cb342;
|
|
}
|
|
#sidebar_main .menu_section > ul > li ul {
|
|
margin: 0;
|
|
display: none;
|
|
}
|
|
#sidebar_main .menu_section > ul > li ul a {
|
|
padding: 8px 10px 8px 72px;
|
|
display: block;
|
|
font: 400 13px / 18px "Open Sans", sans-serif;
|
|
color: #212121;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
#sidebar_main .menu_section > ul > li ul a {
|
|
font-size: 15px;
|
|
line-height: 20px;
|
|
}
|
|
}
|
|
#sidebar_main .menu_section > ul > li ul a:hover {
|
|
text-decoration: none;
|
|
}
|
|
#sidebar_main .menu_section > ul > li ul li.act_item > a {
|
|
color: #7cb342;
|
|
font-weight: 500;
|
|
}
|
|
#sidebar_main .menu_section > ul > li ul li.menu_subtitle {
|
|
font-weight: 500;
|
|
font-size: 13px;
|
|
color: #aaa;
|
|
padding: 16px 0 4px 72px;
|
|
}
|
|
#sidebar_main .menu_section > ul > li ul .submenu-icon {
|
|
width: 24px;
|
|
text-align: left;
|
|
display: inline-block;
|
|
color: #727272;
|
|
}
|
|
#sidebar_main .menu_section > ul > li ul .submenu-icon .material-icons {
|
|
font-size: 18px;
|
|
vertical-align: top;
|
|
}
|
|
#sidebar_main .menu_section > ul > li.submenu_trigger > a {
|
|
position: relative;
|
|
}
|
|
#sidebar_main .menu_section > ul > li.submenu_trigger > a:before {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 9px;
|
|
content: '\e313';
|
|
font-family: "Material Icons";
|
|
font-size: 18px;
|
|
display: block;
|
|
color: #727272;
|
|
-webkit-transition: -webkit-transform 280ms;
|
|
transition: -webkit-transform 280ms;
|
|
transition: transform 280ms;
|
|
transition: transform 280ms, -webkit-transform 280ms;
|
|
}
|
|
#sidebar_main .menu_section > ul > li.submenu_trigger li ul {
|
|
margin-left: 16px;
|
|
}
|
|
#sidebar_main .menu_section > ul > li.submenu_trigger li.submenu_trigger > a {
|
|
position: relative;
|
|
padding-right: 32px;
|
|
}
|
|
#sidebar_main .menu_section > ul > li.submenu_trigger li.submenu_trigger > a:before {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 7px;
|
|
content: '\e5c5';
|
|
font-family: "Material Icons";
|
|
font-size: 18px;
|
|
display: block;
|
|
color: #727272;
|
|
-webkit-transition: -webkit-transform 280ms;
|
|
transition: -webkit-transform 280ms;
|
|
transition: transform 280ms;
|
|
transition: transform 280ms, -webkit-transform 280ms;
|
|
}
|
|
#sidebar_main .menu_section > ul > li.submenu_trigger li.submenu_trigger.act_section > a:before {
|
|
-webkit-transform: rotate(-180deg);
|
|
transform: rotate(-180deg);
|
|
}
|
|
#sidebar_main .sidebar_main_header {
|
|
height: 89px;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
|
margin-bottom: 20px;
|
|
background-image: url("../img/sidebar_head_bg.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 0 0;
|
|
position: relative;
|
|
}
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 192), only screen and (min-resolution: 192dppx), only screen and (min-resolution: 2dppx) {
|
|
#sidebar_main .sidebar_main_header {
|
|
background-image: url("../img/sidebar_head_bg@2x.png");
|
|
background-size: 280px 90px;
|
|
}
|
|
}
|
|
#sidebar_main .sidebar_main_header .sidebar_logo {
|
|
height: 48px;
|
|
line-height: 48px;
|
|
overflow: hidden;
|
|
}
|
|
#sidebar_main .sidebar_main_header .sidebar_logo a {
|
|
display: inline-block;
|
|
margin-left: 20px;
|
|
}
|
|
#sidebar_main .sidebar_main_header .sidebar_logo a .logo_light {
|
|
display: none;
|
|
}
|
|
#sidebar_main .sidebar_main_header .sidebar_actions {
|
|
margin: 0 20px;
|
|
}
|
|
#sidebar_main .sidebar_main_header .sidebar_actions:before,
|
|
#sidebar_main .sidebar_main_header .sidebar_actions:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
#sidebar_main .sidebar_main_header .sidebar_actions:after {
|
|
clear: both;
|
|
}
|
|
#sidebar_main .sidebar_main_header .sidebar_actions:before,
|
|
#sidebar_main .sidebar_main_header .sidebar_actions:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
#sidebar_main .sidebar_main_header .sidebar_actions:after {
|
|
clear: both;
|
|
}
|
|
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-control {
|
|
float: left;
|
|
height: 40px;
|
|
}
|
|
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input:after {
|
|
margin-top: -13px !important;
|
|
right: 32px;
|
|
}
|
|
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-input {
|
|
width: 48px;
|
|
border: none;
|
|
padding: 6px 0;
|
|
background: transparent;
|
|
}
|
|
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-input input {
|
|
-webkit-user-select: none !important;
|
|
-moz-user-select: none !important;
|
|
-ms-user-select: none !important;
|
|
user-select: none !important;
|
|
}
|
|
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown {
|
|
width: 160px !important;
|
|
margin-left: -8px;
|
|
}
|
|
#sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown .item-icon {
|
|
margin-right: 8px;
|
|
}
|
|
#sidebar_main .sSidebar_show {
|
|
display: none !important;
|
|
}
|
|
#page_content,
|
|
#header_main,
|
|
#top_bar {
|
|
will-change: margin;
|
|
-webkit-transition: margin 280ms;
|
|
transition: margin 280ms;
|
|
}
|
|
.sidebar_main_active #sidebar_main {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
@media only screen and (max-width: 1219px) {
|
|
.sidebar_main_active #sidebar_main {
|
|
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 2px 4px 8px rgba(0, 0, 0, 0.28);
|
|
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 2px 4px 8px rgba(0, 0, 0, 0.28);
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1220px) {
|
|
.sidebar_main_active #page_content,
|
|
.sidebar_main_active #header_main,
|
|
.sidebar_main_active #top_bar {
|
|
margin-left: 320px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1219px) {
|
|
.sidebar_main_active #page_content:before {
|
|
opacity: 1;
|
|
z-index: 1184;
|
|
}
|
|
}
|
|
.sidebar_main_active:not(.steps) .sSwitch_left .sSwitchIcon:before,
|
|
.sidebar_main_active:not(.steps) .sSwitch_left .sSwitchIcon:after {
|
|
top: 0 !important;
|
|
}
|
|
.sidebar_main_active #header_main .sSwitch.sSwitch_left:before {
|
|
opacity: 1;
|
|
}
|
|
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:before,
|
|
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
|
|
width: 12px;
|
|
}
|
|
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:before {
|
|
top: 4px;
|
|
-webkit-transform: rotate(35deg);
|
|
transform: rotate(35deg);
|
|
-webkit-transform-origin: left top;
|
|
transform-origin: left top;
|
|
}
|
|
.sidebar_main_active #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
|
|
top: -4px;
|
|
-webkit-transform: rotate(-35deg);
|
|
transform: rotate(-35deg);
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
}
|
|
@media only screen and (min-width: 1220px) {
|
|
.sidebar_main_open #sidebar_main {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
.sidebar_main_open #page_content,
|
|
.sidebar_main_open #header_main,
|
|
.sidebar_main_open #top_bar {
|
|
margin-left: 320px;
|
|
}
|
|
.sidebar_main_open:not(.steps) .sSwitch_left .sSwitchIcon:before,
|
|
.sidebar_main_open:not(.steps) .sSwitch_left .sSwitchIcon:after {
|
|
top: 0 !important;
|
|
}
|
|
.sidebar_main_open #header_main .sSwitch.sSwitch_left:before {
|
|
opacity: 1;
|
|
}
|
|
.sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
.sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:before,
|
|
.sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
|
|
width: 12px;
|
|
}
|
|
.sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:before {
|
|
top: 4px;
|
|
-webkit-transform: rotate(35deg);
|
|
transform: rotate(35deg);
|
|
-webkit-transform-origin: left top;
|
|
transform-origin: left top;
|
|
}
|
|
.sidebar_main_open #header_main .sSwitch.sSwitch_left .sSwitchIcon:after {
|
|
top: -4px;
|
|
-webkit-transform: rotate(-35deg);
|
|
transform: rotate(-35deg);
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1219px) {
|
|
.sidebar_main_hiding #page_content:before {
|
|
opacity: 0;
|
|
z-index: 1109;
|
|
}
|
|
}
|
|
/* mini sidebar */
|
|
.sidebar_mini {
|
|
/* header full width */
|
|
}
|
|
.sidebar_mini #sidebar_main {
|
|
width: 60px;
|
|
background: #fff;
|
|
margin-left: 0;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
left: 0;
|
|
}
|
|
.sidebar_mini #sidebar_main .sidebar_main_header {
|
|
background-position: 0 0;
|
|
}
|
|
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_logo a {
|
|
margin-left: 0;
|
|
text-align: center;
|
|
display: block;
|
|
}
|
|
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions {
|
|
margin: 0 8px;
|
|
}
|
|
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control {
|
|
padding-left: 13px;
|
|
}
|
|
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input {
|
|
width: auto;
|
|
text-align: center;
|
|
}
|
|
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input:after {
|
|
display: none;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li {
|
|
position: relative;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li > a {
|
|
padding: 0;
|
|
display: block;
|
|
height: 42px;
|
|
text-align: center;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li > a .menu_icon {
|
|
display: inline-block;
|
|
text-align: center;
|
|
height: 48px;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li > a .menu_icon .material-icons {
|
|
line-height: 42px;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li > a > .menu_title {
|
|
text-align: left;
|
|
position: fixed;
|
|
left: 59px;
|
|
top: 0;
|
|
width: 202px;
|
|
display: none;
|
|
padding: 0 16px 0 17px;
|
|
line-height: 50px;
|
|
height: 48px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
background: #7cb342;
|
|
color: #fff;
|
|
z-index: 1124;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li > a .uk-badge {
|
|
left: 4px;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li.sidebar_submenu > a:before {
|
|
position: absolute;
|
|
right: 2px;
|
|
top: 10px;
|
|
content: '\e315';
|
|
font-family: "Material Icons";
|
|
font-size: 14px;
|
|
display: block;
|
|
color: #727272;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li.sidebar_submenu_act > a .menu_icon .material-icons {
|
|
color: #7cb342;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li > ul {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
margin-top: 48px;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
left: 59px;
|
|
background: #fff;
|
|
z-index: 1114;
|
|
border-left: 2px solid #7cb342;
|
|
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
|
|
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li > ul li {
|
|
width: 200px;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li > ul li a {
|
|
padding: 8px 16px;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li > ul li.menu_subtitle {
|
|
padding: 16px 16px 8px;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu {
|
|
background: #7cb342;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu > a .menu_icon .material-icons {
|
|
color: #fff;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu > a .menu_title {
|
|
display: block;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu > a:before {
|
|
display: none;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li:hover > ul {
|
|
display: block;
|
|
}
|
|
.sidebar_mini #sidebar_main .menu_section > ul > li li ul {
|
|
margin-left: 16px;
|
|
display: block;
|
|
}
|
|
.sidebar_mini #sidebar_main .sSidebar_hide {
|
|
display: none !important;
|
|
}
|
|
.sidebar_mini #sidebar_main .sSidebar_show {
|
|
display: block !important;
|
|
}
|
|
.sidebar_mini #page_content,
|
|
.sidebar_mini #header_main,
|
|
.sidebar_mini #top_bar {
|
|
margin-left: 60px;
|
|
}
|
|
.sidebar_mini.header_full #sidebar_main .menu_section > ul > li > a > .menu_title {
|
|
top: 0;
|
|
}
|
|
.sidebar_mini.header_full #sidebar_main .menu_section > ul > li > ul {
|
|
top: 0;
|
|
}
|
|
.sidebar_mini #footer {
|
|
margin-left: 60px;
|
|
}
|
|
/* slim sidebar */
|
|
.sidebar_slim #sidebar_main {
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
-webkit-transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.sidebar_slim #page_content,
|
|
.sidebar_slim #header_main,
|
|
.sidebar_slim #top_bar {
|
|
margin-left: 60px;
|
|
}
|
|
.sidebar_slim #footer {
|
|
margin-left: 60px;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main {
|
|
width: 66px;
|
|
background: #fff;
|
|
margin-left: 0;
|
|
left: 0;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .sidebar_main_header {
|
|
background-position: 0 0;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_logo a {
|
|
margin-left: 14px;
|
|
display: block;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions {
|
|
margin: 0 8px;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control {
|
|
padding-left: 12px;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input {
|
|
width: auto;
|
|
text-align: center;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-control .selectize-input:after {
|
|
display: none;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .sidebar_main_header .sidebar_actions .selectize-dropdown {
|
|
display: none !important;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .menu_section {
|
|
margin-top: -1px;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a {
|
|
padding: 0 0 0 20px;
|
|
display: block;
|
|
height: 41px;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a:before {
|
|
display: none;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a .menu_icon {
|
|
display: inline-block;
|
|
height: 48px;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a .menu_icon .material-icons {
|
|
line-height: 42px;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > a > .menu_title {
|
|
display: none;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .menu_section > ul > li > ul {
|
|
display: none !important;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .sSidebar_hide {
|
|
display: none !important;
|
|
}
|
|
.sidebar_slim_inactive #sidebar_main .sSidebar_show {
|
|
display: block !important;
|
|
}
|
|
.sidebar_slim_active #sidebar_main {
|
|
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
|
|
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
|
|
border-right-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.sidebar_slim_active #sidebar_main .menu_section > ul > li {
|
|
width: 320px;
|
|
}
|
|
/* secondary sidebar */
|
|
#sidebar_secondary {
|
|
position: fixed;
|
|
right: 0;
|
|
-webkit-transform: translate3d(288px, 0, 0);
|
|
transform: translate3d(288px, 0, 0);
|
|
top: 48px;
|
|
bottom: 0;
|
|
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
|
width: 280px;
|
|
background: #fff;
|
|
overflow: hidden;
|
|
z-index: 1104;
|
|
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), -2px 4px 8px rgba(0, 0, 0, 0.28);
|
|
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), -2px 4px 8px rgba(0, 0, 0, 0.28);
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
will-change: transform;
|
|
}
|
|
#sidebar_secondary,
|
|
#sidebar_secondary:before,
|
|
#sidebar_secondary:after,
|
|
#sidebar_secondary *,
|
|
#sidebar_secondary *:before,
|
|
#sidebar_secondary *:after {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
#sidebar_secondary .sidebar_secondary_wrapper {
|
|
margin: 8px 16px;
|
|
}
|
|
.header_double_height #sidebar_secondary {
|
|
top: 58px;
|
|
}
|
|
#sidebar_secondary .uk-switcher > li {
|
|
padding: 16px 16px 0;
|
|
}
|
|
#sidebar_secondary .uk-tab {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 10;
|
|
background: #fff;
|
|
}
|
|
#sidebar_secondary.tabbed_sidebar {
|
|
padding-top: 44px;
|
|
}
|
|
.sidebar_secondary_active #sidebar_secondary {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
.sidebar_secondary_active:not(.steps) .sSwitch_right .sSwitchIcon:before,
|
|
.sidebar_secondary_active:not(.steps) .sSwitch_right .sSwitchIcon:after {
|
|
top: 0 !important;
|
|
}
|
|
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right:before {
|
|
opacity: 1;
|
|
}
|
|
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:before,
|
|
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:after {
|
|
width: 12px;
|
|
}
|
|
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:before {
|
|
top: 4px;
|
|
-webkit-transform: rotate(-35deg);
|
|
transform: rotate(-35deg);
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
}
|
|
.sidebar_secondary_active #header_main .sSwitch.sSwitch_right .sSwitchIcon:after {
|
|
top: -4px;
|
|
-webkit-transform: rotate(35deg);
|
|
transform: rotate(35deg);
|
|
-webkit-transform-origin: right top;
|
|
transform-origin: right top;
|
|
}
|
|
/* top bar */
|
|
#top_bar {
|
|
background: #fff;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
height: 40px;
|
|
position: fixed;
|
|
top: 48px;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 100;
|
|
padding: 0 25px;
|
|
}
|
|
#top_bar,
|
|
#top_bar:before,
|
|
#top_bar:after,
|
|
#top_bar *,
|
|
#top_bar *:before,
|
|
#top_bar *:after {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
#top_bar .top_bar_nav {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
#top_bar .top_bar_nav > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
#top_bar .top_bar_nav > li {
|
|
float: left;
|
|
text-align: center;
|
|
}
|
|
#top_bar .top_bar_nav > li > a {
|
|
line-height: 40px;
|
|
padding: 0 16px;
|
|
font-weight: 500;
|
|
color: #212121;
|
|
display: block;
|
|
}
|
|
#top_bar .top_bar_nav > li > a:hover {
|
|
-webkit-box-shadow: inset 0 -3px 0 #2196f3;
|
|
box-shadow: inset 0 -3px 0 #2196f3;
|
|
}
|
|
#top_bar .top_bar_nav > li.uk-active a {
|
|
-webkit-box-shadow: inset 0 -3px 0 #2196f3;
|
|
box-shadow: inset 0 -3px 0 #2196f3;
|
|
}
|
|
#top_bar .uk-slidenav-position:before,
|
|
#top_bar .uk-slidenav-position:after {
|
|
position: absolute;
|
|
width: 25px;
|
|
height: 100%;
|
|
display: block;
|
|
top: 0;
|
|
content: '';
|
|
}
|
|
#top_bar .uk-slidenav-position:before {
|
|
left: -25px;
|
|
}
|
|
#top_bar .uk-slidenav-position:after {
|
|
right: -25px;
|
|
}
|
|
#top_bar .uk-slidenav-position:hover .uk-slidenav {
|
|
display: none;
|
|
}
|
|
#top_bar .uk-slidenav-position.uk-slidenav-hover:hover .uk-slidenav {
|
|
display: block;
|
|
}
|
|
#top_bar .uk-slidenav {
|
|
font-size: 32px;
|
|
height: 50px;
|
|
width: 24px;
|
|
}
|
|
#top_bar .uk-slidenav-previous {
|
|
left: -25px;
|
|
}
|
|
#top_bar .uk-slidenav-next {
|
|
right: -25px;
|
|
}
|
|
#top_bar.top_bar_static {
|
|
position: relative;
|
|
left: 0;
|
|
top: 0;
|
|
margin: 0 !important;
|
|
}
|
|
.top_bar_active {
|
|
padding-top: 88px;
|
|
}
|
|
.top_bar_active #header_main {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.top_bar_static_active {
|
|
padding-top: 48px;
|
|
}
|
|
/* page heading */
|
|
#page_heading {
|
|
background: #fff;
|
|
padding: 16px 24px;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
min-height: 81px;
|
|
}
|
|
#page_heading h1 {
|
|
font: 500 22px / 28px "Open Sans", sans-serif;
|
|
margin: 0;
|
|
}
|
|
#page_heading .heading_actions {
|
|
float: right;
|
|
margin-top: 8px;
|
|
padding-right: 15px;
|
|
}
|
|
#page_heading .heading_actions > * {
|
|
display: inline-block;
|
|
margin-left: 8px;
|
|
position: relative;
|
|
}
|
|
#page_heading .heading_actions .material-icons {
|
|
font-size: 24px;
|
|
}
|
|
#page_heading.uk-active {
|
|
border-bottom: none;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
z-index: 100;
|
|
}
|
|
.page_heading_active #header_main {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
/* top menu */
|
|
#menu_top_dropdown .top_menu_toggle {
|
|
height: 48px;
|
|
line-height: 51px;
|
|
color: #fff;
|
|
display: block;
|
|
padding: 0 8px;
|
|
}
|
|
#menu_top_dropdown .top_menu_toggle .material-icons {
|
|
color: #fff;
|
|
}
|
|
#menu_top_dropdown .uk-dropdown {
|
|
margin-top: 0;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
max-height: 340px;
|
|
}
|
|
@media screen and (max-height: 320px) {
|
|
#menu_top_dropdown .uk-dropdown {
|
|
max-height: 252px;
|
|
}
|
|
}
|
|
/* top menu */
|
|
#menu_top {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
position: relative;
|
|
}
|
|
#menu_top > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
#menu_top > li {
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
#menu_top > li > a {
|
|
height: 40px;
|
|
line-height: 40px;
|
|
display: block;
|
|
color: #212121;
|
|
padding: 0 16px;
|
|
min-width: 60px;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
#menu_top > li > a {
|
|
padding: 0 8px;
|
|
}
|
|
}
|
|
#menu_top > li > a:hover {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
#menu_top > li > a .material-icons {
|
|
font-size: 24px;
|
|
vertical-align: -8px;
|
|
}
|
|
#menu_top > li > a > span {
|
|
margin-left: 8px;
|
|
vertical-align: -2px;
|
|
}
|
|
#menu_top > li[data-uk-dropdown] > a {
|
|
padding-right: 32px;
|
|
}
|
|
#menu_top > li[data-uk-dropdown] > a:after {
|
|
position: absolute;
|
|
right: 4px;
|
|
top: 2px;
|
|
content: '\e313';
|
|
display: block;
|
|
width: 24px;
|
|
height: 24px;
|
|
font-size: 18px;
|
|
font-family: "Material Icons";
|
|
color: #727272;
|
|
}
|
|
#menu_top > li.uk-open > a {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
#menu_top > li .uk-dropdown {
|
|
margin-top: 1px;
|
|
top: 100% !important;
|
|
}
|
|
@media (max-height: 767px) {
|
|
#menu_top > li .uk-dropdown {
|
|
max-height: 200px !important;
|
|
overflow-y: auto !important;
|
|
}
|
|
}
|
|
@media (min-height: 768px) {
|
|
#menu_top > li [class*='uk-dropdown-width'] {
|
|
max-height: 640px;
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
#menu_top .uk-nav-multilevel li {
|
|
position: relative;
|
|
}
|
|
#menu_top .uk-nav-multilevel li ul {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 100%;
|
|
width: 180px;
|
|
background: #fff;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
margin: 0 0 0 1px;
|
|
padding: 0;
|
|
display: none;
|
|
}
|
|
#menu_top .uk-nav-multilevel li ul:before {
|
|
position: absolute;
|
|
left: -1px;
|
|
height: 100%;
|
|
width: 1px;
|
|
content: '';
|
|
display: block;
|
|
z-index: 10;
|
|
}
|
|
#menu_top .uk-nav-multilevel li ul li > a {
|
|
font-size: 14px;
|
|
color: #212121;
|
|
padding: 5px 15px;
|
|
}
|
|
#menu_top .uk-nav-multilevel li ul li > a:hover {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
#menu_top .uk-nav-multilevel li:hover > a {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
}
|
|
#menu_top .uk-nav-multilevel li:hover > ul {
|
|
display: block;
|
|
}
|
|
#menu_top .uk-nav-multilevel li.has-submenu:after {
|
|
display: block;
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 2px;
|
|
color: #727272;
|
|
content: '\e5cc';
|
|
font-family: "Material Icons";
|
|
font-size: 16px;
|
|
}
|
|
#breadcrumbs {
|
|
background: #fff;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
#breadcrumbs > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
#breadcrumbs > li {
|
|
display: inline-block;
|
|
}
|
|
#breadcrumbs > li a,
|
|
#breadcrumbs > li span {
|
|
position: relative;
|
|
display: block;
|
|
font-size: 16px;
|
|
padding: 8px 0;
|
|
line-height: 24px;
|
|
}
|
|
#breadcrumbs > li + li a,
|
|
#breadcrumbs > li + li span {
|
|
padding-left: 40px;
|
|
}
|
|
#breadcrumbs > li + li a:before,
|
|
#breadcrumbs > li + li span:before {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 8px;
|
|
margin-top: -12px;
|
|
content: '\e315';
|
|
font-family: "Material Icons";
|
|
font-size: 24px;
|
|
display: block;
|
|
color: #727272;
|
|
}
|
|
#footer {
|
|
position: fixed;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
background: #fff;
|
|
padding: 0 25px;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
|
line-height: 48px;
|
|
}
|
|
@media only screen and (min-width: 1220px) {
|
|
.sidebar_main_open #footer,
|
|
.sidebar_main_active #footer {
|
|
margin-left: 320px;
|
|
}
|
|
}
|
|
.page_aside {
|
|
min-height: 200px;
|
|
width: 240px;
|
|
background: #fff;
|
|
border-right: 1px solid #e0e0e0;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin-right: 25px;
|
|
-webkit-transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
position: absolute;
|
|
left: 0;
|
|
z-index: 1000;
|
|
}
|
|
.page_aside + * {
|
|
-webkit-transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
margin-left: 265px;
|
|
}
|
|
@media only screen and (max-width: 959px) {
|
|
.page_aside + * {
|
|
margin-left: 25px;
|
|
}
|
|
}
|
|
.page_aside_inner {
|
|
padding: 24px 12px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
}
|
|
.page_aside_toggle {
|
|
position: absolute;
|
|
top: 0;
|
|
right: -26px;
|
|
height: 100%;
|
|
width: 24px;
|
|
background: #ff0000;
|
|
cursor: pointer;
|
|
background: #f5f5f5;
|
|
border-right: 1px solid #e0e0e0;
|
|
-webkit-transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.page_aside_toggle:hover {
|
|
background: #e0e0e0;
|
|
}
|
|
.page_aside_toggle:after {
|
|
position: absolute;
|
|
left: 3px;
|
|
top: 50%;
|
|
content: '\e314';
|
|
font-family: "Material Icons";
|
|
font-size: 18px;
|
|
display: block;
|
|
color: #727272;
|
|
}
|
|
.page_aside_collapsed .page_aside {
|
|
-webkit-transform: translate3d(-240px, 0, 0);
|
|
transform: translate3d(-240px, 0, 0);
|
|
}
|
|
.page_aside_collapsed .page_aside + * {
|
|
margin-left: 25px;
|
|
}
|
|
.page_aside_collapsed .page_aside_toggle:after {
|
|
content: '\e315';
|
|
}
|
|
/* 8. custom pages =================================== */
|
|
/* user profile */
|
|
.user_heading {
|
|
padding: 24px;
|
|
background: #1976d2;
|
|
color: #fff;
|
|
position: relative;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.user_heading:before,
|
|
.user_heading:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.user_heading:after {
|
|
clear: both;
|
|
}
|
|
.user_heading:before,
|
|
.user_heading:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.user_heading:after {
|
|
clear: both;
|
|
}
|
|
.user_heading.uk-active {
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
padding: 16px 24px;
|
|
z-index: 100;
|
|
}
|
|
.user_heading.uk-active .user_heading_avatar .thumbnail {
|
|
width: 64px;
|
|
height: 64px;
|
|
line-height: 54px !important;
|
|
}
|
|
.user_heading_bg {
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
padding: 0;
|
|
}
|
|
.user_heading_bg .bg_overlay {
|
|
padding: 24px;
|
|
position: relative;
|
|
}
|
|
.user_heading_bg .bg_overlay:before {
|
|
display: block;
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: rgba(0, 0, 0, 0.3);
|
|
}
|
|
.user_heading_bg .bg_overlay .user_heading_content {
|
|
position: relative;
|
|
}
|
|
.user_heading_avatar {
|
|
float: left;
|
|
margin-right: 24px;
|
|
position: relative;
|
|
}
|
|
@media only screen and (max-width: 959px) {
|
|
.user_heading_avatar {
|
|
float: none !important;
|
|
text-align: center;
|
|
margin: 0 0 8px !important ;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 959px) {
|
|
.user_heading_avatar.fileinput {
|
|
width: 82px;
|
|
height: 82px;
|
|
margin: 0 auto 16px;
|
|
display: block;
|
|
}
|
|
}
|
|
.user_heading_avatar img {
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.user_heading_avatar .thumbnail {
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
width: 82px;
|
|
height: 82px;
|
|
line-height: 74px;
|
|
border-radius: 50%;
|
|
border: 2px solid #fff;
|
|
background-color: #ededed;
|
|
overflow: hidden;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
}
|
|
.user_heading_avatar .btn-file {
|
|
text-align: center;
|
|
position: absolute;
|
|
top: -4px;
|
|
right: -8px;
|
|
width: 32px;
|
|
height: 32px;
|
|
line-height: 38px;
|
|
background: #fff;
|
|
display: block;
|
|
border-radius: 50%;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
overflow: hidden;
|
|
}
|
|
.user_heading_avatar .btn-file .material-icons {
|
|
color: #2196f3;
|
|
font-size: 24px;
|
|
}
|
|
.user_heading_avatar .btn-file.fileinput-exists {
|
|
left: -8px;
|
|
right: auto;
|
|
}
|
|
.user_heading_avatar .btn-file.fileinput-exists .material-icons {
|
|
color: #e53935;
|
|
}
|
|
.user_heading_avatar.fileinput-new .btn-file.fileinput-exists {
|
|
display: none;
|
|
}
|
|
.user_heading_content {
|
|
padding: 16px 0;
|
|
}
|
|
@media only screen and (max-width: 959px) {
|
|
.user_heading_content {
|
|
text-align: center;
|
|
}
|
|
}
|
|
.user_heading_content .heading_a,
|
|
.user_heading_content .heading_b,
|
|
.user_heading_content .heading_c,
|
|
.user_heading_content .heading_a .sub-heading,
|
|
.user_heading_content .heading_b .sub-heading,
|
|
.user_heading_content .heading_c .sub-heading {
|
|
color: #fff;
|
|
}
|
|
.user_heading_content .user_stats {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
}
|
|
.user_heading_content .user_stats > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.user_heading_content .user_stats li {
|
|
margin-right: 48px;
|
|
float: left;
|
|
}
|
|
@media only screen and (max-width: 959px) {
|
|
.user_heading_content .user_stats li {
|
|
float: none;
|
|
display: inline-block;
|
|
margin: 0 16px 8px;
|
|
}
|
|
}
|
|
.user_heading_content .user_stats .material-icons {
|
|
color: #fff;
|
|
margin-right: 4px;
|
|
font-size: 36px;
|
|
vertical-align: -12px;
|
|
}
|
|
.user_heading_menu {
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 8px;
|
|
}
|
|
.user_heading .md-fab,
|
|
.user_heading .md-fab-wrapper {
|
|
position: absolute;
|
|
bottom: -22px;
|
|
right: 24px;
|
|
}
|
|
.user_heading .md-fab-wrapper > .md-fab {
|
|
position: static;
|
|
z-index: auto;
|
|
right: auto;
|
|
bottom: auto;
|
|
}
|
|
.user_content {
|
|
padding: 32px;
|
|
}
|
|
.user_content .full_width_in_card {
|
|
margin: 16px 0 32px;
|
|
}
|
|
/* scrum board */
|
|
.scrum_board_overflow {
|
|
height: 100%;
|
|
min-height: 100%;
|
|
overflow-y: hidden;
|
|
overflow-x: auto;
|
|
background: #fff;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
max-width: 100%;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
#scrum_board {
|
|
height: 100%;
|
|
padding: 0 4px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
}
|
|
#scrum_board > div {
|
|
height: 100%;
|
|
float: left;
|
|
width: 320px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
padding: 46px 0 8px;
|
|
}
|
|
#scrum_board .scrum_column {
|
|
background: rgba(0, 0, 0, 0.085);
|
|
padding: 8px;
|
|
height: 100%;
|
|
margin: 0 4px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
#scrum_board .scrum_column_heading_wrapper {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
#scrum_board .scrum_column_heading_wrapper .uk-button-dropdown {
|
|
position: absolute;
|
|
right: 6px;
|
|
top: 3px;
|
|
}
|
|
#scrum_board .scrum_column_heading {
|
|
font-weight: 500;
|
|
font-size: 13px;
|
|
text-transform: uppercase;
|
|
background: #fff;
|
|
line-height: 36px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
padding: 0 36px 0 12px;
|
|
}
|
|
#scrum_board .scrum_column .uk-sortable {
|
|
min-height: 100%;
|
|
}
|
|
#scrum_board .scrum_column .uk-sortable div {
|
|
cursor: move;
|
|
}
|
|
#scrum_board .scrum_column .uk-sortable div + div {
|
|
margin-top: 4px;
|
|
}
|
|
#scrum_board .scrum_column .uk-sortable-placeholder {
|
|
opacity: 0.4;
|
|
}
|
|
.scrum_task {
|
|
background: #fff;
|
|
padding: 8px 8px 8px 12px;
|
|
border-left-width: 4px;
|
|
border-left-style: solid;
|
|
}
|
|
.scrum_task.blocker {
|
|
border-left-color: #e53935;
|
|
}
|
|
.scrum_task.critical {
|
|
border-left-color: #ffa000;
|
|
}
|
|
.scrum_task.minor {
|
|
border-left-color: #7cb342;
|
|
}
|
|
.scrum_task_title {
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
margin: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
.scrum_task_description {
|
|
margin: 0 0 4px;
|
|
font-size: 12px;
|
|
}
|
|
.scrum_task_info {
|
|
margin: 0;
|
|
font-size: 12px;
|
|
}
|
|
.scrum_board_menu {
|
|
float: left;
|
|
width: 320px;
|
|
position: relative;
|
|
padding: 46px 8px 8px 16px;
|
|
border-right: 1px solid rgba(0, 0, 0, 0.08);
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.scrum_board_menu {
|
|
display: none;
|
|
}
|
|
}
|
|
.scrum_board_menu_heading {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 0;
|
|
font-weight: 500;
|
|
font-size: 13px;
|
|
text-transform: uppercase;
|
|
line-height: 36px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
padding: 0 16px;
|
|
}
|
|
.scrum_board_menu_inner {
|
|
height: 100%;
|
|
overflow: auto;
|
|
padding-right: 8px;
|
|
}
|
|
.scrum_board_menu_inner > div + div {
|
|
margin-top: 4px;
|
|
}
|
|
/* chat page */
|
|
.chat_box {
|
|
padding: 16px;
|
|
}
|
|
.chat_box .chat_message_wrapper {
|
|
margin-bottom: 32px;
|
|
}
|
|
.chat_box .chat_message_wrapper:before,
|
|
.chat_box .chat_message_wrapper:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.chat_box .chat_message_wrapper:after {
|
|
clear: both;
|
|
}
|
|
.chat_box .chat_message_wrapper:before,
|
|
.chat_box .chat_message_wrapper:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.chat_box .chat_message_wrapper:after {
|
|
clear: both;
|
|
}
|
|
.chat_box .chat_message_wrapper .chat_user_avatar {
|
|
float: left;
|
|
}
|
|
.chat_box .chat_message_wrapper ul.chat_message {
|
|
float: left;
|
|
margin: 0 0 0 20px;
|
|
padding: 0;
|
|
list-style: none;
|
|
max-width: 60%;
|
|
}
|
|
.chat_box .chat_message_wrapper ul.chat_message > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.chat_box .chat_message_wrapper ul.chat_message {
|
|
max-width: 70%;
|
|
}
|
|
}
|
|
.chat_box .chat_message_wrapper ul.chat_message > li {
|
|
background: #ededed;
|
|
padding: 8px 16px;
|
|
border-radius: 4px;
|
|
position: relative;
|
|
font-size: 13px;
|
|
display: block;
|
|
float: left;
|
|
clear: both;
|
|
color: #212121;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.chat_box .chat_message_wrapper ul.chat_message > li {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
.chat_box .chat_message_wrapper ul.chat_message > li p {
|
|
margin: 0;
|
|
}
|
|
.chat_box .chat_message_wrapper ul.chat_message > li .chat_message_time {
|
|
display: block;
|
|
font-size: 11px;
|
|
padding-top: 2px;
|
|
color: #727272;
|
|
text-transform: uppercase;
|
|
}
|
|
.chat_box .chat_message_wrapper ul.chat_message > li:first-child:before {
|
|
position: absolute;
|
|
left: -14px;
|
|
top: 0;
|
|
content: '';
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 0 16px 16px 0;
|
|
border-color: rgba(0, 0, 0, 0) #ededed rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
|
|
}
|
|
.chat_box .chat_message_wrapper ul.chat_message > li + li {
|
|
margin-top: 4px;
|
|
}
|
|
.chat_box .chat_message_wrapper.chat_message_right .chat_user_avatar {
|
|
float: right;
|
|
}
|
|
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message {
|
|
float: right;
|
|
margin-left: 0 !important;
|
|
margin-right: 24px !important;
|
|
}
|
|
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li {
|
|
float: right;
|
|
}
|
|
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
|
|
left: auto;
|
|
right: -14px;
|
|
border-width: 0 0 16px 16px;
|
|
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ededed;
|
|
}
|
|
.chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li .chat_message_time {
|
|
text-align: right;
|
|
}
|
|
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li {
|
|
background: #616161;
|
|
color: #fff;
|
|
}
|
|
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li:first-child:before {
|
|
border-right-color: #616161;
|
|
}
|
|
.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li .chat_message_time {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li {
|
|
background: #689f38;
|
|
}
|
|
.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
|
|
border-left-color: #689f38;
|
|
}
|
|
.chat_box.chat_box_colors_b .chat_message_wrapper ul.chat_message > li {
|
|
background: #0288d1;
|
|
color: #fff;
|
|
}
|
|
.chat_box.chat_box_colors_b .chat_message_wrapper ul.chat_message > li:first-child:before {
|
|
border-right-color: #0288d1;
|
|
}
|
|
.chat_box.chat_box_colors_b .chat_message_wrapper ul.chat_message > li .chat_message_time {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
.chat_box.chat_box_colors_b .chat_message_wrapper.chat_message_right ul.chat_message > li {
|
|
background: #01579b;
|
|
}
|
|
.chat_box.chat_box_colors_b .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
|
|
border-left-color: #01579b;
|
|
}
|
|
.chat_box.chat_box_colors_c .chat_message_wrapper ul.chat_message > li {
|
|
background: #e64a19;
|
|
color: #fff;
|
|
}
|
|
.chat_box.chat_box_colors_c .chat_message_wrapper ul.chat_message > li:first-child:before {
|
|
border-right-color: #e64a19;
|
|
}
|
|
.chat_box.chat_box_colors_c .chat_message_wrapper ul.chat_message > li .chat_message_time {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
.chat_box.chat_box_colors_c .chat_message_wrapper.chat_message_right ul.chat_message > li {
|
|
background: #e0e0e0;
|
|
color: #212121;
|
|
}
|
|
.chat_box.chat_box_colors_c .chat_message_wrapper.chat_message_right ul.chat_message > li .chat_message_time {
|
|
color: #727272;
|
|
}
|
|
.chat_box.chat_box_colors_c .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
|
|
border-left-color: #e0e0e0;
|
|
}
|
|
.chat_box.chat_box_colors_d .chat_message_wrapper ul.chat_message > li {
|
|
background: #e0e0e0;
|
|
}
|
|
.chat_box.chat_box_colors_d .chat_message_wrapper ul.chat_message > li:first-child:before {
|
|
border-right-color: #e0e0e0;
|
|
}
|
|
.chat_box.chat_box_colors_d .chat_message_wrapper.chat_message_right ul.chat_message > li {
|
|
background: #4527a0;
|
|
color: #fff;
|
|
}
|
|
.chat_box.chat_box_colors_d .chat_message_wrapper.chat_message_right ul.chat_message > li .chat_message_time {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
.chat_box.chat_box_colors_d .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child:before {
|
|
border-left-color: #4527a0;
|
|
}
|
|
.chat_box_wrapper {
|
|
height: 100%;
|
|
padding-bottom: 100px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.chat_box_wrapper .chat_box {
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
.chat_submit_box {
|
|
background: #fafafa;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
padding: 8px 8px 12px 16px;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.chat_submit_box textarea {
|
|
min-height: 40px;
|
|
max-height: 40px;
|
|
padding: 4px 4px 8px;
|
|
}
|
|
#sidebar_secondary .chat_box_wrapper,
|
|
#sidebar_secondary .chat_submit_box,
|
|
#sidebar_secondary .chat_sidebar_close {
|
|
display: none;
|
|
}
|
|
#sidebar_secondary.chat_sidebar {
|
|
padding-bottom: 68px;
|
|
}
|
|
#sidebar_secondary.chat_sidebar .chat_submit_box,
|
|
#sidebar_secondary.chat_sidebar .chat_sidebar_close {
|
|
display: block;
|
|
}
|
|
#sidebar_secondary .chat_sidebar_close {
|
|
position: absolute;
|
|
top: 52px;
|
|
right: 8px;
|
|
}
|
|
#sidebar_secondary .chat_box_wrapper {
|
|
padding-bottom: 0;
|
|
}
|
|
.chat_box_small.chat_box_wrapper {
|
|
margin: 0 -16px;
|
|
}
|
|
.md-list.chat_users li {
|
|
cursor: pointer;
|
|
}
|
|
.list-chatboxes > li {
|
|
cursor: pointer;
|
|
}
|
|
#chatbox_wrapper {
|
|
position: fixed;
|
|
bottom: 8px;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 0 16px 8px;
|
|
-webkit-transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
white-space: nowrap;
|
|
overflow-y: hidden;
|
|
overflow-x: auto;
|
|
}
|
|
@media only screen and (min-width: 768px) {
|
|
#chatbox_wrapper {
|
|
text-align: right;
|
|
}
|
|
}
|
|
.sidebar_main_open #chatbox_wrapper,
|
|
.sidebar_main_active #chatbox_wrapper {
|
|
left: 320px;
|
|
}
|
|
@media only screen and (min-width: 768px) {
|
|
.sidebar_secondary_active #chatbox_wrapper {
|
|
right: 280px;
|
|
}
|
|
}
|
|
.chatbox {
|
|
text-align: left;
|
|
display: inline-block;
|
|
height: 320px;
|
|
width: 260px;
|
|
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
background: #fff;
|
|
border-radius: 2px;
|
|
position: relative;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 36px 0 48px;
|
|
overflow: hidden;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
.chatbox + .chatbox {
|
|
margin-left: 8px;
|
|
}
|
|
.chatbox_header {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 36px;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
|
padding: 0 8px;
|
|
}
|
|
.chatbox_header:before,
|
|
.chatbox_header:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.chatbox_header:after {
|
|
clear: both;
|
|
}
|
|
.chatbox_header:before,
|
|
.chatbox_header:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.chatbox_header:after {
|
|
clear: both;
|
|
}
|
|
.chatbox_header .header_name {
|
|
line-height: 40px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
display: inline-block;
|
|
max-width: 180px;
|
|
text-overflow: ellipsis;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.chatbox_header .header_actions {
|
|
float: right;
|
|
display: inline-block;
|
|
}
|
|
.chatbox_header .header_actions > * {
|
|
display: inline-block;
|
|
}
|
|
.chatbox_header .header_actions .material-icons {
|
|
line-height: 36px;
|
|
font-size: 24px;
|
|
}
|
|
.chatbox_header .header_actions .actions_dropdown {
|
|
position: relative;
|
|
}
|
|
.chatbox_header .header_actions .actions_dropdown .uk-dropdown {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.chatbox_header .header_actions .actions_dropdown .uk-dropdown > ul > li > a {
|
|
white-space: normal;
|
|
font-size: 13px;
|
|
}
|
|
.chatbox_content {
|
|
height: 100%;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.chatbox_content .chatbox_message {
|
|
overflow: hidden;
|
|
padding: 8px;
|
|
}
|
|
.chatbox_content .chatbox_message .chatbox_avatar {
|
|
float: left;
|
|
margin-right: 8px;
|
|
max-width: 64px;
|
|
overflow: hidden;
|
|
}
|
|
.chatbox_content .chatbox_message .chatbox_avatar > img {
|
|
border-radius: 4px;
|
|
}
|
|
.chatbox_content .chatbox_message_content {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
overflow: hidden;
|
|
}
|
|
.chatbox_content .chatbox_message_content > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.chatbox_content .chatbox_message_content li {
|
|
display: block;
|
|
}
|
|
.chatbox_content .chatbox_message_content li + li {
|
|
margin-top: 2px;
|
|
}
|
|
.chatbox_content .chatbox_message_content li > span {
|
|
max-width: 80%;
|
|
border-radius: 4px;
|
|
font-size: 13px;
|
|
padding: 4px 8px;
|
|
background: rgba(0, 0, 0, 0.085);
|
|
display: inline-block;
|
|
white-space: normal;
|
|
}
|
|
.chatbox_content .chatbox_message.own .chatbox_avatar {
|
|
float: right;
|
|
margin-left: 8px;
|
|
margin-right: 0;
|
|
}
|
|
.chatbox_content .chatbox_message.own .chatbox_message_content li {
|
|
text-align: right;
|
|
}
|
|
.chatbox_content .chatbox_message.own .chatbox_message_content li > span {
|
|
max-width: 80%;
|
|
border-radius: 4px;
|
|
font-size: 13px;
|
|
padding: 4px 8px;
|
|
background: #2196f3;
|
|
display: inline-block;
|
|
white-space: normal;
|
|
color: #fff;
|
|
text-align: left;
|
|
}
|
|
.chatbox_footer {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
|
background: #fff;
|
|
}
|
|
.chatbox_footer .message_input {
|
|
width: 100%;
|
|
border: none;
|
|
font-size: 13px;
|
|
padding: 8px;
|
|
max-height: 80px;
|
|
font: 400 13px / 16px "Open Sans", sans-serif;
|
|
resize: none;
|
|
word-wrap: break-word;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
}
|
|
.chatbox.removing {
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
opacity: 0;
|
|
}
|
|
.chatbox.cb_active .chatbox_header {
|
|
background: #1976d2;
|
|
}
|
|
.chatbox.cb_active .chatbox_header,
|
|
.chatbox.cb_active .chatbox_header .material-icons {
|
|
color: #fff;
|
|
}
|
|
/* blog */
|
|
.blog_list_teaser_image {
|
|
margin-bottom: 16px;
|
|
}
|
|
.blog_list_teaser_video {
|
|
margin-bottom: 16px;
|
|
height: 200px;
|
|
}
|
|
.blog_list_teaser_title {
|
|
font: 400 18px / 24px "Open Sans", sans-serif;
|
|
margin: 0 0 8px;
|
|
}
|
|
.blog_list_teaser p {
|
|
margin: 0 0 8px;
|
|
}
|
|
.blog_list_footer {
|
|
border-top: 1px solid #e0e0e0;
|
|
padding: 8px 0 0 8px;
|
|
margin-top: 8px;
|
|
overflow: hidden;
|
|
}
|
|
.blog_list_footer_info {
|
|
float: left;
|
|
padding-top: 6px;
|
|
}
|
|
.blog_list_footer_info .material-icons {
|
|
color: #9e9e9e;
|
|
}
|
|
.blog_list_footer_info small {
|
|
vertical-align: 1px;
|
|
}
|
|
.blog_article .uk-thumbnail.thumbnail_left {
|
|
float: left;
|
|
margin: 0 24px 24px 0;
|
|
}
|
|
.blog_article .uk-thumbnail.thumbnail_right {
|
|
float: right;
|
|
margin: 0 0 24px 24px;
|
|
}
|
|
.blog_article * + p,
|
|
.blog_article * + ul,
|
|
.blog_article * + ol,
|
|
.blog_article * + dl,
|
|
.blog_article * + blockquote,
|
|
.blog_article * + pre,
|
|
.blog_article * + address,
|
|
.blog_article * + fieldset,
|
|
.blog_article * + figure {
|
|
margin-top: 24px;
|
|
}
|
|
.blog_article .material-icons + small {
|
|
vertical-align: 2px;
|
|
}
|
|
.blog_tags .uk-badge {
|
|
margin: 0 4px 4px 0;
|
|
}
|
|
/* gallery */
|
|
.gallery_grid_item {
|
|
padding: 0 !important;
|
|
}
|
|
.gallery_grid_item,
|
|
.gallery_grid_item:hover,
|
|
.gallery_grid_item:focus {
|
|
color: #212121;
|
|
}
|
|
.gallery_grid_item > a,
|
|
.gallery_grid_item img {
|
|
display: block;
|
|
}
|
|
.gallery_grid_image_caption {
|
|
padding: 8px 16px;
|
|
display: block;
|
|
position: relative;
|
|
z-index: 10;
|
|
background-color: #fff;
|
|
}
|
|
.gallery_grid_image_caption .gallery_image_title {
|
|
font: 500 14px / 20px "Open Sans", sans-serif;
|
|
margin: 0;
|
|
}
|
|
.gallery_grid_image_menu {
|
|
position: relative;
|
|
float: right;
|
|
margin: 4px 0 0 8px;
|
|
}
|
|
/* pricing tables */
|
|
.pricing_table.pricing_table_a {
|
|
text-align: center;
|
|
}
|
|
.pricing_table.pricing_table_a .pricing_table_plan {
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
padding: 16px 0;
|
|
margin-bottom: 16px;
|
|
}
|
|
.pricing_table.pricing_table_a .pricing_table_price {
|
|
padding: 8px 0 0;
|
|
font-size: 48px;
|
|
margin-bottom: 24px;
|
|
}
|
|
.pricing_table.pricing_table_a .pricing_table_price .currency {
|
|
vertical-align: top;
|
|
font-size: 24px;
|
|
padding: 0 4px;
|
|
}
|
|
.pricing_table.pricing_table_a .pricing_table_price .period {
|
|
font-size: 14px;
|
|
padding: 4px;
|
|
color: #aaa;
|
|
display: block;
|
|
}
|
|
.pricing_table.pricing_table_a .pricing_table_features {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.pricing_table.pricing_table_a .pricing_table_features > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.pricing_table.pricing_table_a .pricing_table_features li {
|
|
font-size: 16px;
|
|
padding: 8px 0;
|
|
}
|
|
.pricing_table.pricing_table_a .pricing_table_select {
|
|
padding: 32px 0;
|
|
}
|
|
.pricing_table.pricing_table_b {
|
|
text-align: center;
|
|
}
|
|
.pricing_table.pricing_table_b .pricing_table_plan {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
padding: 16px 0;
|
|
margin-bottom: 16px;
|
|
text-transform: uppercase;
|
|
}
|
|
.pricing_table.pricing_table_b .pricing_table_price {
|
|
padding: 8px 0 0;
|
|
font-size: 48px;
|
|
margin-bottom: 24px;
|
|
}
|
|
.pricing_table.pricing_table_b .pricing_table_price .currency {
|
|
vertical-align: top;
|
|
font-size: 24px;
|
|
padding: 0 4px;
|
|
}
|
|
.pricing_table.pricing_table_b .pricing_table_price .period {
|
|
font-size: 14px;
|
|
padding: 4px;
|
|
color: #aaa;
|
|
display: block;
|
|
}
|
|
.pricing_table.pricing_table_b .pricing_table_features {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.pricing_table.pricing_table_b .pricing_table_features > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.pricing_table.pricing_table_b .pricing_table_features li {
|
|
font-size: 16px;
|
|
padding: 8px 0;
|
|
}
|
|
.pricing_table.pricing_table_b .pricing_table_select {
|
|
padding: 32px 0;
|
|
}
|
|
.pricing_table.pricing_table_c {
|
|
text-align: center;
|
|
}
|
|
.pricing_table.pricing_table_c .pricing_table_plan {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
padding: 16px 0;
|
|
margin-bottom: 8px;
|
|
}
|
|
.pricing_table.pricing_table_c .pricing_table_price {
|
|
padding: 8px 0 0;
|
|
font-size: 48px;
|
|
margin-bottom: 24px;
|
|
}
|
|
.pricing_table.pricing_table_c .pricing_table_price .currency {
|
|
vertical-align: top;
|
|
font-size: 24px;
|
|
padding: 0 4px;
|
|
}
|
|
.pricing_table.pricing_table_c .pricing_table_price .period {
|
|
font-size: 14px;
|
|
color: #aaa;
|
|
vertical-align: 0;
|
|
padding-left: 4px;
|
|
}
|
|
.pricing_table.pricing_table_c .pricing_table_features {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.pricing_table.pricing_table_c .pricing_table_features > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.pricing_table.pricing_table_c .pricing_table_features li {
|
|
font-size: 16px;
|
|
padding: 8px 0;
|
|
}
|
|
.pricing_table.pricing_table_c .pricing_table_select {
|
|
padding: 32px 0;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_a {
|
|
text-align: center;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_a .pricing_table_plan {
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
padding: 24px 0;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_a .pricing_table_price {
|
|
padding: 8px 0 0;
|
|
font-size: 48px;
|
|
margin: 0 8px 24px;
|
|
color: #fff;
|
|
background: #4db6ac;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_a .pricing_table_price .currency {
|
|
vertical-align: top;
|
|
font-size: 24px;
|
|
padding: 0 4px;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_a .pricing_table_price .period {
|
|
font-size: 14px;
|
|
padding: 4px;
|
|
display: block;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_a .pricing_table_features {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_a .pricing_table_features > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_a .pricing_table_features li {
|
|
font-size: 16px;
|
|
padding: 8px 0;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_a .pricing_table_select {
|
|
padding: 32px 0;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_a .md-btn {
|
|
background: #4db6ac;
|
|
color: #fff;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_b {
|
|
text-align: center;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_b .pricing_table_plan {
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
padding: 16px 0;
|
|
background: #ef5350;
|
|
color: #fff;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_b .pricing_table_price {
|
|
padding: 8px 0;
|
|
font-size: 48px;
|
|
font-weight: 700;
|
|
margin: 0 0 48px;
|
|
color: #fff;
|
|
background: #e53935;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_b .pricing_table_price .currency {
|
|
vertical-align: top;
|
|
font-size: 24px;
|
|
padding: 0 4px;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_b .pricing_table_price .period {
|
|
font-size: 14px;
|
|
padding: 4px;
|
|
display: block;
|
|
font-weight: 400;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_b .pricing_table_features {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_b .pricing_table_features > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_b .pricing_table_features li {
|
|
font-size: 16px;
|
|
padding: 8px 0;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_b .pricing_table_features li:nth-child(odd) {
|
|
background: #f5f5f5;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_b .pricing_table_select {
|
|
padding: 32px 0;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_b .md-btn {
|
|
background: #ef5350;
|
|
color: #fff;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_c {
|
|
text-align: center;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_c .pricing_table_plan {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
margin: 0 32px 24px;
|
|
padding: 16px 0;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
|
text-transform: uppercase;
|
|
color: #727272;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_c .pricing_table_price {
|
|
padding: 8px 0;
|
|
font-size: 48px;
|
|
margin: 0 0 24px;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_c .pricing_table_price .currency {
|
|
vertical-align: top;
|
|
font-size: 24px;
|
|
padding: 0 4px;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_c .pricing_table_price .period {
|
|
font-size: 14px;
|
|
padding: 4px;
|
|
font-weight: 400;
|
|
color: #aaa;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_c .pricing_table_features {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_c .pricing_table_features > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_c .pricing_table_features li {
|
|
font-size: 14px;
|
|
padding: 12px 0;
|
|
margin: 0 32px;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
.pricing_table_v2.pricing_table_v2_c .pricing_table_select {
|
|
padding: 32px 0;
|
|
}
|
|
.invoice_header {
|
|
height: 72px;
|
|
padding: 20px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: -16px -16px 24px;
|
|
}
|
|
.invoice_header > img {
|
|
max-height: 100%;
|
|
width: auto;
|
|
}
|
|
.invoice_header_active.md-card-toolbar {
|
|
border-bottom: none;
|
|
}
|
|
.invoice_footer {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
|
margin-top: 40px;
|
|
height: 64px;
|
|
padding: 8px;
|
|
font-size: 13px;
|
|
text-align: center;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
line-height: 20px;
|
|
}
|
|
.invoice_footer > span {
|
|
font-weight: 700;
|
|
font-size: 24px;
|
|
vertical-align: -4px;
|
|
padding: 0 8px;
|
|
}
|
|
.invoice_content {
|
|
position: relative;
|
|
}
|
|
.invoice_content address p + p {
|
|
margin-top: 0;
|
|
}
|
|
#tabs_search_content > li {
|
|
padding: 24px;
|
|
}
|
|
#tabs_search_content > li.full_height {
|
|
padding: 0;
|
|
height: 100%;
|
|
}
|
|
.map_search_wrapper {
|
|
position: relative;
|
|
padding-left: 320px;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.map_search_wrapper {
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
.map_search_wrapper .map_search_list_wrapper {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 320px;
|
|
padding: 16px 0;
|
|
background: #fff;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
-webkit-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.26);
|
|
box-shadow: 4px 0 8px rgba(0, 0, 0, 0.26);
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.map_search_wrapper .map_search_list_wrapper {
|
|
width: 240px;
|
|
}
|
|
}
|
|
.map_search_wrapper .map_search_list_wrapper .md-list li {
|
|
padding: 8px 16px;
|
|
border-bottom-color: rgba(0, 0, 0, 0.08);
|
|
}
|
|
.map_search_list_active.map_search_wrapper {
|
|
padding: 0;
|
|
}
|
|
.map_search_list_active.map_search_wrapper .map_search_list_wrapper {
|
|
-webkit-transform: translate3d(-340px, 0, 0);
|
|
transform: translate3d(-340px, 0, 0);
|
|
}
|
|
#map_search_list_toggle {
|
|
position: absolute;
|
|
left: 320px;
|
|
bottom: 50%;
|
|
margin-bottom: -20px;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 0 8px 8px 0;
|
|
background: #fff;
|
|
display: block;
|
|
z-index: 1;
|
|
text-align: center;
|
|
padding-top: 8px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
|
|
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
#map_search_list_toggle {
|
|
left: 240px;
|
|
}
|
|
}
|
|
.map_search_list_active #map_search_list_toggle {
|
|
left: 0;
|
|
}
|
|
.search_list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.search_list > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.search_list_heading {
|
|
font: 400 18px / 22px "Open Sans", sans-serif;
|
|
margin: 0 0 2px;
|
|
}
|
|
.search_list_link {
|
|
color: #7cb342;
|
|
display: block;
|
|
margin-bottom: 2px;
|
|
}
|
|
.search_list p {
|
|
margin: 0;
|
|
font-size: 13px;
|
|
}
|
|
.search_list li {
|
|
padding: 24px 0;
|
|
}
|
|
.search_list li:before,
|
|
.search_list li:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.search_list li:after {
|
|
clear: both;
|
|
}
|
|
.search_list li:before,
|
|
.search_list li:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.search_list li:after {
|
|
clear: both;
|
|
}
|
|
.search_list li + li {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.08);
|
|
}
|
|
.search_list_thumb {
|
|
width: 100px;
|
|
height: 100px;
|
|
margin-right: 16px;
|
|
float: left;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.search_list_thumb {
|
|
float: none !important;
|
|
width: auto;
|
|
margin: 0 0 16px !important;
|
|
}
|
|
}
|
|
.search_list_content {
|
|
overflow: hidden;
|
|
}
|
|
ol.questions,
|
|
ul.answers,
|
|
ul.responses,
|
|
ol.questions li,
|
|
ul.answers li,
|
|
ul.responses li {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
}
|
|
.startQuiz,
|
|
.nextQuestion,
|
|
.backToQuestion,
|
|
.questions li.question,
|
|
.questions li.question .responses,
|
|
.questions li.question .responses .correct,
|
|
.questions li.question .responses .incorrect,
|
|
.quizResults {
|
|
display: none;
|
|
}
|
|
.startQuiz {
|
|
margin-top: 40px;
|
|
}
|
|
.tryAgain {
|
|
float: none;
|
|
margin: 20px 0;
|
|
}
|
|
/* clearfix */
|
|
.quizArea,
|
|
.quizResults {
|
|
zoom: 1;
|
|
}
|
|
.quizArea:before,
|
|
.quizArea:after,
|
|
.quizResults:before,
|
|
.quizResults:after {
|
|
content: "\0020";
|
|
display: block;
|
|
height: 0;
|
|
visibility: hidden;
|
|
font-size: 0;
|
|
}
|
|
.quizArea:after,
|
|
.quizResults:after {
|
|
clear: both;
|
|
}
|
|
.questionCount {
|
|
font-size: 14px;
|
|
font-style: italic;
|
|
}
|
|
.questionCount span {
|
|
font-weight: bold;
|
|
}
|
|
ol.questions {
|
|
margin-top: 20px;
|
|
}
|
|
ol.questions .md-btn {
|
|
margin-left: 0 !important;
|
|
}
|
|
ul.responses li {
|
|
margin: 40px 0;
|
|
}
|
|
ul.responses li p span {
|
|
display: block;
|
|
font-weight: bold;
|
|
font-size: 22px;
|
|
}
|
|
.complete ul.answers li.correct,
|
|
ul.responses li.correct p span {
|
|
color: #7cb342;
|
|
}
|
|
ul.responses li.incorrect p span {
|
|
color: #e53935;
|
|
}
|
|
ul.answers {
|
|
margin: 30px 0;
|
|
}
|
|
ul.answers > li {
|
|
margin: 14px 0 0 20px;
|
|
}
|
|
ul.answers > li label {
|
|
padding-left: 4px;
|
|
}
|
|
.quizResults h3 {
|
|
margin: 10px 0;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
}
|
|
.quizResults h3 span {
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
.quizResultsCopy {
|
|
clear: both;
|
|
margin-top: 20px;
|
|
}
|
|
.quizResultsCopy h5 {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
|
font-size: 18px;
|
|
margin: 20px 0 10px;
|
|
padding-top: 20px;
|
|
}
|
|
.quizResultsCopy p {
|
|
margin-top: 0;
|
|
}
|
|
.nextQuestion.checkAnswer {
|
|
display: block;
|
|
}
|
|
/* Accessibility */
|
|
.quizName span:first-child {
|
|
border: 0;
|
|
clip: rect(0 0 0 0);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
}
|
|
/* 9. altair main styles ============================= */
|
|
html {
|
|
height: 100%;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
background: #ececec;
|
|
}
|
|
body {
|
|
min-height: 100%;
|
|
font: 400 14px / 1.42857143 "Open Sans", sans-serif;
|
|
padding-top: 48px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
a,
|
|
button {
|
|
outline: none !important;
|
|
}
|
|
a {
|
|
color: #1e88e5;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
a:hover,
|
|
a:active {
|
|
color: #0d47a1;
|
|
text-decoration: none;
|
|
}
|
|
pre,
|
|
code,
|
|
code[class*="language-"],
|
|
pre[class*="language-"] {
|
|
font: 400 12px / 18px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace !important;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
pre[class*="language-"] {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
padding: 0;
|
|
}
|
|
pre[class*="language-"]:before,
|
|
pre[class*="language-"]:after {
|
|
display: none;
|
|
}
|
|
.line-numbers .line-numbers-rows {
|
|
border-right-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
:not(pre) > code,
|
|
:not(pre) > kbd,
|
|
:not(pre) > samp {
|
|
font: 400 12px / 18px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace !important;
|
|
color: #d32f2f;
|
|
}
|
|
pre.large_code,
|
|
code.large_code {
|
|
font: 400 14px / 24px "Source Code Pro", Consolas, Monaco, 'Andale Mono', monospace !important;
|
|
}
|
|
.touchscroll {
|
|
overflow-y: auto !important;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.transform-origin-50 {
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
}
|
|
blockquote {
|
|
border-left: 4px solid rgba(0, 0, 0, 0.085);
|
|
}
|
|
/* clearfix */
|
|
.clearfix:before,
|
|
.clearfix:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.clearfix:after {
|
|
clear: both;
|
|
}
|
|
/* headings */
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-weight: 500;
|
|
}
|
|
.heading_a {
|
|
margin: 0;
|
|
font: 400 18px / 24px "Open Sans", sans-serif;
|
|
}
|
|
.heading_a .sub-heading {
|
|
font-weight: 300;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
display: block;
|
|
color: #727272;
|
|
}
|
|
.heading_b {
|
|
margin: 0;
|
|
font: 400 22px / 28px "Open Sans", sans-serif;
|
|
}
|
|
.heading_b .sub-heading {
|
|
font-weight: 300;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
display: block;
|
|
color: #727272;
|
|
}
|
|
.heading_c {
|
|
margin: 0;
|
|
font: 400 16px / 20px "Open Sans", sans-serif;
|
|
}
|
|
.heading_c .sub-heading {
|
|
font-weight: 300;
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
display: block;
|
|
color: #727272;
|
|
}
|
|
.heading_list {
|
|
color: #727272;
|
|
font: 500 13px / 16px "Open Sans", sans-serif;
|
|
padding: 0 16px;
|
|
margin: 0 0 16px;
|
|
}
|
|
.heading_a + .uk-grid,
|
|
.heading_b + .uk-grid,
|
|
.heading_c + .uk-grid,
|
|
.heading_list + .uk-grid {
|
|
margin-top: 24px;
|
|
}
|
|
.uk-grid + .heading_a,
|
|
.uk-grid + .heading_b,
|
|
.uk-grid + .heading_c,
|
|
.uk-grid + .heading_list {
|
|
margin-top: 24px;
|
|
}
|
|
/* uikit extend */
|
|
.uk-text-large {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
margin: 0 0 16px;
|
|
}
|
|
* > .uk-text-large {
|
|
margin-top: 16px;
|
|
}
|
|
.uk-text-small {
|
|
font-size: 12px !important;
|
|
}
|
|
.uk-text-upper {
|
|
text-transform: uppercase;
|
|
}
|
|
.uk-text-italic {
|
|
font-style: italic;
|
|
}
|
|
.uk-text-del {
|
|
text-decoration: line-through;
|
|
}
|
|
.uk-table.no-border td,
|
|
.uk-table .no-border td {
|
|
border-bottom: none;
|
|
}
|
|
.uk-table .row-selected {
|
|
background: #fff8e1 !important;
|
|
}
|
|
.uk-table [data-link] {
|
|
cursor: pointer;
|
|
}
|
|
.uk-text-pre {
|
|
white-space: pre;
|
|
}
|
|
.table_tree {
|
|
margin-bottom: 4px !important;
|
|
}
|
|
.table_tree .table-child-row {
|
|
display: none;
|
|
}
|
|
.table_tree .toggle-childrens {
|
|
display: block;
|
|
padding-left: 24px;
|
|
position: relative;
|
|
}
|
|
.table_tree .toggle-childrens:before {
|
|
content: '\e313';
|
|
font-family: "Material Icons";
|
|
font-size: 28px;
|
|
position: absolute;
|
|
left: -6px;
|
|
top: -10px;
|
|
color: #727272;
|
|
-webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
.table_tree .table-child-row {
|
|
display: table-row;
|
|
}
|
|
.table_tree .table-child-row .child-row-main-col {
|
|
padding-left: 40px;
|
|
}
|
|
.table_tree .show_child_row .toggle-childrens:before {
|
|
-webkit-transform: rotate(-90deg);
|
|
transform: rotate(-90deg);
|
|
}
|
|
/* custom styles */
|
|
address {
|
|
margin: 0;
|
|
}
|
|
address p {
|
|
margin: 0;
|
|
}
|
|
address p + p {
|
|
margin-top: 4px;
|
|
}
|
|
.grid-block {
|
|
border-width: 1px 0;
|
|
border-style: solid;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
background: rgba(179, 179, 179, 0.085);
|
|
padding: 48px 0;
|
|
}
|
|
.inline-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
overflow: hidden;
|
|
}
|
|
.inline-list > li {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.inline-list li {
|
|
float: left;
|
|
margin: 0 8px 8px 0;
|
|
height: 32px;
|
|
width: 32px;
|
|
line-height: 32px;
|
|
text-align: center;
|
|
background: rgba(102, 102, 102, 0.085);
|
|
}
|
|
.img_thumb {
|
|
width: 80px;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.img_thumb.square {
|
|
height: 80px;
|
|
}
|
|
.img_small {
|
|
width: 120px;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.img_small.square {
|
|
height: 120px;
|
|
}
|
|
.img_medium {
|
|
width: 240px;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.img_medium.square {
|
|
height: 240px;
|
|
}
|
|
.img_large {
|
|
width: 400px;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.img_large.square {
|
|
height: 400px;
|
|
}
|
|
/* forms */
|
|
.inline-label {
|
|
padding-left: 4px;
|
|
cursor: pointer;
|
|
vertical-align: -1px;
|
|
}
|
|
.form_hr {
|
|
border-top: 1px dashed rgba(0, 0, 0, 0.12);
|
|
margin: 32px 0 16px;
|
|
}
|
|
/* layout */
|
|
#page_content:before {
|
|
content: '';
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: rgba(0, 0, 0, 0.3);
|
|
display: block;
|
|
opacity: 0;
|
|
-webkit-transition: opacity 400ms;
|
|
transition: opacity 400ms;
|
|
z-index: -1;
|
|
}
|
|
#page_content_inner {
|
|
padding: 24px 24px 100px;
|
|
}
|
|
#page_overflow {
|
|
min-height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
@media only screen and (min-width: 1220px) {
|
|
.boxed_layout #page_content {
|
|
max-width: 1220px;
|
|
margin: 0 auto !important;
|
|
}
|
|
.boxed_layout .uk-width-large-8-10.uk-container-center {
|
|
width: 100%;
|
|
}
|
|
.boxed_layout.sidebar_main_open #page_content,
|
|
.boxed_layout.sidebar_main_active #page_content {
|
|
padding-left: 320px;
|
|
}
|
|
.boxed_layout .md-top-bar {
|
|
max-width: 1172px;
|
|
margin: 0 auto;
|
|
}
|
|
.boxed_layout #page_heading {
|
|
border-width: 0 1px 1px;
|
|
border-style: solid;
|
|
border-color: rgba(0, 0, 0, 0.12);
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
.disable_transitions #sidebar_main,
|
|
.disable_transitions #page_content,
|
|
.disable_transitions #header_main,
|
|
.disable_transitions #top_bar,
|
|
.disable_transitions #header_main .sSwitch .sSwitchIcon,
|
|
.disable_transitions #header_main .sSwitch .sSwitchIcon:before,
|
|
.disable_transitions #header_main .sSwitch .sSwitchIcon:after {
|
|
-webkit-transition: none !important;
|
|
transition: none !important;
|
|
}
|
|
/* 10. print styles ================================== */
|
|
/* print stylesheet */
|
|
@media print {
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
background: transparent !important;
|
|
color: #000 !important;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
text-shadow: none !important;
|
|
}
|
|
a,
|
|
a:visited {
|
|
text-decoration: underline;
|
|
}
|
|
a[href]:after {
|
|
content: " (" attr(href) ")";
|
|
}
|
|
abbr[title]:after {
|
|
content: " (" attr(title) ")";
|
|
}
|
|
a[href^="#"]:after,
|
|
a[href^="javascript:"]:after {
|
|
content: "";
|
|
}
|
|
pre,
|
|
blockquote {
|
|
border: 1px solid #999;
|
|
page-break-inside: avoid;
|
|
}
|
|
thead {
|
|
display: table-header-group;
|
|
}
|
|
tr,
|
|
img {
|
|
page-break-inside: avoid;
|
|
}
|
|
img {
|
|
max-width: 100% !important;
|
|
}
|
|
p,
|
|
h2,
|
|
h3 {
|
|
orphans: 3;
|
|
widows: 3;
|
|
}
|
|
h2,
|
|
h3 {
|
|
page-break-after: avoid;
|
|
}
|
|
.uk-table {
|
|
border-collapse: collapse !important;
|
|
}
|
|
.uk-table td,
|
|
.uk-table th {
|
|
background-color: #fff !important;
|
|
}
|
|
.uk-table-bordered th,
|
|
.uk-table-bordered td {
|
|
border: 1px solid #ddd !important;
|
|
}
|
|
#sidebar_main,
|
|
#sidebar_secondary,
|
|
#header_main,
|
|
#style_switcher,
|
|
.header_double_height:before,
|
|
.hidden-print,
|
|
.md-fab-wrapper {
|
|
display: none !important;
|
|
width: 0 !important;
|
|
height: 0 !important;
|
|
overflow: hidden !important;
|
|
margin: 0 !important;
|
|
left: 0 !important;
|
|
}
|
|
.sidebar_main_active #header_main,
|
|
.sidebar_main_active #top_bar {
|
|
display: none !important;
|
|
left: 0 !important;
|
|
}
|
|
body {
|
|
overflow-y: visible !important;
|
|
background: #fff;
|
|
padding: 20px !important;
|
|
}
|
|
body:after {
|
|
content: '';
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: #fff;
|
|
display: block;
|
|
z-index: 9999;
|
|
}
|
|
#sidebar_main {
|
|
left: -320px !important;
|
|
}
|
|
.main-print {
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
width: 100% !important;
|
|
left: 0 !important;
|
|
top: 0 !important;
|
|
}
|
|
.md-card-single {
|
|
margin: 0 !important;
|
|
}
|
|
#page_content {
|
|
margin: 0 !important;
|
|
overflow-y: visible !important;
|
|
height: auto !important;
|
|
-webkit-transition: none !important;
|
|
transition: none !important;
|
|
}
|
|
#page_content:before {
|
|
display: none !important;
|
|
}
|
|
.print_bg,
|
|
.print_bg > * {
|
|
-webkit-print-color-adjust: exact;
|
|
}
|
|
.reset-print {
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
width: 100% !important;
|
|
}
|
|
.md-card-content {
|
|
height: auto !important;
|
|
}
|
|
}
|
|
|
|
/*# sourceMappingURL=main.css.map */
|