/**
* Clearfix
*/
/**
* body / html
*/
html, body {
min-height: 100%;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: #F7F7F7;
}
@media screen and (max-width: 1050px) {
html {
-webkit-text-size-adjust: none;
}
}
html.touch {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
body {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
text-align: left;
}
body div, body span, body object, body iframe,
body h1, body h2, body h3, body h4, body h5, body h6, body p, body blockquote, body pre,
body abbr, body address, body cite, body code,
body del, body dfn, body em, body img, body ins, body kbd, body q, body samp,
body small, body strong, body sub, body sup, body var,
body b, body i,
body dl, body dt, body dd, body ol, body ul, body li,
body fieldset, body form, body label, body legend,
body table, body caption, body tbody, body tfoot, body thead, body tr, body th, body td,
body article, body aside, body canvas, body details, body figcaption, body figure,
body main, body footer, body header, body hgroup, body menu, body nav, body section, body summary,
body time, body mark, body audio, body video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body article, body aside, body details, body figcaption, body figure,
body main, body footer, body header, body hgroup, body menu, body nav, body section {
display: block;
}
body,
body input,
body select,
body textarea {
color: #4D4D4D;
font: 13px/20px open_sansregular, Verdana, Geneva, sans-serif;
}
body a {
color: #353899;
text-decoration: none;
}
body a:hover {
color: #353899;
text-decoration: underline;
}
body strong,
body .strong {
font-family: open_sanssemibold, sans-serif;
font-weight: 600;
}
body a:focus {
outline: 0;
text-decoration: underline;
}
body a img {
border: 0;
display: block;
cursor: pointer;
}
body h1 {
margin: 0 20px 5px 0;
font-size: 35px;
line-height: 46px;
font-family: open_sanslight, sans-serif;
font-weight: 300;
}
@media screen and (max-width: 1400px) {
body h1 {
font-size: 24px;
}
}
body h2 {
margin: 0;
font-size: 30px;
line-height: 40px;
font-family: open_sanslight, sans-serif;
font-weight: 300;
}
@media screen and (max-width: 1400px) {
body h2 {
font-size: 20px;
}
}
body h3 {
margin: 0;
font-size: 19px;
line-height: 23px;
font-family: open_sansregular, sans-serif;
font-weight: 400;
}
@media screen and (max-width: 1400px) {
body h3 {
font-size: 18px;
}
}
body h4, body h5, body h6 {
margin: 0 0 4px 0;
font-size: 14px;
line-height: 20px;
}
body p, body ul, body ol, body figure, body table, body dl, body blockquote, body q {
margin: 20px 0 0 0;
}
body li ul,
body li ol,
body table table {
margin-top: 0;
}
body h1:first-child, body h2:first-child, body h3:first-child, body h4:first-child, body h5:first-child, body h6:first-child,
body p:first-child,
body ul:first-child, body ol:first-child, body li:first-child,
body figure:first-child, body table:first-child, body dl:first-child, body blockquote:first-child, body q:first-child {
margin-top: 0;
}
body ul,
body ol {
padding-left: 20px;
}
body ul li,
body ol li {
padding: 0;
margin: 0;
}
body sup, body sub {
vertical-align: baseline;
position: relative;
top: -0.4em;
font-size: 80%;
}
body sub {
top: 0.4em;
}
body .element-anchor {
display: block;
}
body .element-anchor:hover {
text-decoration: none;
}
body figure.img,
body figure.embed {
margin-bottom: 10px;
display: block;
margin-top: 5px;
}
body figure.img.left {
float: left;
margin-right: 20px;
max-width: 250px;
}
body figure.img.right {
float: right;
margin-left: 20px;
max-width: 250px;
}
body figure.img img {
display: block;
width: 100%;
height: auto;
}
body figure.img figcaption {
font-size: 90%;
font-style: italic;
margin-top: 5px;
}
body figure.embed {
height: 0;
padding-bottom: 56.25%;
position: relative;
}
body figure.embed > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body .paragraphs figure.img:last-child,
body .paragraphs figure.embed:last-child {
margin-bottom: 0;
}
body .hidden {
display: none;
}
body .float-left {
float: left;
}
body .float-right {
float: right;
}
body .text-align-left {
text-align: left;
}
body .text-align-center {
text-align: center;
}
body .text-align-right {
text-align: right;
}
body .text-align-vertical {
display: inline-block;
line-height: 16px;
vertical-align: middle;
position: relative;
top: -2px;
}
body .text-light {
color: #999999;
}
body .table-container {
overflow: auto;
position: relative;
}
body .more {
color: #C1C600;
transition: color 0.2s ease-in-out;
}
body .more:active, body .more:focus, body .more:hover {
color: #4D4D4D;
text-decoration: none;
}
body .more:active i:before, body .more:focus i:before, body .more:hover i:before {
margin-left: 5px;
}
body .more i:before {
line-height: 18px;
vertical-align: top;
position: relative;
top: 2px;
font-size: 130%;
margin-left: 0;
transition: margin 0.2s ease-in-out;
}
body [data-toggle] {
cursor: pointer;
}
body .clearfix:before, body .table-filters form:before, .table-filters body form:before, body .tabs:before, body .clearfix:after, body .table-filters form:after, .table-filters body form:after, body .tabs:after {
content: ' ';
display: table;
}
body .clearfix:after, body .table-filters form:after, .table-filters body form:after, body .tabs:after {
clear: both;
}
/* BRE logo font */
@font-face {
font-family: 'codebre';
src: url("fonts/codebre.eot?ini7e9");
src: url("fonts/codebre.eot?ini7e9#iefix") format("embedded-opentype"), url("fonts/codebre.ttf?ini7e9") format("truetype"), url("fonts/codebre.woff?ini7e9") format("woff"), url("fonts/codebre.svg?ini7e9#codebre") format("svg");
font-weight: normal;
font-style: normal;
}
/* Open Sans Local */
@font-face {
font-family: 'open_sansbold';
src: url("fonts/opensans-bold-webfont.woff2") format("woff2"), url("fonts/opensans-bold-webfont.woff") format("woff"), url("fonts/opensans-bold-webfont.ttf") format("truetype"), url("fonts/opensans-bold-webfont.svg#open_sansbold") format("svg");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'open_sanslight';
src: url("fonts/opensans-light-webfont.woff2") format("woff2"), url("fonts/opensans-light-webfont.woff") format("woff"), url("fonts/opensans-light-webfont.ttf") format("truetype"), url("fonts/opensans-light-webfont.svg#open_sanslight") format("svg");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'open_sansregular';
src: url("fonts/opensans-regular-webfont.woff2") format("woff2"), url("fonts/opensans-regular-webfont.woff") format("woff"), url("fonts/opensans-regular-webfont.ttf") format("truetype"), url("fonts/opensans-regular-webfont.svg#open_sansregular") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'open_sanssemibold';
src: url("fonts/opensans-semibold-webfont.woff2") format("woff2"), url("fonts/opensans-semibold-webfont.woff") format("woff"), url("fonts/opensans-semibold-webfont.ttf") format("truetype"), url("fonts/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
font-weight: 600;
font-style: normal;
}
/* font: bre */
.breicon:before, .alert:before, .alert.alert-info:before, .alert.alert-error:before, .alert.alert-success:before, .alert.alert-warning:before, .form-field [data-datepicker]:before, .form .redactor .re-sup:before, .form .redactor .re-sub:before, .nav-toggle:before,
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: 'bre';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-access_time:before {
content: "\EA01";
}
.icon-account_box:before {
content: "\EA02";
}
.icon-account_circle:before {
content: "\EA03";
}
.icon-add:before {
content: "\EA04";
}
.icon-add_circle:before {
content: "\EA05";
}
.icon-add_circle_outline:before {
content: "\EA06";
}
.icon-arrow_back:before {
content: "\EA07";
}
.icon-arrow_drop_down:before {
content: "\EA08";
}
.icon-arrow_drop_down_circle:before {
content: "\EA09";
}
.icon-arrow_drop_up:before {
content: "\EA0A";
}
.icon-arrow_forward:before {
content: "\EA0B";
}
.icon-assessment:before {
content: "\EA0C";
}
.icon-assignment:before {
content: "\EA0D";
}
.icon-assignment_ind:before {
content: "\EA0E";
}
.icon-assignment_late:before {
content: "\EA0F";
}
.icon-assignment_return:before {
content: "\EA10";
}
.icon-assignment_returned:before {
content: "\EA11";
}
.icon-assignment_turned_in:before {
content: "\EA12";
}
.icon-attach_file:before {
content: "\EA13";
}
.icon-attachment:before {
content: "\EA14";
}
.icon-balance:before {
content: "\EA15";
}
.icon-build:before {
content: "\EA16";
}
.icon-business:before {
content: "\EA17";
}
.icon-cancel:before {
content: "\EA18";
}
.icon-chat_bubble:before {
content: "\EA19";
}
.icon-chat_bubble_outline:before {
content: "\EA1A";
}
.icon-check_box:before {
content: "\EA1B";
}
.icon-check_box_outline_blank:before {
content: "\EA1C";
}
.icon-check_circle:before, .alert.alert-success:before {
content: "\EA1D";
}
.icon-chemistry:before {
content: "\EA1E";
}
.icon-chevron_left:before {
content: "\EA1F";
}
.icon-chevron_right:before {
content: "\EA20";
}
.icon-circle:before {
content: "\EA21";
}
.icon-clock:before {
content: "\EA22";
}
.icon-close:before {
content: "\EA23";
}
.icon-content_copy:before {
content: "\EA24";
}
.icon-content_cut:before {
content: "\EA25";
}
.icon-content_paste:before {
content: "\EA26";
}
.icon-delete:before {
content: "\EA27";
}
.icon-description:before {
content: "\EA28";
}
.icon-directions_air:before {
content: "\EA29";
}
.icon-directions_railway:before {
content: "\EA2A";
}
.icon-directions_road:before {
content: "\EA2B";
}
.icon-directions_water:before {
content: "\EA2C";
}
.icon-done:before {
content: "\EA2D";
}
.icon-done_all:before {
content: "\EA2E";
}
.icon-error:before, .alert.alert-error:before {
content: "\EA2F";
}
.icon-event:before, .form-field [data-datepicker]:before {
content: "\EA30";
}
.icon-factory:before {
content: "\EA31";
}
.icon-favorite:before {
content: "\EA32";
}
.icon-favorite_border:before {
content: "\EA33";
}
.icon-file-doc:before {
content: "\EA34";
}
.icon-file-gif:before {
content: "\EA35";
}
.icon-file-jpeg:before {
content: "\EA36";
}
.icon-file-jpg:before {
content: "\EA37";
}
.icon-file-pdf:before {
content: "\EA38";
}
.icon-file-png:before {
content: "\EA39";
}
.icon-file-ppt:before {
content: "\EA3A";
}
.icon-file-rtf:before {
content: "\EA3B";
}
.icon-file-txt:before {
content: "\EA3C";
}
.icon-file-web:before {
content: "\EA3D";
}
.icon-file-xls:before {
content: "\EA3E";
}
.icon-file-zip:before {
content: "\EA3F";
}
.icon-help:before {
content: "\EA40";
}
.icon-help_circle:before {
content: "\EA41";
}
.icon-help_outline:before {
content: "\EA42";
}
.icon-info:before, .alert:before, .alert.alert-info:before {
content: "\EA43";
}
.icon-keyboard_arrow_down:before {
content: "\EA44";
}
.icon-keyboard_arrow_left:before {
content: "\EA45";
}
.icon-keyboard_arrow_right:before, .js .nav-aside .nav-list li.is-closed .nav-anchor:before {
content: "\EA46";
}
.icon-keyboard_arrow_up:before {
content: "\EA47";
}
.icon-language:before {
content: "\EA48";
}
.icon-link:before {
content: "\EA49";
}
.icon-lock:before {
content: "\EA4A";
}
.icon-lock_open:before {
content: "\EA4B";
}
.icon-lock_outline:before {
content: "\EA4C";
}
.icon-mail:before {
content: "\EA4D";
}
.icon-mail_outline:before {
content: "\EA4E";
}
.icon-material:before {
content: "\EA4F";
}
.icon-menu:before, .nav-toggle:before {
content: "\EA50";
}
.icon-mode_edit:before {
content: "\EA51";
}
.icon-more_horiz:before {
content: "\EA52";
}
.icon-more_vert:before {
content: "\EA53";
}
.icon-radio_button_checked:before {
content: "\EA54";
}
.icon-radio_button_unchecked:before {
content: "\EA55";
}
.icon-recycle:before {
content: "\EA56";
}
.icon-redo:before {
content: "\EA57";
}
.icon-refresh:before {
content: "\EA58";
}
.icon-remove:before {
content: "\EA59";
}
.icon-remove_circle:before {
content: "\EA5A";
}
.icon-remove_circle_outline:before {
content: "\EA5B";
}
.icon-reorder:before {
content: "\EA5C";
}
.icon-report_problem:before {
content: "\EA5D";
}
.icon-sac:before {
content: "\EA5E";
}
.icon-save:before {
content: "\EA5F";
}
.icon-search:before {
content: "\EA60";
}
.icon-settings:before {
content: "\EA61";
}
.icon-shopping_basket:before {
content: "\EA62";
}
.icon-star:before {
content: "\EA63";
}
.icon-star_border:before {
content: "\EA64";
}
.icon-star_half:before {
content: "\EA65";
}
.icon-subscript:before, .form .redactor .re-sub:before {
content: "\EA66";
}
.icon-superscript:before, .form .redactor .re-sup:before {
content: "\EA67";
}
.icon-supervisor_account:before {
content: "\EA68";
}
.icon-trash:before {
content: "\EA69";
}
.icon-undo:before {
content: "\EA6A";
}
.icon-visibility:before {
content: "\EA6B";
}
.icon-visibility_off:before {
content: "\EA6C";
}
.icon-warning:before, .alert.alert-warning:before {
content: "\EA6D";
}
.icon-wrench:before {
content: "\EA6E";
}
/* alert */
.alert-wrapper {
/*background: #fff;*/
overflow: hidden;
}
.form-fields .alert-wrapper {
margin-top: 20px;
margin-bottom: -10px;
}
.alert-wrapper .alert {
position: relative;
}
.alert-wrapper.alert-leftspace {
background-color: transparent;
margin-left: 250px;
}
.alert {
padding: 20px;
color: #000;
background: #eee;
position: relative;
}
.alert:before, .alert:after {
content: ' ';
display: table;
}
.alert:after {
clear: both;
}
.alert:before {
vertical-align: middle;
font-size: 32px;
float: left;
margin-top: -5px;
margin-right: 10px;
width: 30px;
color: #aaa;
}
.alert .alert-content {
padding: 0 20px 0 40px;
}
.alert a {
color: #4D4D4D;
text-decoration: underline;
}
.alert a:hover {
text-decoration: none;
}
.alert .button {
text-decoration: none;
color: #fff;
margin-top: -7px;
margin-bottom: -7px;
margin-left: 10px;
white-space: nowrap;
}
.alert:first-child {
margin-top: 0;
}
.alert[class*="icon"] {
padding-left: 80px;
}
.alert .alert-close {
font-size: 20px;
float: right;
color: #4D4D4D;
margin: -20px -30px 0 0;
padding: 10px;
transform: scale(1);
transition: transform 0.2s ease-in-out;
text-decoration: none;
}
.alert .alert-close:focus, .alert .alert-close:active, .alert .alert-close:hover {
transform: scale(1.5);
text-decoration: none;
}
.alert.alert-info {
background: #fff1cd;
}
.alert.alert-info:before {
color: #FFCD4D;
}
.alert.alert-info .button {
background: #FFCD4D;
}
.alert.alert-info .button:hover {
background: #ffbf1a;
}
.alert.alert-info .alert-close {
color: #FFCD4D;
}
.alert.alert-error {
background: #ffe6e6;
}
.alert.alert-error:before {
color: #ff0000;
}
.alert.alert-error .button {
background: #ff0000;
}
.alert.alert-error .button:hover {
background: #cc0000;
}
.alert.alert-error .alert-close {
color: #ff0000;
cursor: pointer;
}
.alert.alert-success {
background: #dff5e2;
}
.alert.alert-success:before {
color: #39B54A;
}
.alert.alert-success .button {
background: #39B54A;
}
.alert.alert-success .button:hover {
background: #2d8e3a;
}
.alert.alert-success .alert-close {
color: #39B54A;
}
.alert.alert-warning {
background: #ffeadb;
}
.alert.alert-warning:before {
color: #ff6600;
}
.alert.alert-warning .button {
background: #ff6600;
}
.alert.alert-warning .button:hover {
background: #cc5200;
}
.alert.alert-warning .alert-close {
color: #ff6600;
}
/* buttons */
input[type="button"],
input[type="submit"],
.button {
border: 0;
padding: 0 15px;
font-size: 14px;
text-decoration: none;
display: inline-block;
background: #C1C600;
color: #fff;
cursor: pointer;
margin: 0 0 0 20px;
position: relative;
vertical-align: top;
line-height: 40px;
min-height: 40px;
transition: background 0.2s ease-in-out;
box-sizing: border-box;
will-change: box-shadow;
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap;
}
input[type="button"]:first-child,
input[type="submit"]:first-child,
.button:first-child {
margin-left: 0;
}
input[type="button"]:hover,
input[type="submit"]:hover,
.button:hover {
background: #8f9300;
color: #fff;
text-decoration: none;
}
input[type="button"]:focus, input[type="button"]:active,
input[type="submit"]:focus,
input[type="submit"]:active,
.button:focus,
.button:active {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
text-decoration: none;
}
input[type="button"].secondary,
input[type="submit"].secondary,
.button.secondary {
background: #999999;
}
input[type="button"].secondary:hover,
input[type="submit"].secondary:hover,
.button.secondary:hover {
background: gray;
}
input[type="button"].draft,
input[type="submit"].draft,
.button.draft {
background: #C1C600;
}
input[type="button"].draft:hover,
input[type="submit"].draft:hover,
.button.draft:hover {
background: #8f9300;
}
input[type="button"].disabled,
input[type="submit"].disabled,
.button.disabled {
background: #cccccc;
color: #eeeeee;
cursor: default;
}
input[type="button"].disabled:hover,
input[type="submit"].disabled:hover,
.button.disabled:hover {
background: #cccccc;
}
input[type="button"].disabled:active,
input[type="submit"].disabled:active,
.button.disabled:active {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
input[type="button"].large,
input[type="submit"].large,
.button.large {
font-size: 16px;
line-height: 50px;
}
input[type="button"].large i:before,
input[type="submit"].large i:before,
.button.large i:before {
font-size: 30px;
top: 8px;
}
input[type="button"].small,
input[type="submit"].small,
.button.small {
line-height: 30px;
min-height: 30px;
height: 30px;
}
input[type="button"] i,
input[type="submit"] i,
.button i {
margin-left: 10px;
}
input[type="button"] i:first-child,
input[type="submit"] i:first-child,
.button i:first-child {
margin-left: 0;
margin-right: 10px;
}
input[type="button"] i:before,
input[type="submit"] i:before,
.button i:before {
font-size: 20px;
position: relative;
top: 5px;
}
input[type="button"].cta,
input[type="submit"].cta,
.button.cta {
display: inline-block;
margin: 0 auto;
text-align: center;
padding-left: 30px;
padding-right: 30px;
text-transform: uppercase;
background-color: #424242;
}
input[type="button"].cta:hover,
input[type="submit"].cta:hover,
.button.cta:hover {
background-color: #292929;
}
td input[type="button"], td
input[type="submit"], td
.button {
margin-top: -5px;
margin-bottom: -5px;
}
@media screen and (max-width: 1050px) {
td input[type="button"], td
input[type="submit"], td
.button {
margin-top: 0;
margin-bottom: 0;
}
}
input.button,
button.button {
height: 40px;
}
button.button.small {
height: 30px;
}
/* hide MS clear search button */
input::-ms-clear {
display: none;
width: 0;
height: 0;
}
.button-icon {
background: transparent;
border: 0;
color: #C1C600;
font-size: 20px;
cursor: pointer;
}
.button-icon:hover {
color: #424242;
}
::-webkit-input-placeholder {
color: #999999;
}
:-moz-placeholder {
color: #999999;
opacity: 1;
}
::-moz-placeholder {
color: #999999;
opacity: 1;
}
:-ms-input-placeholder {
color: #999999;
}
form {
/* adding notes to the bottom of the form, just above the submit button */
/* eg. "fields with * are mandatory" */
}
form input.redoute {
display: none !important;
}
form input,
form select,
form textarea {
font-size: 100%;
}
html.touch form input[type="text"],
html.touch form input[type="password"],
html.touch form input[type="button"],
html.touch form input[type="submit"],
html.touch form select,
html.touch form textarea {
-webkit-appearance: none;
border-radius: 0;
}
form input[type="text"]:focus,
form input[type="password"]:focus,
form textarea:focus,
form select:focus,
form button:focus,
form input:focus {
border-color: #C1C600;
outline: none;
}
form input[type="radio"],
form input[type="checkbox"] {
position: relative;
margin: 0 6px 0 0;
line-height: 20px;
}
form input[type="text"],
form input[type="password"],
form textarea,
form select {
border: 1px solid #e6e6e6;
padding: 10px;
max-width: 100%;
width: 100%;
margin: 0;
box-sizing: border-box;
height: 40px;
display: block;
background-color: #fff;
}
form td input[type="text"] {
padding: 2px 5px;
margin: -5px 0;
line-height: 26px;
height: 30px;
}
th form .select {
min-width: 110px;
position: relative;
top: 2px;
}
th form .select select {
height: auto;
}
th form select {
padding: 0 2px;
font-family: open_sanssemibold, sans-serif;
font-weight: 600;
}
form textarea {
width: 100%;
min-height: 130px;
height: auto;
resize: vertical;
}
form .form-notes.bottom {
margin: 0 0 20px 0;
color: #999;
}
.form {
margin-top: 40px;
position: relative;
}
.form:first-child {
margin-top: 0;
}
.form .form-actions {
padding-top: 40px;
margin-top: 40px;
border-top: 1px solid #e6e6e6;
}
.form .form-actions .save-actions-wrapper {
display: inline-block;
position: relative;
line-height: 0;
}
.form .form-actions .save-actions-wrapper .button {
margin-right: 0;
display: block;
float: left;
}
.form .form-actions .save-actions-wrapper .actions-primary .chosen-container {
font-size: 14px;
}
.form .form-actions .save-actions-wrapper .actions-primary .chosen-container .chosen-single {
border-color: #c1c600;
}
.form .form-actions .save-actions-wrapper .actions-primary .chosen-container .chosen-single span {
color: #808080;
}
.form .form-actions .form-actions-right {
float: right;
}
.form .form-actions .link {
line-height: 40px;
vertical-align: middle;
}
.form .form-actions .button {
margin-right: 20px;
}
.form .form-actions .form-update-message {
color: #999999;
display: inline-block;
margin-left: 20px;
}
.form .form-actions .actions-primary {
display: inline-block;
width: 135px;
}
.form .form-line {
line-height: 40px;
}
.form[data-data_table-form] input[type="text"] {
padding: 10px;
height: 40px;
line-height: inherit;
margin: 0;
}
.form .form-nested {
padding: 20px;
border: 1px solid #e6e6e6;
}
.table .form .form-nested {
margin: 20px;
}
.form-fieldset {
position: relative;
margin-top: 80px;
}
.form-fieldset:first-child {
margin-top: 0;
}
.form-fieldset .legend,
.form-fieldset legend {
margin-bottom: 40px;
font-family: open_sanssemibold, sans-serif;
font-weight: 600;
font-size: 15px;
}
.form-fieldset .legend span,
.form-fieldset legend span {
margin-left: 35px;
padding: 0 5px;
background: #fff;
position: relative;
z-index: 1;
display: inline-block;
}
.table tbody tr:nth-child(odd) td .form-fieldset .legend span, .table tbody tr:nth-child(odd) td
.form-fieldset legend span {
background: #FCFCFC;
}
.form-fieldset .legend:before,
.form-fieldset legend:before {
content: '';
position: absolute;
left: 0;
right: 0;
border-top: 1px solid #e6e6e6;
margin-top: 9px;
}
.js .input.checkbox label,
.js .input.radio label,
.js .form .input.checkbox label,
.js .form .input.radio label {
padding-left: 25px;
position: relative;
cursor: pointer;
}
.js .input.checkbox label.nolabel,
.js .input.radio label.nolabel,
.js .form .input.checkbox label.nolabel,
.js .form .input.radio label.nolabel {
padding-left: 15px;
}
.js .input.checkbox label:before,
.js .input.radio label:before,
.js .form .input.checkbox label:before,
.js .form .input.radio label:before {
content: "";
width: 15px;
height: 15px;
display: block;
background: url(../images/form/radio.svg) no-repeat left top;
position: absolute;
left: 0;
top: 0;
display: block;
}
.js .input.checkbox label input,
.js .input.radio label input,
.js .form .input.checkbox label input,
.js .form .input.radio label input {
position: absolute;
left: -9999px;
}
.js td.input.checkbox label {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
}
.js td.input.checkbox label.nolabel {
padding: 0;
}
.js td.input.checkbox label:before {
top: 50%;
left: 50%;
margin: -8px 0 0 -7px;
}
.js .input.radio label.checked:before,
.js .form .input.radio label.checked:before {
background-position: left bottom;
}
.js .input.checkbox label:before,
.js .form .input.checkbox label:before {
content: "";
width: 15px;
height: 15px;
display: block;
background: url(../images/form/check.svg) no-repeat left top;
position: absolute;
left: 0;
top: 0;
display: block;
}
.js .input.checkbox label.checked:before,
.js .form .input.checkbox label.checked:before {
background-position: left bottom;
}
.js .input.no-label.checkbox label:before {
top: 13px;
}
.form-field {
position: relative;
margin-top: 20px;
text-align: left;
}
.form-field:first-child {
margin-top: 0;
}
td .form-field.table-field .input {
min-width: 100%;
}
td .form-field.table-field .input .input-unit {
line-height: 20px;
}
td .form-field.table-field .label {
min-width: 100%;
line-height: 20px;
}
.form-field .input {
position: relative;
}
.form-field .input.input-inline {
width: auto;
padding-right: 20px;
}
.form-field .input.input-inline:last-child {
padding-left: 0;
}
.form-field .input.data-input .input-unit {
line-height: 40px;
text-align: right;
display: block;
pointer-events: none;
white-space: nowrap;
position: absolute;
right: 10px;
top: 0;
}
.form-field .input.data-input input[type="text"] {
padding-right: 40px;
text-align: right;
}
.form-field.total {
position: relative;
padding-top: 10px;
}
.form-field.total:before {
content: "";
border-top: 1px solid #e6e6e6;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.form-field.total .alert-wrapper {
display: none;
margin: 0 0 10px 0;
}
.form-field.total input[type="text"] {
border: 0;
text-align: right;
}
.form-field .label {
margin-bottom: 10px;
display: block;
line-height: 40px;
min-height: 1px;
}
.form-field .label label {
line-height: 16px;
display: inline-block;
vertical-align: middle;
position: relative;
}
.form-field .label label .required {
position: absolute;
left: -10px;
top: 0;
color: #ff0000;
}
.form-field.no-label .label {
display: none;
}
.form-field.no-help .help {
display: none;
}
.form-field .score {
display: none;
}
.form-field.has-score .score {
display: block;
line-height: 40px;
}
.form-field.has-score .score i {
font-style: normal;
}
.form-field:after {
content: " ";
display: table;
clear: both;
}
.form-field .radio,
.form-field .checkbox {
margin-bottom: -7px;
}
.form-field .radio label,
.form-field .radio label,
.form-field .checkbox label,
.form-field .checkbox label {
padding-left: 20px;
position: relative;
}
.form-field .radio label input,
.form-field .radio label input,
.form-field .radio label input,
.form-field .radio label input,
.form-field .checkbox label input,
.form-field .checkbox label input,
.form-field .checkbox label input,
.form-field .checkbox label input {
position: absolute;
left: 0;
top: 2px;
}
.form-field .grid-row .radio,
.form-field .grid-row .checkbox {
padding-right: 20px;
}
.form-field .input label,
.form-field .input .label {
display: block;
cursor: pointer;
margin-bottom: 7px;
line-height: 16px;
min-height: 16px;
}
.form-field .no-label label {
line-height: 40px;
min-height: 40px;
width: 0;
}
.form-field .input.inline-label {
margin-bottom: 0;
}
.form-field .input.inline-label label {
display: inline-block;
margin-right: 40px;
line-height: 16px;
vertical-align: middle;
margin-bottom: 0;
}
.form-field.v-align {
line-height: 40px;
}
.form-field.v-align .input {
display: inline-block;
vertical-align: middle;
}
.form-field.error input[type="text"],
.form-field.error input[type="password"],
.form-field.error textarea,
.form-field.error select,
.form-field.error .chosen-container-single .chosen-single,
.form-field.error .chosen-container-multi .chosen-choices,
.form-field.error .select:before {
border-color: #ff0000;
}
.form-field.error > label,
.form-field.error > .label {
color: #ff0000;
}
.form-field.error .description {
color: #ff0000;
}
.form-field .multiple-input:before, .form-field .multiple-input:after {
content: ' ';
display: table;
}
.form-field .multiple-input:after {
clear: both;
}
.form-field [data-datepicker]:before {
position: absolute;
right: 5px;
top: 0;
line-height: 40px;
}
.form-field [data-datepicker] input {
padding-right: 20px;
}
.form-field .help {
margin-top: 13px;
font-family: open_sanslight, sans-serif;
font-weight: 300;
color: #999999;
line-height: 18px;
position: relative;
display: block;
transition: color 0.2s ease-in-out;
max-width: 800px;
}
.form-field .help.text-toggle {
cursor: pointer;
}
.form-field .help:hover {
color: #4D4D4D;
}
.form-field .help .help-show-more {
line-height: 18px;
display: none;
cursor: pointer;
width: 1em;
text-align: right;
}
.form-field .help .help-label {
margin-top: 0;
margin-bottom: -20px;
font-family: open_sansregular, sans-serif;
font-weight: 400;
}
@media (min-width: 1000px) {
.form.single-row .form-field {
line-height: 40px;
max-width: 100%;
}
.form.single-row .form-field.inline-field {
display: inline-block;
}
.form.single-row .form-field.total:before {
width: 65%;
}
}
@media screen and (min-width: 1000px) and (max-width: 1000px) {
.form.single-row .form-field.total:before {
width: 100%;
}
}
@media (min-width: 1000px) {
.form.single-row .form-field .form-text {
line-height: 20px;
display: inline-block;
vertical-align: middle;
max-height: 200px;
overflow: auto;
}
.form.single-row .form-field table,
.form.single-row .form-field .alert {
line-height: 20px;
}
.form.single-row .form-field .paragraphs-wrapper {
line-height: 18px;
max-width: 800px;
}
.form.single-row .form-field .label,
.form.single-row .form-field .input,
.form.single-row .form-field .help {
float: left;
box-sizing: border-box;
}
.form.single-row .form-field .label {
width: 18%;
padding-right: 20px;
margin-bottom: 0;
}
.form.single-row .form-field .input {
width: 47%;
}
.form.single-row .form-field .input.input-inline {
width: auto;
padding-left: 20px;
}
.form.single-row .form-field .input.input-inline:first-child {
padding-left: 0;
}
.form.single-row .form-field .multiple-input .input {
width: 100%;
}
.form.single-row .form-field .help {
width: 35%;
padding-left: 40px;
}
.form.single-row .form-field.no-label .input {
width: 50%;
}
.form.single-row .form-field.has-score .score {
width: 15%;
float: left;
box-sizing: border-box;
padding-left: 40px;
}
.form.single-row .form-field.has-score .score span {
line-height: 16px;
vertical-align: middle;
display: inline-block;
}
.form.single-row .form-field.has-score .help {
width: 35%;
}
.form.single-row .form-field.has-score.no-help .score {
width: 50%;
}
.form.single-row.col-2 .form-field .label {
width: 28%;
}
}
@media screen and (min-width: 1000px) and (max-width: 1000px) {
.form.single-row.col-2 .form-field .label {
width: 100%;
}
}
@media (min-width: 1000px) {
.form.single-row.col-2 .form-field .input {
width: 72%;
}
.form.single-row.col-2 .form-field .input.input-inline {
width: auto;
}
}
@media screen and (min-width: 1000px) and (max-width: 1000px) {
.form.single-row.col-2 .form-field .input {
width: 100%;
}
}
@media screen and (min-width: 1000px) and (max-width: 1000px) {
.form.single-row.col-2 .form-field.inline-field {
display: inline-block;
}
}
.form.single-row .grid-row .form-field .input,
.form.single-row.grid-row .form-field .input {
width: auto;
float: none;
margin-right: 40px;
}
.form .file-input-wrapper {
cursor: pointer;
display: block;
overflow: hidden;
position: relative;
}
.form .file-input-wrapper input[type="file"] {
background: none repeat scroll 0 0 transparent;
border: 0 none;
cursor: pointer;
font-size: 80px;
height: 100%;
opacity: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 999;
}
.form .file-input-wrapper input.feedback[type="text"] {
vertical-align: top;
width: 88%;
}
.form .file-input-wrapper button {
position: absolute;
right: 0;
top: 0;
margin: 0;
}
.form-field div.file-image {
width: 71%;
}
.form-field.error input[type="text"],
.form-field.error input[type="password"],
.form-field.error textarea {
border-color: #ff0000;
box-shadow: 0 0;
}
.form-field.error label,
.form-field.error .label {
color: #ff0000;
}
.form-field.error .description {
color: #ff0000;
}
.js .form #total-weight {
display: none;
}
/* material menu */
.material-menu {
margin: 0;
padding: 0;
list-style: none;
}
.material-menu .user-name {
padding: 10px 16px;
position: relative;
border-bottom: 1px solid #e6e6e6;
line-height: 22px;
}
.material-menu .user-name:before {
position: absolute;
left: 0;
top: 0;
}
.material-menu .user-name strong {
display: block;
white-space: nowrap;
}
/* menu container */
.material-menu__container.is-visible {
z-index: 999;
visibility: visible;
}
.material-menu__container {
display: block;
margin: 0;
padding: 0;
border: none;
position: absolute;
overflow: visible;
height: 0;
width: 10px;
left: 50%;
visibility: hidden;
z-index: -1;
}
@media screen and (max-width: 1000px) {
.material-menu__container {
visibility: visible;
position: relative;
height: auto;
width: 100%;
left: 0;
}
.material-menu__container .material-menu__outline {
opacity: 1;
overflow: visible;
opacity: 1;
transform: scale(1);
position: relative;
background: transparent;
color: #fff;
}
.material-menu__container .material-menu .user-name {
border-bottom: 0;
border-top: 1px solid #fff;
padding: 10px 40px;
line-height: 40px;
}
.material-menu__container .material-menu .user-name strong {
display: inline-block;
}
.material-menu__container .material-menu__item {
background: transparent;
color: #fff;
}
}
.material-menu__outline {
display: block;
background: #fff;
margin: 0;
padding: 0;
min-width: 150px;
border: none;
border-radius: 2px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
opacity: 0;
transform: scale(0);
transform-origin: 0 0;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
will-change: transform;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
z-index: -1;
}
.material-menu__right .material-menu__outline {
right: 0;
left: auto;
transform-origin: 100% 0;
}
.material-menu__container.is-visible .material-menu__outline {
opacity: 1;
transform: scale(1);
z-index: 999;
}
.material-menu__item {
display: block;
padding: 10px 16px;
line-height: 28px;
color: #4D4D4D;
background: #fff;
transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.material-menu__item :before {
font-size: 150%;
width: 30px;
line-height: 30px;
vertical-align: middle;
}
a.material-menu__item:hover {
text-decoration: none;
background: #F7F7F7;
color: #424242;
}
/* fab button */
.material-button-fab {
font-size: 30px;
line-height: 51px;
height: 43px;
width: 43px;
text-align: center;
border-radius: 50%;
box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
position: relative;
display: inline-block;
color: #fff;
background: #C1C600;
transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.material-button-fab:before {
z-index: 2;
position: relative;
}
.material-button-fab span {
color: #C1C600;
position: absolute;
right: 0;
font-size: 16px;
padding: 0 60px 0 20px;
white-space: nowrap;
line-height: 44px;
border-radius: 22px;
background: transparent;
z-index: 1;
transition: color 0.3s ease-in-out, background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.material-button-fab span.badge {
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
position: absolute;
top: 0;
right: 0;
background: #ff0000;
color: #fff;
padding: 0;
border-right: 50%;
margin: -5px;
font-size: 12px;
}
.material-button-fab.is-active {
background: #424242;
}
a.material-button-fab:hover {
color: #fff;
background: #424242;
box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}
a.material-button-fab:hover span {
background: #424242;
color: #fff;
box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}
a.material-button-fab:active {
background: #424242;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.modal-overlay {
background: rgba(0, 0, 0, 0.5);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 1000;
text-align: center;
}
.modal {
background-color: white;
display: inline-block;
border-radius: 2px;
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
z-index: 2000;
text-align: left;
vertical-align: middle;
line-height: 20px;
position: relative;
margin: 40px;
}
.modal-scroll {
overflow: auto;
}
.modal-content {
padding: 40px;
position: relative;
}
.close-modal {
position: absolute;
right: -30px;
top: 0px;
font-size: 20px;
padding: 10px;
color: #999;
background: #fff;
border-radius: 0 50% 50% 0;
}
/* paragraphs are used to render the intro and linked paragraphs of a page */
.paragraphs {
margin-top: 40px;
text-align: left;
max-width: 800px;
position: relative;
}
.paragraphs:first-child {
margin-top: 0;
}
.paragraphs-text {
overflow: hidden;
}
.paragraphs-header h2 {
font-size: 20px;
}
.paragraphs-header h1,
.paragraphs-header h2 {
margin-bottom: 20px;
}
.paragraphs.intro .text-toggle,
.paragraphs.intro .paragraphs-text {
font-size: 120%;
line-height: 140%;
}
.paragraphs-wrapper {
position: relative;
margin-top: 30px;
}
.paragraphs-wrapper .paragraphs {
margin-top: 10px;
overflow: hidden;
}
.paragraphs-wrapper .paragraphs:first-child {
margin-top: 0;
}
.paragraphs-wrapper:first-child {
margin-top: 0;
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com
!!CUSTOMIZED!!
*/
/* @group Base */
.chosen-container {
position: relative;
/*display: inline-block;*/
/*vertical-align: middle;*/
font-size: 13px;
zoom: 1;
max-width: 100%;
*display: inline;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
}
.chosen-container * {
box-sizing: border-box;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
width: 100%;
border: 1px solid #C1C600;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px -4px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}
.chosen-container.dropup .chosen-drop {
top: auto;
bottom: 100%;
border-top: 1px solid #C1C600;
border-bottom: 0;
margin-bottom: -1px;
box-shadow: 0 -4px 5px -4px rgba(0, 0, 0, 0.15);
}
.chosen-container a {
cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-family: open_sansregular, sans-serif;
font-weight: 400;
color: #4D4D4D;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
position: relative;
overflow: hidden;
text-decoration: none;
white-space: nowrap;
line-height: 40px;
height: 40px;
border: 1px solid #e6e6e6;
padding: 0 0 0 10px;
max-width: 100%;
width: 100%;
margin: 0;
box-sizing: border-box;
display: block;
background-color: #fff;
}
table th .chosen-container-single .chosen-single {
line-height: 23px;
height: 23px;
}
.chosen-container-single .chosen-default {
color: #4D4D4D;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
color: #4D4D4D;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url("../images/layout/chosen-sprite.png") -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url("../images/layout/chosen-sprite.png") no-repeat 2px 10px;
}
table th .chosen-container-single .chosen-single div b {
background: url("../images/layout/chosen-sprite.png") no-repeat 2px 2px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #e6e6e6;
background: white url("../images/layout/chosen-sprite.png") no-repeat 100% -20px;
background: url("../images/layout/chosen-sprite.png") no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
color: #4D4D4D;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
/* .inline-row-container .chosen-container .chosen-results,
.inline-form-slide-container .chosen-container .chosen-results,
.inline-form-container .chosen-container .chosen-results,
.table-wrapper .chosen-container .chosen-results {
max-height: 100px;
} */
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
float: none;
word-wrap: break-word;
font-family: open_sansregular, sans-serif;
font-weight: 400;
-webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #999999;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #C1C600;
color: #fff;
}
.chosen-container .chosen-results li.no-results {
color: #4D4D4D;
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-family: open_sansbold, sans-serif;
font-weight: 700;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #e6e6e6;
background-color: #fff;
cursor: text;
line-height: 40px;
min-height: 40px;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0 1px 5px;
padding: 0;
height: 35px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #999999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 25px 3px 5px;
border: 1px solid #e6e6e6;
max-width: 100%;
background-color: #eeeeee;
background-size: 100% 19px;
background-repeat: repeat-x;
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 23px;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 9px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url("../images/layout/chosen-sprite.png") -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #e6e6e6;
background-color: #f7f7f7;
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
/* @end */
/* @group Active */
.chosen-container-active .chosen-single {
border: 1px solid #C1C600;
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #C1C600;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -16px 10px;
}
table th .chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -16px 2px;
}
.chosen-container-active .chosen-choices {
border: 1px solid #C1C600;
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
text-align: right;
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
.chosen-rtl .chosen-choices li {
float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px;
background: white url("../images/layout/chosen-sprite.png") no-repeat -30px -20px;
background: url("../images/layout/chosen-sprite.png") no-repeat -30px -20px;
direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-image: url("../images/layout/chosen-sprite@2x.png") !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
/* @end */
/*
Icon font
*/
@font-face {
font-family: 'RedactorFont';
src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
font-weight: normal;
font-style: normal;
}
/*
Box
*/
.redactor-box {
position: relative;
overflow: visible;
margin-bottom: 24px;
}
.redactor-box textarea {
display: block;
position: relative;
margin: 0;
padding: 0;
width: 100%;
overflow: auto;
outline: none;
border: none;
background-color: #111;
box-shadow: none;
color: #ccc;
font-size: 13px;
font-family: Menlo, Monaco, monospace, sans-serif !important;
resize: none;
}
.redactor-box textarea:focus {
outline: none;
}
.redactor-editor,
.redactor-box {
background: #fff;
}
/*
Z-index setup
*/
.redactor-editor,
.redactor-box,
.redactor-box textarea {
z-index: auto;
}
.redactor-box-fullscreen {
z-index: 1051;
}
.redactor-toolbar {
z-index: 100;
}
.redactor-dropdown {
z-index: 1052;
}
#redactor-modal-overlay,
#redactor-modal-box,
#redactor-modal {
z-index: 1053;
}
/*
Fullscreen
*/
body .redactor-box-fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
/*
Utils
*/
.redactor-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
/*
Editor
*/
.redactor-editor {
position: relative;
overflow: auto;
margin: 0 !important;
padding: 20px;
min-height: 80px;
outline: none;
white-space: normal;
border: 1px solid #eee;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
font-size: 14px;
line-height: 1.6em;
}
.redactor-editor:focus {
outline: none;
}
.toolbar-fixed-box + .redactor-editor {
padding-top: 32px !important;
}
/*
Placeholder
*/
.redactor-placeholder:after {
position: absolute;
top: 20px;
left: 20px;
content: attr(placeholder);
display: block;
/* For Firefox */
color: #999 !important;
font-weight: normal !important;
}
/*
Toolbar
*/
.redactor-toolbar {
position: relative;
top: 0;
left: 0;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
font-size: 14px !important;
line-height: 1 !important;
background: #fff;
border: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.redactor-toolbar:after {
content: "";
display: table;
clear: both;
}
.redactor-toolbar.redactor-toolbar-overflow {
overflow-y: auto;
height: 29px;
white-space: nowrap;
}
.redactor-toolbar.redactor-toolbar-external {
z-index: 999;
box-shadow: none;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.redactor-toolbar li {
vertical-align: top;
display: inline-block;
margin: 0 !important;
padding: 0 !important;
outline: none;
list-style: none !important;
box-sizing: content-box;
}
.redactor-toolbar li a {
display: block;
color: #333;
text-align: center;
padding: 9px 10px;
outline: none;
border: none;
text-decoration: none;
cursor: pointer;
zoom: 1;
box-sizing: content-box;
}
.redactor-toolbar li a:hover {
outline: none;
background-color: #C1C600;
color: #fff;
}
.redactor-toolbar li a:hover i:before {
color: #fff;
}
.redactor-toolbar li a:active,
.redactor-toolbar li a.redactor-act {
outline: none;
background-color: #ccc;
color: #444;
}
.redactor-toolbar li a.redactor-btn-image {
width: 14px;
height: 14px;
background-position: center center;
background-repeat: no-repeat;
}
.redactor-toolbar li a.fa-redactor-btn {
display: inline-block;
padding: 9px 10px 8px 10px;
line-height: 1;
}
.redactor-toolbar li a.redactor-button-disabled {
filter: alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
.redactor-toolbar li a.redactor-button-disabled:hover {
color: #333;
outline: none;
background-color: transparent !important;
cursor: default;
}
.redactor-toolbar li a.redactor-button-focus {
color: #fff;
background: #000;
}
/*
CodeMirror
*/
.redactor-box .CodeMirror {
display: none;
}
/*
Icons
*/
.re-icon {
font-family: 'RedactorFont';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.re-icon i:before {
position: relative;
font-size: 14px;
}
.re-video:before {
content: "\e600";
}
.re-unorderedlist:before {
content: "\e601";
}
.re-undo:before {
content: "\e602";
}
.re-underline:before {
content: "\e603";
}
.re-textdirection:before {
content: "\e604";
}
.re-fontcolor:before {
content: "\e605";
}
.re-table:before {
content: "\e606";
}
.re-redo:before {
content: "\e607";
}
.re-quote:before {
content: "\e608";
}
.re-outdent:before {
content: "\e609";
}
.re-orderedlist:before {
content: "\e60a";
}
.re-link:before {
content: "\e60b";
}
.re-horizontalrule:before {
content: "\e60c";
}
.re-italic:before {
content: "\e60d";
}
.re-indent:before {
content: "\e60e";
}
.re-image:before {
content: "\e60f";
}
.re-fullscreen:before {
content: "\e610";
}
.re-normalscreen:before {
content: "\e611";
}
.re-formatting:before {
content: "\e612";
}
.re-fontsize:before {
content: "\e613";
}
.re-fontfamily:before {
content: "\e614";
}
.re-deleted:before {
content: "\e615";
}
.re-html:before {
content: "\e616";
}
.re-clips:before {
content: "\e617";
}
.re-bold:before {
content: "\e618";
}
.re-backcolor:before {
content: "\e619";
}
.re-file:before {
content: "\e61a";
}
.re-alignright:before {
content: "\e61b";
}
.re-alignment:before,
.re-alignleft:before {
content: "\e61c";
}
.re-alignjustify:before {
content: "\e61d";
}
.re-aligncenter:before {
content: "\e61e";
}
.re-gallery:before {
content: "\e61f";
}
/*
Toolbar tooltip
*/
.redactor-toolbar-tooltip {
position: absolute;
z-index: 1054;
text-align: center;
top: 0;
left: 0;
background: #000;
color: #fff;
padding: 5px 8px;
line-height: 1;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
font-size: 12px;
border-radius: 2px;
}
/*
Dropdown
*/
.redactor-dropdown {
position: absolute;
top: 28px;
left: 0;
padding: 0;
min-width: 220px;
max-height: 254px;
overflow: auto;
background-color: #fff;
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
font-size: 14px;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
line-height: 1.6em;
}
.redactor-dropdown a {
display: block;
padding: 10px 15px;
color: #000;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.redactor-dropdown a:last-child {
border-bottom: none;
}
.redactor-dropdown a:hover {
background-color: #C1C600;
color: #fff !important;
text-decoration: none;
}
.redactor-dropdown a.selected {
background-color: #000;
color: #fff;
}
.redactor-dropdown a.redactor-dropdown-link-inactive,
.redactor-dropdown a.redactor-dropdown-link-inactive:hover {
background: none;
cursor: default;
color: #000 !important;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
.redactor-dropdown a.redactor-dropdown-link-selected {
color: #fff;
background: #000;
}
/*
IMAGE BOX
*/
#redactor-image-box {
position: relative;
max-width: 100%;
display: inline-block;
line-height: 0;
outline: 1px dashed rgba(0, 0, 0, 0.6);
}
#redactor-image-editter {
position: absolute;
z-index: 5;
top: 50%;
left: 50%;
margin-top: -11px;
margin-left: -18px;
line-height: 1;
background-color: #000;
color: #fff;
font-size: 11px;
padding: 7px 10px;
cursor: pointer;
}
#redactor-image-resizer {
position: absolute;
z-index: 2;
line-height: 1;
cursor: nw-resize;
bottom: -4px;
right: -5px;
border: 1px solid #fff;
background-color: #000;
width: 8px;
height: 8px;
}
/*
LINK TOOLTIP
*/
.redactor-link-tooltip {
position: absolute;
z-index: 99;
padding: 10px;
line-height: 1;
display: inline-block;
background-color: #000;
color: #555 !important;
}
.redactor-link-tooltip,
.redactor-link-tooltip a {
font-size: 12px;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
}
.redactor-link-tooltip a {
color: #ccc;
margin: 0 5px;
text-decoration: none;
}
.redactor-link-tooltip a:hover {
color: #fff;
}
/*
DROPAREA
*/
#redactor-droparea {
position: relative;
overflow: hidden;
padding: 140px 20px;
border: 3px dashed rgba(0, 0, 0, 0.1);
}
#redactor-droparea.drag-hover {
background: rgba(200, 222, 250, 0.75);
}
#redactor-droparea.drag-drop {
background: rgba(250, 248, 200, 0.5);
}
#redactor-droparea-placeholder {
text-align: center;
font-size: 12px;
color: rgba(0, 0, 0, 0.7);
}
/*
PROGRESS
*/
#redactor-progress {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000000;
height: 10px;
}
#redactor-progress span {
display: block;
width: 100%;
height: 100%;
background-color: #3d58a8;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
animation: progress-bar-stripes 2s linear infinite;
background-size: 40px 40px;
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
/*
MODAL
*/
#redactor-modal-overlay {
position: fixed;
top: 0;
left: 0;
margin: auto;
overflow: auto;
width: 100%;
height: 100%;
background-color: #000 !important;
filter: alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
#redactor-modal-box {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow-x: hidden;
overflow-y: auto;
}
#redactor-modal {
outline: 0;
position: relative;
margin: auto;
margin-bottom: 20px;
padding: 0;
background: #fff;
color: #000;
font-size: 14px !important;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
box-shadow: 0 1px 70px rgba(0, 0, 0, 0.5);
}
#redactor-modal header {
padding: 30px 40px 5px 40px;
font-size: 18px;
font-weight: bold;
}
#redactor-modal section {
padding: 30px 40px 50px 40px;
}
#redactor-modal label {
display: block;
float: none !important;
margin: 15px 0 3px 0 !important;
padding: 0;
}
#redactor-modal input[type="radio"],
#redactor-modal input[type="checkbox"] {
position: relative;
top: -1px;
}
#redactor-modal select {
width: 100%;
}
#redactor-modal input[type="text"],
#redactor-modal input[type="password"],
#redactor-modal input[type="email"],
#redactor-modal input[type="url"],
#redactor-modal textarea {
position: relative;
z-index: 2;
margin: 0;
padding: 5px 4px;
height: 28px;
border: 1px solid #ccc;
border-radius: 1px;
background-color: white;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
color: #333;
width: 100%;
font-size: 14px;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
transition: border 0.3s ease-in;
}
#redactor-modal input[type="text"]:focus,
#redactor-modal input[type="password"]:focus,
#redactor-modal input[type="email"]:focus,
#redactor-modal input[type="url"]:focus,
#redactor-modal textarea:focus {
outline: none;
border-color: #5ca9e4;
box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#redactor-modal input[type="text"].redactor-input-error,
#redactor-modal input[type="password"].redactor-input-error,
#redactor-modal input[type="email"].redactor-input-error,
#redactor-modal input[type="url"].redactor-input-error,
#redactor-modal textarea.redactor-input-error {
border-color: #e82f2f;
box-shadow: 0 0 0 2px rgba(232, 47, 47, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#redactor-modal textarea {
display: block;
margin-top: 4px;
line-height: 1.4em;
}
/*
Tabs in Modal
*/
#redactor-modal-tabber {
margin-bottom: 15px;
font-size: 12px;
}
#redactor-modal-tabber a {
border: 1px solid #ddd;
line-height: 1;
padding: 8px 15px;
margin-right: -1px;
text-decoration: none;
color: #000;
}
#redactor-modal-tabber a:hover {
background-color: #C1C600;
border-color: #C1C600;
color: #fff;
}
#redactor-modal-tabber a.active {
cursor: default;
background-color: #ddd;
border-color: #ddd;
color: rgba(0, 0, 0, 0.6);
}
/*
List in Modal
*/
#redactor-modal #redactor-modal-list {
margin-left: 0;
padding-left: 0;
list-style: none;
max-height: 250px;
overflow-x: auto;
}
#redactor-modal #redactor-modal-list li {
border-bottom: 1px solid #ddd;
}
#redactor-modal #redactor-modal-list li:last-child {
border-bottom: none;
}
#redactor-modal #redactor-modal-list a {
padding: 10px 5px;
color: #000;
text-decoration: none;
font-size: 13px;
display: block;
position: relative;
}
#redactor-modal #redactor-modal-list a:hover {
background-color: #eee;
}
#redactor-modal-close {
position: absolute;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
text-align: right;
color: #bbb;
font-size: 30px;
font-weight: 300;
cursor: pointer;
-webkit-appearance: none;
padding: 0;
border: 0;
background: 0;
outline: none;
}
#redactor-modal-close:hover {
color: #000;
}
#redactor-modal footer button {
position: relative;
width: 100%;
padding: 14px 16px;
margin: 0;
outline: none;
border: none;
background-color: #ddd;
color: #000;
text-align: center;
text-decoration: none;
font-weight: normal;
font-size: 12px;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
line-height: 1;
cursor: pointer;
}
#redactor-modal footer button:hover {
color: #777;
background: none;
background: #bbb;
text-decoration: none;
}
#redactor-modal footer button.redactor-modal-delete-btn {
background: none;
color: #fff;
background-color: #b52525;
}
#redactor-modal footer button.redactor-modal-delete-btn:hover {
color: rgba(255, 255, 255, 0.6);
background-color: #881b1b;
}
#redactor-modal footer button.redactor-modal-action-btn {
background: none;
color: #fff;
background-color: #2461b5;
}
#redactor-modal footer button.redactor-modal-action-btn:hover {
color: rgba(255, 255, 255, 0.6);
background-color: #1a4580;
}
/*
##############################################
DROPDOWN FORMATTING
##############################################
*/
.redactor-dropdown .redactor-formatting-blockquote {
color: rgba(0, 0, 0, 0.4);
font-style: italic;
}
.redactor-dropdown .redactor-formatting-pre {
font-family: monospace, sans-serif;
}
.redactor-dropdown .redactor-formatting-h1 {
font-size: 36px;
line-height: 36px;
font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h2 {
font-size: 24px;
line-height: 36px;
font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h3 {
font-size: 21px;
line-height: 30px;
font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h4 {
font-size: 18px;
line-height: 26px;
font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h5 {
font-size: 16px;
line-height: 23px;
font-weight: bold;
}
/*
##############################################
CONTENT STYLES
##############################################
*/
.redactor-editor code,
.redactor-editor pre {
font-family: Menlo, Monaco, monospace, sans-serif !important;
cursor: text;
}
.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor blockquote,
.redactor-editor pre {
font-size: 14px;
line-height: 1.6em;
}
.redactor-editor a {
color: #15c;
text-decoration: underline;
}
.redactor-editor object,
.redactor-editor embed,
.redactor-editor video,
.redactor-editor img {
max-width: 100%;
width: auto;
}
.redactor-editor video,
.redactor-editor img {
height: auto;
}
.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor figure,
.redactor-editor blockquote,
.redactor-editor pre {
margin: 0;
margin-bottom: 15px;
border: none;
background: none;
box-shadow: none;
}
.redactor-editor iframe,
.redactor-editor object,
.redactor-editor hr {
margin-bottom: 15px;
}
.redactor-editor blockquote {
margin-left: 1.6em !important;
padding: 0;
text-align: left;
color: #777;
font-style: italic;
}
.redactor-editor blockquote:before,
.redactor-editor blockquote:after {
content: '';
}
.redactor-editor ul,
.redactor-editor ol {
padding-left: 2em;
}
.redactor-editor ul ul,
.redactor-editor ol ol,
.redactor-editor ul ol,
.redactor-editor ol ul {
margin: 2px;
padding: 0;
padding-left: 2em;
border: none;
}
.redactor-editor ol ol li {
list-style-type: lower-alpha;
}
.redactor-editor ol ol ol li {
list-style-type: lower-roman;
}
.redactor-editor dl dt {
font-weight: bold;
}
.redactor-editor dd {
margin-left: 1em;
}
.redactor-editor table {
border-collapse: collapse;
font-size: 1em;
width: 100%;
}
.redactor-editor table td,
.redactor-editor table th {
padding: 5px;
border: 1px solid #ddd;
vertical-align: top;
}
.redactor-editor table thead td,
.redactor-editor table th {
font-weight: bold;
border-bottom-color: #888;
}
.redactor-editor code {
background-color: #d8d7d7;
}
.redactor-editor pre {
padding: 1em;
border: 1px solid #ddd;
border-radius: 3px;
background: #f8f8f8;
font-size: 90%;
}
.redactor-editor hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4,
.redactor-editor h5,
.redactor-editor h6 {
font-weight: bold;
color: #000;
padding: 0;
background: none;
text-rendering: optimizeLegibility;
margin: 0 0 .5em 0;
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4 {
line-height: 1.3;
}
.redactor-editor h1 {
font-size: 36px;
}
.redactor-editor h2 {
font-size: 24px;
margin-bottom: .7em;
}
.redactor-editor h3 {
font-size: 21px;
}
.redactor-editor h4 {
font-size: 18px;
}
.redactor-editor h5 {
font-size: 16px;
}
.redactor-editor h6 {
font-size: 12px;
text-transform: uppercase;
}
body.stop-scrolling {
height: 100%;
overflow: hidden;
}
.sweet-overlay {
background-color: black;
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
/* IE8 */
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000;
}
.sweet-alert {
background-color: white;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
width: 478px;
padding: 17px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 99999;
}
@media all and (max-width: 540px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px;
}
}
.sweet-alert h2 {
color: #575757;
font-size: 30px;
text-align: center;
font-family: open_sanssemibold, sans-serif;
font-weight: 600;
text-transform: none;
position: relative;
margin: 25px 0;
padding: 0;
line-height: 40px;
display: block;
}
.sweet-alert p {
color: #797979;
font-size: 16px;
text-align: center;
font-family: open_sanslight, sans-serif;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
margin: 0;
padding: 0;
line-height: normal;
}
.sweet-alert fieldset {
border: none;
position: relative;
}
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
webkit-transition: padding 0.15s, max-height 0.15s;
transition: padding 0.15s, max-height 0.15s;
}
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
webkit-transition: padding 0.2s, max-height 0.2s;
transition: padding 0.25s, max-height 0.25s;
}
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: white;
line-height: 24px;
text-align: center;
margin-right: 3px;
}
.sweet-alert .sa-error-container p {
display: inline-block;
}
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
transform: scale(0.5);
transform-origin: 50% 50%;
transition: all 0.1s;
}
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px;
}
.sweet-alert .sa-input-error::before {
transform: rotate(-45deg);
}
.sweet-alert .sa-input-error::after {
transform: rotate(45deg);
}
.sweet-alert .sa-input-error.show {
opacity: 1;
transform: scale(1);
}
.sweet-alert input {
width: 100%;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
padding: 0 12px;
display: none;
transition: all 0.3s;
}
.sweet-alert input:focus {
outline: none;
box-shadow: 0px 0px 3px #c4e6f5;
border: 1px solid #b4dbed;
}
.sweet-alert input:focus::-moz-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input:focus:-ms-input-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input:focus::-webkit-input-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input::-moz-placeholder {
color: #bdbdbd;
}
.sweet-alert input:-ms-input-placeholder {
color: #bdbdbd;
}
.sweet-alert input::-webkit-input-placeholder {
color: #bdbdbd;
}
.sweet-alert.show-input input {
display: block;
}
.sweet-alert .sa-confirm-button-container {
display: inline-block;
position: relative;
}
.sweet-alert .la-ball-fall {
position: absolute;
left: 50%;
top: 50%;
margin-left: -27px;
margin-top: 4px;
opacity: 0;
visibility: hidden;
}
.sweet-alert button {
background-color: #C1C600;
color: white;
border: none;
box-shadow: none;
font-size: 17px;
border-radius: 5px;
padding: 10px 32px;
margin: 26px 5px 0 5px;
cursor: pointer;
}
.sweet-alert button:focus {
outline: none;
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.sweet-alert button:hover {
background-color: #f3f4cc;
}
.sweet-alert button:active {
background-color: #eceeb3;
}
.sweet-alert button.cancel {
background-color: #C1C1C1;
}
.sweet-alert button.cancel:hover {
background-color: #b9b9b9;
}
.sweet-alert button.cancel:active {
background-color: #a8a8a8;
}
.sweet-alert button.cancel:focus {
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}
.sweet-alert button[disabled] {
opacity: .6;
cursor: default;
}
.sweet-alert button.confirm[disabled] {
color: transparent;
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.sweet-alert button::-moz-focus-inner {
border: 0;
}
.sweet-alert[data-has-cancel-button=false] button {
box-shadow: none !important;
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom: 40px;
}
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
border-color: #ff0000;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #ff0000;
display: block;
top: 37px;
border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
transform: rotate(45deg);
left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
transform: rotate(-45deg);
right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
border-color: #ff6600;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
border-radius: 2px;
margin-left: -2px;
background-color: #ff6600;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #ff6600;
}
.sweet-alert .sa-icon.sa-info {
border-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-success {
border-color: #39B54A;
}
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
content: '';
border-radius: 40px;
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: white;
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
transform: rotate(-45deg);
transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
transform: rotate(-45deg);
transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
border-radius: 40px;
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: white;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #39B54A;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat;
}
/*
* Animations
*/
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@keyframes slideFromTop {
0% {
top: 0%;
}
100% {
top: 50%;
}
}
@keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0%;
}
}
@keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
.showSweetAlert[data-animation=pop] {
animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
animation: slideFromBottom 0.3s;
}
.hideSweetAlert[data-animation=pop] {
animation: hideSweetAlert 0.2s;
}
.hideSweetAlert[data-animation=none] {
animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
animation: slideToTop 0.4s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
animation: slideToBottom 0.3s;
}
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
.animateSuccessTip {
animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
animation: rotatePlaceholder 4.25s ease-in;
}
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
.animateErrorIcon {
animation: animateErrorIcon 0.5s;
}
@keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
.animateXMark {
animation: animateXMark 0.5s;
}
@keyframes pulseWarning {
0% {
border-color: #F8D486;
}
100% {
border-color: #ff6600;
}
}
.pulseWarning {
animation: pulseWarning 0.75s infinite alternate;
}
@keyframes pulseWarningIns {
0% {
background-color: #F8D486;
}
100% {
background-color: #ff6600;
}
}
.pulseWarningIns {
animation: pulseWarningIns 0.75s infinite alternate;
}
@keyframes rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-ms-transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-ms-transform: rotate(-45deg) \9;
}
/* Success icon */
.sweet-alert .sa-icon.sa-success {
border-color: transparent\9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
-ms-transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
-ms-transform: rotate(-45deg) \9;
}
/*!
* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
* Copyright 2015 Daniel Cardoso <@DanielCardoso>
* Licensed under MIT
*/
.la-ball-fall,
.la-ball-fall > div {
position: relative;
box-sizing: border-box;
}
.la-ball-fall {
display: block;
font-size: 0;
color: #fff;
}
.la-ball-fall.la-dark {
color: #333;
}
.la-ball-fall > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-ball-fall {
width: 54px;
height: 18px;
}
.la-ball-fall > div {
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:nth-child(1) {
animation-delay: -200ms;
}
.la-ball-fall > div:nth-child(2) {
animation-delay: -100ms;
}
.la-ball-fall > div:nth-child(3) {
animation-delay: 0ms;
}
.la-ball-fall.la-sm {
width: 26px;
height: 8px;
}
.la-ball-fall.la-sm > div {
width: 4px;
height: 4px;
margin: 2px;
}
.la-ball-fall.la-2x {
width: 108px;
height: 36px;
}
.la-ball-fall.la-2x > div {
width: 20px;
height: 20px;
margin: 8px;
}
.la-ball-fall.la-3x {
width: 162px;
height: 54px;
}
.la-ball-fall.la-3x > div {
width: 30px;
height: 30px;
margin: 12px;
}
/*
* Animation
*/
@keyframes ball-fall {
0% {
opacity: 0;
transform: translateY(-145%);
}
10% {
opacity: .5;
}
20% {
opacity: 1;
transform: translateY(0);
}
80% {
opacity: 1;
transform: translateY(0);
}
90% {
opacity: .5;
}
100% {
opacity: 0;
transform: translateY(145%);
}
}
/**
* sweetalert
*/
.sweet-alert {
overflow: visible;
}
.sweet-alert .form-field label,
.sweet-alert .form-field .label,
.sweet-alert .form-field .input {
display: block;
line-height: 40px;
margin: 0;
height: 40px;
}
.sweet-alert .input.checkbox {
padding-left: 20px;
}
.sweet-alert .input.checkbox label:before {
top: 12px;
}
.sweet-alert .buttons p {
margin-top: 20px;
display: block;
}
.sweet-alert .buttons p a {
display: block;
}
/*! jQuery UI - v1.11.4 - 2016-02-08
* http://jqueryui.com
* Includes: core.css, sortable.css, datepicker.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
.ui-state-disabled {
cursor: default !important;
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/*! jQuery UI - v1.11.4 - 2016-02-08
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
.ui-state-disabled {
cursor: default !important;
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/*! jQuery UI - v1.11.4 - 2016-02-08
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333;
}
.ui-widget-content a {
color: #333;
}
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: bold;
}
.ui-widget-header a {
color: #333;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #454545;
text-decoration: none;
}
.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 #ccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
color: #2b2b2b;
text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #fff;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #fff;
text-decoration: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35);
}
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon, .ui-widget-content .ui-icon {
background-image: url("../images/form/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("../images/form/ui-icons_444444_256x240.png");
}
.ui-state-default .ui-icon {
background-image: url("../images/form/ui-icons_777777_256x240.png");
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url("../images/form/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon {
background-image: url("../images/form/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon {
background-image: url("../images/form/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url("../images/form/ui-icons_cc0000_256x240.png");
}
.ui-icon-blank {
background-position: 16px 16px;
}
.ui-icon-carat-1-n {
background-position: 0 0;
}
.ui-icon-carat-1-ne {
background-position: -16px 0;
}
.ui-icon-carat-1-e {
background-position: -32px 0;
}
.ui-icon-carat-1-se {
background-position: -48px 0;
}
.ui-icon-carat-1-s {
background-position: -64px 0;
}
.ui-icon-carat-1-sw {
background-position: -80px 0;
}
.ui-icon-carat-1-w {
background-position: -96px 0;
}
.ui-icon-carat-1-nw {
background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-on {
background-position: -96px -144px;
}
.ui-icon-radio-off {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-start {
background-position: -80px -160px;
}
.ui-icon-seek-first {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-bottom-right-radius: 3px;
}
.ui-widget-overlay {
background: #aaa;
opacity: .3;
filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
margin: 0 0 0 0;
padding: 5px;
background: #666;
opacity: .3;
filter: Alpha(Opacity=30);
border-radius: 8px;
}
/* card */
.card {
background: #fff;
border-radius: 2px;
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.card .card-section {
padding-top: 40px;
padding-bottom: 40px;
border-top: 1px solid #e6e6e6;
}
.card .card-section:first-child {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.card .card-row {
padding-top: 40px;
}
.card .card-tabs {
padding-top: 20px;
margin-top: -20px;
}
.card .card-tabs:first-child {
margin-top: 0;
}
.card .card-footer {
padding-top: 40px;
padding-bottom: 40px;
border-top: 1px solid #e6e6e6;
}
.card .card-content-row {
margin-top: 40px;
}
.card .card-content-row:first-child {
margin-top: 0;
}
.card .card-header h3 .icon {
color: #fff;
width: 38px;
text-align: center;
height: 38px;
line-height: 38px;
display: inline-block;
position: relative;
margin-right: 10px;
vertical-align: middle;
font-size: 20px;
text-transform: uppercase;
background: #4D4D4D;
border-radius: 20px;
}
.card .card-header h3 .icon:before {
position: absolute;
font-size: 38px;
left: 0;
top: 0;
height: 40px;
line-height: 40px;
}
.card .card-header h3 .icon b {
position: relative;
z-index: 1;
font-family: open_sansregular, sans-serif;
font-weight: 400;
display: block;
}
.card .card-header h3 .icons-plus {
margin-left: -10px;
margin-right: -3px;
vertical-align: middle;
}
.card .card-header .paragraphs-wrapper {
font-size: 16px;
line-height: 24px;
}
.card .alert.page-padding {
padding-left: 20px;
padding-right: 20px;
margin-top: 10px;
}
/**
* grid
*/
.grid-row {
margin-top: 20px;
}
.grid-row:first-child {
margin-top: 0;
}
.grid-column, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
display: block;
min-height: 10px;
float: left;
position: relative;
margin: 0;
box-sizing: border-box;
}
.grid-1 {
width: 8.33333%;
}
.grid-2 {
width: 16.66667%;
}
.grid-3 {
width: 25%;
}
.grid-4 {
width: 33.33333%;
}
.grid-5 {
width: 41.66667%;
}
.grid-6 {
width: 50%;
}
.grid-7 {
width: 58.33333%;
}
.grid-8 {
width: 66.66667%;
}
.grid-9 {
width: 75%;
}
.grid-10 {
width: 83.33333%;
}
.grid-11 {
width: 91.66667%;
}
.grid-12 {
width: 100%;
}
/******************************************************************************
* responsive
******************************************************************************/
@media (max-width: 800px) {
body.grid-column, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
width: 100%;
float: none;
}
}
/* top nav */
nav.nav-top {
float: left;
line-height: 74px;
}
nav.nav-top ol {
margin: 0;
padding: 0;
list-style: none;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
nav.nav-top ol li {
float: left;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
nav.nav-top ol li a {
font-family: open_sanssemibold, sans-serif;
font-weight: 600;
display: block;
padding: 1px 40px;
color: #fff;
font-size: 14px;
position: relative;
text-decoration: none;
}
nav.nav-top ol li a:after {
content: "";
position: absolute;
top: 0;
left: 0px;
right: 0px;
border-top: 1px solid #424242;
transition: border 0.2s ease-in-out;
}
nav.nav-top ol li.is-active a:after,
nav.nav-top ol li:hover a:after {
border-top: 4px solid #C1C600;
}
.nav-toggle:before {
display: none;
font-size: 40px;
color: #C1C600;
line-height: 40px;
width: 40px;
border-radius: 50%;
margin-top: -4px;
height: 40px;
padding: 17px 20px 17px 10px;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
@media screen and (max-width: 1000px) {
.nav-toggle {
position: absolute;
right: 0;
top: 0;
}
.nav-toggle:before {
display: block;
}
}
@media screen and (max-width: 1000px) {
#nav-container {
position: fixed;
top: 74px;
bottom: 0;
right: -50%;
width: 50%;
transition: right 0.3s ease-in-out;
background: #424242;
}
#nav-container nav {
float: none;
position: relative;
margin: 0;
right: 0;
top: 0;
border-top: 1px solid #fff;
}
#nav-container nav:first-child {
border-top: 0;
}
#nav-container nav li {
padding: 0;
float: none;
display: block;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#nav-container nav li:first-child {
border: 0;
}
#nav-container nav li a {
padding: 10px 40px;
line-height: 40px;
}
#nav-container nav li a:after {
display: none;
}
}
#nav-container.is-open {
right: 0;
}
nav.nav-meta {
position: absolute;
right: 100px;
top: 24px;
}
nav.nav-meta ol {
margin: 0;
padding: 0;
list-style: none;
}
nav.nav-meta ol li {
border-left: 1px solid rgba(255, 255, 255, 0.2);
float: left;
}
nav.nav-meta ol li:first-child {
border: 0;
}
nav.nav-meta ol li a {
font-family: open_sanslight, sans-serif;
font-weight: 300;
display: block;
padding: 1px 10px;
font-size: 14px;
position: relative;
text-decoration: none;
color: #ccc;
transition: color 0.2s ease-in-out;
}
nav.nav-meta ol li a:hover {
color: #fff;
}
@keyframes nav-warning {
0% {
color: #ff6600;
}
50% {
color: #fff;
}
100% {
color: #ff6600;
}
}
/* user nav */
nav.nav-user {
float: right;
position: relative;
}
nav.nav-user .icon-more_vert {
font-size: 40px;
color: #C1C600;
line-height: 40px;
width: 40px;
display: block;
border-radius: 50%;
margin-top: 14px;
height: 40px;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
nav.nav-user .icon-more_vert:hover {
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
nav.nav-user .icon-more_vert:active {
background-color: rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 1000px) {
nav.nav-user .icon-more_vert {
display: none;
}
}
/* breadcrumbs */
.nav-breadcrumbs {
font-size: 12px;
font-family: open_sanslight, sans-serif;
font-weight: 300;
color: #999999;
line-height: 20px;
margin-bottom: 15px;
}
.nav-breadcrumbs a {
color: #999999;
}
.nav-breadcrumbs a:hover {
color: #353899;
}
.nav-breadcrumbs i:before {
position: relative;
top: 2px;
}
/* aside nav */
.nav-aside {
padding-bottom: 40px;
}
.nav-aside a {
color: #4D4D4D;
}
.nav-aside .nav-list {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 2px solid #fff;
font-size: 16px;
font-family: open_sanssemibold, sans-serif;
font-weight: 600;
}
.nav-aside .nav-list > li {
padding: 0;
border-top: 2px solid #fff;
position: relative;
transition: background 0.2s ease-in-out;
}
.nav-aside .nav-list > li.is-closed:hover {
background: #F5F5F5;
}
.nav-aside .nav-list > li:hover {
background: #F5F5F5;
}
.nav-aside .nav-list > li.theme0 {
border-top-width: 6px;
border-top-style: solid;
}
.nav-aside .nav-list li ul {
max-height: 1000px;
overflow: hidden;
}
.nav-aside .nav-list .nav-anchor {
display: block;
padding: 20px 40px 20px 20px;
margin: 0 0px;
line-height: 40px;
cursor: pointer;
transition: background 0.2s ease-in-out;
}
@media screen and (max-width: 1400px) {
.nav-aside .nav-list .nav-anchor {
padding-top: 10px;
padding-bottom: 10px;
}
}
.nav-aside .nav-list .nav-anchor:before {
display: none;
}
.nav-aside .nav-list .nav-anchor i {
font-size: 40px;
line-height: 40px;
height: 40px;
width: 40px;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
transform: scale(1);
transition: transform 0.2s ease-in-out;
}
@media screen and (max-width: 1400px) {
.nav-aside .nav-list .nav-anchor i {
font-size: 30px;
line-height: 30px;
height: 30px;
width: 30px;
}
}
.nav-aside .nav-list .nav-anchor:hover i {
transform: scale(1.2);
}
.nav-aside .nav-list .nav-anchor span {
display: inline-block;
line-height: 20px;
max-width: 200px;
vertical-align: middle;
}
@media screen and (max-width: 1400px) {
.nav-aside .nav-list .nav-anchor span {
max-width: 140px;
}
}
.nav-aside .nav-parentlist {
margin: 0;
padding: 0;
list-style: none;
font-size: 15px;
font-family: open_sanssemibold, sans-serif;
font-weight: 600;
}
.nav-aside .nav-parentlist > li {
position: relative;
padding: 0;
background: #F5F5F5;
color: #EF8000;
}
.nav-aside .nav-parentlist .nav-anchor {
display: block;
margin: 0;
padding: 15px 20px;
line-height: 20px;
}
@media screen and (max-width: 1400px) {
.nav-aside .nav-parentlist .nav-anchor {
padding-left: 10px;
}
}
.nav-aside .nav-sublist {
margin: 0;
padding: 0;
background: #F5F5F5;
list-style: none;
font-size: 13px;
font-family: open_sansregular, sans-serif;
font-weight: 400;
}
.nav-aside .nav-sublist li {
padding: 0;
position: relative;
}
.nav-aside .nav-sublist li.is-active a {
background-color: #fff;
}
.nav-aside .nav-sublist li a {
line-height: 28px;
padding: 7px 20px;
display: block;
color: #4D4D4D;
transition: background 0.2s ease-in-out;
white-space: nowrap;
box-sizing: border-box;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
}
@media screen and (max-width: 1400px) {
.nav-aside .nav-sublist li a {
padding-left: 10px;
padding-right: 10px;
}
}
.nav-aside .nav-sublist li a:active, .nav-aside .nav-sublist li a:focus, .nav-aside .nav-sublist li a:hover {
background: #fff;
text-decoration: none;
}
.nav-aside .nav-sublist li a.alert {
color: #ff0000;
background: transparent;
}
.nav-aside .nav-sublist li a.alert i {
width: 18px;
height: 18px;
font-size: 18px;
vertical-align: middle;
margin-left: 5px;
}
.nav-aside .nav-sublist li a .icon {
color: #fff;
width: 28px;
text-align: center;
height: 28px;
line-height: 28px;
display: inline-block;
position: relative;
margin-right: 10px;
vertical-align: middle;
background: #4D4D4D;
border-radius: 15px;
}
.nav-aside .nav-sublist li a .icon:before {
position: absolute;
font-size: 28px;
left: 0;
top: 0;
color: #fff;
}
.nav-aside .nav-sublist li a .icon b {
position: relative;
z-index: 1;
font-family: open_sansregular, sans-serif;
font-weight: 400;
display: block;
line-height: 28px;
}
.nav-aside .nav-sublist li a .icons-plus {
margin-left: -10px;
}
.nav-aside .nav-sublist .nav-anchor {
display: block;
padding: 20px;
}
.nav-aside .nav-faq {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 2px solid #fff;
font-size: 16px;
font-family: open_sanssemibold, sans-serif;
font-weight: 600;
}
.nav-aside .nav-faq > li {
padding: 0;
border-top: 2px solid #fff;
position: relative;
transition: background 0.2s ease-in-out;
}
.nav-aside .nav-faq > li:hover {
background: #F5F5F5;
}
.nav-aside .nav-faq .nav-anchor {
display: block;
padding: 20px 40px 20px 20px;
margin: 0 0px;
line-height: 40px;
cursor: pointer;
transition: background 0.2s ease-in-out;
}
.nav-aside .nav-faq .nav-anchor:hover, .nav-aside .nav-faq .nav-anchor.is-active {
background: #fff;
text-decoration: none;
color: #4D4D4D;
}
.js .nav-aside .nav-list > li {
transition: padding-bottom 0.2s ease-in-out;
}
.js .nav-aside .nav-list > li.is-closed {
padding-bottom: 0;
}
.js .nav-aside .nav-list > li.is-active > .nav-anchor {
background: #fff;
}
.js .nav-aside .nav-list li ul {
max-height: 20000px;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.js .nav-aside .nav-list li.is-closed > ul {
transition: max-height 0.1s ease-out;
max-height: 0;
}
.js .nav-aside .nav-list li.is-closed .nav-sublist {
margin: 0;
}
.js .nav-aside .nav-list .nav-anchor.icon-keyboard_arrow_up,
.js .nav-aside .nav-list .nav-anchor.icon-keyboard_arrow_down {
cursor: pointer;
}
.js .nav-aside .nav-list .nav-anchor.icon-keyboard_arrow_up:before,
.js .nav-aside .nav-list .nav-anchor.icon-keyboard_arrow_down:before {
display: block;
position: absolute;
right: 0;
top: 0;
font-size: 25px;
padding: 20px;
pointer-events: none;
line-height: 45px;
}
@media screen and (max-width: 1400px) {
.js .nav-aside .nav-list .nav-anchor.icon-keyboard_arrow_up:before,
.js .nav-aside .nav-list .nav-anchor.icon-keyboard_arrow_down:before {
line-height: 25px;
}
}
.js .nav-aside .nav-list .nav-parentlist .nav-anchor:before {
line-height: 25px;
}
.js .nav-aside .nav-parentlist > li.is-closed.is-active {
background: #fff;
}
.js .nav-aside .nav-parentlist .nav-anchor.icon-keyboard_arrow_up,
.js .nav-aside .nav-parentlist .nav-anchor.icon-keyboard_arrow_down {
padding-right: 30px;
}
.js .nav-aside .nav-parentlist .nav-anchor.icon-keyboard_arrow_up:hover,
.js .nav-aside .nav-parentlist .nav-anchor.icon-keyboard_arrow_down:hover {
background: #fff;
}
.js .nav-aside .nav-parentlist .nav-anchor.icon-keyboard_arrow_up:before,
.js .nav-aside .nav-parentlist .nav-anchor.icon-keyboard_arrow_down:before {
position: absolute;
right: 0px;
top: 2px;
font-size: 25px;
padding: 10px 20px;
pointer-events: none;
}
.js .nav-aside .nav-sublist li.is-active a {
background-color: #fff;
}
.js .nav-aside .nav-sublist li a {
transition: background 0.2s ease-in-out;
}
.js .nav-aside .nav-sublist li a:hover {
background: #fff;
text-decoration: none;
}
/* page wrapper */
.page-wrapper {
min-width: 300px;
}
/* header of page */
.page-header {
background: #424242;
border-bottom: 4px solid #C1C600;
height: 70px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
.page-header.page-padding {
padding-left: 0;
}
/* logo */
.page-logo {
display: block;
width: 370px;
max-width: 80%;
box-sizing: border-box;
float: left;
color: #fff;
text-align: center;
text-decoration: none;
}
.page-logo:focus, .page-logo:active, .page-logo:hover {
color: #fff;
text-decoration: none;
}
@media screen and (max-width: 1400px) {
.page-logo {
width: 270px;
}
}
.page-logo img {
display: inline-block;
margin: 11px;
max-width: 100%;
height: auto;
}
.page-logo .logo-company-name {
font-size: 24px;
line-height: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
margin: 0 auto;
}
@media screen and (max-width: 1400px) {
.page-logo .logo-company-name {
font-size: 18px;
}
}
.page-logo .logo-bre {
font-size: 14px;
font-family: codebre;
position: relative;
top: -1px;
color: #C1C600;
}
/* footer of page */
.page-footer {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
background: #424242;
color: #fff;
box-sizing: border-box;
position: relative;
z-index: 1000;
font-family: open_sanslight, sans-serif;
font-weight: 300;
}
.page-footer .page-logo {
width: auto;
}
.page-footer .page-logo img {
margin: 0;
max-height: 20px;
width: auto;
}
/* page rows */
.page-rows {
padding-top: 74px;
}
.fixed-content-header .page-rows {
padding-top: 227px;
}
.page-row {
margin-top: 40px;
}
.page-center-pane {
max-width: 600px;
padding: 40px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1050px) {
.page-center-pane {
padding: 20px;
}
}
/* page content */
.page-content {
/*padding-top: 40px;*/
padding-bottom: 40px;
}
.page-content-header h2 i:before {
margin-right: 35px;
font-size: 50px;
width: 50px;
height: 40px;
line-height: 40px;
overflow: visible;
vertical-align: middle;
}
/* sidebar and scrollpane */
.page-sidebar {
width: 370px;
position: fixed;
top: 74px;
left: 0;
bottom: 0;
background: #F1F1F0;
z-index: 600;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
overflow: auto;
}
@media screen and (max-width: 1400px) {
.page-sidebar {
width: 270px;
}
}
.page-content-scroll {
margin-left: 370px;
}
@media screen and (max-width: 1400px) {
.page-content-scroll {
margin-left: 270px;
}
}
/* pad elements in page */
.page-padding {
padding-left: 40px;
padding-right: 40px;
}
@media screen and (max-width: 1050px) {
.page-padding {
padding-left: 20px;
padding-right: 20px;
}
}
html, body {
height: 100%;
}
.page-wrapper {
min-height: 100%;
margin-bottom: -40px;
/* equal to footer height */
}
.page-wrapper:after {
content: "";
display: block;
}
.page-footer, .page-wrapper:after {
height: 40px;
}
/*****************************************************************************************************
* Responsive
*****************************************************************************************************/
@media (max-width: 800px) {
.page-wrapper {
margin-bottom: 0;
}
.page-wrapper:after {
display: none;
}
}
.theme0 .theme-color {
color: #424242;
}
.theme1 .theme-color {
color: #EF8000;
}
.theme2 .theme-color {
color: #9B3492;
}
.theme3 .theme-color {
color: #22B3E4;
}
.theme4 .theme-color {
color: #526153;
}
.theme5 .theme-color {
color: #22AF9D;
}
.theme0 .theme-before:before {
color: #424242;
}
.theme1 .theme-before:before {
color: #EF8000;
}
.theme2 .theme-before:before {
color: #9B3492;
}
.theme3 .theme-before:before {
color: #22B3E4;
}
.theme4 .theme-before:before {
color: #526153;
}
.theme5 .theme-before:before {
color: #22AF9D;
}
.theme0 .theme-hover:hover {
color: #424242;
}
.theme1 .theme-hover:hover {
color: #EF8000;
}
.theme2 .theme-hover:hover {
color: #9B3492;
}
.theme3 .theme-hover:hover {
color: #22B3E4;
}
.theme4 .theme-hover:hover {
color: #526153;
}
.theme5 .theme-hover:hover {
color: #22AF9D;
}
.theme0 .theme-active.is-active {
color: #424242;
}
.theme1 .theme-active.is-active {
color: #EF8000;
}
.theme2 .theme-active.is-active {
color: #9B3492;
}
.theme3 .theme-active.is-active {
color: #22B3E4;
}
.theme4 .theme-active.is-active {
color: #526153;
}
.theme5 .theme-active.is-active {
color: #22AF9D;
}
.theme0 .theme-border {
border-color: #424242;
}
.theme1 .theme-border {
border-color: #EF8000;
}
.theme2 .theme-border {
border-color: #9B3492;
}
.theme3 .theme-border {
border-color: #22B3E4;
}
.theme4 .theme-border {
border-color: #526153;
}
.theme5 .theme-border {
border-color: #22AF9D;
}
.theme0 .theme-after-border:after {
border-color: #424242;
}
.theme1 .theme-after-border:after {
border-color: #EF8000;
}
.theme2 .theme-after-border:after {
border-color: #9B3492;
}
.theme3 .theme-after-border:after {
border-color: #22B3E4;
}
.theme4 .theme-after-border:after {
border-color: #526153;
}
.theme5 .theme-after-border:after {
border-color: #22AF9D;
}
.theme0 .theme-bg {
background-color: #424242;
}
.theme1 .theme-bg {
background-color: #EF8000;
}
.theme2 .theme-bg {
background-color: #9B3492;
}
.theme3 .theme-bg {
background-color: #22B3E4;
}
.theme4 .theme-bg {
background-color: #526153;
}
.theme5 .theme-bg {
background-color: #22AF9D;
}
.theme0 .card-header {
background-color: #f3f4cc;
padding-bottom: 30px;
}
.theme1 .card-header {
background-color: #fce6cc;
padding-bottom: 30px;
}
.theme2 .card-header {
background-color: #ebd6e9;
padding-bottom: 30px;
}
.theme3 .card-header {
background-color: #d3f0fa;
padding-bottom: 30px;
}
.theme4 .card-header {
background-color: #dcdfdd;
padding-bottom: 30px;
}
.theme5 .card-header {
background-color: #d3efeb;
padding-bottom: 30px;
}
.theme0 .card-tabs {
background-color: #f3f4cc;
background: linear-gradient(to bottom, #f3f4cc 0%, #f3f4cc 50%, #eceeb3 100%);
}
.theme1 .card-tabs {
background-color: #fce6cc;
background: linear-gradient(to bottom, #fce6cc 0%, #fce6cc 50%, #fad9b3 100%);
}
.theme2 .card-tabs {
background-color: #ebd6e9;
background: linear-gradient(to bottom, #ebd6e9 0%, #ebd6e9 50%, #e1c2de 100%);
}
.theme3 .card-tabs {
background-color: #d3f0fa;
background: linear-gradient(to bottom, #d3f0fa 0%, #d3f0fa 50%, #bde8f7 100%);
}
.theme4 .card-tabs {
background-color: #dcdfdd;
background: linear-gradient(to bottom, #dcdfdd 0%, #dcdfdd 50%, #cbd0cb 100%);
}
.theme5 .card-tabs {
background-color: #d3efeb;
background: linear-gradient(to bottom, #d3efeb 0%, #d3efeb 50%, #bde7e2 100%);
}
.content-header {
background: #fff;
padding-top: 20px;
padding-bottom: 30px;
box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2);
font-size: 14px;
}
.content-header h1 {
display: inline-block;
color: #000;
}
.content-header h1 small {
font-size: 12px;
position: relative;
vertical-align: top;
top: 8px;
}
@media screen and (max-width: 1400px) {
.content-header h1 small {
top: 5px;
font-size: 10px;
}
}
.content-header .header-after {
display: inline-block;
margin: 0;
}
.content-header .header-sub {
margin: 0;
color: #999999;
}
.content-header .header-image {
float: left;
margin-right: 20px;
margin-top: 7px;
}
.content-header .header-actions {
float: right;
text-align: right;
}
.content-header .header-actions .material-button-fab {
margin-left: 20px;
}
.content-header .autosave {
margin-top: 8px;
color: #ccc;
font-size: 12px;
transition: color 0.2s ease-in-out;
}
.content-header .autosave:hover {
color: #999999;
}
/* fixed content header on edit product page */
.fixed-content-header .content-header {
position: fixed;
top: 74px;
left: 250px;
right: 0;
z-index: 500;
box-shadow: 3px 0 3px rgba(0, 0, 0, 0.2);
}
.fixed-content-header .content-header:before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
width: 20px;
display: block;
background: #fff;
box-shadow: 9px 0 9px -9px rgba(0, 0, 0, 0.2) inset;
}
/* css block page */
.loader-block {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: #fff;
opacity: 0;
transition: opacity 0.5s ease-in-out;
z-index: 190;
}
.loader-block.loader-transition {
bottom: 0;
opacity: 0.5;
}
.page-padding .loader-block {
left: -40px;
right: -40px;
}
@media screen and (max-width: 1050px) {
.page-padding .loader-block {
left: -20px;
right: -20px;
}
}
.page-padding .table-wrapper .loader-block {
left: 0;
right: 0;
}
@media screen and (max-width: 1050px) {
.page-padding .table-wrapper .loader-block {
left: 0;
right: 0;
}
}
/* css loader */
.loader {
position: absolute;
top: 49%;
left: 50%;
margin-left: -3px;
z-index: 191;
width: 7px;
height: 7px;
left: 46%;
left: calc(50% - 4px);
border-radius: 7px;
background-color: #424242;
transform-origin: 50% 50%;
animation: loader 1.15s ease-in-out infinite;
}
.loader:before {
content: "";
position: absolute;
background-color: #C1C600;
top: 0px;
left: -16px;
height: 7px;
width: 7px;
border-radius: 7px;
}
.loader:after {
content: "";
position: absolute;
background-color: #C1C600;
top: 0px;
left: 16px;
height: 7px;
width: 7px;
border-radius: 7px;
}
@keyframes loader {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(180deg);
}
}
/**
* downloads
*/
.downloads {
margin: 20px 0 0 0;
padding: 0;
list-style: none;
}
.downloads:first-child {
margin-top: 0;
}
.downloads li a {
display: inline-block;
padding-left: 40px;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
color: #4D4D4D;
}
.downloads li a:before {
font-size: 25px;
transition: font-size 0.2s ease-in-out;
position: absolute;
left: 0;
top: 0;
width: 30px;
text-align: center;
line-height: 40px;
}
.downloads li a:hover:before {
font-size: 30px;
}
/**
* favorites
*/
.favorites {
margin: 0 -40px -40px 0;
padding: 0;
list-style: none;
}
.favorites:before, .favorites:after {
content: ' ';
display: table;
}
.favorites:after {
clear: both;
}
@media screen and (max-width: 1050px) {
.favorites {
margin: 0 -20px -20px 0;
}
}
@media screen and (max-width: 700px) {
.favorites {
margin: 0;
}
}
.favorites li {
float: left;
width: 33.3333%;
box-sizing: border-box;
padding: 0 40px 40px 0;
}
@media screen and (min-width: 1400px) {
.favorites li {
width: 25%;
}
}
@media screen and (max-width: 1050px) {
.favorites li {
width: 50%;
padding: 0 20px 20px 0;
}
}
@media screen and (max-width: 700px) {
.favorites li {
width: 100%;
float: none;
padding-right: 0;
}
}
.favorites-item {
padding: 40px;
display: block;
color: #4D4D4D;
box-sizing: border-box;
}
.favorites-item:hover {
color: #4D4D4D;
text-decoration: none;
}
.favorites-item:hover .meta .title,
.favorites-item:hover .item-row.meta:before {
color: #C1C600;
}
.favorites-item p {
margin-top: 0;
}
.favorites-item .item-row {
margin-top: 10px;
padding-left: 40px;
position: relative;
}
.favorites-item .item-row:first-child {
margin-top: 0;
}
.favorites-item .item-row:before {
position: absolute;
width: 40px;
font-size: 30px;
left: 0;
top: -3px;
transition: color 0.2s ease-in-out;
color: #999999;
}
.favorites-item .item-row.is-active:before {
color: #4D4D4D;
}
.favorites-item .item-row.meta:before {
color: #4D4D4D;
}
.favorites-item .item-row.meta .title {
font-family: open_sanssemibold, sans-serif;
font-weight: 600;
font-size: 140%;
line-height: 140%;
margin-bottom: 10px;
transition: color 0.2s ease-in-out;
}
.favorites-item .item-row.messages, .favorites-item .item-row.consultant {
color: #999999;
}
.favorites-item .item-row.messages.is-active, .favorites-item .item-row.consultant.is-active {
color: #4D4D4D;
}
.favorites-item .item-row.messages:after {
content: attr(title);
position: absolute;
left: 0;
color: #fff;
width: 30px;
font-size: 12px;
text-align: center;
}
.favorites-item.favorite-add {
font-size: 140%;
font-family: open_sanssemibold, sans-serif;
font-weight: 600;
padding: 40px 40px 40px 90px;
color: #C1C600;
position: relative;
background: rgba(255, 255, 255, 0.5);
transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.favorites-item.favorite-add:before {
margin-right: 10px;
font-size: 40px;
vertical-align: middle;
position: absolute;
top: 33px;
left: 40px;
}
.favorites-item.favorite-add:hover {
background: #fff;
text-decoration: none;
color: #4D4D4D;
}
.favorites-item.favorite-add p {
font-size: 12px;
color: #4D4D4D;
margin-top: 20px;
font-family: open_sansregular, sans-serif;
font-weight: 400;
}
/**
* faq
*/
.faq-list {
margin: 0;
padding: 0;
list-style: none;
}
.faq-list li {
margin-top: 40px;
}
.faq-list li:first-child {
margin-top: 0;
}
.faq-list li a {
display: block;
color: #4D4D4D;
padding-right: 40px;
position: relative;
}
.faq-list li a:before {
font-size: 20px;
position: absolute;
top: 0;
right: 0;
line-height: 25px;
text-align: center;
width: 30px;
color: #C1C600;
transition: font-size 0.1s ease-in-out;
}
.faq-list li a:active, .faq-list li a:focus, .faq-list li a:hover {
text-decoration: none;
}
.faq-list li a:active:before, .faq-list li a:focus:before, .faq-list li a:hover:before {
font-size: 30px;
}
.faq-list li a p {
margin-top: 10px;
}
.faq-detail .paragraphs-header {
position: relative;
padding-right: 100px;
}
.faq-detail .paragraphs-header .back {
position: absolute;
right: 0;
top: 0;
line-height: 40px;
color: #999999;
}
.faq-detail .paragraphs-header .back:hover {
color: #4D4D4D;
}
.faq-detail .paragraphs-header .back i:before {
font-size: 18px;
line-height: 40px;
vertical-align: middle;
top: -2px;
position: relative;
}
/* highchart on editpage */
.highchart {
width: 270px;
height: 260px;
margin: 0 auto;
position: relative;
}
.highchart:before {
content: "";
display: block;
background-color: #000;
width: 130px;
height: 5px;
position: absolute;
top: 245px;
border-radius: 50%;
left: 75px;
box-shadow: 0 0 3px 2px black;
opacity: 0.08;
}
.highchart-placeholder {
width: 270px;
height: 260px;
margin: 0 auto;
position: relative;
}
svg .highcharts-title {
cursor: pointer;
}
.highchart-legend {
position: absolute;
top: 0;
right: -40px;
padding: 5px;
z-index: 100;
max-width: 100%;
box-shadow: 0 3px 10px transparent;
background: transparent;
transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.highchart-legend:hover {
background: #fff;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.highchart-legend:hover ol {
max-height: 30em;
}
@media screen and (max-width: 1400px) {
.highchart-legend {
right: 15px;
}
}
.highchart-legend strong {
text-align: right;
display: block;
font-size: 20px;
}
.highchart-legend ol {
margin: 0;
padding: 0;
list-style: none;
max-height: 0;
transition: max-height 0.2s ease-in-out;
overflow: hidden;
}
.highchart-legend ol li span {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: middle;
position: relative;
top: -1px;
margin-right: 5px;
}
.highchart-legend ol li .value {
float: right;
display: inline-block;
vertical-align: top;
margin: 0;
width: auto;
margin-left: 5px;
}
/* edit inline form */
.inline-form-wrapper {
position: relative;
padding-top: 20px;
}
.js .inline-form-slide-container {
max-height: 0;
overflow: hidden;
position: relative;
transition: max-height 0.2s ease-in;
}
.js .inline-form-slide-container.is-open {
padding-bottom: 20px;
margin-bottom: -20px;
max-height: 2000px;
}
.inline-form-row .inline-form-container {
max-height: 0px;
transition: max-height 0.2s ease-in;
overflow: hidden;
position: relative;
}
.inline-form-row.is-open > td > .inline-form-container {
max-height: 9000px;
}
.inline-form-row .form {
padding: 20px 0 40px;
}
.inline-form-row .form .form-fieldset {
margin-top: 40px;
}
.inline-form-row .form .form-fieldset:first-child {
margin-top: 0;
}
.inline-form-row .form .form-fieldset legend {
margin-bottom: 20px;
}
/* inline row */
.inline-row .inline-row-container {
max-height: 0px;
transition: max-height 0.2s ease-in;
overflow: hidden;
}
.inline-row tr.is-open .inline-row-container {
max-height: 1000px;
}
.inline-row .inline-row-content {
margin: 20px 0 40px;
background: rgba(255, 255, 255, 0.5);
}
/* multi page navigation */
.mpn {
text-align: center;
color: #999999;
padding-top: 20px;
padding-bottom: 20px;
}
.mpn .mpn-item {
display: inline-block;
min-width: 40px;
line-height: 40px;
vertical-align: middle;
text-align: center;
color: #4D4D4D;
padding: 0 5px;
box-sizing: border-box;
border-radius: 2px;
border: 1px solid #fff;
}
.mpn .mpn-item:hover {
border: 1px solid #e6e6e6;
text-decoration: none;
}
.mpn .mpn-item.is-active {
border: 1px solid #e6e6e6;
font-family: open_sanssemibold, sans-serif;
font-weight: 600;
}
.mpn .mpn-item i:before {
vertical-align: middle;
position: relative;
top: -1px;
}
.mpn .mpn-prev {
float: left;
padding: 0 10px;
white-space: nowrap;
}
.mpn .mpn-next {
float: right;
padding: 0 10px;
white-space: nowrap;
}
/**
* module
*/
.module-select {
margin-bottom: 20px;
}
.module-select .module {
background: #eceeb3;
border: 1px solid #eceeb3;
margin-top: 2px;
}
.module-select .module:first-child {
margin-top: 0;
}
.module-select .module .module-header {
line-height: 37px;
padding: 0 20px 3px;
}
.module-select .module .module-header strong {
display: inline-block;
vertical-align: middle;
margin: 0;
font-size: 18px;
}
.module-select .module .module-details {
background: #fff;
}
.module-select .module .module-details .module-header {
background: #f3f4cc;
}
.module-select .module .module-details .module-header strong {
font-size: 16px;
}
.module-select .module .module-details .form-field {
margin: 0;
line-height: 20px;
min-height: 20px;
padding: 12px 20px 12px 70px;
position: relative;
border-top: 1px solid #fff;
}
.module-select .module .module-details .form-field.checked {
background: #fff;
}
.module-select .module .module-details .form-field.checked .icon:before {
color: #4D4D4D;
}
.module-select .module .module-details .form-field.disabled {
background: #f6f6f6;
}
.module-select .module .module-details .form-field.disabled .icon:before {
color: #aaa;
}
.module-select .module .module-details .form-field.disabled .input.checkbox label {
color: #aaa;
}
.module-select .module .module-details .form-field.disabled .input.checkbox label:before {
opacity: 0.5;
background-image: url(../images/form/check_disabled.svg);
}
.module-select .module .module-details .form-field.disabled.checked .icon:before {
color: #4D4D4D;
}
.module-select .module .module-details .form-field.disabled.checked .input.checkbox label:before {
opacity: 1;
}
.module-select .module .module-details .form-field.disabled label {
cursor: default;
}
.module-select .module .module-details .form-field .icon {
position: absolute;
left: -50px;
top: -5px;
color: #fff;
min-width: 30px;
text-align: center;
height: 30px;
line-height: 30px;
display: inline-block;
font-size: 16px;
text-transform: uppercase;
}
.module-select .module .module-details .form-field .icon:before {
position: absolute;
font-size: 30px;
left: 0;
top: 0;
color: #aaa;
}
.module-select .module .module-details .form-field .icon b {
position: relative;
z-index: 1;
font-family: open_sansregular, sans-serif;
font-weight: 400;
}
.module-select .module .module-details .form-field .input,
.module-select .module .module-details .form-field label {
width: auto;
}
.module-select .module .module-details .form-field .help {
margin-top: 0;
float: right;
padding-left: 15px;
margin-left: 25px;
}
@media screen and (max-width: 1000px) {
.module-select .module .module-details .form-field .help {
margin: 10px 0 0 0;
padding-left: 0;
}
}
/**
* support
*/
.support .text-toggle {
padding-bottom: 20px;
}
/* table */
table {
border-collapse: collapse;
border-spacing: 0;
}
table thead td,
table th {
font-family: open_sansbold, sans-serif;
font-weight: 700;
text-align: left;
}
table th,
table td {
padding: 5px 10px;
vertical-align: top;
}
table tbody td {
border-top: 1px solid #e6e6e6;
}
table tfoot {
border-top: 1px solid #e6e6e6;
}
table caption {
text-align: left;
font-size: 120%;
color: #666;
padding: 10px;
}
/* table wrapper */
.table-wrapper {
margin: 20px 0 0 0;
position: relative;
}
@media screen and (max-width: 1000px) {
.table-wrapper {
overflow-x: auto;
overflow-y: hidden;
min-height: 200px;
}
}
.table-wrapper:first-child {
margin-top: 0;
}
.table-wrapper.overflow {
overflow: visible;
}
.page-padding .table-wrapper {
margin-left: -40px;
margin-right: -40px;
}
@media screen and (max-width: 1050px) {
.page-padding .table-wrapper {
margin-left: -20px;
margin-right: -20px;
}
}
.page-padding .table-wrapper th:first-child,
.page-padding .table-wrapper td:first-child {
padding-left: 40px;
}
@media screen and (max-width: 1050px) {
.page-padding .table-wrapper th:first-child,
.page-padding .table-wrapper td:first-child {
padding-left: 20px;
}
}
.page-padding .table-wrapper th:first-child th, .page-padding .table-wrapper th:first-child td,
.page-padding .table-wrapper td:first-child th,
.page-padding .table-wrapper td:first-child td {
padding-left: 10px;
}
.page-padding .table-wrapper th:last-child,
.page-padding .table-wrapper td:last-child {
padding-right: 40px;
}
@media screen and (max-width: 1050px) {
.page-padding .table-wrapper th:last-child,
.page-padding .table-wrapper td:last-child {
padding-right: 20px;
}
}
.page-padding .table-wrapper th:last-child th, .page-padding .table-wrapper th:last-child td,
.page-padding .table-wrapper td:last-child th,
.page-padding .table-wrapper td:last-child td {
padding-right: 10px;
}
/* scrollable table */
.table-nav-container:hover .table-nav {
background: rgba(0, 0, 0, 0.1);
cursor: pointer;
width: 40px;
}
.table-nav-container:hover .table-nav:hover {
background: rgba(0, 0, 0, 0.2);
}
.table-label {
position: absolute;
top: 0;
left: 0;
background: #fff;
width: 250px;
}
.table-label:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
border-right: 1px solid #e6e6e6;
}
.table-label table {
width: 100R;
}
.table-data {
padding-left: 250px;
box-sizing: border-box;
width: 100%;
}
.table-scroll {
width: 100%;
display: block;
position: relative;
overflow-y: visible;
overflow-x: auto;
}
.touch .table-scroll {
-webkit-overflow-scrolling: touch;
overflow-x: scroll;
}
.table-nav {
position: absolute;
top: 0;
width: 0;
background: transparent;
bottom: 0;
color: #fff;
font-size: 40px;
overflow: hidden;
transition: background 0.1s ease-in-out;
}
.table-nav:before {
position: absolute;
top: 50%;
left: 0;
margin-top: -20px;
line-height: 40px;
}
.table-nav.left {
left: 250px;
}
.table-nav.right {
right: 0;
}
.table-nowrap {
white-space: nowrap;
}
/* generic table */
.table {
width: 100%;
border-bottom: 1px solid #e6e6e6;
}
.table > tbody > tr:nth-child(odd) > td {
background: #FCFCFC;
}
.table > tbody > tr.hover > td,
.table > tbody > tr:hover > td {
background: #F9F9EF;
}
.table .table > tbody > tr:nth-child(even) > td {
background: rgba(0, 0, 0, 0.015);
}
.table .table > tbody > tr:nth-child(odd) > td {
background: rgba(255, 255, 255, 0.3);
}
.table .table > tbody > tr:hover > td {
background: white;
}
.table tr.ui-sortable-helper {
border-bottom: 1px solid #e6e6e6;
background: #F9F9EF;
box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.3);
}
.table td,
.table th {
padding: 10px;
vertical-align: top;
position: relative;
border: 0;
transition: background 0.2s ease-in-out;
}
@media screen and (max-width: 1050px) {
.table td,
.table th {
padding: 5px;
}
}
.table td.first-column,
.table th.first-column {
padding-left: 40px;
}
.table thead {
border-bottom: 2px solid #e6e6e6;
}
.table .header-icon {
height: 20px;
width: 25px;
display: block;
position: relative;
}
.table .header-icon:before {
position: absolute;
font-size: 25px;
}
.table tr.empty-row > td {
padding: 0;
border: 0;
}
.table tr.is-highlighted td {
font-family: open_sanssemibold, sans-serif;
font-weight: 600;
}
.table .table-text-line {
white-space: nowrap;
overflow: hidden;
display: block;
width: 100%;
text-overflow: ellipsis;
position: absolute;
}
.table .table-icon-element {
width: 23px;
height: 20px;
display: block;
position: relative;
margin: 0 auto;
}
.table .table-icon-element:before {
font-size: 23px;
position: absolute;
top: 0;
left: 0;
}
.table .table-icon-element span {
position: absolute;
color: #fff;
display: block;
top: 0;
left: 0;
width: 23px;
text-align: center;
font-size: 10px;
line-height: 20px;
}
.table th a.sortable {
text-decoration: none;
position: relative;
padding-right: 20px;
display: inline-block;
color: #4D4D4D;
}
.table th a.sortable:hover {
color: #424242;
}
.table th a.sortable:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 3px 0 3px;
border-color: #e6e6e6 transparent transparent transparent;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
position: absolute;
right: 0;
top: 7px;
}
.table th a.sortable.sorting_desc:after {
border-width: 6px 3px 0 3px;
border-color: #4D4D4D transparent transparent transparent;
}
.table th a.sortable:hover:after,
.table th a.sortable.sorting_desc:hover:after {
border-color: #424242 transparent transparent transparent;
}
.table th a.sortable.sorting_asc:after {
border-width: 0 3px 6px 3px;
border-color: transparent transparent #4D4D4D transparent;
}
.table th a.sortable.sorting_asc:hover:after {
border-color: transparent transparent #424242 transparent;
}
.table tr[data-row-click]:hover .row-anchor:before {
font-size: 30px;
}
.table tr[data-row-click]:hover td {
cursor: pointer;
}
.table tr[data-row-click]:hover td[data-ignore-row-click="true"] {
cursor: default;
}
.table .row-anchor {
color: #4D4D4D;
text-decoration: none;
}
.js .table .row-anchor:focus,
.js .table .row-anchor:active,
.js .table .row-anchor:hover {
text-decoration: none;
}
.table td.nowrap {
white-space: nowrap;
}
.table td.subject {
width: 50%;
}
.table td.table-icon {
width: 30px;
font-size: 20px;
}
.table td.table-icon form {
text-align: center;
width: 23px;
height: 20px;
margin: 0 auto;
position: relative;
}
.table td.table-icon form button {
position: absolute;
left: 0;
padding: 0;
}
.table td.table-icon .row-anchor {
width: 20px;
height: 20px;
display: block;
margin: 0 auto;
position: relative;
}
.table td.table-icon .row-anchor:before {
font-size: 20px;
position: absolute;
padding: 0px;
top: -4px;
left: 0;
line-height: 30px;
text-align: center;
width: 30px;
color: #C1C600;
transition: font-size 0.1s ease-in-out;
}
.table .handle {
text-align: center;
width: 23px;
height: 20px;
margin: 0 auto;
position: relative;
cursor: move;
}
.table .handle:before {
font-size: 20px;
position: absolute;
left: 0;
padding: 0;
opacity: 0.5;
}
.table .handle:hover:before {
opacity: 1;
}
.table .handle span {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
}
.table > tbody > tr.is-open > td,
.table > tbody > tr:nth-child(odd).is-open > td {
background: #F9F9EF;
}
.table > tbody > tr.is-open > td .form-fieldset legend span,
.table > tbody > tr:nth-child(odd).is-open > td .form-fieldset legend span {
background: #F9F9EF;
}
.table.is-disabled .handle {
cursor: default;
}
.table.is-disabled .handle:hover:before {
opacity: 0.5;
}
.table.is-disabled .handle span {
display: none;
height: 0;
}
.table.is-disabled > thead > tr > th {
color: #bbb;
cursor: default;
}
.table.is-disabled > thead > tr > th a,
.table.is-disabled > thead > tr > th a:hover {
color: #bbb;
cursor: default;
}
.table.is-disabled > thead > tr > th a.sortable:hover:after,
.table.is-disabled > thead > tr > th a.sortable.sorting_desc:after,
.table.is-disabled > thead > tr > th a.sortable.sorting_desc:hover:after {
border-color: #bbb transparent transparent transparent;
}
.table.is-disabled > thead > tr > th a.sortable.sorting_asc:after,
.table.is-disabled > thead > tr > th a.sortable.sorting_asc:hover:after {
border-color: transparent transparent #bbb transparent;
}
.table.is-disabled > tbody > tr > td {
color: #bbb;
cursor: default;
}
.table.is-disabled > tbody > tr > td > a,
.table.is-disabled > tbody > tr > td > a:hover,
.table.is-disabled > tbody > tr > td > .button-icon,
.table.is-disabled > tbody > tr > td > .button-icon:hover,
.table.is-disabled > tbody > tr > td > button,
.table.is-disabled > tbody > tr > td > button:hover {
color: #bbb;
cursor: default;
}
.table.is-disabled > tbody > tr > td > form > button {
color: #bbb;
cursor: default;
}
.table.is-disabled .redactor a {
color: #4D4D4D;
}
.table.is-disabled .is-open div form,
.table.is-disabled .is-open div .form {
color: #4D4D4D;
margin-top: 0;
}
.table.is-disabled .is-open div a:hover {
cursor: pointer;
}
.table.is-disabled > tbody > tr:hover > td {
background: #FFF;
}
.table.is-disabled > tbody > tr:nth-child(odd) > td {
background: #FCFCFC;
}
.table.is-disabled tr[data-row-click]:hover td {
cursor: default;
}
.table.is-disabled > tbody > tr.is-open > td,
.table.is-disabled > tbody > tr:nth-child(odd).is-open > td {
background: #F9F9EF;
}
.table.is-disabled > tbody > tr.is-open > td .form-fieldset legend span,
.table.is-disabled > tbody > tr:nth-child(odd).is-open > td .form-fieldset legend span {
background: #F9F9EF;
}
.table-add-form {
margin-top: 20px;
}
table.totals td {
border: 0;
font-family: open_sanssemibold, sans-serif;
font-weight: 600;
}
table.totals td:last-child {
padding-right: 0;
}
table.totals th {
padding-left: 0;
font-family: open_sansregular, sans-serif;
font-weight: 400;
}
table.totals .total th,
table.totals .total td {
border-top: 1px solid #4D4D4D;
}
/* table filters */
.table-filters {
margin-bottom: 40px;
}
.table-filters .fieldset {
position: static;
}
.table-filters .fieldset fieldset {
padding: 0 40px;
}
@media (max-width: 800px) {
.table-filters .fieldset fieldset {
padding: 0 0;
}
}
.table-filters .fieldset legend {
white-space: nowrap;
margin-bottom: 20px;
}
.table-filters .fieldset legend:before {
display: none;
}
@media (max-width: 800px) {
.table-filters .fieldset legend {
margin-bottom: 20px;
}
}
.table-filters .table-search {
display: block;
position: relative;
}
.table-filters .table-search fieldset {
padding-left: 0;
}
.table-filters .table-search .search-container {
position: relative;
}
.table-filters .table-search .search-container input {
font-size: 20px;
padding: 10px 60px 10px 20px;
height: 60px;
line-height: 40px;
}
.table-filters .table-search .search-container .form-actions {
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 0;
}
.table-filters .table-search .search-container .form-actions:before {
position: absolute;
font-size: 45px;
line-height: 60px;
width: 60px;
text-align: center;
color: #C1C600;
}
.table-filters .table-search .search-container .form-actions input {
border: 0;
padding: 0;
width: 60px;
height: 60px;
background: transparent;
text-indent: 200%;
box-shadow: 0 0;
}
.table-filters .table-filter {
position: relative;
min-height: 100px;
}
.table-filters .table-filter .fieldset:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
border-left: 1px solid #e6e6e6;
}
@media (max-width: 1200px) {
.table-filters .table-filter .fieldset {
width: 33%;
}
}
@media (max-width: 800px) {
.table-filters .table-filter .fieldset {
width: 100%;
margin-top: 30px;
}
.table-filters .table-filter .fieldset:before {
display: none;
}
}
.table-filters .table-filter .column-selector .input {
margin: 0 -4%;
}
@media (max-width: 800px) {
.table-filters .table-filter .column-selector .input {
margin: 0;
}
}
.table-filters .table-filter .column-selector label {
display: none;
width: 42%;
margin: 0 4% 7px;
box-sizing: border-box;
float: left;
overflow: hidden;
min-height: 16px;
}
@media (max-width: 1200px) {
.table-filters .table-filter .column-selector label {
width: 100%;
margin-right: 0;
margin-left: 0;
}
}
.table-filters .table-filter .column-selector label.checked {
display: block;
}
.table-filters .table-filter .column-selector label.wide {
width: 92%;
}
.table-filters .table-filter .show-all .column-selector label {
display: block;
}
.table-filters .table-filter td.checkbox label {
display: inline-block;
padding: 10px;
height: 15px;
width: 15px;
}
.table-filters .table-filter .js td.input.checkbox label:before {
top: 15px;
left: 15px;
}
.tabs {
margin: 0;
list-style: none;
}
.tabs li {
float: left;
margin-right: 5px;
white-space: nowrap;
background: #fff;
background-color: rgba(255, 255, 255, 0.7);
transition: background 0.2s ease-in-out;
}
.tabs li.help {
float: right;
}
.tabs li a,
.tabs li span {
display: block;
padding: 9px 20px 6px;
border-radius: 2px 2px 0 0;
color: #9a9a9a;
text-decoration: none;
transition: color 0.1s ease-in-out;
line-height: 25px;
}
.tabs li a:hover,
.tabs li span:hover {
background-color: #fff;
color: #000;
}
.tabs li a:before,
.tabs li span:before {
line-height: 20px;
height: 20px;
margin-right: 5px;
font-size: 20px;
vertical-align: middle;
margin-left: -5px;
position: relative;
top: -2px;
}
.tabs li.is-active {
background-color: #fff;
}
.tabs li.is-active a,
.tabs li.is-active span {
color: #000;
margin-bottom: 0;
border-bottom: 1px solid #fff;
}
.tabs li.tabs-select {
padding-left: 20px;
}
.tabs li .label {
display: inline-block;
line-height: 40px;
vertical-align: middle;
}
.tabs li .select {
display: inline-block;
vertical-align: middle;
margin-bottom: 1px;
padding-left: 10px;
min-width: 200px;
}
.tabs li .select .chosen-container-single .chosen-single {
border-color: #fff;
font-family: open_sanssemibold, sans-serif;
font-weight: 600;
}
.tabs li .select .chosen-container .chosen-drop {
border-color: #fff;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.text-pane {
padding: 40px;
}
.text-pane .text-pane-paragraphs {
max-width: 800px;
margin-top: 40px;
}
.text-pane .text-pane-paragraphs:first-child {
margin-top: 0;
}
.text-pane .text-pane-paragraphs-header h2 {
font-size: 23px;
}
.text-pane .text-pane-paragraphs-content {
margin-top: 20px;
}
.text-pane .text-pane-intro {
font-size: 15px;
line-height: 24px;
}
.js [data-text-toggle] {
padding-right: 30px;
box-sizing: border-box;
max-height: 100px;
overflow: hidden;
}
.js [data-text-toggle] p {
margin-top: 0;
transition: margin-top 0.1s ease-in-out;
}
.js [data-text-toggle] .text-toggle-more {
display: block;
position: absolute;
right: 0;
top: 0;
bottom: -1px;
color: #424242;
width: 30px;
cursor: pointer;
text-decoration: none;
}
.js [data-text-toggle] .text-toggle-more:before {
position: absolute;
top: 0;
width: 30px;
line-height: 20px;
text-align: center;
font-size: 24px;
margin-top: 0;
animation: arrow-movement 1.5s ease-in-out infinite;
transition: font-size 0.1s ease-in-out, bottom 0.1s ease-in-out, margin 0.1s ease-in-out;
color: #000000;
}
.js [data-text-toggle] .text-toggle-more:hover:before {
font-size: 20px;
}
.js [data-text-toggle] .text-toggle-more:hover, .js [data-text-toggle] .text-toggle-more:active, .js [data-text-toggle] .text-toggle-more:focus {
text-decoration: none;
}
.js [data-text-toggle] .text-toggle-more.has-been-opened:before {
top: auto;
bottom: 0;
animation: none;
}
.js [data-text-toggle]:hover .text-toggle-more:before {
font-size: 30px;
margin-bottom: -5px;
}
.js [data-text-toggle].is-open {
color: #4D4D4D;
}
.js [data-text-toggle].is-open p {
margin-top: 20px;
}
.js [data-text-toggle].is-open p:first-child {
margin-top: 0;
}
.js [data-text-toggle].is-open .text-toggle-more:before {
bottom: 100%;
margin-bottom: -20px;
}
.text-toggle-active {
cursor: pointer;
}
.text-toggle-active.is-open {
cursor: default;
}
.js [data-text-toggle="1"] {
max-height: 20px;
}
.js [data-text-toggle="2"] {
max-height: 40px;
}
.js [data-text-toggle="3"] {
max-height: 60px;
}
.js [data-text-toggle="4"] {
max-height: 80px;
}
.js [data-text-toggle="4"] {
max-height: 100px;
}
.js .form-field .form.single-row [data-text-toggle="1"] {
max-height: 18px;
}
.js .form-field .form.single-row [data-text-toggle="2"] {
max-height: 36px;
}
.js .form-field .form.single-row [data-text-toggle="3"] {
max-height: 54px;
}
.js .form-field .form.single-row [data-text-toggle="4"] {
max-height: 72px;
}
.js .form-field .form.single-row [data-text-toggle="5"] {
max-height: 90px;
}
.js .card-header [data-text-toggle] {
max-height: 120px;
}
.js .card-header [data-text-toggle="1"] {
max-height: 24px;
}
.js .card-header [data-text-toggle="2"] {
max-height: 48px;
}
.js .card-header [data-text-toggle="3"] {
max-height: 72px;
}
.js .card-header [data-text-toggle="4"] {
max-height: 96px;
}
/* Keyframe animation for text-toggle-more arrow */
@keyframes arrow-movement {
0% {
opacity: 0;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
top: 45%;
}
}