@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 */