You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
10165 lines
180 KiB
CSS
10165 lines
180 KiB
CSS
@charset "UTF-8";
|
|
/*
|
|
* Customizable variables
|
|
* Update these variable to create theme
|
|
*/
|
|
/*
|
|
* Colors
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
/*
|
|
DJANGO JET Admin styles
|
|
*/
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
html {
|
|
font-size: 87.5%; }
|
|
@media only screen and (max-width: 960px) {
|
|
html {
|
|
font-size: 100%; } }
|
|
|
|
body {
|
|
height: 100%;
|
|
background: #eff6f5;
|
|
color: #4f8580;
|
|
font-family: Arial, sans-serif;
|
|
text-size-adjust: 100%; }
|
|
@media only screen and (max-width: 960px) {
|
|
body {
|
|
padding-top: 44px; } }
|
|
body.non-scrollable {
|
|
overflow: hidden; }
|
|
@media only screen and (max-width: 960px) {
|
|
body.popup {
|
|
padding-top: 0; } }
|
|
|
|
/* PAGE STRUCTURE */
|
|
#container {
|
|
padding: 0;
|
|
min-height: 100%;
|
|
transition: padding-left 0.3s; }
|
|
body.menu-pinned #container {
|
|
padding-left: 250px; }
|
|
body.menu-pinned.popup #container {
|
|
padding-left: 0; }
|
|
@media only screen and (max-width: 960px) {
|
|
#container, body.menu-pinned #container {
|
|
padding-left: 0; } }
|
|
.popup #container {
|
|
padding-left: 0; }
|
|
|
|
#content {
|
|
padding: 20px; }
|
|
@media only screen and (max-width: 480px) {
|
|
#content {
|
|
padding: 10px; } }
|
|
#content > h1 {
|
|
display: none; }
|
|
|
|
#content-main {
|
|
float: left;
|
|
width: 100%; }
|
|
@media only screen and (max-width: 960px) {
|
|
#content-main {
|
|
float: none; } }
|
|
|
|
#content-related {
|
|
float: right;
|
|
width: 260px;
|
|
position: relative;
|
|
margin-right: -300px; }
|
|
@media only screen and (max-width: 960px) {
|
|
#content-related {
|
|
float: none;
|
|
width: 100%;
|
|
margin-left: 0;
|
|
position: static; } }
|
|
|
|
#footer {
|
|
clear: both;
|
|
padding: 10px; }
|
|
#footer:empty {
|
|
display: none; }
|
|
|
|
.dialog-confirm {
|
|
display: none; }
|
|
|
|
/* COLUMN TYPES */
|
|
.colMS {
|
|
margin-right: 300px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.colMS {
|
|
margin-right: 0; } }
|
|
|
|
.colSM {
|
|
margin-left: 300px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.colSM {
|
|
margin-left: 0; } }
|
|
|
|
.colSM #content-related {
|
|
float: left;
|
|
margin-right: 0;
|
|
margin-left: -300px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.colSM #content-related {
|
|
float: none;
|
|
margin-left: 0; } }
|
|
|
|
.colSM #content-main {
|
|
float: right; }
|
|
@media only screen and (max-width: 960px) {
|
|
.colSM #content-main {
|
|
float: none; } }
|
|
|
|
.popup .colM {
|
|
width: auto; }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
.ui-widget-content {
|
|
color: #4f8580;
|
|
border-color: #f5f3f4; }
|
|
|
|
.ui-widget.ui-widget-content, .ui-timepicker-table.ui-widget-content {
|
|
background: #fff;
|
|
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); }
|
|
|
|
.ui-widget {
|
|
font-family: inherit;
|
|
font-size: inherit; }
|
|
|
|
.ui-widget-header {
|
|
border: 0;
|
|
background: #3c706b;
|
|
color: #fff;
|
|
font-weight: bold; }
|
|
.ui-widget-header a {
|
|
color: #fff; }
|
|
|
|
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
|
|
border: 1px solid #eff6f5;
|
|
background: #fff;
|
|
font-weight: bold;
|
|
color: #4f8580;
|
|
border-radius: 3px; }
|
|
|
|
.ui-widget-header .ui-state-default {
|
|
background: none;
|
|
color: #fff;
|
|
border: 0; }
|
|
|
|
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
|
|
border: 1px solid #7fb1dc;
|
|
background: #7fb1dc;
|
|
font-weight: bold;
|
|
color: #fff; }
|
|
|
|
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
|
|
border: 1px solid #44b78b;
|
|
background: #44b78b;
|
|
font-weight: bold;
|
|
color: #fff; }
|
|
|
|
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
|
|
border: 1px solid #7fb1dc;
|
|
background: #fff;
|
|
color: #7fb1dc; }
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
.ui-dialog {
|
|
left: 10px !important;
|
|
right: 10px !important;
|
|
width: auto !important; } }
|
|
|
|
.ui-dialog-buttonpane {
|
|
background: #eff6f5;
|
|
margin: .5em -0.2em -0.2em -0.2em; }
|
|
.ui-dialog-buttonpane .ui-button {
|
|
border: 0 !important;
|
|
outline: 0; }
|
|
|
|
.ui-icon {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
background: none !important;
|
|
text-indent: 0;
|
|
overflow: visible; }
|
|
|
|
.ui-icon-circle-triangle-e:before {
|
|
content: ""; }
|
|
|
|
.ui-icon-circle-triangle-w:before {
|
|
content: ""; }
|
|
|
|
.ui-icon-closethick:before {
|
|
content: ""; }
|
|
|
|
.ui-widget-overlay {
|
|
background: #000;
|
|
opacity: 0.5;
|
|
filter: Alpha(Opacity=50); }
|
|
|
|
.ui-tooltip {
|
|
background: #000 !important;
|
|
color: #fff;
|
|
border: 0;
|
|
box-shadow: none !important;
|
|
opacity: 0.8;
|
|
font-size: 13px;
|
|
pointer-events: none; }
|
|
|
|
.ui-datepicker table, .ui-timepicker table {
|
|
margin: 0 0 .4em;
|
|
background: transparent;
|
|
border-radius: 0;
|
|
box-shadow: none; }
|
|
.ui-datepicker th, .ui-timepicker th {
|
|
background: inherit;
|
|
color: inherit;
|
|
text-transform: inherit; }
|
|
.ui-datepicker tbody tr, .ui-timepicker tbody tr {
|
|
border-bottom: inherit; }
|
|
|
|
.ui-datepicker table {
|
|
margin: 0 0 .4em; }
|
|
|
|
.ui-timepicker-table table {
|
|
margin: .15em 0 0; }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
.select2-container--jet {
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
min-width: 160px; }
|
|
.select2-container--jet .hidden {
|
|
display: none; }
|
|
.select2-container--jet .clear-list, .select2-container--jet .dashboard-item-content ul:not(.inline), .dashboard-item-content .select2-container--jet ul:not(.inline), .select2-container--jet .dashboard-item-content ul.inline, .dashboard-item-content .select2-container--jet ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
.select2-container--jet .fl {
|
|
float: left; }
|
|
.select2-container--jet .fr {
|
|
float: right; }
|
|
.select2-container--jet .cf:before, .select2-container--jet .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
.select2-container--jet .cf:after {
|
|
clear: both; }
|
|
.select2-container--jet .p10 {
|
|
padding: 10px; }
|
|
.select2-container--jet .p20 {
|
|
padding: 20px; }
|
|
.select2-container--jet .p30 {
|
|
padding: 30px; }
|
|
.select2-container--jet .p40 {
|
|
padding: 40px; }
|
|
.select2-container--jet .p50 {
|
|
padding: 50px; }
|
|
.select2-container--jet .p60 {
|
|
padding: 60px; }
|
|
.select2-container--jet .p70 {
|
|
padding: 70px; }
|
|
.select2-container--jet .p80 {
|
|
padding: 80px; }
|
|
.select2-container--jet .pt10 {
|
|
padding-top: 10px; }
|
|
.select2-container--jet .pt20 {
|
|
padding-top: 20px; }
|
|
.select2-container--jet .pt30 {
|
|
padding-top: 30px; }
|
|
.select2-container--jet .pt40 {
|
|
padding-top: 40px; }
|
|
.select2-container--jet .pt50 {
|
|
padding-top: 50px; }
|
|
.select2-container--jet .pt60 {
|
|
padding-top: 60px; }
|
|
.select2-container--jet .pt70 {
|
|
padding-top: 70px; }
|
|
.select2-container--jet .pt80 {
|
|
padding-top: 80px; }
|
|
.select2-container--jet .pr10 {
|
|
padding-right: 10px; }
|
|
.select2-container--jet .pr20 {
|
|
padding-right: 20px; }
|
|
.select2-container--jet .pr30 {
|
|
padding-right: 30px; }
|
|
.select2-container--jet .pr40 {
|
|
padding-right: 40px; }
|
|
.select2-container--jet .pr50 {
|
|
padding-right: 50px; }
|
|
.select2-container--jet .pr60 {
|
|
padding-right: 60px; }
|
|
.select2-container--jet .pr70 {
|
|
padding-right: 70px; }
|
|
.select2-container--jet .pr80 {
|
|
padding-right: 80px; }
|
|
.select2-container--jet .pb10 {
|
|
padding-bottom: 10px; }
|
|
.select2-container--jet .pb20 {
|
|
padding-bottom: 20px; }
|
|
.select2-container--jet .pb30 {
|
|
padding-bottom: 30px; }
|
|
.select2-container--jet .pb40 {
|
|
padding-bottom: 40px; }
|
|
.select2-container--jet .pb50 {
|
|
padding-bottom: 50px; }
|
|
.select2-container--jet .pb60 {
|
|
padding-bottom: 60px; }
|
|
.select2-container--jet .pb70 {
|
|
padding-bottom: 70px; }
|
|
.select2-container--jet .pb80 {
|
|
padding-bottom: 80px; }
|
|
.select2-container--jet .pl10 {
|
|
padding-left: 10px; }
|
|
.select2-container--jet .pl20 {
|
|
padding-left: 20px; }
|
|
.select2-container--jet .pl30 {
|
|
padding-left: 30px; }
|
|
.select2-container--jet .pl40 {
|
|
padding-left: 40px; }
|
|
.select2-container--jet .pl50 {
|
|
padding-left: 50px; }
|
|
.select2-container--jet .pl60 {
|
|
padding-left: 60px; }
|
|
.select2-container--jet .pl70 {
|
|
padding-left: 70px; }
|
|
.select2-container--jet .pl80 {
|
|
padding-left: 80px; }
|
|
.select2-container--jet .m10 {
|
|
margin: 10px; }
|
|
.select2-container--jet .m20 {
|
|
margin: 20px; }
|
|
.select2-container--jet .m30 {
|
|
margin: 30px; }
|
|
.select2-container--jet .m40 {
|
|
margin: 40px; }
|
|
.select2-container--jet .m50 {
|
|
margin: 50px; }
|
|
.select2-container--jet .m60 {
|
|
margin: 60px; }
|
|
.select2-container--jet .m70 {
|
|
margin: 70px; }
|
|
.select2-container--jet .m80 {
|
|
margin: 80px; }
|
|
.select2-container--jet .mt10 {
|
|
margin-top: 10px; }
|
|
.select2-container--jet .mt20 {
|
|
margin-top: 20px; }
|
|
.select2-container--jet .mt30 {
|
|
margin-top: 30px; }
|
|
.select2-container--jet .mt40 {
|
|
margin-top: 40px; }
|
|
.select2-container--jet .mt50 {
|
|
margin-top: 50px; }
|
|
.select2-container--jet .mt60 {
|
|
margin-top: 60px; }
|
|
.select2-container--jet .mt70 {
|
|
margin-top: 70px; }
|
|
.select2-container--jet .mt80 {
|
|
margin-top: 80px; }
|
|
.select2-container--jet .mr10 {
|
|
margin-right: 10px; }
|
|
.select2-container--jet .mr20 {
|
|
margin-right: 20px; }
|
|
.select2-container--jet .mr30 {
|
|
margin-right: 30px; }
|
|
.select2-container--jet .mr40 {
|
|
margin-right: 40px; }
|
|
.select2-container--jet .mr50 {
|
|
margin-right: 50px; }
|
|
.select2-container--jet .mr60 {
|
|
margin-right: 60px; }
|
|
.select2-container--jet .mr70 {
|
|
margin-right: 70px; }
|
|
.select2-container--jet .mr80 {
|
|
margin-right: 80px; }
|
|
.select2-container--jet .mb10 {
|
|
margin-bottom: 10px; }
|
|
.select2-container--jet .mb20 {
|
|
margin-bottom: 20px; }
|
|
.select2-container--jet .mb30 {
|
|
margin-bottom: 30px; }
|
|
.select2-container--jet .mb40 {
|
|
margin-bottom: 40px; }
|
|
.select2-container--jet .mb50 {
|
|
margin-bottom: 50px; }
|
|
.select2-container--jet .mb60 {
|
|
margin-bottom: 60px; }
|
|
.select2-container--jet .mb70 {
|
|
margin-bottom: 70px; }
|
|
.select2-container--jet .mb80 {
|
|
margin-bottom: 80px; }
|
|
.select2-container--jet .ml10 {
|
|
margin-left: 10px; }
|
|
.select2-container--jet .ml20 {
|
|
margin-left: 20px; }
|
|
.select2-container--jet .ml30 {
|
|
margin-left: 30px; }
|
|
.select2-container--jet .ml40 {
|
|
margin-left: 40px; }
|
|
.select2-container--jet .ml50 {
|
|
margin-left: 50px; }
|
|
.select2-container--jet .ml60 {
|
|
margin-left: 60px; }
|
|
.select2-container--jet .ml70 {
|
|
margin-left: 70px; }
|
|
.select2-container--jet .ml80 {
|
|
margin-left: 80px; }
|
|
.select2-container--jet .pos_rel {
|
|
position: relative; }
|
|
.select2-container--jet .pos_abs {
|
|
position: absolute; }
|
|
.select2-container--jet .fill_width {
|
|
width: 100% !important; }
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
.select2-container--jet .select2-selection--single {
|
|
height: 32px; }
|
|
.select2-container--jet .select2-selection--single .select2-selection__rendered {
|
|
padding-right: 24px; }
|
|
.select2-container--jet .select2-selection--single .select2-selection__clear {
|
|
cursor: pointer;
|
|
float: right;
|
|
font-weight: bold; }
|
|
.select2-container--jet .select2-selection--single .select2-selection__arrow {
|
|
height: 26px;
|
|
position: absolute;
|
|
top: 1px;
|
|
right: 4px;
|
|
width: 20px; }
|
|
.select2-container--jet .select2-selection--single .select2-selection__arrow b:before {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
color: #44b78b;
|
|
font-size: 20px;
|
|
content: "";
|
|
line-height: 32px; }
|
|
.select2-container--jet[dir="rtl"] .select2-selection--single .select2-selection__clear {
|
|
float: left; }
|
|
.select2-container--jet[dir="rtl"] .select2-selection--single .select2-selection__arrow {
|
|
left: 1px;
|
|
right: auto; }
|
|
.select2-container--jet.select2-container--disabled .select2-selection--single {
|
|
background-color: rgba(204, 234, 228, 0.25);
|
|
cursor: default; }
|
|
.select2-container--jet.select2-container--disabled .select2-selection--single .select2-selection__clear {
|
|
display: none; }
|
|
.select2-container--jet .hidden {
|
|
display: none; }
|
|
.select2-container--jet .clear-list, .select2-container--jet .dashboard-item-content ul:not(.inline), .dashboard-item-content .select2-container--jet ul:not(.inline), .select2-container--jet .dashboard-item-content ul.inline, .dashboard-item-content .select2-container--jet ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
.select2-container--jet .fl {
|
|
float: left; }
|
|
.select2-container--jet .fr {
|
|
float: right; }
|
|
.select2-container--jet .cf:before, .select2-container--jet .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
.select2-container--jet .cf:after {
|
|
clear: both; }
|
|
.select2-container--jet .p10 {
|
|
padding: 10px; }
|
|
.select2-container--jet .p20 {
|
|
padding: 20px; }
|
|
.select2-container--jet .p30 {
|
|
padding: 30px; }
|
|
.select2-container--jet .p40 {
|
|
padding: 40px; }
|
|
.select2-container--jet .p50 {
|
|
padding: 50px; }
|
|
.select2-container--jet .p60 {
|
|
padding: 60px; }
|
|
.select2-container--jet .p70 {
|
|
padding: 70px; }
|
|
.select2-container--jet .p80 {
|
|
padding: 80px; }
|
|
.select2-container--jet .pt10 {
|
|
padding-top: 10px; }
|
|
.select2-container--jet .pt20 {
|
|
padding-top: 20px; }
|
|
.select2-container--jet .pt30 {
|
|
padding-top: 30px; }
|
|
.select2-container--jet .pt40 {
|
|
padding-top: 40px; }
|
|
.select2-container--jet .pt50 {
|
|
padding-top: 50px; }
|
|
.select2-container--jet .pt60 {
|
|
padding-top: 60px; }
|
|
.select2-container--jet .pt70 {
|
|
padding-top: 70px; }
|
|
.select2-container--jet .pt80 {
|
|
padding-top: 80px; }
|
|
.select2-container--jet .pr10 {
|
|
padding-right: 10px; }
|
|
.select2-container--jet .pr20 {
|
|
padding-right: 20px; }
|
|
.select2-container--jet .pr30 {
|
|
padding-right: 30px; }
|
|
.select2-container--jet .pr40 {
|
|
padding-right: 40px; }
|
|
.select2-container--jet .pr50 {
|
|
padding-right: 50px; }
|
|
.select2-container--jet .pr60 {
|
|
padding-right: 60px; }
|
|
.select2-container--jet .pr70 {
|
|
padding-right: 70px; }
|
|
.select2-container--jet .pr80 {
|
|
padding-right: 80px; }
|
|
.select2-container--jet .pb10 {
|
|
padding-bottom: 10px; }
|
|
.select2-container--jet .pb20 {
|
|
padding-bottom: 20px; }
|
|
.select2-container--jet .pb30 {
|
|
padding-bottom: 30px; }
|
|
.select2-container--jet .pb40 {
|
|
padding-bottom: 40px; }
|
|
.select2-container--jet .pb50 {
|
|
padding-bottom: 50px; }
|
|
.select2-container--jet .pb60 {
|
|
padding-bottom: 60px; }
|
|
.select2-container--jet .pb70 {
|
|
padding-bottom: 70px; }
|
|
.select2-container--jet .pb80 {
|
|
padding-bottom: 80px; }
|
|
.select2-container--jet .pl10 {
|
|
padding-left: 10px; }
|
|
.select2-container--jet .pl20 {
|
|
padding-left: 20px; }
|
|
.select2-container--jet .pl30 {
|
|
padding-left: 30px; }
|
|
.select2-container--jet .pl40 {
|
|
padding-left: 40px; }
|
|
.select2-container--jet .pl50 {
|
|
padding-left: 50px; }
|
|
.select2-container--jet .pl60 {
|
|
padding-left: 60px; }
|
|
.select2-container--jet .pl70 {
|
|
padding-left: 70px; }
|
|
.select2-container--jet .pl80 {
|
|
padding-left: 80px; }
|
|
.select2-container--jet .m10 {
|
|
margin: 10px; }
|
|
.select2-container--jet .m20 {
|
|
margin: 20px; }
|
|
.select2-container--jet .m30 {
|
|
margin: 30px; }
|
|
.select2-container--jet .m40 {
|
|
margin: 40px; }
|
|
.select2-container--jet .m50 {
|
|
margin: 50px; }
|
|
.select2-container--jet .m60 {
|
|
margin: 60px; }
|
|
.select2-container--jet .m70 {
|
|
margin: 70px; }
|
|
.select2-container--jet .m80 {
|
|
margin: 80px; }
|
|
.select2-container--jet .mt10 {
|
|
margin-top: 10px; }
|
|
.select2-container--jet .mt20 {
|
|
margin-top: 20px; }
|
|
.select2-container--jet .mt30 {
|
|
margin-top: 30px; }
|
|
.select2-container--jet .mt40 {
|
|
margin-top: 40px; }
|
|
.select2-container--jet .mt50 {
|
|
margin-top: 50px; }
|
|
.select2-container--jet .mt60 {
|
|
margin-top: 60px; }
|
|
.select2-container--jet .mt70 {
|
|
margin-top: 70px; }
|
|
.select2-container--jet .mt80 {
|
|
margin-top: 80px; }
|
|
.select2-container--jet .mr10 {
|
|
margin-right: 10px; }
|
|
.select2-container--jet .mr20 {
|
|
margin-right: 20px; }
|
|
.select2-container--jet .mr30 {
|
|
margin-right: 30px; }
|
|
.select2-container--jet .mr40 {
|
|
margin-right: 40px; }
|
|
.select2-container--jet .mr50 {
|
|
margin-right: 50px; }
|
|
.select2-container--jet .mr60 {
|
|
margin-right: 60px; }
|
|
.select2-container--jet .mr70 {
|
|
margin-right: 70px; }
|
|
.select2-container--jet .mr80 {
|
|
margin-right: 80px; }
|
|
.select2-container--jet .mb10 {
|
|
margin-bottom: 10px; }
|
|
.select2-container--jet .mb20 {
|
|
margin-bottom: 20px; }
|
|
.select2-container--jet .mb30 {
|
|
margin-bottom: 30px; }
|
|
.select2-container--jet .mb40 {
|
|
margin-bottom: 40px; }
|
|
.select2-container--jet .mb50 {
|
|
margin-bottom: 50px; }
|
|
.select2-container--jet .mb60 {
|
|
margin-bottom: 60px; }
|
|
.select2-container--jet .mb70 {
|
|
margin-bottom: 70px; }
|
|
.select2-container--jet .mb80 {
|
|
margin-bottom: 80px; }
|
|
.select2-container--jet .ml10 {
|
|
margin-left: 10px; }
|
|
.select2-container--jet .ml20 {
|
|
margin-left: 20px; }
|
|
.select2-container--jet .ml30 {
|
|
margin-left: 30px; }
|
|
.select2-container--jet .ml40 {
|
|
margin-left: 40px; }
|
|
.select2-container--jet .ml50 {
|
|
margin-left: 50px; }
|
|
.select2-container--jet .ml60 {
|
|
margin-left: 60px; }
|
|
.select2-container--jet .ml70 {
|
|
margin-left: 70px; }
|
|
.select2-container--jet .ml80 {
|
|
margin-left: 80px; }
|
|
.select2-container--jet .pos_rel {
|
|
position: relative; }
|
|
.select2-container--jet .pos_abs {
|
|
position: absolute; }
|
|
.select2-container--jet .fill_width {
|
|
width: 100% !important; }
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
.select2-container--jet .select2-selection--multiple {
|
|
background-color: #fff !important;
|
|
border: 1px solid #eff6f5;
|
|
cursor: text;
|
|
height: auto;
|
|
min-height: 32px; }
|
|
.select2-container--jet .select2-selection--multiple .select2-selection__rendered {
|
|
box-sizing: border-box;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
width: 100%; }
|
|
.select2-container--jet .select2-selection--multiple .select2-selection__rendered li {
|
|
list-style-type: none; }
|
|
.select2-container--jet .select2-selection--multiple .select2-selection__clear {
|
|
cursor: pointer;
|
|
float: right;
|
|
font-weight: bold;
|
|
margin-top: 5px;
|
|
margin-right: 10px; }
|
|
.select2-container--jet .select2-selection--multiple .select2-selection__choice {
|
|
background-color: #cceae4;
|
|
color: #4f8580;
|
|
font-size: 13px;
|
|
border-radius: 4px;
|
|
cursor: default;
|
|
float: left;
|
|
margin-right: 5px;
|
|
margin-top: 5px;
|
|
padding: 5px 5px;
|
|
line-height: normal;
|
|
list-style-type: none; }
|
|
.select2-container--jet .select2-selection--multiple .select2-selection__choice__remove {
|
|
color: #4f8580;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
margin-right: 2px; }
|
|
.select2-container--jet .select2-selection--multiple .select2-selection__choice__remove:hover {
|
|
color: #7fb1dc; }
|
|
.select2-container--jet[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--jet[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
|
|
float: right; }
|
|
.select2-container--jet[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
|
|
margin-left: 5px;
|
|
margin-right: auto; }
|
|
.select2-container--jet[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
|
|
margin-left: 2px;
|
|
margin-right: auto; }
|
|
.select2-container--jet.select2-container--disabled .select2-selection--multiple {
|
|
background-color: #cceae4;
|
|
cursor: default; }
|
|
.select2-container--jet.select2-container--disabled .select2-selection__choice__remove {
|
|
display: none; }
|
|
.select2-container--jet .select2-selection {
|
|
background-color: #fff;
|
|
border: 1px solid #eff6f5;
|
|
border-radius: 4px;
|
|
outline: 0; }
|
|
@media only screen and (max-width: 960px) {
|
|
fieldset.module .select2-container--jet .select2-selection {
|
|
box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.04); } }
|
|
.select2-container--jet .select2-selection .select2-selection__rendered {
|
|
color: #4f8580;
|
|
line-height: 32px;
|
|
font-size: 13px; }
|
|
.select2-container--jet .select2-selection .select2-selection__placeholder {
|
|
color: #cceae4; }
|
|
.select2-container--jet .select2-buttons {
|
|
background-color: #cceae4;
|
|
text-align: center;
|
|
padding: 6px; }
|
|
.select2-container--jet .select2-buttons-button, .select2-container--jet .select2-buttons-button:visited, .select2-container--jet .select2-buttons-button:hover {
|
|
color: #4f8580;
|
|
margin-left: 10px; }
|
|
.select2-container--jet .select2-buttons-button:hover {
|
|
text-decoration: underline; }
|
|
.select2-container--jet .select2-buttons-button:first-child {
|
|
margin-left: 0; }
|
|
.select2-container--jet .select2-dropdown {
|
|
border: 0;
|
|
border-radius: 4px;
|
|
box-shadow: 0 0 4px 0 rgba(68, 183, 139, 0.75);
|
|
overflow: hidden;
|
|
z-index: 1; }
|
|
.select2-container--jet .select2-dropdown--below {
|
|
top: -32px; }
|
|
.select2-container--jet .select2-dropdown--above {
|
|
top: 32px; }
|
|
.select2-container--jet .select2-dropdown.select2-multiple-dropdown {
|
|
top: auto; }
|
|
.select2-container--jet .select2-search--dropdown {
|
|
padding: 0; }
|
|
.select2-container--jet .select2-search--dropdown .select2-search__field {
|
|
outline: 0;
|
|
border: 0;
|
|
background-color: #fff;
|
|
color: #4f8580;
|
|
height: 32px;
|
|
-webkit-appearance: textfield;
|
|
box-shadow: none; }
|
|
.select2-container--jet .select2-search--inline .select2-search__field {
|
|
background: transparent;
|
|
border: none;
|
|
outline: 0;
|
|
color: #4f8580;
|
|
-webkit-appearance: textfield;
|
|
box-shadow: none; }
|
|
.select2-container--jet .select2-results > .select2-results__options {
|
|
max-height: 200px;
|
|
overflow-y: auto; }
|
|
.select2-container--jet .select2-results__option {
|
|
font-size: 13px; }
|
|
.select2-container--jet .select2-results__option[role=group] {
|
|
padding: 0; }
|
|
.select2-container--jet .select2-results__option[aria-disabled=true] {
|
|
color: #cceae4; }
|
|
.select2-container--jet .select2-results__option[aria-selected=true] {
|
|
color: #44b78b; }
|
|
.select2-container--jet .select2-results__option .select2-results__option {
|
|
padding-left: 1em; }
|
|
.select2-container--jet .select2-results__option .select2-results__option .select2-results__group {
|
|
padding-left: 0; }
|
|
.select2-container--jet .select2-results__option .select2-results__option .select2-results__option {
|
|
margin-left: -1em;
|
|
padding-left: 2em; }
|
|
.select2-container--jet .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
|
margin-left: -2em;
|
|
padding-left: 3em; }
|
|
.select2-container--jet .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
|
margin-left: -3em;
|
|
padding-left: 4em; }
|
|
.select2-container--jet .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
|
margin-left: -4em;
|
|
padding-left: 5em; }
|
|
.select2-container--jet .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
|
margin-left: -5em;
|
|
padding-left: 6em; }
|
|
.select2-container--jet .select2-results__option--highlighted[aria-selected] {
|
|
background-color: #7fb1dc;
|
|
color: #fff; }
|
|
.select2-container--jet .select2-results__group {
|
|
cursor: default;
|
|
display: block;
|
|
padding: 6px; }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
/* LINKS */
|
|
a, a:visited, a:hover, a:focus {
|
|
color: #7fb1dc;
|
|
font-weight: normal;
|
|
text-decoration: none; }
|
|
|
|
a:hover, a:focus {
|
|
color: #44b78b; }
|
|
|
|
a img {
|
|
border: none; }
|
|
|
|
/* GLOBAL DEFAULTS */
|
|
p, ol, ul, dl {
|
|
margin: .2em 0 .8em 0; }
|
|
|
|
p {
|
|
padding: 0;
|
|
line-height: 140%; }
|
|
|
|
h1, h2, h3, h4, h5 {
|
|
font-weight: bold; }
|
|
|
|
h1 {
|
|
margin: 0 0 20px;
|
|
font-weight: 300;
|
|
font-size: 20px; }
|
|
|
|
h2 {
|
|
font-size: 16px;
|
|
margin: 1em 0 .5em 0; }
|
|
|
|
h2.subhead {
|
|
font-weight: normal;
|
|
margin-top: 0; }
|
|
|
|
h3 {
|
|
font-size: 14px;
|
|
margin: .8em 0 .3em 0;
|
|
font-weight: bold; }
|
|
|
|
h4 {
|
|
font-size: 12px;
|
|
margin: 1em 0 .8em 0;
|
|
padding-bottom: 3px; }
|
|
|
|
h5 {
|
|
font-size: 10px;
|
|
margin: 1.5em 0 .5em 0;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px; }
|
|
|
|
ul li {
|
|
list-style-type: square;
|
|
padding: 0; }
|
|
|
|
li ul {
|
|
margin-bottom: 0; }
|
|
|
|
dt, dd {
|
|
line-height: 20px; }
|
|
|
|
dt {
|
|
font-weight: bold;
|
|
margin-top: 4px; }
|
|
|
|
dd {
|
|
margin-left: 0; }
|
|
|
|
form {
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
fieldset {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none; }
|
|
|
|
blockquote {
|
|
font-size: 11px;
|
|
color: #777;
|
|
margin-left: 2px;
|
|
padding-left: 10px;
|
|
border-left: 5px solid #ddd; }
|
|
|
|
code, pre {
|
|
font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
|
|
color: #666;
|
|
font-size: 12px; }
|
|
|
|
pre.literal-block {
|
|
margin: 10px;
|
|
background: #eee;
|
|
padding: 6px 8px; }
|
|
|
|
code strong {
|
|
color: #930; }
|
|
|
|
hr {
|
|
clear: both;
|
|
color: #eee;
|
|
background-color: #eee;
|
|
height: 1px;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 1px;
|
|
line-height: 1px; }
|
|
|
|
/* TEXT STYLES & MODIFIERS */
|
|
.small {
|
|
font-size: 11px; }
|
|
|
|
.tiny {
|
|
font-size: 10px; }
|
|
|
|
p.tiny {
|
|
margin-top: -2px; }
|
|
|
|
.mini {
|
|
font-size: 10px; }
|
|
|
|
p.mini {
|
|
margin-top: -3px; }
|
|
|
|
.help, p.help, form p.help {
|
|
color: #4f8580;
|
|
font-size: 12px; }
|
|
|
|
.help-tooltip {
|
|
cursor: help; }
|
|
|
|
p img, h1 img, h2 img, h3 img, h4 img, td img {
|
|
vertical-align: middle; }
|
|
|
|
.quiet, a.quiet:link, a.quiet:visited {
|
|
font-weight: normal;
|
|
color: #4f8580; }
|
|
|
|
.float-right {
|
|
float: right; }
|
|
|
|
.float-left {
|
|
float: left; }
|
|
|
|
.clear {
|
|
clear: both; }
|
|
|
|
.align-left {
|
|
text-align: left; }
|
|
|
|
.align-right {
|
|
text-align: right; }
|
|
|
|
.example {
|
|
margin: 10px 0;
|
|
padding: 5px 10px;
|
|
background: #efefef; }
|
|
|
|
.nowrap {
|
|
white-space: nowrap; }
|
|
|
|
/* ACTION ICONS */
|
|
.addlink {
|
|
vertical-align: middle; }
|
|
.addlink:before {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
content: "";
|
|
vertical-align: middle;
|
|
margin-right: 4px; }
|
|
|
|
.changelink, .inlinechangelink {
|
|
vertical-align: middle; }
|
|
.changelink:before, .inlinechangelink:before {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
content: "";
|
|
vertical-align: middle;
|
|
margin-right: 4px; }
|
|
|
|
.deletelink {
|
|
vertical-align: middle; }
|
|
.deletelink:before {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
content: "";
|
|
vertical-align: middle;
|
|
margin-right: 4px; }
|
|
|
|
.inlineviewlink {
|
|
vertical-align: middle; }
|
|
.inlineviewlink:before {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
content: "";
|
|
vertical-align: middle;
|
|
margin-right: 4px; }
|
|
|
|
/* BOOLEAN ICONS */
|
|
img[src$="admin/img/icon-yes.gif"], img[src$="admin/img/icon-yes.svg"],
|
|
img[src$="admin/img/icon-no.gif"], img[src$="admin/img/icon-no.svg"],
|
|
img[src$="admin/img/icon-unknown.gif"], img[src$="admin/img/icon-unknown.svg"] {
|
|
display: none; }
|
|
img[src$="admin/img/icon-yes.gif"] + span, img[src$="admin/img/icon-yes.svg"] + span,
|
|
img[src$="admin/img/icon-no.gif"] + span, img[src$="admin/img/icon-no.svg"] + span,
|
|
img[src$="admin/img/icon-unknown.gif"] + span, img[src$="admin/img/icon-unknown.svg"] + span {
|
|
font-weight: bold;
|
|
color: #61782b; }
|
|
|
|
img[src$="admin/img/icon-yes.gif"] + span, img[src$="admin/img/icon-yes.svg"] + span {
|
|
color: #bcd386; }
|
|
|
|
img[src$="admin/img/icon-no.gif"] + span, img[src$="admin/img/icon-no.svg"] + span {
|
|
color: #dba4a4; }
|
|
|
|
/* LOADING INDOCATOR */
|
|
.loading-indicator {
|
|
display: inline-block;
|
|
font-size: 32px;
|
|
color: #7fb1dc;
|
|
animation: spin 4s linear infinite; }
|
|
.loading-indicator-wrapper {
|
|
text-align: center;
|
|
padding: 40px 0; }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
/* FORM BUTTONS */
|
|
.button, .button:visited, .button:hover, input[type="submit"], input[type="submit"]:visited, input[type="submit"]:hover, input[type="button"], input[type="button"]:visited, input[type="button"]:hover, .object-tools a, .object-tools a:visited, .object-tools a:hover {
|
|
display: inline-block;
|
|
background-color: #cceae4;
|
|
color: #4f8580;
|
|
border: 0;
|
|
border-radius: 4px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
outline: 0;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
padding: 0 10px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
max-width: 100%;
|
|
box-sizing: border-box;
|
|
appearance: none;
|
|
transition: background 0.3s; }
|
|
.button.default, input[type="submit"].default, input[type="button"].default, .object-tools a.default {
|
|
font-weight: lighter;
|
|
background-color: #44b78b;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
margin: 0 8px 0 0;
|
|
padding: 0 20px; }
|
|
.button.transparent, input[type="submit"].transparent, input[type="button"].transparent, .object-tools a.transparent {
|
|
background-color: transparent; }
|
|
.button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, .object-tools a:hover, .object-tools a:focus {
|
|
background-color: #7fb1dc;
|
|
color: #fff; }
|
|
.button:active, input[type="submit"]:active, input[type="button"]:active, .object-tools a:active {
|
|
background-color: #4f8580;
|
|
color: #fff; }
|
|
|
|
.button[disabled], input[type=submit][disabled], input[type=button][disabled] {
|
|
opacity: 0.4; }
|
|
|
|
input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="number"], textarea, select, .vTextField {
|
|
border-radius: 4px;
|
|
font-size: 13px;
|
|
height: 32px;
|
|
white-space: nowrap;
|
|
outline: 0;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
background-color: #fff;
|
|
color: #4f8580;
|
|
border: 1px solid #eff6f5;
|
|
padding: 0 12px;
|
|
appearance: none;
|
|
transition: background 0.3s, box-shadow 0.3s, border 0.3s; }
|
|
input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="password"]::placeholder, input[type="url"]::placeholder, input[type="number"]::placeholder, textarea::placeholder, select::placeholder, .vTextField::placeholder {
|
|
color: #cceae4; }
|
|
@media only screen and (max-width: 960px) {
|
|
fieldset.module input[type="text"], fieldset.module input[type="email"], fieldset.module input[type="password"], fieldset.module input[type="url"], fieldset.module input[type="number"], fieldset.module textarea, fieldset.module select, fieldset.module .vTextField {
|
|
box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.04); } }
|
|
input[type="text"]:focus, fieldset.module input[type="text"]:focus, input[type="email"]:focus, fieldset.module input[type="email"]:focus, input[type="password"]:focus, fieldset.module input[type="password"]:focus, input[type="url"]:focus, fieldset.module input[type="url"]:focus, input[type="number"]:focus, fieldset.module input[type="number"]:focus, textarea:focus, fieldset.module textarea:focus, select:focus, fieldset.module select:focus, .vTextField:focus, fieldset.module .vTextField:focus {
|
|
box-shadow: 0 0 4px 0 rgba(68, 183, 139, 0.75);
|
|
border-color: #fff; }
|
|
|
|
textarea {
|
|
height: auto;
|
|
line-height: normal;
|
|
padding: 12px;
|
|
white-space: pre-wrap;
|
|
vertical-align: top; }
|
|
|
|
.segmented-button, .segmented-button:visited, .segmented-button:hover {
|
|
border: 0;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
background-color: #cceae4;
|
|
color: #4f8580;
|
|
padding: 0 10px;
|
|
display: inline-block;
|
|
text-transform: none;
|
|
border-radius: 0;
|
|
transition: background 0.3s; }
|
|
.segmented-button:hover, .segmented-button:focus {
|
|
background-color: #7fb1dc;
|
|
color: #fff; }
|
|
.segmented-button:active {
|
|
background-color: #4f8580;
|
|
color: #fff; }
|
|
.segmented-button.disabled {
|
|
background-color: #cceae4 !important;
|
|
color: #4f8580;
|
|
opacity: 0.5; }
|
|
.segmented-button.left {
|
|
border-radius: 4px 0 0 4px; }
|
|
.segmented-button.right {
|
|
border-radius: 0 4px 4px 0; }
|
|
|
|
input[type=checkbox] {
|
|
display: none; }
|
|
input[type=checkbox]#action-toggle {
|
|
display: none !important; }
|
|
input[type=checkbox] + label:before {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
color: #44b78b;
|
|
font-size: 12px;
|
|
content: "";
|
|
letter-spacing: 5px; }
|
|
.action-checkbox-column input[type=checkbox] + label:before {
|
|
color: #fff; }
|
|
input[type=checkbox]:checked + label:before {
|
|
content: ""; }
|
|
|
|
/* SELECTOR */
|
|
.selector {
|
|
display: none; }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
/* TABLES */
|
|
table {
|
|
border-collapse: collapse;
|
|
background: #fff;
|
|
border-radius: 4px;
|
|
overflow-x: auto;
|
|
box-shadow: 0 2px 0 0 #cceae4;
|
|
margin-bottom: 2px; }
|
|
table.helper {
|
|
display: none;
|
|
position: fixed;
|
|
z-index: 2;
|
|
top: 0;
|
|
right: 20px;
|
|
left: 20px;
|
|
width: auto;
|
|
border-radius: 0;
|
|
box-shadow: none; }
|
|
body.menu-pinned table.helper {
|
|
left: 270px; }
|
|
body.menu-pinned.popup table.helper {
|
|
left: 20px; }
|
|
@media only screen and (max-width: 960px) {
|
|
table.helper {
|
|
display: none !important; } }
|
|
table.helper thead th {
|
|
border-radius: 0 !important; }
|
|
table thead th {
|
|
background: #3c706b;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
transition: background-color 0.1s; }
|
|
table thead th a:link, table thead th a:visited {
|
|
color: #fff; }
|
|
table thead th .text a {
|
|
display: block;
|
|
cursor: pointer; }
|
|
|
|
td, th {
|
|
padding: 8px;
|
|
font-size: 13px; }
|
|
|
|
th {
|
|
text-align: left; }
|
|
|
|
thead th,
|
|
tfoot td {
|
|
font-weight: normal;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
font-size: 12px; }
|
|
thead th:first-child,
|
|
tfoot td:first-child {
|
|
border-radius: 4px 0 0 0; }
|
|
thead th:last-child,
|
|
tfoot td:last-child {
|
|
border-radius: 0 4px 0 0; }
|
|
thead th:first-child:last-child,
|
|
tfoot td:first-child:last-child {
|
|
border-radius: 4px 4px 0 0; }
|
|
|
|
tfoot td {
|
|
border-bottom: none;
|
|
border-top: 1px solid #eee; }
|
|
|
|
tbody tr {
|
|
border-bottom: 1px solid #f5f3f4; }
|
|
tbody tr:last-child {
|
|
border-bottom: 0; }
|
|
|
|
/* SORTABLE TABLES */
|
|
table thead th.sortable {
|
|
cursor: pointer; }
|
|
table thead th.sortable:hover {
|
|
background: #7fb1dc; }
|
|
table thead th.sorted {
|
|
position: relative;
|
|
padding-right: 32px; }
|
|
table thead th.sorted .text {
|
|
display: inline-block; }
|
|
table thead th.sorted .sortoptions {
|
|
display: inline-block; }
|
|
table thead th.sorted .sortoptions a {
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
table thead th.sorted .sortoptions a.sortremove {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 18px;
|
|
margin-top: -6px; }
|
|
table thead th.sorted .sortoptions a.sortremove:after {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
content: ""; }
|
|
table thead th.sorted .sortoptions a.ascending {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 4px;
|
|
margin-top: -6px; }
|
|
table thead th.sorted .sortoptions a.ascending:after {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
content: "";
|
|
font-weight: bold; }
|
|
table thead th.sorted .sortoptions a.descending {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 4px;
|
|
margin-top: -6px; }
|
|
table thead th.sorted .sortoptions a.descending:after {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
content: "";
|
|
font-weight: bold; }
|
|
table thead th.sorted .sortpriority {
|
|
background: #fff;
|
|
color: #4f8580;
|
|
padding: 1px 5px;
|
|
margin-right: 2px;
|
|
border-radius: 5px;
|
|
font-size: 10px; }
|
|
|
|
/* OBJECT HISTORY */
|
|
table#change-history {
|
|
width: 100%; }
|
|
|
|
table#change-history tbody th {
|
|
width: 16em; }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
/* MESSAGES & ERRORS */
|
|
ul.messagelist {
|
|
padding: 0;
|
|
margin: 0; }
|
|
ul.messagelist li {
|
|
display: block;
|
|
margin: 0 20px 10px 20px;
|
|
border-radius: 6px;
|
|
padding: 10px; }
|
|
@media only screen and (max-width: 480px) {
|
|
ul.messagelist li {
|
|
margin-left: 10px;
|
|
margin-right: 10px; } }
|
|
ul.messagelist li.success {
|
|
background: #e0eec5;
|
|
color: #61782b; }
|
|
ul.messagelist li.warning, ul.messagelist li.error {
|
|
background: #f0dada;
|
|
color: #bd5757; }
|
|
ul.messagelist li.info, ul.messagelist li.debug {
|
|
background: #e8e8bd;
|
|
color: #61613a; }
|
|
|
|
.errornote {
|
|
display: block;
|
|
margin: 0 0 10px 0;
|
|
border-radius: 6px;
|
|
padding: 10px;
|
|
background: #f0dada;
|
|
color: #bd5757; }
|
|
|
|
ul.errorlist {
|
|
margin: 0 0 4px;
|
|
padding: 0;
|
|
color: #ba2121;
|
|
background: #fff; }
|
|
ul.errorlist li {
|
|
font-size: 13px;
|
|
display: block;
|
|
margin-bottom: 4px; }
|
|
ul.errorlist li:first-child {
|
|
margin-top: 0; }
|
|
ul.errorlist li a {
|
|
color: inherit;
|
|
text-decoration: underline; }
|
|
td ul.errorlist {
|
|
margin: 0;
|
|
padding: 0; }
|
|
td ul.errorlist li {
|
|
margin: 0; }
|
|
|
|
.form-row.errors ul.errorlist li {
|
|
padding-left: 0; }
|
|
|
|
div.system-message {
|
|
margin: 0 20px 10px 20px;
|
|
border-radius: 6px;
|
|
padding: 10px;
|
|
background: #f0dada;
|
|
color: #bd5757; }
|
|
@media only screen and (max-width: 480px) {
|
|
div.system-message {
|
|
margin-left: 10px;
|
|
margin-right: 10px; } }
|
|
div.system-message p.system-message-title {
|
|
margin: 0; }
|
|
div.system-message p.system-message-title:before {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
content: "";
|
|
vertical-align: middle;
|
|
margin-right: 4px;
|
|
color: #bd5757; }
|
|
|
|
.description {
|
|
font-size: 12px;
|
|
margin: 0;
|
|
padding: 6px 0 0 0; }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
/* HEADER */
|
|
#branding {
|
|
display: none;
|
|
background-color: #254d49;
|
|
color: #4f8580;
|
|
padding: 14px 32px 14px 36px;
|
|
text-align: center;
|
|
position: relative;
|
|
height: auto !important;
|
|
min-height: 52px;
|
|
box-sizing: border-box; }
|
|
@media only screen and (max-width: 960px) {
|
|
#branding {
|
|
min-height: 0; } }
|
|
#branding.initialized {
|
|
display: block; }
|
|
#branding:empty {
|
|
display: none; }
|
|
#branding:before, #branding:after {
|
|
content: "";
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
height: 100%; }
|
|
#branding h1, #branding h2 {
|
|
display: inline-block;
|
|
padding: 0 10px;
|
|
margin: 0;
|
|
text-transform: uppercase;
|
|
font-size: 11px;
|
|
vertical-align: middle; }
|
|
#branding a, #branding a:visited, #branding a:hover {
|
|
color: #4f8580; }
|
|
#branding a:hover {
|
|
color: #7fb1dc; }
|
|
#branding-pin {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 4px;
|
|
margin-top: -11px;
|
|
display: inline-block;
|
|
font-size: 22px;
|
|
cursor: pointer;
|
|
transition: transform 0.3s;
|
|
transform: rotate(-45deg); }
|
|
body.menu-pinned #branding-pin {
|
|
transform: rotate(45deg); }
|
|
#branding-pin:hover {
|
|
color: #fff; }
|
|
@media only screen and (max-width: 960px) {
|
|
#branding-pin {
|
|
display: none; } }
|
|
#branding-menu {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 20px;
|
|
margin-top: -8px;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
cursor: pointer; }
|
|
#branding-menu:hover {
|
|
color: #fff; }
|
|
@media only screen and (max-width: 960px) {
|
|
#branding-menu {
|
|
display: none; } }
|
|
|
|
#user-tools {
|
|
display: none; }
|
|
#user-tools.initialized {
|
|
display: block; }
|
|
|
|
.user-tools ul {
|
|
position: absolute;
|
|
top: 11px;
|
|
right: 20px;
|
|
border: 1px solid #BADCD4;
|
|
border-radius: 4px;
|
|
font-size: 12px;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
display: inline-block;
|
|
width: 175px;
|
|
z-index: 4; }
|
|
@media only screen and (max-width: 960px) {
|
|
.user-tools ul {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
width: auto;
|
|
max-width: 200px;
|
|
color: #bbddd9;
|
|
border: 0;
|
|
border-left: 1px solid #254d49;
|
|
border-radius: 0;
|
|
transform: none;
|
|
transition: transform 0.3s; }
|
|
body.scroll-to-bottom .user-tools ul {
|
|
transform: translate3d(0, -100%, 0); }
|
|
.user-tools ul.sidebar-opened {
|
|
transform: translate3d(100%, 0, 0); } }
|
|
.user-tools ul.opened {
|
|
background-color: #4f8580;
|
|
border-color: transparent;
|
|
color: #eff6f5; }
|
|
@media only screen and (max-width: 960px) {
|
|
.user-tools ul.opened {
|
|
border-radius: 0 0 0 4px;
|
|
border: 0; } }
|
|
.user-tools ul li {
|
|
display: block;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap; }
|
|
.user-tools ul li.user-tools-welcome-msg {
|
|
font-weight: bold;
|
|
padding: 0 10px 0 14px;
|
|
line-height: 30px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.user-tools ul li.user-tools-welcome-msg {
|
|
padding-left: 18px;
|
|
line-height: 44px; } }
|
|
.user-tools ul li.user-tools-welcome-msg:before {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
content: "";
|
|
font-weight: normal;
|
|
float: right;
|
|
color: #47bac1;
|
|
font-size: 24px;
|
|
vertical-align: middle;
|
|
line-height: 30px;
|
|
transition: color 0.3s;
|
|
margin-left: 5px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.user-tools ul li.user-tools-welcome-msg:before {
|
|
line-height: 44px;
|
|
font-size: 20px;
|
|
font-weight: bold; } }
|
|
.user-tools ul.opened .user-tools-welcome-msg {
|
|
border-bottom: 1px solid #6aa6a1; }
|
|
.user-tools ul.opened .user-tools-welcome-msg:before {
|
|
color: #eff6f5;
|
|
transform: rotate(180deg); }
|
|
.user-tools ul li.user-tools-link {
|
|
display: none; }
|
|
.user-tools ul li.user-tools-link a, .user-tools ul li.user-tools-link a:visited, .user-tools ul li.user-tools-link a:hover {
|
|
display: block;
|
|
line-height: 30px;
|
|
padding: 0 14px;
|
|
color: #eff6f5;
|
|
text-decoration: none; }
|
|
@media only screen and (max-width: 960px) {
|
|
.user-tools ul li.user-tools-link a, .user-tools ul li.user-tools-link a:visited, .user-tools ul li.user-tools-link a:hover {
|
|
line-height: 44px; } }
|
|
.user-tools ul li.user-tools-link a:hover {
|
|
color: #eff6f5;
|
|
text-decoration: underline; }
|
|
.user-tools ul.opened li.user-tools-link {
|
|
display: block; }
|
|
.user-tools ul li.user-tools-contrast-block {
|
|
display: none;
|
|
padding: 8px 14px;
|
|
background: #3c706b;
|
|
color: #bbddd9;
|
|
white-space: normal; }
|
|
.user-tools ul.opened li.user-tools-contrast-block {
|
|
display: block; }
|
|
.user-tools-contrast-block-title {
|
|
text-transform: uppercase;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
margin-bottom: 6px; }
|
|
.user-tools-theme-link {
|
|
display: inline-block;
|
|
margin: 0 5px 5px 0;
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 1px solid #3c706b;
|
|
border-radius: 3px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.user-tools-theme-link {
|
|
width: 24px;
|
|
height: 24px;
|
|
margin: 0 8px 8px 0; } }
|
|
.user-tools-theme-link:last-child {
|
|
margin-right: 0; }
|
|
.user-tools-theme-link.selected {
|
|
box-shadow: 0 0 1px 1px #e5e2a5; }
|
|
|
|
.theme-chooser {
|
|
display: none; }
|
|
.theme-chooser.initialized {
|
|
display: block; }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
/* BREADCRUMBS */
|
|
div.breadcrumbs {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
line-height: 32px;
|
|
color: #4f8580;
|
|
padding: 10px 215px 10px 20px;
|
|
visibility: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
min-height: 32px; }
|
|
@media only screen and (max-width: 960px) {
|
|
div.breadcrumbs {
|
|
padding: 20px 20px 10px 20px;
|
|
white-space: normal;
|
|
text-overflow: clip;
|
|
overflow: auto; } }
|
|
@media only screen and (max-width: 480px) {
|
|
div.breadcrumbs {
|
|
padding: 10px; } }
|
|
div.breadcrumbs.initialized {
|
|
visibility: inherit; }
|
|
div.breadcrumbs a, div.breadcrumbs a:visited {
|
|
color: #BADCD4; }
|
|
div.breadcrumbs a:focus, div.breadcrumbs a:hover {
|
|
color: #7fb1dc; }
|
|
|
|
.breadcrumbs-separator {
|
|
color: #BADCD4;
|
|
margin: 0 6px 0 6px;
|
|
font-weight: bold !important;
|
|
font-size: 15px;
|
|
vertical-align: middle; }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
/* MODULES */
|
|
fieldset.module {
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
padding: 14px;
|
|
border: 0; }
|
|
@media only screen and (max-width: 960px) {
|
|
fieldset.module {
|
|
padding: 10px; } }
|
|
@media only screen and (max-width: 480px) {
|
|
fieldset.module {
|
|
padding: 5px; } }
|
|
|
|
.module p, .module ul, .module h3, .module h4, .module dl, .module pre {
|
|
padding-left: 10px;
|
|
padding-right: 10px; }
|
|
.module blockquote {
|
|
margin-left: 12px; }
|
|
.module ul, .module .ol {
|
|
margin-left: 1.5em; }
|
|
.module h3 {
|
|
margin-top: .6em; }
|
|
.module table {
|
|
border-collapse: collapse; }
|
|
|
|
.module h2, .module caption, .inline-group h2 {
|
|
padding: 6px;
|
|
text-align: left;
|
|
text-transform: uppercase;
|
|
font-size: 11px;
|
|
font-weight: bold; }
|
|
.module h2 a, .module caption a, .inline-group h2 a {
|
|
color: #4f8580;
|
|
font-size: 11px;
|
|
font-weight: bold; }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
/* OBJECT TOOLS */
|
|
.object-tools {
|
|
display: none;
|
|
text-align: right;
|
|
padding: 0;
|
|
margin: 0 0 20px 0; }
|
|
@media only screen and (max-width: 960px) {
|
|
.object-tools {
|
|
text-align: left; } }
|
|
.object-tools.initialized {
|
|
display: block; }
|
|
.form-row .object-tools {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
float: none;
|
|
height: 2em;
|
|
padding-left: 3.5em; }
|
|
.object-tools li {
|
|
display: inline-block;
|
|
margin-left: 5px;
|
|
margin-bottom: 5px;
|
|
list-style-type: none;
|
|
vertical-align: top; }
|
|
@media only screen and (max-width: 960px) {
|
|
.object-tools li {
|
|
margin-left: 0;
|
|
margin-right: 5px; } }
|
|
body.change-list .object-tools {
|
|
float: right;
|
|
position: relative;
|
|
z-index: 1; }
|
|
@media only screen and (max-width: 960px) {
|
|
body.change-list .object-tools {
|
|
float: none; } }
|
|
body.change-list .object-tools li {
|
|
display: list-item; }
|
|
.object-tools a.addlink:before {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
color: #4f8580;
|
|
font-size: 13px;
|
|
content: "";
|
|
vertical-align: middle;
|
|
margin-top: -3px;
|
|
margin-right: 3px; }
|
|
.object-tools a.addlink:hover:before {
|
|
color: #fff; }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
/* FORM ROWS */
|
|
.form-row {
|
|
overflow: hidden;
|
|
padding: 10px; }
|
|
.form-row img, .form-row input {
|
|
vertical-align: middle; }
|
|
.form-row label input[type="checkbox"] {
|
|
margin-top: 0;
|
|
vertical-align: 0; }
|
|
.form-row p {
|
|
padding-left: 0; }
|
|
@media only screen and (max-width: 480px) {
|
|
.form-row .select2 {
|
|
width: auto !important;
|
|
max-width: 100%; } }
|
|
|
|
.hidden {
|
|
display: none; }
|
|
|
|
/* FORM LABELS */
|
|
.required label:after, label.required:after {
|
|
content: "*"; }
|
|
.form-row.errors label {
|
|
color: #c14747; }
|
|
|
|
/* RADIO BUTTONS */
|
|
form ul.radiolist li {
|
|
list-style-type: none; }
|
|
form ul.radiolist label {
|
|
float: none;
|
|
display: inline; }
|
|
form ul.radiolist input[type="radio"] {
|
|
margin: -2px 4px 0 0;
|
|
padding: 0; }
|
|
form ul.inline {
|
|
margin-left: 0;
|
|
padding: 0; }
|
|
form ul.inline li {
|
|
float: left;
|
|
padding-right: 7px; }
|
|
|
|
/* ALIGNED FIELDSETS */
|
|
.aligned label {
|
|
display: block;
|
|
padding: 8px 10px 0 0;
|
|
float: left;
|
|
width: 160px;
|
|
word-wrap: break-word;
|
|
line-height: 1; }
|
|
@media only screen and (max-width: 960px) {
|
|
.aligned label {
|
|
display: block;
|
|
padding: 0 0 0 2px;
|
|
margin-bottom: 8px;
|
|
float: none;
|
|
width: auto; } }
|
|
.aligned label + p {
|
|
padding: 6px 0;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 170px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.aligned label + p {
|
|
margin-left: 0; } }
|
|
.aligned ul label {
|
|
display: inline;
|
|
float: none;
|
|
width: auto; }
|
|
.aligned .form-row input {
|
|
margin-bottom: 0; }
|
|
.aligned .vCheckboxLabel {
|
|
float: none;
|
|
width: auto;
|
|
display: inline-block;
|
|
vertical-align: -3px;
|
|
padding: 0 0 5px 0;
|
|
line-height: 1.4; }
|
|
.aligned .vCheckboxLabel + p.help {
|
|
margin-top: -4px; }
|
|
|
|
form .aligned ul {
|
|
margin-left: 160px;
|
|
padding-left: 10px; }
|
|
@media only screen and (max-width: 960px) {
|
|
form .aligned ul {
|
|
margin-left: 0;
|
|
padding-left: 0; } }
|
|
form .aligned ul.radiolist {
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0; }
|
|
form .aligned p.help {
|
|
clear: left;
|
|
margin-top: 0;
|
|
margin-left: 160px;
|
|
padding-left: 10px; }
|
|
@media only screen and (max-width: 960px) {
|
|
form .aligned p.help {
|
|
margin-left: 0;
|
|
padding-left: 0; } }
|
|
form .aligned label + p.help {
|
|
margin-left: 0;
|
|
padding-left: 0; }
|
|
form .aligned p.help:last-child {
|
|
margin-bottom: 0;
|
|
padding-bottom: 0; }
|
|
form .aligned input + p.help,
|
|
form .aligned textarea + p.help,
|
|
form .aligned select + p.help {
|
|
margin-left: 160px;
|
|
padding-left: 10px; }
|
|
@media only screen and (max-width: 960px) {
|
|
form .aligned input + p.help,
|
|
form .aligned textarea + p.help,
|
|
form .aligned select + p.help {
|
|
margin-left: 0;
|
|
padding-left: 0; } }
|
|
form .aligned ul li {
|
|
list-style: none; }
|
|
form .aligned table p {
|
|
margin-left: 0;
|
|
padding-left: 0; }
|
|
|
|
.colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField {
|
|
width: 350px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField {
|
|
width: 100%; } }
|
|
|
|
.colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField {
|
|
width: 610px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField {
|
|
width: 100%; } }
|
|
|
|
.checkbox-row p.help {
|
|
margin-left: 0;
|
|
padding-left: 0; }
|
|
|
|
/* FIELDSETS */
|
|
fieldset .field-box {
|
|
float: left;
|
|
margin-right: 20px; }
|
|
fieldset.monospace textarea {
|
|
font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; }
|
|
|
|
/* WIDE FIELDSETS */
|
|
.wide label {
|
|
width: 200px; }
|
|
|
|
form .wide p, form .wide input + p.help {
|
|
margin-left: 200px; }
|
|
@media only screen and (max-width: 960px) {
|
|
form .wide p, form .wide input + p.help {
|
|
margin-left: 0; } }
|
|
|
|
form .wide p.help {
|
|
padding-left: 38px; }
|
|
@media only screen and (max-width: 960px) {
|
|
form .wide p.help {
|
|
padding-left: 0; } }
|
|
|
|
.colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField {
|
|
width: 450px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField {
|
|
width: 100%; } }
|
|
|
|
/* COLLAPSED FIELDSETS */
|
|
/* MONOSPACE TEXTAREAS */
|
|
fieldset.monospace textarea {
|
|
font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; }
|
|
|
|
/* SUBMIT ROW */
|
|
.submit-row {
|
|
margin: 20px 0;
|
|
overflow: hidden; }
|
|
@media only screen and (max-width: 960px) {
|
|
.submit-row {
|
|
margin-bottom: 10px; } }
|
|
@media only screen and (max-width: 480px) {
|
|
.submit-row {
|
|
padding: 0 10px; } }
|
|
.submit-row input, .submit-row input:visited, .submit-row input:hover {
|
|
margin: 0 5px 5px 0;
|
|
padding: 0 20px;
|
|
font-size: 12px; }
|
|
@media only screen and (max-width: 480px) {
|
|
.submit-row input, .submit-row input:visited, .submit-row input:hover {
|
|
display: block;
|
|
width: 100%;
|
|
margin: 0 0 8px 0; } }
|
|
.submit-row input.default {
|
|
margin: 0 8px 5px 0; }
|
|
@media only screen and (max-width: 480px) {
|
|
.submit-row input.default {
|
|
display: block;
|
|
width: 100%;
|
|
margin: 0 0 20px 0; } }
|
|
.submit-row p {
|
|
margin: 0.3em; }
|
|
.submit-row p.deletelink-box {
|
|
display: block;
|
|
float: right;
|
|
padding: 0;
|
|
margin: 0 5px 5px 0; }
|
|
@media only screen and (max-width: 480px) {
|
|
.submit-row p.deletelink-box {
|
|
float: none;
|
|
display: block;
|
|
margin: 0 0 8px 0; } }
|
|
.submit-row a.deletelink, .submit-row a.deletelink:visited, .submit-row a.deletelink:hover {
|
|
display: inline-block;
|
|
background-color: #c14747;
|
|
color: #fff;
|
|
border: 0;
|
|
border-radius: 4px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
outline: 0;
|
|
font-size: 12px;
|
|
font-weight: lighter;
|
|
text-align: center;
|
|
padding: 0 20px;
|
|
text-transform: uppercase;
|
|
box-sizing: border-box;
|
|
transition: background 0.3s, box-shadow 0.3s, border 0.3s; }
|
|
@media only screen and (max-width: 480px) {
|
|
.submit-row a.deletelink, .submit-row a.deletelink:visited, .submit-row a.deletelink:hover {
|
|
display: block;
|
|
width: 100%; } }
|
|
.submit-row a.deletelink:hover, .submit-row a.deletelink:focus {
|
|
background-color: #7fb1dc;
|
|
color: #fff; }
|
|
.submit-row a.deletelink:active {
|
|
background-color: #4f8580;
|
|
color: #fff; }
|
|
|
|
body.popup .submit-row {
|
|
overflow: auto; }
|
|
|
|
/* CUSTOM FORM FIELDS */
|
|
.vSelectMultipleField {
|
|
vertical-align: top; }
|
|
|
|
.vCheckboxField {
|
|
border: none; }
|
|
|
|
.vDateField, .vTimeField {
|
|
margin-right: 2px;
|
|
margin-bottom: 4px;
|
|
border-radius: 4px 0 0 4px !important;
|
|
border-right-width: 0 !important; }
|
|
.results .vDateField, .results .vTimeField {
|
|
border-radius: 4px !important;
|
|
border-right-width: 1px !important; }
|
|
@media only screen and (max-width: 374px) {
|
|
.vDateField, .vTimeField {
|
|
border-radius: 4px !important;
|
|
border-right-width: 1px !important; } }
|
|
.vDateField-link, .vTimeField-link {
|
|
vertical-align: top;
|
|
display: inline-block; }
|
|
@media only screen and (max-width: 374px) {
|
|
.vDateField-link, .vTimeField-link {
|
|
display: none; } }
|
|
.vDateField-link span, .vTimeField-link span {
|
|
width: 32px;
|
|
height: 32px;
|
|
line-height: 32px !important;
|
|
background-color: #cceae4;
|
|
color: #4f8580;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
border-radius: 0 4px 4px 0; }
|
|
.vDateField-link:hover span, .vTimeField-link:hover span {
|
|
background-color: #7fb1dc;
|
|
color: #fff; }
|
|
|
|
.vDateField {
|
|
min-width: 6.85em; }
|
|
|
|
.vTimeField {
|
|
min-width: 4.7em; }
|
|
|
|
.vDateField-link + .vTimeField {
|
|
margin-left: 10px; }
|
|
|
|
.vURLField {
|
|
width: 26em; }
|
|
@media only screen and (max-width: 480px) {
|
|
.vURLField {
|
|
width: 100%; } }
|
|
|
|
.vLargeTextField, .vXMLLargeTextField {
|
|
width: 48em; }
|
|
@media only screen and (max-width: 960px) {
|
|
.vLargeTextField, .vXMLLargeTextField {
|
|
width: 100%; } }
|
|
|
|
.flatpages-flatpage #id_content {
|
|
height: 40.2em; }
|
|
|
|
.module table .vPositiveSmallIntegerField {
|
|
width: 2.2em; }
|
|
|
|
.vTextField {
|
|
width: 20em; }
|
|
@media only screen and (max-width: 480px) {
|
|
.vTextField {
|
|
width: 100%; } }
|
|
|
|
.vIntegerField {
|
|
width: 6em; }
|
|
|
|
.vBigIntegerField {
|
|
width: 10em; }
|
|
|
|
.vForeignKeyRawIdAdminField {
|
|
width: 5em; }
|
|
|
|
/* INLINES */
|
|
.inline-group {
|
|
padding: 0;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
border: 0; }
|
|
.inline-group.compact {
|
|
position: relative;
|
|
min-height: 400px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.inline-group.compact {
|
|
position: static;
|
|
min-height: 0; } }
|
|
.inline-group thead th {
|
|
padding: 8px 10px; }
|
|
.inline-group .aligned label {
|
|
width: 160px; }
|
|
.inline-group > fieldset.module {
|
|
padding: 0; }
|
|
|
|
.inline-related {
|
|
position: relative; }
|
|
.inline-related h3 {
|
|
margin: 0;
|
|
background: linear-gradient(to top, #fff 0%, #f5fdfa 100%);
|
|
font-weight: bold;
|
|
color: #4f8580;
|
|
padding: 20px 24px 0 24px;
|
|
text-transform: uppercase;
|
|
font-size: 12px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.inline-related h3 {
|
|
padding: 20px 20px 0 20px;
|
|
line-height: 2; } }
|
|
.inline-related h3 > b {
|
|
margin-right: 10px; }
|
|
.inline-related h3 .inline_label {
|
|
display: inline-block;
|
|
background: #3c706b;
|
|
color: #fff;
|
|
margin-right: 10px;
|
|
padding: 4px 8px;
|
|
border-radius: 5px;
|
|
font-size: 10px;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-width: 100%;
|
|
box-sizing: border-box;
|
|
vertical-align: middle; }
|
|
@media only screen and (max-width: 960px) {
|
|
.inline-related h3 .inline_label {
|
|
line-height: normal; } }
|
|
.inline-related h3 .inline_label ~ .inlinechangelink, .inline-related h3 .inline_label ~ .inlineviewlink {
|
|
font-size: 18px;
|
|
margin-right: 10px;
|
|
vertical-align: middle; }
|
|
.inline-related h3 .inline_label ~ .inlinechangelink:before, .inline-related h3 .inline_label ~ .inlineviewlink:before {
|
|
margin: 0; }
|
|
.inline-related h3 span.delete, .inline-related h3 .inline-deletelink {
|
|
float: right;
|
|
margin-left: 10px;
|
|
display: inline-block;
|
|
background: #c14747;
|
|
color: #fff;
|
|
padding: 4px 8px;
|
|
border-radius: 5px;
|
|
font-size: 10px;
|
|
font-weight: normal;
|
|
vertical-align: middle;
|
|
white-space: nowrap; }
|
|
@media only screen and (max-width: 960px) {
|
|
.inline-related h3 span.delete, .inline-related h3 .inline-deletelink {
|
|
float: none;
|
|
margin-left: 0;
|
|
line-height: normal; } }
|
|
.inline-related h3 span.delete label, .inline-related h3 .inline-deletelink label {
|
|
font-size: 10px;
|
|
vertical-align: middle; }
|
|
.inline-related h3 span.delete label:before, .inline-related h3 .inline-deletelink label:before {
|
|
font-size: 10px;
|
|
color: #fff;
|
|
vertical-align: middle; }
|
|
.inline-related fieldset {
|
|
margin: 0;
|
|
background: #fff;
|
|
width: 100%; }
|
|
.inline-related fieldset.module {
|
|
background-color: inherit;
|
|
box-sizing: border-box; }
|
|
.inline-related fieldset.module h3 {
|
|
padding: 24px;
|
|
margin: 0;
|
|
background: transparent; }
|
|
|
|
.inline-group.compact .inline-related h3 {
|
|
background: transparent; }
|
|
|
|
.inline-related.tabular fieldset.module {
|
|
padding: 0; }
|
|
.inline-related.tabular fieldset.module table {
|
|
width: 100%; }
|
|
|
|
.inline-navigation {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 200px;
|
|
background: #f5fdfa; }
|
|
@media only screen and (max-width: 960px) {
|
|
.inline-navigation {
|
|
position: relative;
|
|
width: auto;
|
|
top: auto;
|
|
bottom: auto;
|
|
left: auto; } }
|
|
.inline-navigation-top {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
height: 40px;
|
|
background: linear-gradient(to bottom, #fff 25%, rgba(245, 253, 250, 0) 100%);
|
|
z-index: 1; }
|
|
.inline-navigation-bottom {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 40px;
|
|
background: linear-gradient(to top, #fff 25%, rgba(245, 253, 250, 0) 100%);
|
|
z-index: 1; }
|
|
@media only screen and (max-width: 960px) {
|
|
.inline-navigation-bottom {
|
|
display: none; } }
|
|
.inline-navigation .add-row {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 0;
|
|
left: 0;
|
|
padding: 0 16px !important;
|
|
z-index: 1;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden; }
|
|
.inline-navigation-content {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
padding: 40px 0 30px 0;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch; }
|
|
@media only screen and (max-width: 960px) {
|
|
.inline-navigation-content {
|
|
position: static;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: auto;
|
|
left: auto;
|
|
padding-bottom: 10px;
|
|
max-height: 200px; } }
|
|
.inline-navigation-item, .inline-navigation-item:visited, .inline-navigation-item:hover {
|
|
display: block;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
padding: 8px 10px 8px 20px;
|
|
color: #4f8580;
|
|
transition: background-color 0.3s, color 0.3s; }
|
|
html.no-touchevents .inline-navigation-item:hover, .inline-navigation-item:active {
|
|
background: #7fb1dc;
|
|
color: #fff; }
|
|
.inline-navigation-item.empty {
|
|
display: none; }
|
|
.inline-navigation-item.selected {
|
|
background: transparent;
|
|
color: #4f8580;
|
|
font-weight: bold;
|
|
cursor: default; }
|
|
.inline-navigation-item.delete {
|
|
text-decoration: line-through; }
|
|
|
|
.inline-group .tabular {
|
|
overflow-x: auto;
|
|
-webkit-overflow-scrolling: touch; }
|
|
.inline-group .tabular table {
|
|
box-shadow: none;
|
|
margin: 0; }
|
|
.inline-group .tabular thead th, .inline-group .tabular thead td {
|
|
background: linear-gradient(to top, #fff 0%, #f5fdfa 100%);
|
|
font-weight: bold;
|
|
color: #4f8580; }
|
|
.inline-group .tabular thead th a:link, .inline-group .tabular thead th a:visited, .inline-group .tabular thead td a:link, .inline-group .tabular thead td a:visited {
|
|
color: #4f8580; }
|
|
.inline-group .tabular td.original {
|
|
white-space: nowrap;
|
|
width: 1px;
|
|
padding-right: 0; }
|
|
.inline-group .tabular td.original.empty {
|
|
padding: 0; }
|
|
.inline-group .tabular td.original p {
|
|
padding: 0; }
|
|
.inline-group .tabular td.original p .inlinechangelink, .inline-group .tabular td.original p .inlineviewlink {
|
|
font-size: 18px;
|
|
margin: 0;
|
|
vertical-align: middle; }
|
|
.inline-group .tabular tr.add-row td {
|
|
padding: 8px 10px;
|
|
border-bottom: 1px solid #eee; }
|
|
.inline-group .compact {
|
|
display: none;
|
|
margin-left: 200px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.inline-group .compact {
|
|
margin-left: 0; } }
|
|
.inline-group .compact.selected {
|
|
display: block; }
|
|
.inline-group ul.tools {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none; }
|
|
.inline-group ul.tools li {
|
|
display: inline;
|
|
padding: 0 5px; }
|
|
.inline-group div.add-row, .inline-group .tabular tr.add-row td {
|
|
padding: 16px;
|
|
border: 0; }
|
|
.inline-group ul.tools a.add, .inline-group div.add-row a, .inline-group .tabular tr.add-row td a {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
vertical-align: middle; }
|
|
.inline-group ul.tools a.add:before, .inline-group div.add-row a:before, .inline-group .tabular tr.add-row td a:before {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
content: "";
|
|
vertical-align: middle;
|
|
margin-right: 4px; }
|
|
|
|
.empty-form {
|
|
display: none; }
|
|
|
|
/* RELATED FIELD ADD ONE / LOOKUP */
|
|
form .related-widget-wrapper ul {
|
|
display: inline-block;
|
|
margin-left: 0;
|
|
padding-left: 0; }
|
|
|
|
.clearable-file-input input {
|
|
margin-top: 0; }
|
|
|
|
.changeform-navigation {
|
|
display: none;
|
|
float: left;
|
|
margin-bottom: 20px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.changeform-navigation {
|
|
margin-bottom: 5px;
|
|
margin-right: 10px; } }
|
|
.changeform-navigation.initialized {
|
|
display: block; }
|
|
.changeform-navigation-button, .changeform-navigation-button:visited, .changeform-navigation-button:hover {
|
|
width: 120px;
|
|
vertical-align: middle;
|
|
box-sizing: border-box; }
|
|
.changeform-navigation-button-icon {
|
|
font-weight: bold;
|
|
vertical-align: middle;
|
|
line-height: 32px; }
|
|
.changeform-navigation-button-icon.left {
|
|
float: left; }
|
|
.changeform-navigation-button-icon.right {
|
|
float: right; }
|
|
.changeform-navigation-button-label {
|
|
display: block;
|
|
opacity: 0.5;
|
|
transition: opacity 0.3s;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis; }
|
|
.changeform-navigation-button-icon.left + .changeform-navigation-button-label {
|
|
margin-left: 16px; }
|
|
.changeform-navigation-button-icon.right + .changeform-navigation-button-label {
|
|
margin-right: 16px; }
|
|
.changeform-navigation-button:hover .changeform-navigation-button-label {
|
|
opacity: 1; }
|
|
.changeform-navigation-button.disabled:hover .changeform-navigation-button-label {
|
|
opacity: 0.5; }
|
|
|
|
.related-widget-wrapper-link {
|
|
opacity: 0.5;
|
|
transition: opacity 0.3s; }
|
|
.related-widget-wrapper-link:link {
|
|
opacity: 1; }
|
|
|
|
.add-related, .add-another, .change-related, .delete-related, .related-lookup {
|
|
display: none; }
|
|
.add-related.initialized, .add-another.initialized, .change-related.initialized, .delete-related.initialized, .related-lookup.initialized {
|
|
display: inline-block; }
|
|
.form-row .add-related, .form-row .add-another, .form-row .change-related, .form-row .delete-related, .form-row .related-lookup {
|
|
margin-top: 10px; }
|
|
|
|
.related-widget-wrapper-icon:before {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
font-size: 20px;
|
|
vertical-align: middle; }
|
|
.add-related .related-widget-wrapper-icon:before, .add-another .related-widget-wrapper-icon:before {
|
|
content: ""; }
|
|
.change-related .related-widget-wrapper-icon:before {
|
|
content: ""; }
|
|
.delete-related .related-widget-wrapper-icon:before {
|
|
content: ""; }
|
|
|
|
.related-lookup {
|
|
margin-left: 6px; }
|
|
.related-lookup:before {
|
|
font-family: 'jet-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-block;
|
|
font-size: 20px;
|
|
vertical-align: middle;
|
|
content: ""; }
|
|
|
|
/* TABS */
|
|
.changeform-tabs {
|
|
margin: 0;
|
|
padding: 0 0 0 16px;
|
|
border-bottom: 2px solid #eff6f5;
|
|
background-color: #fff;
|
|
border-radius: 4px 4px 0 0; }
|
|
@media only screen and (max-width: 960px) {
|
|
.changeform-tabs {
|
|
padding: 10px 10px 5px 10px; } }
|
|
.changeform-tabs-item {
|
|
display: inline-block;
|
|
padding: 0;
|
|
line-height: normal; }
|
|
.changeform-tabs-item a, .changeform-tabs-item a:hover, .changeform-tabs-item a:visited {
|
|
display: inline-block;
|
|
padding: 12px 4px;
|
|
margin: 0 8px 0 0;
|
|
border-bottom: 2px solid transparent;
|
|
position: relative;
|
|
top: 2px;
|
|
color: #4f8580;
|
|
font-weight: bold;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
transition: background-color 0.1s, color 0.1s, border-color 0.3s; }
|
|
@media only screen and (max-width: 960px) {
|
|
.changeform-tabs-item a, .changeform-tabs-item a:hover, .changeform-tabs-item a:visited {
|
|
margin: 0 5px 5px 0;
|
|
padding: 8px 12px;
|
|
top: auto;
|
|
border: 0;
|
|
border-radius: 5px;
|
|
font-weight: normal;
|
|
background: #cceae4;
|
|
color: #4f8580; } }
|
|
.changeform-tabs-item a:hover {
|
|
color: #4f8580; }
|
|
.changeform-tabs-item.errors a, .changeform-tabs-item.errors a:hover, .changeform-tabs-item.errors a:visited {
|
|
border-color: #c14747; }
|
|
@media only screen and (max-width: 960px) {
|
|
.changeform-tabs-item.errors a, .changeform-tabs-item.errors a:hover, .changeform-tabs-item.errors a:visited {
|
|
background: #c14747;
|
|
color: #fff; } }
|
|
.changeform-tabs-item.selected a, .changeform-tabs-item.selected a:hover, .changeform-tabs-item.selected a:visited {
|
|
color: #4f8580;
|
|
border-color: #7fb1dc; }
|
|
@media only screen and (max-width: 960px) {
|
|
.changeform-tabs-item.selected a, .changeform-tabs-item.selected a:hover, .changeform-tabs-item.selected a:visited {
|
|
background: #7fb1dc;
|
|
color: #fff; } }
|
|
.changeform-tabs ~ .module, .changeform-tabs ~ .inline-group {
|
|
display: none !important;
|
|
border-radius: 0 0 4px 4px; }
|
|
.changeform-tabs ~ .module.selected, .changeform-tabs ~ .inline-group.selected {
|
|
display: block !important; }
|
|
|
|
body.change-form #content-main > form > div > .module, body.change-form #content-main > form > div > .inline-group {
|
|
display: none; }
|
|
body.change-form #content-main > form > div > .module.initialized, body.change-form #content-main > form > div > .inline-group.initialized {
|
|
display: block; }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
/* CHANGELISTS */
|
|
#changelist {
|
|
position: relative;
|
|
width: 100%; }
|
|
#changelist table {
|
|
width: 100%; }
|
|
#changelist .results {
|
|
overflow-x: auto;
|
|
-webkit-overflow-scrolling: touch; }
|
|
@media only screen and (max-width: 960px) {
|
|
#changelist .results {
|
|
position: relative;
|
|
left: -20px;
|
|
width: calc(100% + 40px);
|
|
margin-bottom: 0 !important; }
|
|
#changelist .results table {
|
|
border-radius: 0; }
|
|
#changelist .results thead th, #changelist .results tfoot td {
|
|
border-radius: 0; } }
|
|
@media only screen and (max-width: 480px) {
|
|
#changelist .results {
|
|
left: -10px;
|
|
width: calc(100% + 20px); } }
|
|
#changelist .paginator {
|
|
text-align: right; }
|
|
@media only screen and (max-width: 960px) {
|
|
#changelist .paginator {
|
|
text-align: left; } }
|
|
@media only screen and (max-width: 480px) {
|
|
#changelist .paginator {
|
|
text-align: center; } }
|
|
|
|
.change-list .hiddenfields {
|
|
display: none; }
|
|
.change-list .filtered table {
|
|
border-right: none; }
|
|
.change-list .filtered {
|
|
min-height: 400px; }
|
|
.change-list .filtered table tbody th {
|
|
padding-right: 1em; }
|
|
|
|
/* CHANGELIST TABLES */
|
|
#changelist table thead th.action-checkbox-column {
|
|
width: 1.5em;
|
|
text-align: center; }
|
|
#changelist table tbody td.action-checkbox {
|
|
text-align: center; }
|
|
#changelist table tfoot {
|
|
color: #666; }
|
|
|
|
/* TOOLBAR */
|
|
#toolbar {
|
|
margin-bottom: 20px;
|
|
display: none; }
|
|
@media only screen and (max-width: 960px) {
|
|
#toolbar {
|
|
float: none; } }
|
|
#toolbar.initialized {
|
|
display: block; }
|
|
#toolbar form label[for="searchbar"] {
|
|
display: none; }
|
|
#toolbar form #searchbar {
|
|
margin-bottom: 5px;
|
|
margin-right: 2px;
|
|
vertical-align: top; }
|
|
@media only screen and (max-width: 960px) {
|
|
#toolbar form #searchbar {
|
|
margin-right: 5px; } }
|
|
@media only screen and (max-width: 480px) {
|
|
#toolbar form #searchbar {
|
|
width: 100%; } }
|
|
#toolbar form input[type="submit"], #toolbar form input[type="submit"]:visited, #toolbar form input[type="submit"]:hover {
|
|
background-color: #44b78b;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
font-weight: lighter;
|
|
padding: 0 20px;
|
|
text-transform: uppercase;
|
|
vertical-align: middle;
|
|
margin-bottom: 5px; }
|
|
#toolbar form input[type="submit"]:hover, #toolbar form input[type="submit"]:focus {
|
|
background-color: #7fb1dc;
|
|
color: #fff; }
|
|
#toolbar form input[type="submit"]:active {
|
|
background-color: #4f8580;
|
|
color: #fff; }
|
|
|
|
.changelist-filter-select-wrapper {
|
|
margin-right: 2px;
|
|
margin-bottom: 5px;
|
|
display: inline-block;
|
|
vertical-align: top; }
|
|
@media only screen and (max-width: 960px) {
|
|
.changelist-filter-select-wrapper {
|
|
margin-right: 5px; } }
|
|
@media only screen and (max-width: 480px) {
|
|
.changelist-filter-select-wrapper {
|
|
width: 100%; } }
|
|
@media only screen and (max-width: 480px) {
|
|
.changelist-filter-select-wrapper .select2 {
|
|
width: 100% !important; } }
|
|
.changelist-filter-select-wrapper .select2-selection--multiple {
|
|
overflow: auto;
|
|
height: 32px !important; }
|
|
.changelist-filter-select-wrapper .select2-selection--multiple .select2-selection__rendered {
|
|
padding: 0 2px !important; }
|
|
.changelist-filter-select-wrapper .select2-selection--multiple .select2-selection__choice {
|
|
margin-top: 2px !important;
|
|
margin-right: 2px !important; }
|
|
|
|
.changelist-filter-popup {
|
|
position: relative; }
|
|
.changelist-filter-popup-content {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
min-width: 200px;
|
|
background: #fff;
|
|
border-radius: 4px;
|
|
box-shadow: 0 0 4px 0 rgba(68, 183, 139, 0.75);
|
|
z-index: 1; }
|
|
.changelist-filter-popup-content.visible {
|
|
display: block; }
|
|
|
|
/* FILTER COLUMN */
|
|
#changelist-filter {
|
|
display: none; }
|
|
|
|
/* DATE DRILLDOWN */
|
|
.change-list ul.toplinks {
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0; }
|
|
.change-list ul.toplinks li {
|
|
list-style-type: none;
|
|
display: inline-block;
|
|
margin: 0 5px 5px 0;
|
|
background-color: #cceae4;
|
|
color: #4f8580;
|
|
text-decoration: none;
|
|
font-size: 14px;
|
|
padding: 6px 10px;
|
|
border-radius: 4px; }
|
|
.change-list ul.toplinks a, .change-list ul.toplinks a:visited {
|
|
color: #4f8580; }
|
|
.change-list ul.toplinks a:focus, .change-list ul.toplinks a:hover {
|
|
text-decoration: underline; }
|
|
|
|
/* PAGINATOR */
|
|
.paginator {
|
|
display: none;
|
|
line-height: normal;
|
|
padding: 0 !important;
|
|
margin: 0;
|
|
font-size: 12px; }
|
|
.paginator.initialized {
|
|
display: inherit; }
|
|
.paginator .pages-wrapper {
|
|
margin-left: 10px;
|
|
display: inline-block;
|
|
margin-bottom: 5px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.paginator .pages-wrapper {
|
|
margin-left: 0; } }
|
|
.paginator .pages-wrapper span, .paginator .pages-wrapper a {
|
|
font-size: 14px;
|
|
padding: 6px 10px;
|
|
display: inline-block; }
|
|
.paginator .pages-wrapper span:first-child, .paginator .pages-wrapper a:first-child {
|
|
border-radius: 4px 0 0 4px; }
|
|
.paginator .pages-wrapper span:last-child, .paginator .pages-wrapper a:last-child {
|
|
border-radius: 0 4px 4px 0; }
|
|
.paginator .pages-wrapper span:first-child:last-child, .paginator .pages-wrapper a:first-child:last-child {
|
|
border-radius: 4px; }
|
|
.paginator .pages-wrapper span {
|
|
background-color: #4f8580;
|
|
color: #fff; }
|
|
.paginator .pages-wrapper span.disabled {
|
|
background-color: #cceae4;
|
|
color: #4f8580; }
|
|
.paginator .pages-wrapper a:link, .paginator .pages-wrapper a:visited {
|
|
background-color: #cceae4;
|
|
color: #4f8580;
|
|
text-decoration: none; }
|
|
.paginator .pages-wrapper a:focus, .paginator .pages-wrapper a:hover {
|
|
background-color: #7fb1dc;
|
|
color: #fff; }
|
|
.paginator a.showall:link, .paginator a.showall:visited {
|
|
font-size: 12px; }
|
|
.paginator .label {
|
|
padding: 8px 0; }
|
|
.paginator input[type="submit"], .paginator input[type="submit"]:hover, .paginator input[type="submit"]:focus {
|
|
font-size: 13px;
|
|
padding: 6px 10px;
|
|
height: auto;
|
|
line-height: normal;
|
|
margin: 0 0 0 10px; }
|
|
|
|
/* ACTIONS */
|
|
#changelist table input {
|
|
margin: 0;
|
|
vertical-align: baseline; }
|
|
#changelist table tbody tr.selected {
|
|
border-color: #e5e2a5;
|
|
background-color: #fffcc0; }
|
|
#changelist .actions {
|
|
float: left;
|
|
display: none; }
|
|
@media only screen and (max-width: 960px) {
|
|
#changelist .actions {
|
|
float: none;
|
|
margin-bottom: 20px; } }
|
|
@media only screen and (max-width: 480px) {
|
|
#changelist .actions {
|
|
padding: 0 10px; } }
|
|
#changelist .actions.initialized {
|
|
display: inline-block; }
|
|
@media only screen and (max-width: 960px) {
|
|
#changelist .actions.initialized {
|
|
display: block; } }
|
|
@media only screen and (max-width: 960px) {
|
|
#changelist .actions label {
|
|
margin-bottom: 5px;
|
|
display: inline-block; } }
|
|
@media only screen and (max-width: 480px) {
|
|
#changelist .actions label {
|
|
display: block; } }
|
|
@media only screen and (max-width: 480px) {
|
|
#changelist .actions .select2 {
|
|
width: 100% !important; } }
|
|
#changelist .actions .labels {
|
|
padding: 8px 0; }
|
|
@media only screen and (max-width: 480px) {
|
|
#changelist .actions .labels {
|
|
text-align: center; } }
|
|
#changelist .actions span.all, #changelist .actions span.action-counter, #changelist .actions span.clear, #changelist .actions span.question {
|
|
display: none; }
|
|
#changelist .actions span.clear {
|
|
margin-left: 5px; }
|
|
#changelist .actions .button, #changelist .actions .button:visited, #changelist .actions .button:hover {
|
|
display: inline-block;
|
|
background-color: #44b78b;
|
|
color: #fff;
|
|
border: 0;
|
|
border-radius: 4px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
outline: 0;
|
|
font-size: 12px;
|
|
font-weight: lighter;
|
|
text-align: center;
|
|
padding: 0 20px;
|
|
text-transform: uppercase;
|
|
margin: 0 8px 5px 0;
|
|
transition: background 0.3s; }
|
|
@media only screen and (max-width: 480px) {
|
|
#changelist .actions .button, #changelist .actions .button:visited, #changelist .actions .button:hover {
|
|
width: 100%; } }
|
|
#changelist .actions .button:hover, #changelist .actions .button:focus {
|
|
background-color: #7fb1dc;
|
|
color: #fff; }
|
|
#changelist .actions .button:active {
|
|
background-color: #4f8580;
|
|
color: #fff; }
|
|
#changelist .actions span {
|
|
font-size: 12px; }
|
|
|
|
.changelist-footer {
|
|
padding: 20px 0;
|
|
background: #eff6f5; }
|
|
.changelist-footer.fixed {
|
|
position: fixed;
|
|
left: 20px;
|
|
right: 20px;
|
|
bottom: 0;
|
|
border-top: 2px solid #cceae4;
|
|
transition: left 0.3s; }
|
|
body.menu-pinned .changelist-footer.fixed {
|
|
left: 270px; }
|
|
body.menu-pinned.popup .changelist-footer.fixed {
|
|
left: 20px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.changelist-footer.fixed {
|
|
position: static;
|
|
left: auto;
|
|
right: auto;
|
|
bottom: auto;
|
|
border-top: 0;
|
|
padding: 20px 0; } }
|
|
.changelist-footer.popup {
|
|
left: 20px; }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
.sidebar {
|
|
position: fixed;
|
|
width: 250px;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
z-index: 6;
|
|
background-color: #2e5955;
|
|
color: #4f8580;
|
|
transition: background-color 0.3s, transform 0.3s;
|
|
transform: translate3d(-100%, 0, 0); }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar {
|
|
width: 360px;
|
|
padding-bottom: 0;
|
|
transition: transform 0.3s cubic-bezier(0, 0.5, 0.5, 1); } }
|
|
@media only screen and (max-width: 480px) {
|
|
.sidebar {
|
|
width: 80%; } }
|
|
.sidebar.sidebar-opened {
|
|
transform: none; }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar.sidebar-opened {
|
|
box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.2); } }
|
|
@media only screen and (min-width: 960px) {
|
|
body.menu-pinned .sidebar {
|
|
transform: none; } }
|
|
.sidebar-backdrop {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: #000;
|
|
opacity: 0;
|
|
z-index: 5; }
|
|
.sidebar-header {
|
|
height: 44px;
|
|
line-height: 44px;
|
|
transition: transform 0.3s; }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar-header.sidebar-opened {
|
|
transform: translate3d(360px, 0, 0); } }
|
|
@media only screen and (max-width: 480px) {
|
|
.sidebar-header.sidebar-opened {
|
|
transform: translate3d(80%, 0, 0); } }
|
|
.sidebar-header-wrapper {
|
|
display: none;
|
|
background-color: #2e5955;
|
|
color: #4f8580;
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
z-index: 6;
|
|
transition: background-color 0.3s, transform 0.3s; }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar-header-wrapper {
|
|
display: block; }
|
|
body.scroll-to-bottom .sidebar-header-wrapper {
|
|
transform: translate3d(0, -100%, 0); } }
|
|
.sidebar-header-wrapper.sidebar-opened {
|
|
background-color: #254d49;
|
|
transform: none !important; }
|
|
.sidebar-header-menu, .sidebar-header-menu:visited, .sidebar-header-menu:hover {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
text-transform: uppercase;
|
|
color: #bbddd9;
|
|
line-height: 44px;
|
|
padding: 0 16px;
|
|
border-right: 1px solid #254d49; }
|
|
.sidebar-header-menu-icon {
|
|
font-size: 16px;
|
|
vertical-align: middle; }
|
|
.sidebar-header-menu-icon.icon-cross {
|
|
display: none;
|
|
font-size: 20px;
|
|
color: #44b78b; }
|
|
.sidebar-header.sidebar-opened .sidebar-header-menu-icon.icon-menu {
|
|
display: none; }
|
|
.sidebar-header.sidebar-opened .sidebar-header-menu-icon.icon-cross {
|
|
display: inline; }
|
|
.sidebar-close {
|
|
display: none;
|
|
float: right;
|
|
padding: 4px;
|
|
margin: 12px 18px 0 12px;
|
|
background-color: #cceae4;
|
|
border-radius: 5px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar-close {
|
|
display: inline-block; } }
|
|
.sidebar-close-icon {
|
|
color: #4f8580;
|
|
font-size: 28px;
|
|
font-weight: bold;
|
|
vertical-align: middle; }
|
|
.sidebar-wrapper {
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
transform: translate3d(0, 0, 0); }
|
|
.sidebar-section {
|
|
padding: 20px 0;
|
|
border-bottom: 1px solid #254d49;
|
|
transition: border-bottom-color 0.3s; }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar-section {
|
|
padding: 10px 0; } }
|
|
.sidebar-section:last-child, .sidebar-section.last {
|
|
border-bottom: 0; }
|
|
.sidebar-title {
|
|
display: block;
|
|
color: #4f8580;
|
|
text-transform: uppercase;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
padding: 0 14px 0 24px;
|
|
margin-bottom: 10px;
|
|
transition: color 0.3s; }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar-title {
|
|
padding: 12px 18px 12px 30px;
|
|
margin-bottom: 0; }
|
|
html.touchevents .sidebar-title {
|
|
padding-left: 20px; } }
|
|
.sidebar-title-link, .sidebar-title-link:visited, .sidebar-title-link:hover {
|
|
color: #4f8580;
|
|
font-weight: bold;
|
|
transition: color 0.3s; }
|
|
.sidebar-title-link:hover {
|
|
color: #7fb1dc; }
|
|
.sidebar-link, .sidebar-link:visited, .sidebar-link:hover {
|
|
display: block;
|
|
color: #bbddd9;
|
|
padding: 8px 12px 8px 20px;
|
|
vertical-align: middle;
|
|
transition: color 0.3s, background-color 0.3s;
|
|
position: relative; }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar-link, .sidebar-link:visited, .sidebar-link:hover {
|
|
padding: 12px 18px 12px 30px; }
|
|
html.touchevents .sidebar-link, html.touchevents .sidebar-link:visited, html.touchevents .sidebar-link:hover {
|
|
padding-left: 20px; } }
|
|
.sidebar-link.icon, .sidebar-link:visited.icon, .sidebar-link:hover.icon {
|
|
font-size: 11px;
|
|
text-transform: uppercase; }
|
|
.sidebar-link:hover, .sidebar-link.selected {
|
|
color: #fff;
|
|
background-color: #254d49; }
|
|
.sidebar-link-icon {
|
|
font-size: 18px;
|
|
vertical-align: middle;
|
|
margin-right: 6px;
|
|
color: #4f8580;
|
|
transition: color 0.3s; }
|
|
.sidebar-link-label {
|
|
vertical-align: middle;
|
|
display: block;
|
|
transition: transform 0.3s;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap; }
|
|
html.touchevents .editing .sidebar-link-label {
|
|
transform: translate3d(20px, 0, 0); }
|
|
.sidebar-center-link, .sidebar-center-link:visited, .sidebar-center-link:hover {
|
|
display: block;
|
|
color: #44b78b;
|
|
font-size: 11px;
|
|
text-align: center;
|
|
padding: 8px 0;
|
|
text-transform: uppercase;
|
|
transition: color 0.3s, background-color 0.3s; }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar-center-link, .sidebar-center-link:visited, .sidebar-center-link:hover {
|
|
padding: 12px 20px; } }
|
|
.sidebar-center-link:hover {
|
|
color: #7fb1dc;
|
|
background-color: #254d49; }
|
|
.sidebar-left {
|
|
position: absolute;
|
|
left: 4px; }
|
|
html.touchevents .sidebar-left {
|
|
top: 0;
|
|
bottom: 0;
|
|
transition: opacity 0.3s, transform 0.3s; }
|
|
.sidebar-left.collapsible {
|
|
display: none; }
|
|
html.touchevents .sidebar-left.collapsible {
|
|
display: inline-block;
|
|
width: 0;
|
|
opacity: 0;
|
|
transform: scale(0);
|
|
overflow: hidden; }
|
|
.sidebar-left-pin, .sidebar-left-pin:visited, .sidebar-left-pin:hover, .sidebar-left-unpin, .sidebar-left-unpin:visited, .sidebar-left-unpin:hover {
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 1px;
|
|
font-size: 14px;
|
|
color: #44b78b;
|
|
transition: color 0.3s; }
|
|
html.touchevents .sidebar-left-pin, html.touchevents .sidebar-left-pin:visited, html.touchevents .sidebar-left-pin:hover, html.touchevents .sidebar-left-unpin, html.touchevents .sidebar-left-unpin:visited, html.touchevents .sidebar-left-unpin:hover {
|
|
position: static;
|
|
padding: 6px;
|
|
margin-top: 2px;
|
|
font-size: 18px; }
|
|
@media only screen and (max-width: 960px) {
|
|
html.touchevents .sidebar-left-pin, html.touchevents .sidebar-left-pin:visited, html.touchevents .sidebar-left-pin:hover, html.touchevents .sidebar-left-unpin, html.touchevents .sidebar-left-unpin:visited, html.touchevents .sidebar-left-unpin:hover {
|
|
margin-top: 6px; } }
|
|
.sidebar-left-pin:hover, .sidebar-left-unpin:hover {
|
|
color: #7fb1dc; }
|
|
.apps-list-pinned .sidebar-left-pin {
|
|
display: none; }
|
|
.apps-list .sidebar-left-unpin {
|
|
display: none; }
|
|
html.no-touchevents .sidebar-link:hover .sidebar-left.collapsible {
|
|
display: inline-block; }
|
|
html.touchevents .editing .sidebar-left.collapsible {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
width: auto; }
|
|
.sidebar-right {
|
|
float: right;
|
|
margin-left: 10px; }
|
|
.sidebar-right.collapsible {
|
|
display: none; }
|
|
html.touchevents .sidebar-right.collapsible {
|
|
display: inline; }
|
|
.sidebar-right-edit {
|
|
display: none;
|
|
font-size: 18px; }
|
|
html.touchevents .sidebar-right-edit {
|
|
display: inline; }
|
|
.sidebar-right-plus {
|
|
font-size: 14px;
|
|
outline: 0; }
|
|
.sidebar-right-arrow {
|
|
color: #7fb1dc;
|
|
font-size: 16px;
|
|
font-weight: bold !important;
|
|
transition: color 0.3s, opacity 0.3s; }
|
|
html.touchevents .editing .sidebar-right-arrow {
|
|
opacity: 0; }
|
|
.sidebar-right-remove, .sidebar-right-remove:visited, .sidebar-right-remove:hover {
|
|
position: relative;
|
|
color: #44b78b;
|
|
transition: color 0.3s; }
|
|
.sidebar-right-remove:hover {
|
|
color: #7fb1dc; }
|
|
.sidebar-link:hover .sidebar-right.collapsible {
|
|
display: inline-block; }
|
|
.sidebar-link:hover .sidebar-right-arrow {
|
|
color: #7fb1dc; }
|
|
.sidebar .clone {
|
|
display: none; }
|
|
.sidebar .apps-hide-label {
|
|
display: none; }
|
|
.sidebar .apps-hide.apps-visible .apps-hide-label.apps-visible {
|
|
display: inline; }
|
|
.sidebar .apps-hide.apps-hidden .apps-hide-label.apps-hidden {
|
|
display: inline; }
|
|
.sidebar-copyright {
|
|
background-color: #254d49;
|
|
color: #4f8580;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
transition: background-color 0.3s, color 0.3s; }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar-copyright {
|
|
display: none; } }
|
|
.sidebar-popup {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 250px;
|
|
color: #4f8580;
|
|
background-color: #eff6f5;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch; }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar-popup {
|
|
width: 360px; } }
|
|
@media only screen and (max-width: 480px) {
|
|
.sidebar-popup {
|
|
width: 80%; } }
|
|
.sidebar-popup-container {
|
|
display: none;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 250px;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 5; }
|
|
body.menu-pinned .sidebar-popup-container {
|
|
background-color: rgba(0, 0, 0, 0.5); }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar-popup-container {
|
|
left: 0; } }
|
|
.sidebar-popup-section {
|
|
display: none; }
|
|
.sidebar-popup-title {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
padding: 20px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap; }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar-popup-title {
|
|
padding: 24px 0 24px 20px;
|
|
margin-bottom: 0;
|
|
font-size: 14px; } }
|
|
.sidebar-popup-search {
|
|
background-color: #cceae4;
|
|
color: #4f8580;
|
|
width: 100%;
|
|
height: 32px;
|
|
text-indent: 20px;
|
|
border: 0;
|
|
font-size: 13px;
|
|
outline: 0;
|
|
padding: 0;
|
|
margin: 0 0 12px 0;
|
|
border-radius: 0; }
|
|
.sidebar-popup-search::placeholder {
|
|
color: rgba(111, 126, 149, 0.5); }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar-popup-search {
|
|
font-size: 14px;
|
|
height: 40px; } }
|
|
.sidebar-popup-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
.sidebar-popup-list-item {
|
|
display: block; }
|
|
.sidebar-popup-list-item a, .sidebar-popup-list-item a:visited, .sidebar-popup-list-item a:hover {
|
|
color: #4f8580;
|
|
padding: 8px 20px;
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap; }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar-popup-list-item a, .sidebar-popup-list-item a:visited, .sidebar-popup-list-item a:hover {
|
|
padding: 12px 20px; } }
|
|
.sidebar-popup-list-item.selected a {
|
|
background-color: #7fb1dc;
|
|
color: #fff; }
|
|
.sidebar-container-toggle {
|
|
float: left;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
line-height: 31px;
|
|
padding: 10px 0 10px 20px; }
|
|
.sidebar-container-toggle:hover {
|
|
color: #44b78b; }
|
|
body.login .sidebar-container-toggle, body.menu-pinned .sidebar-container-toggle {
|
|
display: none; }
|
|
@media only screen and (max-width: 960px) {
|
|
.sidebar-container-toggle {
|
|
display: none; } }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
/* POPUP */
|
|
.related-popup {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 4;
|
|
padding-left: 250px;
|
|
box-sizing: border-box;
|
|
display: none;
|
|
background: #eff6f5;
|
|
background-clip: content-box;
|
|
-webkit-overflow-scrolling: touch;
|
|
overflow-y: scroll; }
|
|
@media only screen and (max-width: 960px) {
|
|
.related-popup {
|
|
padding-left: 0; } }
|
|
.related-popup iframe {
|
|
border: 0;
|
|
width: 100%;
|
|
height: 100%; }
|
|
.related-popup-container {
|
|
display: none;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 15; }
|
|
.related-popup-container .loading-indicator {
|
|
display: none;
|
|
font-size: 96px;
|
|
color: #fff;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -48px;
|
|
margin-top: -48px;
|
|
animation: spin 4s linear infinite; }
|
|
.related-popup-back, .related-popup-back:visited, .related-popup-back:hover {
|
|
display: none;
|
|
background: #3c706b;
|
|
color: #fff;
|
|
position: absolute;
|
|
top: 20px;
|
|
left: 250px;
|
|
z-index: 5;
|
|
width: 100px;
|
|
padding: 14px 6px 14px 0;
|
|
text-align: center;
|
|
margin-left: -100px;
|
|
box-sizing: border-box;
|
|
text-transform: uppercase;
|
|
border-radius: 6px 0 0 6px;
|
|
transition: background-color 0.3s, color 0.3s; }
|
|
@media only screen and (max-width: 960px) {
|
|
.related-popup-back, .related-popup-back:visited, .related-popup-back:hover {
|
|
margin-left: 0;
|
|
top: auto;
|
|
bottom: 10px;
|
|
left: 10px;
|
|
width: auto;
|
|
padding: 10px;
|
|
border-radius: 6px; } }
|
|
.related-popup-back:hover, .related-popup-back:focus {
|
|
background: #eff6f5;
|
|
color: #4f8580; }
|
|
@media only screen and (max-width: 960px) {
|
|
.related-popup-back:hover, .related-popup-back:focus {
|
|
background: #7fb1dc;
|
|
color: #fff; } }
|
|
.related-popup-back-icon {
|
|
vertical-align: middle;
|
|
font-weight: bold;
|
|
font-size: 18px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.related-popup-back-label {
|
|
display: none; } }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
/* DASHBOARD */
|
|
.dashboard .module {
|
|
margin-bottom: 10px; }
|
|
.dashboard .module table th {
|
|
width: 100%; }
|
|
.dashboard .module table td {
|
|
white-space: nowrap; }
|
|
.dashboard .module table td a {
|
|
display: block;
|
|
padding-right: .6em; }
|
|
.dashboard #content {
|
|
max-width: 600px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.dashboard #content {
|
|
max-width: none; } }
|
|
.dashboard.jet #content {
|
|
max-width: none; }
|
|
.dashboard .breadcrumbs {
|
|
margin-bottom: 20px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.dashboard .breadcrumbs {
|
|
display: none; } }
|
|
@media only screen and (max-width: 960px) {
|
|
.dashboard.jet.change-form .breadcrumbs {
|
|
display: block; } }
|
|
|
|
/* RECENT ACTIONS MODULE */
|
|
#recent-actions-module > h2 {
|
|
padding: 6px;
|
|
text-transform: uppercase;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
margin: 0; }
|
|
#recent-actions-module > h3 {
|
|
display: none; }
|
|
|
|
.module ul.actionlist {
|
|
padding: 0;
|
|
margin: 0 0 2px 0;
|
|
border-collapse: collapse;
|
|
background: #fff;
|
|
border-radius: 4px;
|
|
overflow-x: auto;
|
|
box-shadow: 0 2px 0 0 #cceae4; }
|
|
|
|
ul.actionlist li {
|
|
padding: 8px;
|
|
list-style-type: none;
|
|
font-size: 13px;
|
|
border-bottom: 1px solid #f5f3f4;
|
|
white-space: normal;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis; }
|
|
ul.actionlist li br {
|
|
display: none; }
|
|
|
|
/* JET DASHBOARD */
|
|
.dashboard-container {
|
|
min-height: 100%; }
|
|
.dashboard-container.columns_1 .dashboard-column-wrapper {
|
|
width: 100%; }
|
|
@media only screen and (max-width: 960px) {
|
|
.dashboard-container.columns_1 .dashboard-column-wrapper {
|
|
width: 100%; } }
|
|
.dashboard-container.columns_2 .dashboard-column-wrapper {
|
|
width: 50%; }
|
|
@media only screen and (max-width: 960px) {
|
|
.dashboard-container.columns_2 .dashboard-column-wrapper {
|
|
width: 100%; } }
|
|
.dashboard-container.columns_3 .dashboard-column-wrapper {
|
|
width: 33.3333333333%; }
|
|
@media only screen and (max-width: 960px) {
|
|
.dashboard-container.columns_3 .dashboard-column-wrapper {
|
|
width: 100%; } }
|
|
.dashboard-container.columns_4 .dashboard-column-wrapper {
|
|
width: 25%; }
|
|
@media only screen and (max-width: 960px) {
|
|
.dashboard-container.columns_4 .dashboard-column-wrapper {
|
|
width: 100%; } }
|
|
.dashboard-container.columns_5 .dashboard-column-wrapper {
|
|
width: 20%; }
|
|
@media only screen and (max-width: 960px) {
|
|
.dashboard-container.columns_5 .dashboard-column-wrapper {
|
|
width: 100%; } }
|
|
.dashboard-tools {
|
|
position: absolute;
|
|
top: 11px;
|
|
right: 215px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.dashboard-tools {
|
|
display: none;
|
|
position: static;
|
|
margin: 10px 20px 0 20px;
|
|
padding: 10px;
|
|
background: #fff;
|
|
border-radius: 5px; } }
|
|
@media only screen and (max-width: 480px) {
|
|
.dashboard-tools {
|
|
margin: 10px 10px 0 10px; } }
|
|
.dashboard-tools .button {
|
|
vertical-align: middle; }
|
|
@media only screen and (max-width: 960px) {
|
|
.dashboard-tools.visible {
|
|
display: block; } }
|
|
.dashboard-tools-toggle-icon {
|
|
vertical-align: middle; }
|
|
.dashboard-tools-toggle-container {
|
|
display: none;
|
|
margin: 20px 20px 0 20px;
|
|
text-align: right; }
|
|
@media only screen and (max-width: 960px) {
|
|
.dashboard-tools-toggle-container {
|
|
display: block; } }
|
|
@media only screen and (max-width: 480px) {
|
|
.dashboard-tools-toggle-container {
|
|
margin: 10px 10px 0 10px; } }
|
|
.dashboard-column {
|
|
margin-left: 10px;
|
|
border: 2px dashed transparent;
|
|
min-height: 100px;
|
|
border-radius: 4px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.dashboard-column {
|
|
margin-left: 0;
|
|
min-height: 0; } }
|
|
.dashboard-column-wrapper {
|
|
float: left;
|
|
min-width: 200px; }
|
|
.dashboard-column.first {
|
|
margin-left: 0; }
|
|
.dashboard-column.active {
|
|
border-color: #cceae4; }
|
|
.dashboard-item {
|
|
background: #eff6f5;
|
|
border-radius: 4px;
|
|
margin-bottom: 20px;
|
|
transition: background 0.3s; }
|
|
@media only screen and (max-width: 960px) {
|
|
.dashboard-item {
|
|
margin-bottom: 10px; } }
|
|
.dashboard-item:last-child {
|
|
margin-bottom: 0; }
|
|
@media only screen and (max-width: 960px) {
|
|
.dashboard-item:last-child {
|
|
margin-bottom: 10px; } }
|
|
.dashboard-item.collapsed {
|
|
background-color: #cceae4; }
|
|
.dashboard-item.ui-sortable-helper {
|
|
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); }
|
|
.dashboard-item.placeholder {
|
|
background-color: #fffcc0; }
|
|
.dashboard-item-header {
|
|
padding: 0 10px 0 6px; }
|
|
.dashboard-item-header-title {
|
|
display: block;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
line-height: 30px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis; }
|
|
.dashboard-item-header-drag {
|
|
float: right;
|
|
line-height: 30px !important;
|
|
margin-left: 10px; }
|
|
html.touchevents .dashboard-item-header-drag {
|
|
display: none; }
|
|
.dashboard-item-header-collapse-button {
|
|
font-size: 13px;
|
|
vertical-align: middle;
|
|
font-weight: bold !important; }
|
|
.dashboard-item-header-buttons {
|
|
float: right;
|
|
margin-left: 10px;
|
|
font-size: 13px;
|
|
line-height: 30px;
|
|
vertical-align: middle;
|
|
visibility: hidden; }
|
|
.dashboard-item-header-buttons a {
|
|
vertical-align: middle; }
|
|
html.touchevents .dashboard-item-header-buttons {
|
|
visibility: visible; }
|
|
.dashboard-item-header:hover .dashboard-item-header-buttons {
|
|
visibility: visible; }
|
|
.dashboard-item-content {
|
|
background: #fff;
|
|
border-radius: 4px;
|
|
box-shadow: 0 2px 0 0 #cceae4;
|
|
overflow: hidden; }
|
|
.dashboard-item-content.contrast {
|
|
background: #3c706b;
|
|
color: #fff; }
|
|
.dashboard-item-content.contrast .loading-indicator {
|
|
color: #fff; }
|
|
.dashboard-item-content ul:not(.inline) li {
|
|
display: block;
|
|
border-bottom: 1px solid #f5f3f4;
|
|
font-size: 13px;
|
|
padding: 8px; }
|
|
.dashboard-item-content ul:not(.inline) li.contrast {
|
|
background: #3c706b;
|
|
font-size: 12px; }
|
|
.dashboard-item-content ul:not(.inline) li.contrast, .dashboard-item-content ul:not(.inline) li.contrast a, .dashboard-item-content ul:not(.inline) li.contrast a:visited, .dashboard-item-content ul:not(.inline) li.contrast a:hover {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
text-transform: uppercase; }
|
|
.dashboard-item-content ul:not(.inline) li:last-child {
|
|
border-bottom: 0; }
|
|
.dashboard-item-content ul:not(.inline) li .float-right {
|
|
float: right;
|
|
position: relative; }
|
|
.dashboard-item-content ul:not(.inline) li .dim {
|
|
text-transform: lowercase;
|
|
font-size: 11px;
|
|
color: #4f8580; }
|
|
.dashboard-item-content ul:not(.inline) li .warning {
|
|
color: #c14747; }
|
|
.dashboard-item-content ul.inline {
|
|
display: inline-block; }
|
|
.dashboard-item-content ul.inline li {
|
|
display: inline-block;
|
|
margin-left: 10px; }
|
|
.dashboard-item-content ul.inline li:first-child {
|
|
margin-left: 0; }
|
|
.dashboard-item-content ul.inline li .nowrap {
|
|
white-space: nowrap; }
|
|
.dashboard-item-content ul.inline.bordered li {
|
|
border-left: 1px solid #cceae4;
|
|
margin-left: 0;
|
|
padding: 0 10px; }
|
|
.dashboard-item-content ul.inline.bordered li:first-child {
|
|
border-left: 0; }
|
|
.dashboard-item-content .padding {
|
|
padding: 10px; }
|
|
.dashboard-item-content .center {
|
|
text-align: center; }
|
|
.dashboard-item-content .big {
|
|
font-size: 20px;
|
|
font-weight: bold; }
|
|
.dashboard-item-content .highlight {
|
|
color: #7fb1dc; }
|
|
.dashboard-item-content .dim {
|
|
color: #4f8580; }
|
|
.dashboard-item-content .nowrap {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap; }
|
|
.dashboard-item-content canvas .chart-fillColor {
|
|
color: rgba(68, 183, 139, 0.25); }
|
|
.dashboard-item-content canvas .chart-strokeColor {
|
|
color: #44b78b; }
|
|
.dashboard-item-content canvas .chart-pointColor {
|
|
color: #fff; }
|
|
.dashboard-item-content canvas .chart-pointHighlightFill {
|
|
color: #44b78b; }
|
|
.dashboard-item-content canvas .chart-scaleGridLineColor {
|
|
color: rgba(0, 0, 0, 0.1); }
|
|
.dashboard-item-content canvas .chart-scaleLineColor {
|
|
color: rgba(0, 0, 0, 0.1); }
|
|
.dashboard-item-content canvas .chart-scaleFontColor {
|
|
color: #fff; }
|
|
.dashboard-item-content table {
|
|
width: 100%;
|
|
box-shadow: none; }
|
|
.dashboard-item-collapse .icon-arrow-up {
|
|
display: inline; }
|
|
.dashboard-item-collapse .icon-arrow-down {
|
|
display: none; }
|
|
.dashboard-item.collapsed .dashboard-item-content {
|
|
display: none; }
|
|
.dashboard-item.collapsed .dashboard-item-collapse .icon-arrow-up {
|
|
display: none; }
|
|
.dashboard-item.collapsed .dashboard-item-collapse .icon-arrow-down {
|
|
display: inline; }
|
|
|
|
.add-dashboard + .select2 {
|
|
background-color: transparent; }
|
|
@media only screen and (max-width: 960px) {
|
|
.add-dashboard + .select2 {
|
|
min-width: 160px;
|
|
max-width: 160px; } }
|
|
@media only screen and (max-width: 480px) {
|
|
.add-dashboard + .select2 {
|
|
width: 100% !important;
|
|
max-width: none;
|
|
margin-bottom: 5px; } }
|
|
.add-dashboard + .select2 .select2-selection {
|
|
border-radius: 4px 0 0 4px !important;
|
|
border-width: 0; }
|
|
@media only screen and (max-width: 960px) {
|
|
.add-dashboard + .select2 .select2-selection {
|
|
border-radius: 4px !important;
|
|
border-width: 1px; } }
|
|
.add-dashboard-link {
|
|
border-radius: 0 4px 4px 0 !important;
|
|
padding: 0 10px !important; }
|
|
@media only screen and (max-width: 960px) {
|
|
.add-dashboard-link {
|
|
margin-left: 6px;
|
|
border-radius: 4px !important;
|
|
margin-right: 5px; } }
|
|
@media only screen and (max-width: 480px) {
|
|
.add-dashboard-link {
|
|
margin-left: 0; } }
|
|
.add-dashboard-link-icon {
|
|
vertical-align: middle; }
|
|
.add-dashboard-link-label {
|
|
display: none;
|
|
vertical-align: middle;
|
|
margin-left: 4px; }
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
.reset-dashboard-link {
|
|
float: right; } }
|
|
@media only screen and (max-width: 480px) {
|
|
.reset-dashboard-link {
|
|
float: none; } }
|
|
.reset-dashboard-link-icon {
|
|
vertical-align: middle; }
|
|
.reset-dashboard-link-label {
|
|
display: none;
|
|
vertical-align: middle;
|
|
margin-left: 6px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.reset-dashboard-link-label {
|
|
display: inline; } }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
.delete-confirmation #content > h1 + p + h2 + ul {
|
|
background: #f0dada;
|
|
color: #bd5757;
|
|
border-radius: 4px;
|
|
padding: 20px;
|
|
list-style-type: none;
|
|
margin: 0; }
|
|
.delete-confirmation #content > h1 + p + h2 + ul li {
|
|
list-style: none;
|
|
line-height: 1.8; }
|
|
.delete-confirmation #content > ul:nth-of-type(2), .delete-confirmation #content > h1 + p + ul {
|
|
background: #fff;
|
|
border-radius: 4px;
|
|
box-shadow: 0 2px 0 0 #cceae4; }
|
|
.delete-confirmation #content > ul:nth-of-type(2), .delete-confirmation #content > ul:nth-of-type(2) ul, .delete-confirmation #content > h1 + p + ul, .delete-confirmation #content > h1 + p + ul ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.delete-confirmation #content > ul:nth-of-type(2) li, .delete-confirmation #content > ul:nth-of-type(2) ul li, .delete-confirmation #content > h1 + p + ul li, .delete-confirmation #content > h1 + p + ul ul li {
|
|
list-style: disc;
|
|
line-height: 1.8; }
|
|
.delete-confirmation #content > ul:nth-of-type(2) ul, .delete-confirmation #content > h1 + p + ul ul {
|
|
margin-left: 20px; }
|
|
.delete-confirmation #content > ul:nth-of-type(2) > li, .delete-confirmation #content > h1 + p + ul > li {
|
|
padding: 8px;
|
|
border-bottom: 1px solid #f5f3f4;
|
|
font-size: 13px;
|
|
list-style: none; }
|
|
.delete-confirmation #content > ul:nth-of-type(2) > li:last-child, .delete-confirmation #content > h1 + p + ul > li:last-child {
|
|
border-bottom: 0; }
|
|
.delete-confirmation #content form {
|
|
margin-top: 20px; }
|
|
.delete-confirmation #content form input[type="submit"] {
|
|
background-color: #c14747;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
font-weight: lighter;
|
|
padding: 0 20px;
|
|
text-transform: uppercase;
|
|
vertical-align: middle;
|
|
margin-bottom: 5px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.delete-confirmation #content form input[type="submit"] {
|
|
display: block;
|
|
width: 100%; } }
|
|
.delete-confirmation #content form input[type="submit"]:hover, .delete-confirmation #content form input[type="submit"]:focus {
|
|
background-color: #7fb1dc;
|
|
color: #fff; }
|
|
.delete-confirmation #content form input[type="submit"]:active {
|
|
background-color: #4f8580;
|
|
color: #fff; }
|
|
.delete-confirmation #content form .button {
|
|
vertical-align: middle;
|
|
margin-left: 10px;
|
|
margin-bottom: 5px;
|
|
box-sizing: border-box; }
|
|
@media only screen and (max-width: 960px) {
|
|
.delete-confirmation #content form .button {
|
|
margin-left: 0;
|
|
display: block;
|
|
width: 100%; } }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
.invite-waiter #content > ul, .invite-waiter #content > h1 + p + ul {
|
|
background: #fff;
|
|
border-radius: 4px;
|
|
box-shadow: 0 2px 0 0 #cceae4; }
|
|
.invite-waiter #content > ul, .invite-waiter #content > ul ul, .invite-waiter #content > h1 + p + ul, .invite-waiter #content > h1 + p + ul ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.invite-waiter #content > ul li, .invite-waiter #content > ul ul li, .invite-waiter #content > h1 + p + ul li, .invite-waiter #content > h1 + p + ul ul li {
|
|
list-style: disc;
|
|
line-height: 1.8; }
|
|
.invite-waiter #content > ul ul, .invite-waiter #content > h1 + p + ul ul {
|
|
margin-left: 20px; }
|
|
.invite-waiter #content > ul > li, .invite-waiter #content > h1 + p + ul > li {
|
|
padding: 8px;
|
|
border-bottom: 1px solid #f5f3f4;
|
|
font-size: 13px;
|
|
list-style: none; }
|
|
.invite-waiter #content > ul > li:last-child, .invite-waiter #content > h1 + p + ul > li:last-child {
|
|
border-bottom: 0; }
|
|
.invite-waiter #content form {
|
|
margin-top: 20px; }
|
|
.invite-waiter #content form input[type="submit"] {
|
|
background-color: #44b78b;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
font-weight: lighter;
|
|
padding: 0 20px;
|
|
text-transform: uppercase;
|
|
vertical-align: middle;
|
|
margin-bottom: 5px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.invite-waiter #content form input[type="submit"] {
|
|
display: block;
|
|
width: 100%; } }
|
|
.invite-waiter #content form input[type="submit"]:hover, .invite-waiter #content form input[type="submit"]:focus {
|
|
background-color: #7fb1dc;
|
|
color: #fff; }
|
|
.invite-waiter #content form input[type="submit"]:active {
|
|
background-color: #4f8580;
|
|
color: #fff; }
|
|
.invite-waiter #content form .button {
|
|
vertical-align: middle;
|
|
margin-left: 10px;
|
|
margin-bottom: 5px;
|
|
box-sizing: border-box; }
|
|
@media only screen and (max-width: 960px) {
|
|
.invite-waiter #content form .button {
|
|
margin-left: 0;
|
|
display: block;
|
|
width: 100%; } }
|
|
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
.admin-view #content > ul, .admin-view #content > h1 + p + ul {
|
|
background: #fff;
|
|
border-radius: 4px;
|
|
box-shadow: 0 2px 0 0 #cceae4; }
|
|
.admin-view #content > ul, .admin-view #content > ul ul, .admin-view #content > h1 + p + ul, .admin-view #content > h1 + p + ul ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.admin-view #content > ul li, .admin-view #content > ul ul li, .admin-view #content > h1 + p + ul li, .admin-view #content > h1 + p + ul ul li {
|
|
list-style: disc;
|
|
line-height: 1.8; }
|
|
.admin-view #content > ul ul, .admin-view #content > h1 + p + ul ul {
|
|
margin-left: 20px; }
|
|
.admin-view #content > ul > li, .admin-view #content > h1 + p + ul > li {
|
|
padding: 8px;
|
|
border-bottom: 1px solid #f5f3f4;
|
|
font-size: 13px;
|
|
list-style: none; }
|
|
.admin-view #content > ul > li:last-child, .admin-view #content > h1 + p + ul > li:last-child {
|
|
border-bottom: 0; }
|
|
.admin-view #content form {
|
|
margin-top: 20px; }
|
|
.admin-view #content form input[type="submit"].danger {
|
|
background-color: #c14747;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
font-weight: lighter;
|
|
padding: 0 20px;
|
|
text-transform: uppercase;
|
|
vertical-align: middle;
|
|
margin-bottom: 5px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.admin-view #content form input[type="submit"].danger {
|
|
display: block;
|
|
width: 100%; } }
|
|
.admin-view #content form input[type="submit"].danger:hover, .admin-view #content form input[type="submit"].danger:focus {
|
|
background-color: #7fb1dc;
|
|
color: #fff; }
|
|
.admin-view #content form input[type="submit"].danger:active {
|
|
background-color: #4f8580;
|
|
color: #fff; }
|
|
.admin-view #content form input[type="submit"].confirm {
|
|
background-color: #44b78b;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
font-weight: lighter;
|
|
padding: 0 20px;
|
|
text-transform: uppercase;
|
|
vertical-align: middle;
|
|
margin-bottom: 5px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.admin-view #content form input[type="submit"].confirm {
|
|
display: block;
|
|
width: 100%; } }
|
|
.admin-view #content form input[type="submit"].confirm:hover, .admin-view #content form input[type="submit"].confirm:focus {
|
|
background-color: #7fb1dc;
|
|
color: #fff; }
|
|
.admin-view #content form input[type="submit"].confirm:active {
|
|
background-color: #4f8580;
|
|
color: #fff; }
|
|
.admin-view #content form input[type="submit"].other {
|
|
background-color: #cceae4;
|
|
color: #4f8580;
|
|
font-size: 12px;
|
|
padding: 0 20px;
|
|
text-transform: uppercase;
|
|
vertical-align: middle;
|
|
margin-bottom: 5px; }
|
|
@media only screen and (max-width: 960px) {
|
|
.admin-view #content form input[type="submit"].other {
|
|
display: block;
|
|
width: 100%; } }
|
|
.admin-view #content form input[type="submit"].other:hover, .admin-view #content form input[type="submit"].other:focus {
|
|
background-color: #7fb1dc;
|
|
color: #fff; }
|
|
.admin-view #content form input[type="submit"].other:active {
|
|
background-color: #4f8580;
|
|
color: #fff; }
|
|
.admin-view #content form .button {
|
|
vertical-align: middle;
|
|
margin-left: 10px;
|
|
margin-bottom: 5px;
|
|
box-sizing: border-box; }
|
|
@media only screen and (max-width: 960px) {
|
|
.admin-view #content form .button {
|
|
margin-left: 0;
|
|
display: block;
|
|
width: 100%; } }
|
|
|
|
/*
|
|
@import "globals";
|
|
|
|
.admin-view {
|
|
#content > ul, #content > h1 + p + ul {
|
|
background: $content-background-color;
|
|
border-radius: 4px;
|
|
box-shadow: 0 2px 0 0 $content-border2-color;
|
|
|
|
&, ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
li {
|
|
list-style: disc;
|
|
line-height: 1.8;
|
|
}
|
|
}
|
|
|
|
ul {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
> li {
|
|
padding: 8px;
|
|
border-bottom: 1px solid $content-border-color;
|
|
font-size: 13px;
|
|
list-style: none;
|
|
|
|
&:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
input[type="submit"] {
|
|
background-color: $danger-button-background-color;
|
|
color: $danger-button-text-color;
|
|
font-size: 12px;
|
|
font-weight: lighter;
|
|
padding: 0 20px;
|
|
text-transform: uppercase;
|
|
vertical-align: middle;
|
|
margin-bottom: 5px;
|
|
|
|
@include for-mobile {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
&:hover, &:focus {
|
|
background-color: $button-hover-background-color;
|
|
color: $button-hover-text-color;
|
|
}
|
|
|
|
&:active {
|
|
background-color: $button-active-background-color;
|
|
color: $button-active-text-color;
|
|
}
|
|
}
|
|
}
|
|
*/
|
|
/*
|
|
* Default variable values
|
|
* Create separate themes/theme/_variables.scss to override these variables
|
|
*/
|
|
/*
|
|
* General
|
|
*/
|
|
/*
|
|
* Sidebar
|
|
*/
|
|
/*
|
|
* Top
|
|
*/
|
|
/*
|
|
* Content
|
|
*/
|
|
/*
|
|
* Buttons
|
|
*/
|
|
/*
|
|
* Inputs
|
|
*/
|
|
/*
|
|
* Messages
|
|
*/
|
|
/*
|
|
* Login
|
|
*/
|
|
/*
|
|
* jQuery UI
|
|
*/
|
|
/*
|
|
* Charts
|
|
*/
|
|
.hidden {
|
|
display: none; }
|
|
|
|
.clear-list, .dashboard-item-content ul:not(.inline), .dashboard-item-content ul.inline {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.fl {
|
|
float: left; }
|
|
|
|
.fr {
|
|
float: right; }
|
|
|
|
.cf:before, .cf:after {
|
|
content: "";
|
|
display: table; }
|
|
|
|
.cf:after {
|
|
clear: both; }
|
|
|
|
.p10 {
|
|
padding: 10px; }
|
|
|
|
.p20 {
|
|
padding: 20px; }
|
|
|
|
.p30 {
|
|
padding: 30px; }
|
|
|
|
.p40 {
|
|
padding: 40px; }
|
|
|
|
.p50 {
|
|
padding: 50px; }
|
|
|
|
.p60 {
|
|
padding: 60px; }
|
|
|
|
.p70 {
|
|
padding: 70px; }
|
|
|
|
.p80 {
|
|
padding: 80px; }
|
|
|
|
.pt10 {
|
|
padding-top: 10px; }
|
|
|
|
.pt20 {
|
|
padding-top: 20px; }
|
|
|
|
.pt30 {
|
|
padding-top: 30px; }
|
|
|
|
.pt40 {
|
|
padding-top: 40px; }
|
|
|
|
.pt50 {
|
|
padding-top: 50px; }
|
|
|
|
.pt60 {
|
|
padding-top: 60px; }
|
|
|
|
.pt70 {
|
|
padding-top: 70px; }
|
|
|
|
.pt80 {
|
|
padding-top: 80px; }
|
|
|
|
.pr10 {
|
|
padding-right: 10px; }
|
|
|
|
.pr20 {
|
|
padding-right: 20px; }
|
|
|
|
.pr30 {
|
|
padding-right: 30px; }
|
|
|
|
.pr40 {
|
|
padding-right: 40px; }
|
|
|
|
.pr50 {
|
|
padding-right: 50px; }
|
|
|
|
.pr60 {
|
|
padding-right: 60px; }
|
|
|
|
.pr70 {
|
|
padding-right: 70px; }
|
|
|
|
.pr80 {
|
|
padding-right: 80px; }
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px; }
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px; }
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px; }
|
|
|
|
.pb40 {
|
|
padding-bottom: 40px; }
|
|
|
|
.pb50 {
|
|
padding-bottom: 50px; }
|
|
|
|
.pb60 {
|
|
padding-bottom: 60px; }
|
|
|
|
.pb70 {
|
|
padding-bottom: 70px; }
|
|
|
|
.pb80 {
|
|
padding-bottom: 80px; }
|
|
|
|
.pl10 {
|
|
padding-left: 10px; }
|
|
|
|
.pl20 {
|
|
padding-left: 20px; }
|
|
|
|
.pl30 {
|
|
padding-left: 30px; }
|
|
|
|
.pl40 {
|
|
padding-left: 40px; }
|
|
|
|
.pl50 {
|
|
padding-left: 50px; }
|
|
|
|
.pl60 {
|
|
padding-left: 60px; }
|
|
|
|
.pl70 {
|
|
padding-left: 70px; }
|
|
|
|
.pl80 {
|
|
padding-left: 80px; }
|
|
|
|
.m10 {
|
|
margin: 10px; }
|
|
|
|
.m20 {
|
|
margin: 20px; }
|
|
|
|
.m30 {
|
|
margin: 30px; }
|
|
|
|
.m40 {
|
|
margin: 40px; }
|
|
|
|
.m50 {
|
|
margin: 50px; }
|
|
|
|
.m60 {
|
|
margin: 60px; }
|
|
|
|
.m70 {
|
|
margin: 70px; }
|
|
|
|
.m80 {
|
|
margin: 80px; }
|
|
|
|
.mt10 {
|
|
margin-top: 10px; }
|
|
|
|
.mt20 {
|
|
margin-top: 20px; }
|
|
|
|
.mt30 {
|
|
margin-top: 30px; }
|
|
|
|
.mt40 {
|
|
margin-top: 40px; }
|
|
|
|
.mt50 {
|
|
margin-top: 50px; }
|
|
|
|
.mt60 {
|
|
margin-top: 60px; }
|
|
|
|
.mt70 {
|
|
margin-top: 70px; }
|
|
|
|
.mt80 {
|
|
margin-top: 80px; }
|
|
|
|
.mr10 {
|
|
margin-right: 10px; }
|
|
|
|
.mr20 {
|
|
margin-right: 20px; }
|
|
|
|
.mr30 {
|
|
margin-right: 30px; }
|
|
|
|
.mr40 {
|
|
margin-right: 40px; }
|
|
|
|
.mr50 {
|
|
margin-right: 50px; }
|
|
|
|
.mr60 {
|
|
margin-right: 60px; }
|
|
|
|
.mr70 {
|
|
margin-right: 70px; }
|
|
|
|
.mr80 {
|
|
margin-right: 80px; }
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px; }
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px; }
|
|
|
|
.mb30 {
|
|
margin-bottom: 30px; }
|
|
|
|
.mb40 {
|
|
margin-bottom: 40px; }
|
|
|
|
.mb50 {
|
|
margin-bottom: 50px; }
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px; }
|
|
|
|
.mb70 {
|
|
margin-bottom: 70px; }
|
|
|
|
.mb80 {
|
|
margin-bottom: 80px; }
|
|
|
|
.ml10 {
|
|
margin-left: 10px; }
|
|
|
|
.ml20 {
|
|
margin-left: 20px; }
|
|
|
|
.ml30 {
|
|
margin-left: 30px; }
|
|
|
|
.ml40 {
|
|
margin-left: 40px; }
|
|
|
|
.ml50 {
|
|
margin-left: 50px; }
|
|
|
|
.ml60 {
|
|
margin-left: 60px; }
|
|
|
|
.ml70 {
|
|
margin-left: 70px; }
|
|
|
|
.ml80 {
|
|
margin-left: 80px; }
|
|
|
|
.pos_rel {
|
|
position: relative; }
|
|
|
|
.pos_abs {
|
|
position: absolute; }
|
|
|
|
.fill_width {
|
|
width: 100% !important; }
|
|
|
|
@keyframes spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
/* LOGIN FORM */
|
|
body.login {
|
|
background: #2e5955;
|
|
padding: 100px 30px 30px 30px; }
|
|
@media only screen and (max-width: 480px) {
|
|
body.login {
|
|
padding: 30px 10px 10px 10px; } }
|
|
body.login #container {
|
|
background: #fff;
|
|
border-radius: 4px;
|
|
min-height: 0;
|
|
padding: 0;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 400px; }
|
|
@media only screen and (max-width: 480px) {
|
|
body.login #container {
|
|
width: 100%; } }
|
|
body.login #header {
|
|
background: #3c706b;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
border-radius: 4px 4px 0 0; }
|
|
body.login #content {
|
|
padding: 30px; }
|
|
body.login .sidebar {
|
|
display: none; }
|
|
body.login .sidebar-header {
|
|
display: none; }
|
|
body.login .breadcrumbs {
|
|
display: none; }
|
|
body.login #content-main {
|
|
width: 100%; }
|
|
body.login .form-row {
|
|
padding: 4px;
|
|
float: left;
|
|
width: 100%;
|
|
box-sizing: border-box; }
|
|
body.login .form-row label {
|
|
padding-right: 0.5em;
|
|
line-height: 2em;
|
|
font-size: 1em;
|
|
clear: both; }
|
|
body.login .form-row label.required:after {
|
|
content: ''; }
|
|
body.login .form-row #id_username, body.login .form-row #id_password {
|
|
clear: both;
|
|
padding: 6px;
|
|
width: 100%;
|
|
box-sizing: border-box; }
|
|
body.login span.help {
|
|
font-size: 10px;
|
|
display: block; }
|
|
body.login .submit-row {
|
|
clear: both;
|
|
padding: 20px 0 0 0;
|
|
margin: 0;
|
|
text-align: center; }
|
|
body.login .submit-row input[type="submit"] {
|
|
font-size: 12px;
|
|
font-weight: lighter;
|
|
background-color: #44b78b;
|
|
color: #fff;
|
|
text-transform: uppercase; }
|
|
body.login .submit-row input[type="submit"]:hover, body.login .submit-row input[type="submit"]:focus {
|
|
background-color: #7fb1dc;
|
|
color: #fff; }
|
|
body.login .submit-row input[type="submit"]:active {
|
|
background-color: #4f8580;
|
|
color: #fff; }
|
|
body.login .password-reset-link {
|
|
text-align: center; }
|
|
body.login #footer {
|
|
padding: 0; }
|
|
|
|
/*# sourceMappingURL=base.css.map */
|