/*@include keyframes(slide-down) {
  0% { opacity: 1; }
  90% { opacity: 0; }
}

.element {
  @include animation('slide-down 5s 3');
}*/
/* -------------------------------- 

Golden Ratio

-------------------------------- */
/* -------------------------------- 

Responsive Breakpoints

-------------------------------- */
/* -------------------------------- 

Components

-------------------------------- */
/* --------------------------------

Default color schema

-------------------------------- */
/* --------------------------------

ios color schema

-------------------------------- */
/* --------------------------------

Flat color schema

-------------------------------- */
/* --------------------------------

Material color schema

-------------------------------- */
/* --------------------------------

Map setter for themes

-------------------------------- */
/* -------------------------------- 

ios buttons schema

-------------------------------- */
/* -------------------------------- 

flat buttons schema

-------------------------------- */
/* -------------------------------- 

material buttons schema

-------------------------------- */
/* -------------------------------- 

solid form components schema

        background-color: rgba(246, 251, 255, 0.67);
    border-color: #d5d5d5;
    border: 1px solid #d3d8db;
    padding: ;

-------------------------------- */
/* -------------------------------- 

flat form components schema

-------------------------------- */
/* -------------------------------- 

material form components schema

-------------------------------- */
/* -------------------------------- */
/* --------------------------------

ios cards schema

-------------------------------- */
/* --------------------------------

Flat cards schema

-------------------------------- */
/* --------------------------------

Material cards schema

-------------------------------- */
.euf-solid-theme .btn {
  border-width: 0.0625rem;
  background-color: transparent;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
  border-color: #95a5a6;
  color: #95a5a6;
  font-size: 0.875rem;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .euf-solid-theme .btn:disabled, .euf-solid-theme .btn[disabled], .euf-solid-theme .btn.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50); }
  .euf-solid-theme .btn[data-color-bg="true"]:hover {
    background-color: #95a5a6; }
  .euf-material-theme .euf-solid-theme .btn {
    color: red; }
  .euf-solid-theme .btn:hover, .euf-solid-theme .btn:focus, .euf-solid-theme .btn:active, .euf-solid-theme .btn.active,
  .open > .euf-solid-theme .btn.dropdown-toggle {
    background-color: transparent;
    color: #7f8c8d;
    border-color: #7f8c8d; }
  .euf-solid-theme .btn:disabled, .euf-solid-theme .btn[disabled], .euf-solid-theme .btn.disabled {
    background-color: transparent;
    border-color: #95a5a6; }
  .euf-solid-theme .btn.btn-fill {
    color: #ffffff !important;
    background-color: #95a5a6;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn.btn-fill:hover, .euf-solid-theme .btn.btn-fill:focus, .euf-solid-theme .btn.btn-fill:active, .euf-solid-theme .btn.btn-fill.active,
    .open > .euf-solid-theme .btn.btn-fill.dropdown-toggle {
      background-color: #7f8c8d;
      border-color: #7f8c8d;
      color: #ffffff; }
    .euf-solid-theme .btn.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn .caret {
    border-top-color: #95a5a6; }
  .euf-solid-theme .btn.btn-round {
    padding: 0.5rem 1rem; }
  .euf-solid-theme .btn.btn-simple {
    padding: 0.5rem 1rem; }
  .euf-solid-theme .btn:hover, .euf-solid-theme .btn:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    outline: 0 !important; }
  .euf-solid-theme .btn:active, .euf-solid-theme .btn.active,
  .open > .euf-solid-theme .btn.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important; }
  .euf-solid-theme .btn svg:not(:root) {
    width: 0.937rem;
    height: 0.937rem;
    fill: #58595B;
    margin: 0 0.125rem -0.125rem 0; }
  .euf-solid-theme .btn.dropdown-toggle {
    border-width: 0.0625rem;
    border-color: #DDD; }
  .euf-solid-theme .btn.btn-icon {
    border: none; }
  .euf-solid-theme .btn.btn-modal-close {
    position: absolute;
    right: 0.312rem;
    top: 0; }
  .euf-solid-theme .btn.btn-collapse {
    background: #F3F6F8;
    border-top: 0.0625rem solid rgba(196, 201, 204, 0.5);
    border-radius: 0;
    color: #1C3357; }
  .euf-solid-theme .btn.btn-round {
    border-radius: 1.875rem !important;
    padding: 0.5625rem 1.12rem; }
    .euf-solid-theme .btn.btn-round.btn-icon {
      padding: 0.5625rem; }
  .euf-solid-theme .btn.btn-simple {
    border: 0;
    padding: 0; }
    .euf-solid-theme .btn.btn-simple.btn-link {
      margin: 0 !important;
      padding: 0;
      border-bottom: 0.0625rem solid; }
  .euf-solid-theme .btn.btn-lg {
    font-size: 1.125rem;
    border-radius: 0.625rem;
    padding: 0.875rem 1.875rem;
    margin-right: 0.625rem; }
    .euf-solid-theme .btn.btn-lg.btn-round {
      padding: 0.875rem 1.875rem; }
    .euf-solid-theme .btn.btn-lg.btn-simple {
      padding: 0.875rem 1.875rem; }
  .euf-solid-theme .btn.btn-sm {
    font-size: 0.75rem;
    border-radius: 0.25rem;
    padding: 0.3125rem 0.625rem; }
    .euf-solid-theme .btn.btn-sm.btn-round {
      padding: 0.3125rem 0.625rem; }
    .euf-solid-theme .btn.btn-sm.btn-simple {
      padding: 0.3125rem 0.625rem; }
  .euf-solid-theme .btn.btn-xs {
    font-size: 0.7rem;
    border-radius: 0.2rem;
    padding: 0.0625rem 0.3125rem; }
    .euf-solid-theme .btn.btn-xs.btn-round {
      padding: 0.0625rem 0.3125rem; }
    .euf-solid-theme .btn.btn-xs.btn-simple {
      padding: 0.0625rem 0.3125rem; }
  @media (max-width: 1024px) {
    .euf-solid-theme .btn.btn-sm-block {
      display: inline-block;
      font-size: 0;
      text-align: center; }
      .euf-solid-theme .btn.btn-sm-block:before {
        position: relative;
        margin: 0;
        left: calc(50% - 7px); } }

.euf-solid-theme .btn-ftospetrol, .euf-solid-theme .btn-color10 {
  border-color: #3F5A63;
  color: #3F5A63; }
  .euf-solid-theme .btn-ftospetrol[data-color-bg="true"]:hover, .euf-solid-theme .btn-color10[data-color-bg="true"]:hover {
    background-color: #3F5A63; }
  .euf-material-theme .euf-solid-theme .btn-ftospetrol, .euf-material-theme .euf-solid-theme .btn-color10 {
    color: red; }
  .euf-solid-theme .btn-ftospetrol:hover, .euf-solid-theme .btn-ftospetrol:focus, .euf-solid-theme .btn-ftospetrol:active, .euf-solid-theme .btn-ftospetrol.active,
  .open > .euf-solid-theme .btn-ftospetrol.dropdown-toggle, .euf-solid-theme .btn-color10:hover, .euf-solid-theme .btn-color10:focus, .euf-solid-theme .btn-color10:active, .euf-solid-theme .btn-color10.active,
  .open > .euf-solid-theme .btn-color10.dropdown-toggle {
    background-color: transparent;
    color: #3c788c;
    border-color: #3c788c; }
  .euf-solid-theme .btn-ftospetrol:disabled, .euf-solid-theme .btn-ftospetrol[disabled], .euf-solid-theme .btn-ftospetrol.disabled, .euf-solid-theme .btn-color10:disabled, .euf-solid-theme .btn-color10[disabled], .euf-solid-theme .btn-color10.disabled {
    background-color: transparent;
    border-color: #3F5A63; }
  .euf-solid-theme .btn-ftospetrol.btn-fill, .euf-solid-theme .btn-color10.btn-fill {
    color: #ffffff !important;
    background-color: #3F5A63;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-ftospetrol.btn-fill:hover, .euf-solid-theme .btn-ftospetrol.btn-fill:focus, .euf-solid-theme .btn-ftospetrol.btn-fill:active, .euf-solid-theme .btn-ftospetrol.btn-fill.active,
    .open > .euf-solid-theme .btn-ftospetrol.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color10.btn-fill:hover, .euf-solid-theme .btn-color10.btn-fill:focus, .euf-solid-theme .btn-color10.btn-fill:active, .euf-solid-theme .btn-color10.btn-fill.active,
    .open > .euf-solid-theme .btn-color10.btn-fill.dropdown-toggle {
      background-color: #3c788c;
      border-color: #3c788c;
      color: #ffffff; }
    .euf-solid-theme .btn-ftospetrol.btn-fill .caret, .euf-solid-theme .btn-color10.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-ftospetrol .caret, .euf-solid-theme .btn-color10 .caret {
    border-top-color: #3F5A63; }

.euf-solid-theme .btn-ftospetrol-states, .euf-solid-theme .btn-color10-states {
  border-color: #3c788c;
  color: #3c788c; }
  .euf-solid-theme .btn-ftospetrol-states[data-color-bg="true"]:hover, .euf-solid-theme .btn-color10-states[data-color-bg="true"]:hover {
    background-color: #3c788c; }
  .euf-material-theme .euf-solid-theme .btn-ftospetrol-states, .euf-material-theme .euf-solid-theme .btn-color10-states {
    color: red; }
  .euf-solid-theme .btn-ftospetrol-states:hover, .euf-solid-theme .btn-ftospetrol-states:focus, .euf-solid-theme .btn-ftospetrol-states:active, .euf-solid-theme .btn-ftospetrol-states.active,
  .open > .euf-solid-theme .btn-ftospetrol-states.dropdown-toggle, .euf-solid-theme .btn-color10-states:hover, .euf-solid-theme .btn-color10-states:focus, .euf-solid-theme .btn-color10-states:active, .euf-solid-theme .btn-color10-states.active,
  .open > .euf-solid-theme .btn-color10-states.dropdown-toggle {
    background-color: transparent; }
  .euf-solid-theme .btn-ftospetrol-states:disabled, .euf-solid-theme .btn-ftospetrol-states[disabled], .euf-solid-theme .btn-ftospetrol-states.disabled, .euf-solid-theme .btn-color10-states:disabled, .euf-solid-theme .btn-color10-states[disabled], .euf-solid-theme .btn-color10-states.disabled {
    background-color: transparent;
    border-color: #3c788c; }
  .euf-solid-theme .btn-ftospetrol-states.btn-fill, .euf-solid-theme .btn-color10-states.btn-fill {
    color: #ffffff !important;
    background-color: #3c788c;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-ftospetrol-states.btn-fill:hover, .euf-solid-theme .btn-ftospetrol-states.btn-fill:focus, .euf-solid-theme .btn-ftospetrol-states.btn-fill:active, .euf-solid-theme .btn-ftospetrol-states.btn-fill.active,
    .open > .euf-solid-theme .btn-ftospetrol-states.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color10-states.btn-fill:hover, .euf-solid-theme .btn-color10-states.btn-fill:focus, .euf-solid-theme .btn-color10-states.btn-fill:active, .euf-solid-theme .btn-color10-states.btn-fill.active,
    .open > .euf-solid-theme .btn-color10-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-solid-theme .btn-ftospetrol-states.btn-fill .caret, .euf-solid-theme .btn-color10-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-ftospetrol-states .caret, .euf-solid-theme .btn-color10-states .caret {
    border-top-color: #3c788c; }

.euf-solid-theme .btn-ftosblue, .euf-solid-theme .btn-color9 {
  border-color: #27AAE1;
  color: #27AAE1; }
  .euf-solid-theme .btn-ftosblue[data-color-bg="true"]:hover, .euf-solid-theme .btn-color9[data-color-bg="true"]:hover {
    background-color: #27AAE1; }
  .euf-material-theme .euf-solid-theme .btn-ftosblue, .euf-material-theme .euf-solid-theme .btn-color9 {
    color: red; }
  .euf-solid-theme .btn-ftosblue:hover, .euf-solid-theme .btn-ftosblue:focus, .euf-solid-theme .btn-ftosblue:active, .euf-solid-theme .btn-ftosblue.active,
  .open > .euf-solid-theme .btn-ftosblue.dropdown-toggle, .euf-solid-theme .btn-color9:hover, .euf-solid-theme .btn-color9:focus, .euf-solid-theme .btn-color9:active, .euf-solid-theme .btn-color9.active,
  .open > .euf-solid-theme .btn-color9.dropdown-toggle {
    background-color: transparent;
    color: #1c98cc;
    border-color: #1c98cc; }
  .euf-solid-theme .btn-ftosblue:disabled, .euf-solid-theme .btn-ftosblue[disabled], .euf-solid-theme .btn-ftosblue.disabled, .euf-solid-theme .btn-color9:disabled, .euf-solid-theme .btn-color9[disabled], .euf-solid-theme .btn-color9.disabled {
    background-color: transparent;
    border-color: #27AAE1; }
  .euf-solid-theme .btn-ftosblue.btn-fill, .euf-solid-theme .btn-color9.btn-fill {
    color: #ffffff !important;
    background-color: #27AAE1;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-ftosblue.btn-fill:hover, .euf-solid-theme .btn-ftosblue.btn-fill:focus, .euf-solid-theme .btn-ftosblue.btn-fill:active, .euf-solid-theme .btn-ftosblue.btn-fill.active,
    .open > .euf-solid-theme .btn-ftosblue.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color9.btn-fill:hover, .euf-solid-theme .btn-color9.btn-fill:focus, .euf-solid-theme .btn-color9.btn-fill:active, .euf-solid-theme .btn-color9.btn-fill.active,
    .open > .euf-solid-theme .btn-color9.btn-fill.dropdown-toggle {
      background-color: #1c98cc;
      border-color: #1c98cc;
      color: #ffffff; }
    .euf-solid-theme .btn-ftosblue.btn-fill .caret, .euf-solid-theme .btn-color9.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-ftosblue .caret, .euf-solid-theme .btn-color9 .caret {
    border-top-color: #27AAE1; }

.euf-solid-theme .btn-ftosblue-states, .euf-solid-theme .btn-color9-states {
  border-color: #1c98cc;
  color: #1c98cc; }
  .euf-solid-theme .btn-ftosblue-states[data-color-bg="true"]:hover, .euf-solid-theme .btn-color9-states[data-color-bg="true"]:hover {
    background-color: #1c98cc; }
  .euf-material-theme .euf-solid-theme .btn-ftosblue-states, .euf-material-theme .euf-solid-theme .btn-color9-states {
    color: red; }
  .euf-solid-theme .btn-ftosblue-states:hover, .euf-solid-theme .btn-ftosblue-states:focus, .euf-solid-theme .btn-ftosblue-states:active, .euf-solid-theme .btn-ftosblue-states.active,
  .open > .euf-solid-theme .btn-ftosblue-states.dropdown-toggle, .euf-solid-theme .btn-color9-states:hover, .euf-solid-theme .btn-color9-states:focus, .euf-solid-theme .btn-color9-states:active, .euf-solid-theme .btn-color9-states.active,
  .open > .euf-solid-theme .btn-color9-states.dropdown-toggle {
    background-color: transparent; }
  .euf-solid-theme .btn-ftosblue-states:disabled, .euf-solid-theme .btn-ftosblue-states[disabled], .euf-solid-theme .btn-ftosblue-states.disabled, .euf-solid-theme .btn-color9-states:disabled, .euf-solid-theme .btn-color9-states[disabled], .euf-solid-theme .btn-color9-states.disabled {
    background-color: transparent;
    border-color: #1c98cc; }
  .euf-solid-theme .btn-ftosblue-states.btn-fill, .euf-solid-theme .btn-color9-states.btn-fill {
    color: #ffffff !important;
    background-color: #1c98cc;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-ftosblue-states.btn-fill:hover, .euf-solid-theme .btn-ftosblue-states.btn-fill:focus, .euf-solid-theme .btn-ftosblue-states.btn-fill:active, .euf-solid-theme .btn-ftosblue-states.btn-fill.active,
    .open > .euf-solid-theme .btn-ftosblue-states.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color9-states.btn-fill:hover, .euf-solid-theme .btn-color9-states.btn-fill:focus, .euf-solid-theme .btn-color9-states.btn-fill:active, .euf-solid-theme .btn-color9-states.btn-fill.active,
    .open > .euf-solid-theme .btn-color9-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-solid-theme .btn-ftosblue-states.btn-fill .caret, .euf-solid-theme .btn-color9-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-ftosblue-states .caret, .euf-solid-theme .btn-color9-states .caret {
    border-top-color: #1c98cc; }

.euf-solid-theme .btn-default, .euf-solid-theme .btn-color8 {
  border-color: #888888;
  color: #888888; }
  .euf-solid-theme .btn-default[data-color-bg="true"]:hover, .euf-solid-theme .btn-color8[data-color-bg="true"]:hover {
    background-color: #888888; }
  .euf-material-theme .euf-solid-theme .btn-default, .euf-material-theme .euf-solid-theme .btn-color8 {
    color: red; }
  .euf-solid-theme .btn-default:hover, .euf-solid-theme .btn-default:focus, .euf-solid-theme .btn-default:active, .euf-solid-theme .btn-default.active,
  .open > .euf-solid-theme .btn-default.dropdown-toggle, .euf-solid-theme .btn-color8:hover, .euf-solid-theme .btn-color8:focus, .euf-solid-theme .btn-color8:active, .euf-solid-theme .btn-color8.active,
  .open > .euf-solid-theme .btn-color8.dropdown-toggle {
    background-color: transparent;
    color: #777777;
    border-color: #777777; }
  .euf-solid-theme .btn-default:disabled, .euf-solid-theme .btn-default[disabled], .euf-solid-theme .btn-default.disabled, .euf-solid-theme .btn-color8:disabled, .euf-solid-theme .btn-color8[disabled], .euf-solid-theme .btn-color8.disabled {
    background-color: transparent;
    border-color: #888888; }
  .euf-solid-theme .btn-default.btn-fill, .euf-solid-theme .btn-color8.btn-fill {
    color: #ffffff !important;
    background-color: #888888;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-default.btn-fill:hover, .euf-solid-theme .btn-default.btn-fill:focus, .euf-solid-theme .btn-default.btn-fill:active, .euf-solid-theme .btn-default.btn-fill.active,
    .open > .euf-solid-theme .btn-default.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color8.btn-fill:hover, .euf-solid-theme .btn-color8.btn-fill:focus, .euf-solid-theme .btn-color8.btn-fill:active, .euf-solid-theme .btn-color8.btn-fill.active,
    .open > .euf-solid-theme .btn-color8.btn-fill.dropdown-toggle {
      background-color: #777777;
      border-color: #777777;
      color: #ffffff; }
    .euf-solid-theme .btn-default.btn-fill .caret, .euf-solid-theme .btn-color8.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-default .caret, .euf-solid-theme .btn-color8 .caret {
    border-top-color: #888888; }

.euf-solid-theme .btn-default-states, .euf-solid-theme .btn-color8-states {
  border-color: #777777;
  color: #777777; }
  .euf-solid-theme .btn-default-states[data-color-bg="true"]:hover, .euf-solid-theme .btn-color8-states[data-color-bg="true"]:hover {
    background-color: #777777; }
  .euf-material-theme .euf-solid-theme .btn-default-states, .euf-material-theme .euf-solid-theme .btn-color8-states {
    color: red; }
  .euf-solid-theme .btn-default-states:hover, .euf-solid-theme .btn-default-states:focus, .euf-solid-theme .btn-default-states:active, .euf-solid-theme .btn-default-states.active,
  .open > .euf-solid-theme .btn-default-states.dropdown-toggle, .euf-solid-theme .btn-color8-states:hover, .euf-solid-theme .btn-color8-states:focus, .euf-solid-theme .btn-color8-states:active, .euf-solid-theme .btn-color8-states.active,
  .open > .euf-solid-theme .btn-color8-states.dropdown-toggle {
    background-color: transparent; }
  .euf-solid-theme .btn-default-states:disabled, .euf-solid-theme .btn-default-states[disabled], .euf-solid-theme .btn-default-states.disabled, .euf-solid-theme .btn-color8-states:disabled, .euf-solid-theme .btn-color8-states[disabled], .euf-solid-theme .btn-color8-states.disabled {
    background-color: transparent;
    border-color: #777777; }
  .euf-solid-theme .btn-default-states.btn-fill, .euf-solid-theme .btn-color8-states.btn-fill {
    color: #ffffff !important;
    background-color: #777777;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-default-states.btn-fill:hover, .euf-solid-theme .btn-default-states.btn-fill:focus, .euf-solid-theme .btn-default-states.btn-fill:active, .euf-solid-theme .btn-default-states.btn-fill.active,
    .open > .euf-solid-theme .btn-default-states.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color8-states.btn-fill:hover, .euf-solid-theme .btn-color8-states.btn-fill:focus, .euf-solid-theme .btn-color8-states.btn-fill:active, .euf-solid-theme .btn-color8-states.btn-fill.active,
    .open > .euf-solid-theme .btn-color8-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-solid-theme .btn-default-states.btn-fill .caret, .euf-solid-theme .btn-color8-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-default-states .caret, .euf-solid-theme .btn-color8-states .caret {
    border-top-color: #777777; }

.euf-solid-theme .btn-blue, .euf-solid-theme .btn-color6 {
  border-color: #0192ff;
  color: #0192ff; }
  .euf-solid-theme .btn-blue[data-color-bg="true"]:hover, .euf-solid-theme .btn-color6[data-color-bg="true"]:hover {
    background-color: #0192ff; }
  .euf-material-theme .euf-solid-theme .btn-blue, .euf-material-theme .euf-solid-theme .btn-color6 {
    color: red; }
  .euf-solid-theme .btn-blue:hover, .euf-solid-theme .btn-blue:focus, .euf-solid-theme .btn-blue:active, .euf-solid-theme .btn-blue.active,
  .open > .euf-solid-theme .btn-blue.dropdown-toggle, .euf-solid-theme .btn-color6:hover, .euf-solid-theme .btn-color6:focus, .euf-solid-theme .btn-color6:active, .euf-solid-theme .btn-color6.active,
  .open > .euf-solid-theme .btn-color6.dropdown-toggle {
    background-color: transparent;
    color: #2980b9;
    border-color: #2980b9; }
  .euf-solid-theme .btn-blue:disabled, .euf-solid-theme .btn-blue[disabled], .euf-solid-theme .btn-blue.disabled, .euf-solid-theme .btn-color6:disabled, .euf-solid-theme .btn-color6[disabled], .euf-solid-theme .btn-color6.disabled {
    background-color: transparent;
    border-color: #0192ff; }
  .euf-solid-theme .btn-blue.btn-fill, .euf-solid-theme .btn-color6.btn-fill {
    color: #ffffff !important;
    background-color: #0192ff;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-blue.btn-fill:hover, .euf-solid-theme .btn-blue.btn-fill:focus, .euf-solid-theme .btn-blue.btn-fill:active, .euf-solid-theme .btn-blue.btn-fill.active,
    .open > .euf-solid-theme .btn-blue.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color6.btn-fill:hover, .euf-solid-theme .btn-color6.btn-fill:focus, .euf-solid-theme .btn-color6.btn-fill:active, .euf-solid-theme .btn-color6.btn-fill.active,
    .open > .euf-solid-theme .btn-color6.btn-fill.dropdown-toggle {
      background-color: #2980b9;
      border-color: #2980b9;
      color: #ffffff; }
    .euf-solid-theme .btn-blue.btn-fill .caret, .euf-solid-theme .btn-color6.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-blue .caret, .euf-solid-theme .btn-color6 .caret {
    border-top-color: #0192ff; }

.euf-solid-theme .btn-blue-states, .euf-solid-theme .btn-color6-states {
  border-color: #2980b9;
  color: #2980b9; }
  .euf-solid-theme .btn-blue-states[data-color-bg="true"]:hover, .euf-solid-theme .btn-color6-states[data-color-bg="true"]:hover {
    background-color: #2980b9; }
  .euf-material-theme .euf-solid-theme .btn-blue-states, .euf-material-theme .euf-solid-theme .btn-color6-states {
    color: red; }
  .euf-solid-theme .btn-blue-states:hover, .euf-solid-theme .btn-blue-states:focus, .euf-solid-theme .btn-blue-states:active, .euf-solid-theme .btn-blue-states.active,
  .open > .euf-solid-theme .btn-blue-states.dropdown-toggle, .euf-solid-theme .btn-color6-states:hover, .euf-solid-theme .btn-color6-states:focus, .euf-solid-theme .btn-color6-states:active, .euf-solid-theme .btn-color6-states.active,
  .open > .euf-solid-theme .btn-color6-states.dropdown-toggle {
    background-color: transparent; }
  .euf-solid-theme .btn-blue-states:disabled, .euf-solid-theme .btn-blue-states[disabled], .euf-solid-theme .btn-blue-states.disabled, .euf-solid-theme .btn-color6-states:disabled, .euf-solid-theme .btn-color6-states[disabled], .euf-solid-theme .btn-color6-states.disabled {
    background-color: transparent;
    border-color: #2980b9; }
  .euf-solid-theme .btn-blue-states.btn-fill, .euf-solid-theme .btn-color6-states.btn-fill {
    color: #ffffff !important;
    background-color: #2980b9;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-blue-states.btn-fill:hover, .euf-solid-theme .btn-blue-states.btn-fill:focus, .euf-solid-theme .btn-blue-states.btn-fill:active, .euf-solid-theme .btn-blue-states.btn-fill.active,
    .open > .euf-solid-theme .btn-blue-states.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color6-states.btn-fill:hover, .euf-solid-theme .btn-color6-states.btn-fill:focus, .euf-solid-theme .btn-color6-states.btn-fill:active, .euf-solid-theme .btn-color6-states.btn-fill.active,
    .open > .euf-solid-theme .btn-color6-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-solid-theme .btn-blue-states.btn-fill .caret, .euf-solid-theme .btn-color6-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-blue-states .caret, .euf-solid-theme .btn-color6-states .caret {
    border-top-color: #2980b9; }

.euf-solid-theme .btn-green, .euf-solid-theme .btn-color2 {
  border-color: #36c358;
  color: #36c358; }
  .euf-solid-theme .btn-green[data-color-bg="true"]:hover, .euf-solid-theme .btn-color2[data-color-bg="true"]:hover {
    background-color: #36c358; }
  .euf-material-theme .euf-solid-theme .btn-green, .euf-material-theme .euf-solid-theme .btn-color2 {
    color: red; }
  .euf-solid-theme .btn-green:hover, .euf-solid-theme .btn-green:focus, .euf-solid-theme .btn-green:active, .euf-solid-theme .btn-green.active,
  .open > .euf-solid-theme .btn-green.dropdown-toggle, .euf-solid-theme .btn-color2:hover, .euf-solid-theme .btn-color2:focus, .euf-solid-theme .btn-color2:active, .euf-solid-theme .btn-color2.active,
  .open > .euf-solid-theme .btn-color2.dropdown-toggle {
    background-color: transparent;
    color: #049F0C;
    border-color: #049F0C; }
  .euf-solid-theme .btn-green:disabled, .euf-solid-theme .btn-green[disabled], .euf-solid-theme .btn-green.disabled, .euf-solid-theme .btn-color2:disabled, .euf-solid-theme .btn-color2[disabled], .euf-solid-theme .btn-color2.disabled {
    background-color: transparent;
    border-color: #36c358; }
  .euf-solid-theme .btn-green.btn-fill, .euf-solid-theme .btn-color2.btn-fill {
    color: #ffffff !important;
    background-color: #36c358;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-green.btn-fill:hover, .euf-solid-theme .btn-green.btn-fill:focus, .euf-solid-theme .btn-green.btn-fill:active, .euf-solid-theme .btn-green.btn-fill.active,
    .open > .euf-solid-theme .btn-green.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color2.btn-fill:hover, .euf-solid-theme .btn-color2.btn-fill:focus, .euf-solid-theme .btn-color2.btn-fill:active, .euf-solid-theme .btn-color2.btn-fill.active,
    .open > .euf-solid-theme .btn-color2.btn-fill.dropdown-toggle {
      background-color: #049F0C;
      border-color: #049F0C;
      color: #ffffff; }
    .euf-solid-theme .btn-green.btn-fill .caret, .euf-solid-theme .btn-color2.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-green .caret, .euf-solid-theme .btn-color2 .caret {
    border-top-color: #36c358; }

.euf-solid-theme .btn-green-states, .euf-solid-theme .btn-color2-states {
  border-color: #049F0C;
  color: #049F0C; }
  .euf-solid-theme .btn-green-states[data-color-bg="true"]:hover, .euf-solid-theme .btn-color2-states[data-color-bg="true"]:hover {
    background-color: #049F0C; }
  .euf-material-theme .euf-solid-theme .btn-green-states, .euf-material-theme .euf-solid-theme .btn-color2-states {
    color: red; }
  .euf-solid-theme .btn-green-states:hover, .euf-solid-theme .btn-green-states:focus, .euf-solid-theme .btn-green-states:active, .euf-solid-theme .btn-green-states.active,
  .open > .euf-solid-theme .btn-green-states.dropdown-toggle, .euf-solid-theme .btn-color2-states:hover, .euf-solid-theme .btn-color2-states:focus, .euf-solid-theme .btn-color2-states:active, .euf-solid-theme .btn-color2-states.active,
  .open > .euf-solid-theme .btn-color2-states.dropdown-toggle {
    background-color: transparent; }
  .euf-solid-theme .btn-green-states:disabled, .euf-solid-theme .btn-green-states[disabled], .euf-solid-theme .btn-green-states.disabled, .euf-solid-theme .btn-color2-states:disabled, .euf-solid-theme .btn-color2-states[disabled], .euf-solid-theme .btn-color2-states.disabled {
    background-color: transparent;
    border-color: #049F0C; }
  .euf-solid-theme .btn-green-states.btn-fill, .euf-solid-theme .btn-color2-states.btn-fill {
    color: #ffffff !important;
    background-color: #049F0C;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-green-states.btn-fill:hover, .euf-solid-theme .btn-green-states.btn-fill:focus, .euf-solid-theme .btn-green-states.btn-fill:active, .euf-solid-theme .btn-green-states.btn-fill.active,
    .open > .euf-solid-theme .btn-green-states.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color2-states.btn-fill:hover, .euf-solid-theme .btn-color2-states.btn-fill:focus, .euf-solid-theme .btn-color2-states.btn-fill:active, .euf-solid-theme .btn-color2-states.btn-fill.active,
    .open > .euf-solid-theme .btn-color2-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-solid-theme .btn-green-states.btn-fill .caret, .euf-solid-theme .btn-color2-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-green-states .caret, .euf-solid-theme .btn-color2-states .caret {
    border-top-color: #049F0C; }

.euf-solid-theme .btn-azure, .euf-solid-theme .btn-color1 {
  border-color: #2dbae7;
  color: #2dbae7; }
  .euf-solid-theme .btn-azure[data-color-bg="true"]:hover, .euf-solid-theme .btn-color1[data-color-bg="true"]:hover {
    background-color: #2dbae7; }
  .euf-material-theme .euf-solid-theme .btn-azure, .euf-material-theme .euf-solid-theme .btn-color1 {
    color: red; }
  .euf-solid-theme .btn-azure:hover, .euf-solid-theme .btn-azure:focus, .euf-solid-theme .btn-azure:active, .euf-solid-theme .btn-azure.active,
  .open > .euf-solid-theme .btn-azure.dropdown-toggle, .euf-solid-theme .btn-color1:hover, .euf-solid-theme .btn-color1:focus, .euf-solid-theme .btn-color1:active, .euf-solid-theme .btn-color1.active,
  .open > .euf-solid-theme .btn-color1.dropdown-toggle {
    background-color: transparent;
    color: #29a9d2;
    border-color: #29a9d2; }
  .euf-solid-theme .btn-azure:disabled, .euf-solid-theme .btn-azure[disabled], .euf-solid-theme .btn-azure.disabled, .euf-solid-theme .btn-color1:disabled, .euf-solid-theme .btn-color1[disabled], .euf-solid-theme .btn-color1.disabled {
    background-color: transparent;
    border-color: #2dbae7; }
  .euf-solid-theme .btn-azure.btn-fill, .euf-solid-theme .btn-color1.btn-fill {
    color: #ffffff !important;
    background-color: #2dbae7;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-azure.btn-fill:hover, .euf-solid-theme .btn-azure.btn-fill:focus, .euf-solid-theme .btn-azure.btn-fill:active, .euf-solid-theme .btn-azure.btn-fill.active,
    .open > .euf-solid-theme .btn-azure.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color1.btn-fill:hover, .euf-solid-theme .btn-color1.btn-fill:focus, .euf-solid-theme .btn-color1.btn-fill:active, .euf-solid-theme .btn-color1.btn-fill.active,
    .open > .euf-solid-theme .btn-color1.btn-fill.dropdown-toggle {
      background-color: #29a9d2;
      border-color: #29a9d2;
      color: #ffffff; }
    .euf-solid-theme .btn-azure.btn-fill .caret, .euf-solid-theme .btn-color1.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-azure .caret, .euf-solid-theme .btn-color1 .caret {
    border-top-color: #2dbae7; }

.euf-solid-theme .btn-azure-states, .euf-solid-theme .btn-color1-states {
  border-color: #29a9d2;
  color: #29a9d2; }
  .euf-solid-theme .btn-azure-states[data-color-bg="true"]:hover, .euf-solid-theme .btn-color1-states[data-color-bg="true"]:hover {
    background-color: #29a9d2; }
  .euf-material-theme .euf-solid-theme .btn-azure-states, .euf-material-theme .euf-solid-theme .btn-color1-states {
    color: red; }
  .euf-solid-theme .btn-azure-states:hover, .euf-solid-theme .btn-azure-states:focus, .euf-solid-theme .btn-azure-states:active, .euf-solid-theme .btn-azure-states.active,
  .open > .euf-solid-theme .btn-azure-states.dropdown-toggle, .euf-solid-theme .btn-color1-states:hover, .euf-solid-theme .btn-color1-states:focus, .euf-solid-theme .btn-color1-states:active, .euf-solid-theme .btn-color1-states.active,
  .open > .euf-solid-theme .btn-color1-states.dropdown-toggle {
    background-color: transparent; }
  .euf-solid-theme .btn-azure-states:disabled, .euf-solid-theme .btn-azure-states[disabled], .euf-solid-theme .btn-azure-states.disabled, .euf-solid-theme .btn-color1-states:disabled, .euf-solid-theme .btn-color1-states[disabled], .euf-solid-theme .btn-color1-states.disabled {
    background-color: transparent;
    border-color: #29a9d2; }
  .euf-solid-theme .btn-azure-states.btn-fill, .euf-solid-theme .btn-color1-states.btn-fill {
    color: #ffffff !important;
    background-color: #29a9d2;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-azure-states.btn-fill:hover, .euf-solid-theme .btn-azure-states.btn-fill:focus, .euf-solid-theme .btn-azure-states.btn-fill:active, .euf-solid-theme .btn-azure-states.btn-fill.active,
    .open > .euf-solid-theme .btn-azure-states.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color1-states.btn-fill:hover, .euf-solid-theme .btn-color1-states.btn-fill:focus, .euf-solid-theme .btn-color1-states.btn-fill:active, .euf-solid-theme .btn-color1-states.btn-fill.active,
    .open > .euf-solid-theme .btn-color1-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-solid-theme .btn-azure-states.btn-fill .caret, .euf-solid-theme .btn-color1-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-azure-states .caret, .euf-solid-theme .btn-color1-states .caret {
    border-top-color: #29a9d2; }

.euf-solid-theme .btn-orange, .euf-solid-theme .btn-color3 {
  border-color: #fed201;
  color: #fed201; }
  .euf-solid-theme .btn-orange[data-color-bg="true"]:hover, .euf-solid-theme .btn-color3[data-color-bg="true"]:hover {
    background-color: #fed201; }
  .euf-material-theme .euf-solid-theme .btn-orange, .euf-material-theme .euf-solid-theme .btn-color3 {
    color: red; }
  .euf-solid-theme .btn-orange:hover, .euf-solid-theme .btn-orange:focus, .euf-solid-theme .btn-orange:active, .euf-solid-theme .btn-orange.active,
  .open > .euf-solid-theme .btn-orange.dropdown-toggle, .euf-solid-theme .btn-color3:hover, .euf-solid-theme .btn-color3:focus, .euf-solid-theme .btn-color3:active, .euf-solid-theme .btn-color3.active,
  .open > .euf-solid-theme .btn-color3.dropdown-toggle {
    background-color: transparent;
    color: #FFC107;
    border-color: #FFC107; }
  .euf-solid-theme .btn-orange:disabled, .euf-solid-theme .btn-orange[disabled], .euf-solid-theme .btn-orange.disabled, .euf-solid-theme .btn-color3:disabled, .euf-solid-theme .btn-color3[disabled], .euf-solid-theme .btn-color3.disabled {
    background-color: transparent;
    border-color: #fed201; }
  .euf-solid-theme .btn-orange.btn-fill, .euf-solid-theme .btn-color3.btn-fill {
    color: #ffffff !important;
    background-color: #fed201;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-orange.btn-fill:hover, .euf-solid-theme .btn-orange.btn-fill:focus, .euf-solid-theme .btn-orange.btn-fill:active, .euf-solid-theme .btn-orange.btn-fill.active,
    .open > .euf-solid-theme .btn-orange.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color3.btn-fill:hover, .euf-solid-theme .btn-color3.btn-fill:focus, .euf-solid-theme .btn-color3.btn-fill:active, .euf-solid-theme .btn-color3.btn-fill.active,
    .open > .euf-solid-theme .btn-color3.btn-fill.dropdown-toggle {
      background-color: #FFC107;
      border-color: #FFC107;
      color: #ffffff; }
    .euf-solid-theme .btn-orange.btn-fill .caret, .euf-solid-theme .btn-color3.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-orange .caret, .euf-solid-theme .btn-color3 .caret {
    border-top-color: #fed201; }

.euf-solid-theme .btn-orange-states, .euf-solid-theme .btn-color3-states {
  border-color: #FFC107;
  color: #FFC107; }
  .euf-solid-theme .btn-orange-states[data-color-bg="true"]:hover, .euf-solid-theme .btn-color3-states[data-color-bg="true"]:hover {
    background-color: #FFC107; }
  .euf-material-theme .euf-solid-theme .btn-orange-states, .euf-material-theme .euf-solid-theme .btn-color3-states {
    color: red; }
  .euf-solid-theme .btn-orange-states:hover, .euf-solid-theme .btn-orange-states:focus, .euf-solid-theme .btn-orange-states:active, .euf-solid-theme .btn-orange-states.active,
  .open > .euf-solid-theme .btn-orange-states.dropdown-toggle, .euf-solid-theme .btn-color3-states:hover, .euf-solid-theme .btn-color3-states:focus, .euf-solid-theme .btn-color3-states:active, .euf-solid-theme .btn-color3-states.active,
  .open > .euf-solid-theme .btn-color3-states.dropdown-toggle {
    background-color: transparent; }
  .euf-solid-theme .btn-orange-states:disabled, .euf-solid-theme .btn-orange-states[disabled], .euf-solid-theme .btn-orange-states.disabled, .euf-solid-theme .btn-color3-states:disabled, .euf-solid-theme .btn-color3-states[disabled], .euf-solid-theme .btn-color3-states.disabled {
    background-color: transparent;
    border-color: #FFC107; }
  .euf-solid-theme .btn-orange-states.btn-fill, .euf-solid-theme .btn-color3-states.btn-fill {
    color: #ffffff !important;
    background-color: #FFC107;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-orange-states.btn-fill:hover, .euf-solid-theme .btn-orange-states.btn-fill:focus, .euf-solid-theme .btn-orange-states.btn-fill:active, .euf-solid-theme .btn-orange-states.btn-fill.active,
    .open > .euf-solid-theme .btn-orange-states.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color3-states.btn-fill:hover, .euf-solid-theme .btn-color3-states.btn-fill:focus, .euf-solid-theme .btn-color3-states.btn-fill:active, .euf-solid-theme .btn-color3-states.btn-fill.active,
    .open > .euf-solid-theme .btn-color3-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-solid-theme .btn-orange-states.btn-fill .caret, .euf-solid-theme .btn-color3-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-orange-states .caret, .euf-solid-theme .btn-color3-states .caret {
    border-top-color: #FFC107; }

.euf-solid-theme .btn-red, .euf-solid-theme .btn-color4 {
  border-color: #ff5534;
  color: #ff5534; }
  .euf-solid-theme .btn-red[data-color-bg="true"]:hover, .euf-solid-theme .btn-color4[data-color-bg="true"]:hover {
    background-color: #ff5534; }
  .euf-material-theme .euf-solid-theme .btn-red, .euf-material-theme .euf-solid-theme .btn-color4 {
    color: red; }
  .euf-solid-theme .btn-red:hover, .euf-solid-theme .btn-red:focus, .euf-solid-theme .btn-red:active, .euf-solid-theme .btn-red.active,
  .open > .euf-solid-theme .btn-red.dropdown-toggle, .euf-solid-theme .btn-color4:hover, .euf-solid-theme .btn-color4:focus, .euf-solid-theme .btn-color4:active, .euf-solid-theme .btn-color4.active,
  .open > .euf-solid-theme .btn-color4.dropdown-toggle {
    background-color: transparent;
    color: #d64031;
    border-color: #d64031; }
  .euf-solid-theme .btn-red:disabled, .euf-solid-theme .btn-red[disabled], .euf-solid-theme .btn-red.disabled, .euf-solid-theme .btn-color4:disabled, .euf-solid-theme .btn-color4[disabled], .euf-solid-theme .btn-color4.disabled {
    background-color: transparent;
    border-color: #ff5534; }
  .euf-solid-theme .btn-red.btn-fill, .euf-solid-theme .btn-color4.btn-fill {
    color: #ffffff !important;
    background-color: #ff5534;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-red.btn-fill:hover, .euf-solid-theme .btn-red.btn-fill:focus, .euf-solid-theme .btn-red.btn-fill:active, .euf-solid-theme .btn-red.btn-fill.active,
    .open > .euf-solid-theme .btn-red.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color4.btn-fill:hover, .euf-solid-theme .btn-color4.btn-fill:focus, .euf-solid-theme .btn-color4.btn-fill:active, .euf-solid-theme .btn-color4.btn-fill.active,
    .open > .euf-solid-theme .btn-color4.btn-fill.dropdown-toggle {
      background-color: #d64031;
      border-color: #d64031;
      color: #ffffff; }
    .euf-solid-theme .btn-red.btn-fill .caret, .euf-solid-theme .btn-color4.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-red .caret, .euf-solid-theme .btn-color4 .caret {
    border-top-color: #ff5534; }

.euf-solid-theme .btn-red-states, .euf-solid-theme .btn-color4-states {
  border-color: #d64031;
  color: #d64031; }
  .euf-solid-theme .btn-red-states[data-color-bg="true"]:hover, .euf-solid-theme .btn-color4-states[data-color-bg="true"]:hover {
    background-color: #d64031; }
  .euf-material-theme .euf-solid-theme .btn-red-states, .euf-material-theme .euf-solid-theme .btn-color4-states {
    color: red; }
  .euf-solid-theme .btn-red-states:hover, .euf-solid-theme .btn-red-states:focus, .euf-solid-theme .btn-red-states:active, .euf-solid-theme .btn-red-states.active,
  .open > .euf-solid-theme .btn-red-states.dropdown-toggle, .euf-solid-theme .btn-color4-states:hover, .euf-solid-theme .btn-color4-states:focus, .euf-solid-theme .btn-color4-states:active, .euf-solid-theme .btn-color4-states.active,
  .open > .euf-solid-theme .btn-color4-states.dropdown-toggle {
    background-color: transparent; }
  .euf-solid-theme .btn-red-states:disabled, .euf-solid-theme .btn-red-states[disabled], .euf-solid-theme .btn-red-states.disabled, .euf-solid-theme .btn-color4-states:disabled, .euf-solid-theme .btn-color4-states[disabled], .euf-solid-theme .btn-color4-states.disabled {
    background-color: transparent;
    border-color: #d64031; }
  .euf-solid-theme .btn-red-states.btn-fill, .euf-solid-theme .btn-color4-states.btn-fill {
    color: #ffffff !important;
    background-color: #d64031;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-red-states.btn-fill:hover, .euf-solid-theme .btn-red-states.btn-fill:focus, .euf-solid-theme .btn-red-states.btn-fill:active, .euf-solid-theme .btn-red-states.btn-fill.active,
    .open > .euf-solid-theme .btn-red-states.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color4-states.btn-fill:hover, .euf-solid-theme .btn-color4-states.btn-fill:focus, .euf-solid-theme .btn-color4-states.btn-fill:active, .euf-solid-theme .btn-color4-states.btn-fill.active,
    .open > .euf-solid-theme .btn-color4-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-solid-theme .btn-red-states.btn-fill .caret, .euf-solid-theme .btn-color4-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-red-states .caret, .euf-solid-theme .btn-color4-states .caret {
    border-top-color: #d64031; }

.euf-solid-theme .btn-pink, .euf-solid-theme .btn-color7 {
  border-color: #fe4a65;
  color: #fe4a65; }
  .euf-solid-theme .btn-pink[data-color-bg="true"]:hover, .euf-solid-theme .btn-color7[data-color-bg="true"]:hover {
    background-color: #fe4a65; }
  .euf-material-theme .euf-solid-theme .btn-pink, .euf-material-theme .euf-solid-theme .btn-color7 {
    color: red; }
  .euf-solid-theme .btn-pink:hover, .euf-solid-theme .btn-pink:focus, .euf-solid-theme .btn-pink:active, .euf-solid-theme .btn-pink.active,
  .open > .euf-solid-theme .btn-pink.dropdown-toggle, .euf-solid-theme .btn-color7:hover, .euf-solid-theme .btn-color7:focus, .euf-solid-theme .btn-color7:active, .euf-solid-theme .btn-color7.active,
  .open > .euf-solid-theme .btn-color7.dropdown-toggle {
    background-color: transparent;
    color: #e03e56;
    border-color: #e03e56; }
  .euf-solid-theme .btn-pink:disabled, .euf-solid-theme .btn-pink[disabled], .euf-solid-theme .btn-pink.disabled, .euf-solid-theme .btn-color7:disabled, .euf-solid-theme .btn-color7[disabled], .euf-solid-theme .btn-color7.disabled {
    background-color: transparent;
    border-color: #fe4a65; }
  .euf-solid-theme .btn-pink.btn-fill, .euf-solid-theme .btn-color7.btn-fill {
    color: #ffffff !important;
    background-color: #fe4a65;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-pink.btn-fill:hover, .euf-solid-theme .btn-pink.btn-fill:focus, .euf-solid-theme .btn-pink.btn-fill:active, .euf-solid-theme .btn-pink.btn-fill.active,
    .open > .euf-solid-theme .btn-pink.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color7.btn-fill:hover, .euf-solid-theme .btn-color7.btn-fill:focus, .euf-solid-theme .btn-color7.btn-fill:active, .euf-solid-theme .btn-color7.btn-fill.active,
    .open > .euf-solid-theme .btn-color7.btn-fill.dropdown-toggle {
      background-color: #e03e56;
      border-color: #e03e56;
      color: #ffffff; }
    .euf-solid-theme .btn-pink.btn-fill .caret, .euf-solid-theme .btn-color7.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-pink .caret, .euf-solid-theme .btn-color7 .caret {
    border-top-color: #fe4a65; }

.euf-solid-theme .btn-pink-states, .euf-solid-theme .btn-color7-states {
  border-color: #e03e56;
  color: #e03e56; }
  .euf-solid-theme .btn-pink-states[data-color-bg="true"]:hover, .euf-solid-theme .btn-color7-states[data-color-bg="true"]:hover {
    background-color: #e03e56; }
  .euf-material-theme .euf-solid-theme .btn-pink-states, .euf-material-theme .euf-solid-theme .btn-color7-states {
    color: red; }
  .euf-solid-theme .btn-pink-states:hover, .euf-solid-theme .btn-pink-states:focus, .euf-solid-theme .btn-pink-states:active, .euf-solid-theme .btn-pink-states.active,
  .open > .euf-solid-theme .btn-pink-states.dropdown-toggle, .euf-solid-theme .btn-color7-states:hover, .euf-solid-theme .btn-color7-states:focus, .euf-solid-theme .btn-color7-states:active, .euf-solid-theme .btn-color7-states.active,
  .open > .euf-solid-theme .btn-color7-states.dropdown-toggle {
    background-color: transparent; }
  .euf-solid-theme .btn-pink-states:disabled, .euf-solid-theme .btn-pink-states[disabled], .euf-solid-theme .btn-pink-states.disabled, .euf-solid-theme .btn-color7-states:disabled, .euf-solid-theme .btn-color7-states[disabled], .euf-solid-theme .btn-color7-states.disabled {
    background-color: transparent;
    border-color: #e03e56; }
  .euf-solid-theme .btn-pink-states.btn-fill, .euf-solid-theme .btn-color7-states.btn-fill {
    color: #ffffff !important;
    background-color: #e03e56;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-pink-states.btn-fill:hover, .euf-solid-theme .btn-pink-states.btn-fill:focus, .euf-solid-theme .btn-pink-states.btn-fill:active, .euf-solid-theme .btn-pink-states.btn-fill.active,
    .open > .euf-solid-theme .btn-pink-states.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color7-states.btn-fill:hover, .euf-solid-theme .btn-color7-states.btn-fill:focus, .euf-solid-theme .btn-color7-states.btn-fill:active, .euf-solid-theme .btn-color7-states.btn-fill.active,
    .open > .euf-solid-theme .btn-color7-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-solid-theme .btn-pink-states.btn-fill .caret, .euf-solid-theme .btn-color7-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-pink-states .caret, .euf-solid-theme .btn-color7-states .caret {
    border-top-color: #e03e56; }

.euf-solid-theme .btn-purple, .euf-solid-theme .btn-color5 {
  border-color: #9b59b6;
  color: #9b59b6; }
  .euf-solid-theme .btn-purple[data-color-bg="true"]:hover, .euf-solid-theme .btn-color5[data-color-bg="true"]:hover {
    background-color: #9b59b6; }
  .euf-material-theme .euf-solid-theme .btn-purple, .euf-material-theme .euf-solid-theme .btn-color5 {
    color: red; }
  .euf-solid-theme .btn-purple:hover, .euf-solid-theme .btn-purple:focus, .euf-solid-theme .btn-purple:active, .euf-solid-theme .btn-purple.active,
  .open > .euf-solid-theme .btn-purple.dropdown-toggle, .euf-solid-theme .btn-color5:hover, .euf-solid-theme .btn-color5:focus, .euf-solid-theme .btn-color5:active, .euf-solid-theme .btn-color5.active,
  .open > .euf-solid-theme .btn-color5.dropdown-toggle {
    background-color: transparent;
    color: #9433a5;
    border-color: #9433a5; }
  .euf-solid-theme .btn-purple:disabled, .euf-solid-theme .btn-purple[disabled], .euf-solid-theme .btn-purple.disabled, .euf-solid-theme .btn-color5:disabled, .euf-solid-theme .btn-color5[disabled], .euf-solid-theme .btn-color5.disabled {
    background-color: transparent;
    border-color: #9b59b6; }
  .euf-solid-theme .btn-purple.btn-fill, .euf-solid-theme .btn-color5.btn-fill {
    color: #ffffff !important;
    background-color: #9b59b6;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-purple.btn-fill:hover, .euf-solid-theme .btn-purple.btn-fill:focus, .euf-solid-theme .btn-purple.btn-fill:active, .euf-solid-theme .btn-purple.btn-fill.active,
    .open > .euf-solid-theme .btn-purple.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color5.btn-fill:hover, .euf-solid-theme .btn-color5.btn-fill:focus, .euf-solid-theme .btn-color5.btn-fill:active, .euf-solid-theme .btn-color5.btn-fill.active,
    .open > .euf-solid-theme .btn-color5.btn-fill.dropdown-toggle {
      background-color: #9433a5;
      border-color: #9433a5;
      color: #ffffff; }
    .euf-solid-theme .btn-purple.btn-fill .caret, .euf-solid-theme .btn-color5.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-purple .caret, .euf-solid-theme .btn-color5 .caret {
    border-top-color: #9b59b6; }

.euf-solid-theme .btn-purple-states, .euf-solid-theme .btn-color5-states {
  border-color: #9433a5;
  color: #9433a5; }
  .euf-solid-theme .btn-purple-states[data-color-bg="true"]:hover, .euf-solid-theme .btn-color5-states[data-color-bg="true"]:hover {
    background-color: #9433a5; }
  .euf-material-theme .euf-solid-theme .btn-purple-states, .euf-material-theme .euf-solid-theme .btn-color5-states {
    color: red; }
  .euf-solid-theme .btn-purple-states:hover, .euf-solid-theme .btn-purple-states:focus, .euf-solid-theme .btn-purple-states:active, .euf-solid-theme .btn-purple-states.active,
  .open > .euf-solid-theme .btn-purple-states.dropdown-toggle, .euf-solid-theme .btn-color5-states:hover, .euf-solid-theme .btn-color5-states:focus, .euf-solid-theme .btn-color5-states:active, .euf-solid-theme .btn-color5-states.active,
  .open > .euf-solid-theme .btn-color5-states.dropdown-toggle {
    background-color: transparent; }
  .euf-solid-theme .btn-purple-states:disabled, .euf-solid-theme .btn-purple-states[disabled], .euf-solid-theme .btn-purple-states.disabled, .euf-solid-theme .btn-color5-states:disabled, .euf-solid-theme .btn-color5-states[disabled], .euf-solid-theme .btn-color5-states.disabled {
    background-color: transparent;
    border-color: #9433a5; }
  .euf-solid-theme .btn-purple-states.btn-fill, .euf-solid-theme .btn-color5-states.btn-fill {
    color: #ffffff !important;
    background-color: #9433a5;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-solid-theme .btn-purple-states.btn-fill:hover, .euf-solid-theme .btn-purple-states.btn-fill:focus, .euf-solid-theme .btn-purple-states.btn-fill:active, .euf-solid-theme .btn-purple-states.btn-fill.active,
    .open > .euf-solid-theme .btn-purple-states.btn-fill.dropdown-toggle, .euf-solid-theme .btn-color5-states.btn-fill:hover, .euf-solid-theme .btn-color5-states.btn-fill:focus, .euf-solid-theme .btn-color5-states.btn-fill:active, .euf-solid-theme .btn-color5-states.btn-fill.active,
    .open > .euf-solid-theme .btn-color5-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-solid-theme .btn-purple-states.btn-fill .caret, .euf-solid-theme .btn-color5-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-solid-theme .btn-purple-states .caret, .euf-solid-theme .btn-color5-states .caret {
    border-top-color: #9433a5; }

.euf-solid-theme .color-container.ftospetrol div:before {
  content: "#3F5A63"; }

.euf-solid-theme .color-containerftospetrol div:before {
  content: "#3F5A63"; }

.euf-solid-theme .color-container.ftospetrol-states div:before {
  content: "#3c788c"; }

.euf-solid-theme .color-containerftospetrol-states div:before {
  content: "#3c788c"; }

.euf-solid-theme .color-container.ftosblue div:before {
  content: "#27AAE1"; }

.euf-solid-theme .color-containerftosblue div:before {
  content: "#27AAE1"; }

.euf-solid-theme .color-container.ftosblue-states div:before {
  content: "#1c98cc"; }

.euf-solid-theme .color-containerftosblue-states div:before {
  content: "#1c98cc"; }

.euf-solid-theme .color-container.default div:before {
  content: "#888888"; }

.euf-solid-theme .color-containerdefault div:before {
  content: "#888888"; }

.euf-solid-theme .color-container.default-states div:before {
  content: "#777777"; }

.euf-solid-theme .color-containerdefault-states div:before {
  content: "#777777"; }

.euf-solid-theme .color-container.blue div:before {
  content: "#0192ff"; }

.euf-solid-theme .color-containerblue div:before {
  content: "#0192ff"; }

.euf-solid-theme .color-container.blue-states div:before {
  content: "#2980b9"; }

.euf-solid-theme .color-containerblue-states div:before {
  content: "#2980b9"; }

.euf-solid-theme .color-container.green div:before {
  content: "#36c358"; }

.euf-solid-theme .color-containergreen div:before {
  content: "#36c358"; }

.euf-solid-theme .color-container.green-states div:before {
  content: "#049F0C"; }

.euf-solid-theme .color-containergreen-states div:before {
  content: "#049F0C"; }

.euf-solid-theme .color-container.azure div:before {
  content: "#2dbae7"; }

.euf-solid-theme .color-containerazure div:before {
  content: "#2dbae7"; }

.euf-solid-theme .color-container.azure-states div:before {
  content: "#29a9d2"; }

.euf-solid-theme .color-containerazure-states div:before {
  content: "#29a9d2"; }

.euf-solid-theme .color-container.orange div:before {
  content: "#fed201"; }

.euf-solid-theme .color-containerorange div:before {
  content: "#fed201"; }

.euf-solid-theme .color-container.orange-states div:before {
  content: "#FFC107"; }

.euf-solid-theme .color-containerorange-states div:before {
  content: "#FFC107"; }

.euf-solid-theme .color-container.red div:before {
  content: "#ff5534"; }

.euf-solid-theme .color-containerred div:before {
  content: "#ff5534"; }

.euf-solid-theme .color-container.red-states div:before {
  content: "#d64031"; }

.euf-solid-theme .color-containerred-states div:before {
  content: "#d64031"; }

.euf-solid-theme .color-container.pink div:before {
  content: "#fe4a65"; }

.euf-solid-theme .color-containerpink div:before {
  content: "#fe4a65"; }

.euf-solid-theme .color-container.pink-states div:before {
  content: "#e03e56"; }

.euf-solid-theme .color-containerpink-states div:before {
  content: "#e03e56"; }

.euf-solid-theme .color-container.purple div:before {
  content: "#9b59b6"; }

.euf-solid-theme .color-containerpurple div:before {
  content: "#9b59b6"; }

.euf-solid-theme .color-container.purple-states div:before {
  content: "#9433a5"; }

.euf-solid-theme .color-containerpurple-states div:before {
  content: "#9433a5"; }

.euf-solid-theme div[class^="dx-icon"] {
  margin-right: 0.5rem;
  font-family: Helvetica Neue,Segoe UI,Helvetica,Verdana,sans-serif;
  letter-spacing: 1px; }
  .euf-solid-theme div[class^="dx-icon"]:before {
    font: 14px/1 DXIcons;
    margin-right: .5rem; }
  .euf-solid-theme div[class^="dx-icon"].btn-sm-block:last-child {
    margin-right: 0; }

.euf-flat-theme .btn {
  border-width: 0.125rem;
  background-color: transparent;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
  border-color: #95a5a6;
  color: #95a5a6;
  font-size: 0.875rem;
  border-radius: 0rem;
  padding: 0.5rem 1rem;
  -webkit-transition: border 0.25s linear,color 0.25s linear,background-color 0.25s linear;
  -moz-transition: border 0.25s linear,color 0.25s linear,background-color 0.25s linear;
  -ms-transition: border 0.25s linear,color 0.25s linear,background-color 0.25s linear;
  -o-transition: border 0.25s linear,color 0.25s linear,background-color 0.25s linear;
  transition: border 0.25s linear,color 0.25s linear,background-color 0.25s linear;
  letter-spacing: 0.05rem; }
  .euf-flat-theme .btn:disabled, .euf-flat-theme .btn[disabled], .euf-flat-theme .btn.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50); }
  .euf-flat-theme .btn[data-color-bg="true"]:hover {
    background-color: #95a5a6; }
  .euf-material-theme .euf-flat-theme .btn {
    color: red; }
  .euf-flat-theme .btn:hover, .euf-flat-theme .btn:focus, .euf-flat-theme .btn:active, .euf-flat-theme .btn.active,
  .open > .euf-flat-theme .btn.dropdown-toggle {
    background-color: transparent;
    color: #7f8c8d;
    border-color: #7f8c8d; }
  .euf-flat-theme .btn:disabled, .euf-flat-theme .btn[disabled], .euf-flat-theme .btn.disabled {
    background-color: transparent;
    border-color: #95a5a6; }
  .euf-flat-theme .btn.btn-fill {
    color: #ffffff !important;
    background-color: #95a5a6;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn.btn-fill:hover, .euf-flat-theme .btn.btn-fill:focus, .euf-flat-theme .btn.btn-fill:active, .euf-flat-theme .btn.btn-fill.active,
    .open > .euf-flat-theme .btn.btn-fill.dropdown-toggle {
      background-color: #7f8c8d;
      border-color: #7f8c8d;
      color: #ffffff; }
    .euf-flat-theme .btn.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn .caret {
    border-top-color: #95a5a6; }
  .euf-flat-theme .btn.btn-round {
    padding: 0.5rem 1rem; }
  .euf-flat-theme .btn.btn-simple {
    padding: 0.5rem 1rem; }
  .euf-flat-theme .btn:hover, .euf-flat-theme .btn:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    outline: 0 !important; }
  .euf-flat-theme .btn:active, .euf-flat-theme .btn.active,
  .open > .euf-flat-theme .btn.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important; }
  .euf-flat-theme .btn svg:not(:root) {
    width: 0.937rem;
    height: 0.937rem;
    fill: #58595B;
    margin: 0 0.125rem -0.125rem 0; }
  .euf-flat-theme .btn.dropdown-toggle {
    border-width: 0.0625rem;
    border-color: #DDD; }
  .euf-flat-theme .btn.btn-icon {
    border: none; }
  .euf-flat-theme .btn.btn-modal-close {
    position: absolute;
    right: 0.312rem;
    top: 0; }
  .euf-flat-theme .btn.btn-collapse {
    background: #F3F6F8;
    border-top: 0.0625rem solid rgba(196, 201, 204, 0.5);
    border-radius: 0;
    color: #1C3357; }
  .euf-flat-theme .btn.btn-round {
    border-radius: 0.375rem !important;
    padding: 0.5625rem 1.12rem; }
    .euf-flat-theme .btn.btn-round.btn-icon {
      padding: 0.5625rem; }
  .euf-flat-theme .btn.btn-simple {
    border: 0;
    padding: 0; }
    .euf-flat-theme .btn.btn-simple.btn-link {
      margin: 0 !important;
      padding: 0;
      border-bottom: 0.0625rem solid; }
  .euf-flat-theme .btn.btn-lg {
    font-size: 1rem;
    border-radius: 0rem;
    padding: 0.625rem 1.1875rem;
    margin-right: 0.625rem; }
    .euf-flat-theme .btn.btn-lg.btn-round {
      padding: 0.625rem 1.1875rem; }
    .euf-flat-theme .btn.btn-lg.btn-simple {
      padding: 0.625rem 1.1875rem; }
  .euf-flat-theme .btn.btn-sm {
    font-size: 0.75rem;
    border-radius: 0rem;
    padding: 0.3125rem 0.625rem; }
    .euf-flat-theme .btn.btn-sm.btn-round {
      padding: 0.3125rem 0.625rem; }
    .euf-flat-theme .btn.btn-sm.btn-simple {
      padding: 0.3125rem 0.625rem; }
  .euf-flat-theme .btn.btn-xs {
    font-size: 0.7rem;
    border-radius: 0rem;
    padding: 0.0625rem 0.3125rem; }
    .euf-flat-theme .btn.btn-xs.btn-round {
      padding: 0.0625rem 0.3125rem; }
    .euf-flat-theme .btn.btn-xs.btn-simple {
      padding: 0.0625rem 0.3125rem; }
  @media (max-width: 1024px) {
    .euf-flat-theme .btn.btn-sm-block {
      display: inline-block;
      font-size: 0;
      text-align: center; }
      .euf-flat-theme .btn.btn-sm-block:before {
        position: relative;
        margin: 0;
        left: calc(50% - 7px); } }

.euf-flat-theme .btn-ftospetrol, .euf-flat-theme .btn-color10 {
  border-color: #3F5A63;
  color: #3F5A63; }
  .euf-flat-theme .btn-ftospetrol[data-color-bg="true"]:hover, .euf-flat-theme .btn-color10[data-color-bg="true"]:hover {
    background-color: #3F5A63; }
  .euf-material-theme .euf-flat-theme .btn-ftospetrol, .euf-material-theme .euf-flat-theme .btn-color10 {
    color: red; }
  .euf-flat-theme .btn-ftospetrol:hover, .euf-flat-theme .btn-ftospetrol:focus, .euf-flat-theme .btn-ftospetrol:active, .euf-flat-theme .btn-ftospetrol.active,
  .open > .euf-flat-theme .btn-ftospetrol.dropdown-toggle, .euf-flat-theme .btn-color10:hover, .euf-flat-theme .btn-color10:focus, .euf-flat-theme .btn-color10:active, .euf-flat-theme .btn-color10.active,
  .open > .euf-flat-theme .btn-color10.dropdown-toggle {
    background-color: transparent;
    color: #3c788c;
    border-color: #3c788c; }
  .euf-flat-theme .btn-ftospetrol:disabled, .euf-flat-theme .btn-ftospetrol[disabled], .euf-flat-theme .btn-ftospetrol.disabled, .euf-flat-theme .btn-color10:disabled, .euf-flat-theme .btn-color10[disabled], .euf-flat-theme .btn-color10.disabled {
    background-color: transparent;
    border-color: #3F5A63; }
  .euf-flat-theme .btn-ftospetrol.btn-fill, .euf-flat-theme .btn-color10.btn-fill {
    color: #ffffff !important;
    background-color: #3F5A63;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-ftospetrol.btn-fill:hover, .euf-flat-theme .btn-ftospetrol.btn-fill:focus, .euf-flat-theme .btn-ftospetrol.btn-fill:active, .euf-flat-theme .btn-ftospetrol.btn-fill.active,
    .open > .euf-flat-theme .btn-ftospetrol.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color10.btn-fill:hover, .euf-flat-theme .btn-color10.btn-fill:focus, .euf-flat-theme .btn-color10.btn-fill:active, .euf-flat-theme .btn-color10.btn-fill.active,
    .open > .euf-flat-theme .btn-color10.btn-fill.dropdown-toggle {
      background-color: #3c788c;
      border-color: #3c788c;
      color: #ffffff; }
    .euf-flat-theme .btn-ftospetrol.btn-fill .caret, .euf-flat-theme .btn-color10.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-ftospetrol .caret, .euf-flat-theme .btn-color10 .caret {
    border-top-color: #3F5A63; }

.euf-flat-theme .btn-ftospetrol-states, .euf-flat-theme .btn-color10-states {
  border-color: #3c788c;
  color: #3c788c; }
  .euf-flat-theme .btn-ftospetrol-states[data-color-bg="true"]:hover, .euf-flat-theme .btn-color10-states[data-color-bg="true"]:hover {
    background-color: #3c788c; }
  .euf-material-theme .euf-flat-theme .btn-ftospetrol-states, .euf-material-theme .euf-flat-theme .btn-color10-states {
    color: red; }
  .euf-flat-theme .btn-ftospetrol-states:hover, .euf-flat-theme .btn-ftospetrol-states:focus, .euf-flat-theme .btn-ftospetrol-states:active, .euf-flat-theme .btn-ftospetrol-states.active,
  .open > .euf-flat-theme .btn-ftospetrol-states.dropdown-toggle, .euf-flat-theme .btn-color10-states:hover, .euf-flat-theme .btn-color10-states:focus, .euf-flat-theme .btn-color10-states:active, .euf-flat-theme .btn-color10-states.active,
  .open > .euf-flat-theme .btn-color10-states.dropdown-toggle {
    background-color: transparent; }
  .euf-flat-theme .btn-ftospetrol-states:disabled, .euf-flat-theme .btn-ftospetrol-states[disabled], .euf-flat-theme .btn-ftospetrol-states.disabled, .euf-flat-theme .btn-color10-states:disabled, .euf-flat-theme .btn-color10-states[disabled], .euf-flat-theme .btn-color10-states.disabled {
    background-color: transparent;
    border-color: #3c788c; }
  .euf-flat-theme .btn-ftospetrol-states.btn-fill, .euf-flat-theme .btn-color10-states.btn-fill {
    color: #ffffff !important;
    background-color: #3c788c;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-ftospetrol-states.btn-fill:hover, .euf-flat-theme .btn-ftospetrol-states.btn-fill:focus, .euf-flat-theme .btn-ftospetrol-states.btn-fill:active, .euf-flat-theme .btn-ftospetrol-states.btn-fill.active,
    .open > .euf-flat-theme .btn-ftospetrol-states.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color10-states.btn-fill:hover, .euf-flat-theme .btn-color10-states.btn-fill:focus, .euf-flat-theme .btn-color10-states.btn-fill:active, .euf-flat-theme .btn-color10-states.btn-fill.active,
    .open > .euf-flat-theme .btn-color10-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-flat-theme .btn-ftospetrol-states.btn-fill .caret, .euf-flat-theme .btn-color10-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-ftospetrol-states .caret, .euf-flat-theme .btn-color10-states .caret {
    border-top-color: #3c788c; }

.euf-flat-theme .btn-ftosblue, .euf-flat-theme .btn-color9 {
  border-color: #27AAE1;
  color: #27AAE1; }
  .euf-flat-theme .btn-ftosblue[data-color-bg="true"]:hover, .euf-flat-theme .btn-color9[data-color-bg="true"]:hover {
    background-color: #27AAE1; }
  .euf-material-theme .euf-flat-theme .btn-ftosblue, .euf-material-theme .euf-flat-theme .btn-color9 {
    color: red; }
  .euf-flat-theme .btn-ftosblue:hover, .euf-flat-theme .btn-ftosblue:focus, .euf-flat-theme .btn-ftosblue:active, .euf-flat-theme .btn-ftosblue.active,
  .open > .euf-flat-theme .btn-ftosblue.dropdown-toggle, .euf-flat-theme .btn-color9:hover, .euf-flat-theme .btn-color9:focus, .euf-flat-theme .btn-color9:active, .euf-flat-theme .btn-color9.active,
  .open > .euf-flat-theme .btn-color9.dropdown-toggle {
    background-color: transparent;
    color: #1c98cc;
    border-color: #1c98cc; }
  .euf-flat-theme .btn-ftosblue:disabled, .euf-flat-theme .btn-ftosblue[disabled], .euf-flat-theme .btn-ftosblue.disabled, .euf-flat-theme .btn-color9:disabled, .euf-flat-theme .btn-color9[disabled], .euf-flat-theme .btn-color9.disabled {
    background-color: transparent;
    border-color: #27AAE1; }
  .euf-flat-theme .btn-ftosblue.btn-fill, .euf-flat-theme .btn-color9.btn-fill {
    color: #ffffff !important;
    background-color: #27AAE1;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-ftosblue.btn-fill:hover, .euf-flat-theme .btn-ftosblue.btn-fill:focus, .euf-flat-theme .btn-ftosblue.btn-fill:active, .euf-flat-theme .btn-ftosblue.btn-fill.active,
    .open > .euf-flat-theme .btn-ftosblue.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color9.btn-fill:hover, .euf-flat-theme .btn-color9.btn-fill:focus, .euf-flat-theme .btn-color9.btn-fill:active, .euf-flat-theme .btn-color9.btn-fill.active,
    .open > .euf-flat-theme .btn-color9.btn-fill.dropdown-toggle {
      background-color: #1c98cc;
      border-color: #1c98cc;
      color: #ffffff; }
    .euf-flat-theme .btn-ftosblue.btn-fill .caret, .euf-flat-theme .btn-color9.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-ftosblue .caret, .euf-flat-theme .btn-color9 .caret {
    border-top-color: #27AAE1; }

.euf-flat-theme .btn-ftosblue-states, .euf-flat-theme .btn-color9-states {
  border-color: #1c98cc;
  color: #1c98cc; }
  .euf-flat-theme .btn-ftosblue-states[data-color-bg="true"]:hover, .euf-flat-theme .btn-color9-states[data-color-bg="true"]:hover {
    background-color: #1c98cc; }
  .euf-material-theme .euf-flat-theme .btn-ftosblue-states, .euf-material-theme .euf-flat-theme .btn-color9-states {
    color: red; }
  .euf-flat-theme .btn-ftosblue-states:hover, .euf-flat-theme .btn-ftosblue-states:focus, .euf-flat-theme .btn-ftosblue-states:active, .euf-flat-theme .btn-ftosblue-states.active,
  .open > .euf-flat-theme .btn-ftosblue-states.dropdown-toggle, .euf-flat-theme .btn-color9-states:hover, .euf-flat-theme .btn-color9-states:focus, .euf-flat-theme .btn-color9-states:active, .euf-flat-theme .btn-color9-states.active,
  .open > .euf-flat-theme .btn-color9-states.dropdown-toggle {
    background-color: transparent; }
  .euf-flat-theme .btn-ftosblue-states:disabled, .euf-flat-theme .btn-ftosblue-states[disabled], .euf-flat-theme .btn-ftosblue-states.disabled, .euf-flat-theme .btn-color9-states:disabled, .euf-flat-theme .btn-color9-states[disabled], .euf-flat-theme .btn-color9-states.disabled {
    background-color: transparent;
    border-color: #1c98cc; }
  .euf-flat-theme .btn-ftosblue-states.btn-fill, .euf-flat-theme .btn-color9-states.btn-fill {
    color: #ffffff !important;
    background-color: #1c98cc;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-ftosblue-states.btn-fill:hover, .euf-flat-theme .btn-ftosblue-states.btn-fill:focus, .euf-flat-theme .btn-ftosblue-states.btn-fill:active, .euf-flat-theme .btn-ftosblue-states.btn-fill.active,
    .open > .euf-flat-theme .btn-ftosblue-states.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color9-states.btn-fill:hover, .euf-flat-theme .btn-color9-states.btn-fill:focus, .euf-flat-theme .btn-color9-states.btn-fill:active, .euf-flat-theme .btn-color9-states.btn-fill.active,
    .open > .euf-flat-theme .btn-color9-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-flat-theme .btn-ftosblue-states.btn-fill .caret, .euf-flat-theme .btn-color9-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-ftosblue-states .caret, .euf-flat-theme .btn-color9-states .caret {
    border-top-color: #1c98cc; }

.euf-flat-theme .btn-default, .euf-flat-theme .btn-color8 {
  border-color: #95a5a6;
  color: #95a5a6; }
  .euf-flat-theme .btn-default[data-color-bg="true"]:hover, .euf-flat-theme .btn-color8[data-color-bg="true"]:hover {
    background-color: #95a5a6; }
  .euf-material-theme .euf-flat-theme .btn-default, .euf-material-theme .euf-flat-theme .btn-color8 {
    color: red; }
  .euf-flat-theme .btn-default:hover, .euf-flat-theme .btn-default:focus, .euf-flat-theme .btn-default:active, .euf-flat-theme .btn-default.active,
  .open > .euf-flat-theme .btn-default.dropdown-toggle, .euf-flat-theme .btn-color8:hover, .euf-flat-theme .btn-color8:focus, .euf-flat-theme .btn-color8:active, .euf-flat-theme .btn-color8.active,
  .open > .euf-flat-theme .btn-color8.dropdown-toggle {
    background-color: transparent;
    color: #7f8c8d;
    border-color: #7f8c8d; }
  .euf-flat-theme .btn-default:disabled, .euf-flat-theme .btn-default[disabled], .euf-flat-theme .btn-default.disabled, .euf-flat-theme .btn-color8:disabled, .euf-flat-theme .btn-color8[disabled], .euf-flat-theme .btn-color8.disabled {
    background-color: transparent;
    border-color: #95a5a6; }
  .euf-flat-theme .btn-default.btn-fill, .euf-flat-theme .btn-color8.btn-fill {
    color: #ffffff !important;
    background-color: #95a5a6;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-default.btn-fill:hover, .euf-flat-theme .btn-default.btn-fill:focus, .euf-flat-theme .btn-default.btn-fill:active, .euf-flat-theme .btn-default.btn-fill.active,
    .open > .euf-flat-theme .btn-default.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color8.btn-fill:hover, .euf-flat-theme .btn-color8.btn-fill:focus, .euf-flat-theme .btn-color8.btn-fill:active, .euf-flat-theme .btn-color8.btn-fill.active,
    .open > .euf-flat-theme .btn-color8.btn-fill.dropdown-toggle {
      background-color: #7f8c8d;
      border-color: #7f8c8d;
      color: #ffffff; }
    .euf-flat-theme .btn-default.btn-fill .caret, .euf-flat-theme .btn-color8.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-default .caret, .euf-flat-theme .btn-color8 .caret {
    border-top-color: #95a5a6; }

.euf-flat-theme .btn-default-states, .euf-flat-theme .btn-color8-states {
  border-color: #7f8c8d;
  color: #7f8c8d; }
  .euf-flat-theme .btn-default-states[data-color-bg="true"]:hover, .euf-flat-theme .btn-color8-states[data-color-bg="true"]:hover {
    background-color: #7f8c8d; }
  .euf-material-theme .euf-flat-theme .btn-default-states, .euf-material-theme .euf-flat-theme .btn-color8-states {
    color: red; }
  .euf-flat-theme .btn-default-states:hover, .euf-flat-theme .btn-default-states:focus, .euf-flat-theme .btn-default-states:active, .euf-flat-theme .btn-default-states.active,
  .open > .euf-flat-theme .btn-default-states.dropdown-toggle, .euf-flat-theme .btn-color8-states:hover, .euf-flat-theme .btn-color8-states:focus, .euf-flat-theme .btn-color8-states:active, .euf-flat-theme .btn-color8-states.active,
  .open > .euf-flat-theme .btn-color8-states.dropdown-toggle {
    background-color: transparent; }
  .euf-flat-theme .btn-default-states:disabled, .euf-flat-theme .btn-default-states[disabled], .euf-flat-theme .btn-default-states.disabled, .euf-flat-theme .btn-color8-states:disabled, .euf-flat-theme .btn-color8-states[disabled], .euf-flat-theme .btn-color8-states.disabled {
    background-color: transparent;
    border-color: #7f8c8d; }
  .euf-flat-theme .btn-default-states.btn-fill, .euf-flat-theme .btn-color8-states.btn-fill {
    color: #ffffff !important;
    background-color: #7f8c8d;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-default-states.btn-fill:hover, .euf-flat-theme .btn-default-states.btn-fill:focus, .euf-flat-theme .btn-default-states.btn-fill:active, .euf-flat-theme .btn-default-states.btn-fill.active,
    .open > .euf-flat-theme .btn-default-states.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color8-states.btn-fill:hover, .euf-flat-theme .btn-color8-states.btn-fill:focus, .euf-flat-theme .btn-color8-states.btn-fill:active, .euf-flat-theme .btn-color8-states.btn-fill.active,
    .open > .euf-flat-theme .btn-color8-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-flat-theme .btn-default-states.btn-fill .caret, .euf-flat-theme .btn-color8-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-default-states .caret, .euf-flat-theme .btn-color8-states .caret {
    border-top-color: #7f8c8d; }

.euf-flat-theme .btn-blue, .euf-flat-theme .btn-color6 {
  border-color: #34495e;
  color: #34495e; }
  .euf-flat-theme .btn-blue[data-color-bg="true"]:hover, .euf-flat-theme .btn-color6[data-color-bg="true"]:hover {
    background-color: #34495e; }
  .euf-material-theme .euf-flat-theme .btn-blue, .euf-material-theme .euf-flat-theme .btn-color6 {
    color: red; }
  .euf-flat-theme .btn-blue:hover, .euf-flat-theme .btn-blue:focus, .euf-flat-theme .btn-blue:active, .euf-flat-theme .btn-blue.active,
  .open > .euf-flat-theme .btn-blue.dropdown-toggle, .euf-flat-theme .btn-color6:hover, .euf-flat-theme .btn-color6:focus, .euf-flat-theme .btn-color6:active, .euf-flat-theme .btn-color6.active,
  .open > .euf-flat-theme .btn-color6.dropdown-toggle {
    background-color: transparent;
    color: #2c3e50;
    border-color: #2c3e50; }
  .euf-flat-theme .btn-blue:disabled, .euf-flat-theme .btn-blue[disabled], .euf-flat-theme .btn-blue.disabled, .euf-flat-theme .btn-color6:disabled, .euf-flat-theme .btn-color6[disabled], .euf-flat-theme .btn-color6.disabled {
    background-color: transparent;
    border-color: #34495e; }
  .euf-flat-theme .btn-blue.btn-fill, .euf-flat-theme .btn-color6.btn-fill {
    color: #ffffff !important;
    background-color: #34495e;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-blue.btn-fill:hover, .euf-flat-theme .btn-blue.btn-fill:focus, .euf-flat-theme .btn-blue.btn-fill:active, .euf-flat-theme .btn-blue.btn-fill.active,
    .open > .euf-flat-theme .btn-blue.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color6.btn-fill:hover, .euf-flat-theme .btn-color6.btn-fill:focus, .euf-flat-theme .btn-color6.btn-fill:active, .euf-flat-theme .btn-color6.btn-fill.active,
    .open > .euf-flat-theme .btn-color6.btn-fill.dropdown-toggle {
      background-color: #2c3e50;
      border-color: #2c3e50;
      color: #ffffff; }
    .euf-flat-theme .btn-blue.btn-fill .caret, .euf-flat-theme .btn-color6.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-blue .caret, .euf-flat-theme .btn-color6 .caret {
    border-top-color: #34495e; }

.euf-flat-theme .btn-blue-states, .euf-flat-theme .btn-color6-states {
  border-color: #2c3e50;
  color: #2c3e50; }
  .euf-flat-theme .btn-blue-states[data-color-bg="true"]:hover, .euf-flat-theme .btn-color6-states[data-color-bg="true"]:hover {
    background-color: #2c3e50; }
  .euf-material-theme .euf-flat-theme .btn-blue-states, .euf-material-theme .euf-flat-theme .btn-color6-states {
    color: red; }
  .euf-flat-theme .btn-blue-states:hover, .euf-flat-theme .btn-blue-states:focus, .euf-flat-theme .btn-blue-states:active, .euf-flat-theme .btn-blue-states.active,
  .open > .euf-flat-theme .btn-blue-states.dropdown-toggle, .euf-flat-theme .btn-color6-states:hover, .euf-flat-theme .btn-color6-states:focus, .euf-flat-theme .btn-color6-states:active, .euf-flat-theme .btn-color6-states.active,
  .open > .euf-flat-theme .btn-color6-states.dropdown-toggle {
    background-color: transparent; }
  .euf-flat-theme .btn-blue-states:disabled, .euf-flat-theme .btn-blue-states[disabled], .euf-flat-theme .btn-blue-states.disabled, .euf-flat-theme .btn-color6-states:disabled, .euf-flat-theme .btn-color6-states[disabled], .euf-flat-theme .btn-color6-states.disabled {
    background-color: transparent;
    border-color: #2c3e50; }
  .euf-flat-theme .btn-blue-states.btn-fill, .euf-flat-theme .btn-color6-states.btn-fill {
    color: #ffffff !important;
    background-color: #2c3e50;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-blue-states.btn-fill:hover, .euf-flat-theme .btn-blue-states.btn-fill:focus, .euf-flat-theme .btn-blue-states.btn-fill:active, .euf-flat-theme .btn-blue-states.btn-fill.active,
    .open > .euf-flat-theme .btn-blue-states.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color6-states.btn-fill:hover, .euf-flat-theme .btn-color6-states.btn-fill:focus, .euf-flat-theme .btn-color6-states.btn-fill:active, .euf-flat-theme .btn-color6-states.btn-fill.active,
    .open > .euf-flat-theme .btn-color6-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-flat-theme .btn-blue-states.btn-fill .caret, .euf-flat-theme .btn-color6-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-blue-states .caret, .euf-flat-theme .btn-color6-states .caret {
    border-top-color: #2c3e50; }

.euf-flat-theme .btn-green, .euf-flat-theme .btn-color2 {
  border-color: #2ecc71;
  color: #2ecc71; }
  .euf-flat-theme .btn-green[data-color-bg="true"]:hover, .euf-flat-theme .btn-color2[data-color-bg="true"]:hover {
    background-color: #2ecc71; }
  .euf-material-theme .euf-flat-theme .btn-green, .euf-material-theme .euf-flat-theme .btn-color2 {
    color: red; }
  .euf-flat-theme .btn-green:hover, .euf-flat-theme .btn-green:focus, .euf-flat-theme .btn-green:active, .euf-flat-theme .btn-green.active,
  .open > .euf-flat-theme .btn-green.dropdown-toggle, .euf-flat-theme .btn-color2:hover, .euf-flat-theme .btn-color2:focus, .euf-flat-theme .btn-color2:active, .euf-flat-theme .btn-color2.active,
  .open > .euf-flat-theme .btn-color2.dropdown-toggle {
    background-color: transparent;
    color: #27ae60;
    border-color: #27ae60; }
  .euf-flat-theme .btn-green:disabled, .euf-flat-theme .btn-green[disabled], .euf-flat-theme .btn-green.disabled, .euf-flat-theme .btn-color2:disabled, .euf-flat-theme .btn-color2[disabled], .euf-flat-theme .btn-color2.disabled {
    background-color: transparent;
    border-color: #2ecc71; }
  .euf-flat-theme .btn-green.btn-fill, .euf-flat-theme .btn-color2.btn-fill {
    color: #ffffff !important;
    background-color: #2ecc71;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-green.btn-fill:hover, .euf-flat-theme .btn-green.btn-fill:focus, .euf-flat-theme .btn-green.btn-fill:active, .euf-flat-theme .btn-green.btn-fill.active,
    .open > .euf-flat-theme .btn-green.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color2.btn-fill:hover, .euf-flat-theme .btn-color2.btn-fill:focus, .euf-flat-theme .btn-color2.btn-fill:active, .euf-flat-theme .btn-color2.btn-fill.active,
    .open > .euf-flat-theme .btn-color2.btn-fill.dropdown-toggle {
      background-color: #27ae60;
      border-color: #27ae60;
      color: #ffffff; }
    .euf-flat-theme .btn-green.btn-fill .caret, .euf-flat-theme .btn-color2.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-green .caret, .euf-flat-theme .btn-color2 .caret {
    border-top-color: #2ecc71; }

.euf-flat-theme .btn-green-states, .euf-flat-theme .btn-color2-states {
  border-color: #27ae60;
  color: #27ae60; }
  .euf-flat-theme .btn-green-states[data-color-bg="true"]:hover, .euf-flat-theme .btn-color2-states[data-color-bg="true"]:hover {
    background-color: #27ae60; }
  .euf-material-theme .euf-flat-theme .btn-green-states, .euf-material-theme .euf-flat-theme .btn-color2-states {
    color: red; }
  .euf-flat-theme .btn-green-states:hover, .euf-flat-theme .btn-green-states:focus, .euf-flat-theme .btn-green-states:active, .euf-flat-theme .btn-green-states.active,
  .open > .euf-flat-theme .btn-green-states.dropdown-toggle, .euf-flat-theme .btn-color2-states:hover, .euf-flat-theme .btn-color2-states:focus, .euf-flat-theme .btn-color2-states:active, .euf-flat-theme .btn-color2-states.active,
  .open > .euf-flat-theme .btn-color2-states.dropdown-toggle {
    background-color: transparent; }
  .euf-flat-theme .btn-green-states:disabled, .euf-flat-theme .btn-green-states[disabled], .euf-flat-theme .btn-green-states.disabled, .euf-flat-theme .btn-color2-states:disabled, .euf-flat-theme .btn-color2-states[disabled], .euf-flat-theme .btn-color2-states.disabled {
    background-color: transparent;
    border-color: #27ae60; }
  .euf-flat-theme .btn-green-states.btn-fill, .euf-flat-theme .btn-color2-states.btn-fill {
    color: #ffffff !important;
    background-color: #27ae60;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-green-states.btn-fill:hover, .euf-flat-theme .btn-green-states.btn-fill:focus, .euf-flat-theme .btn-green-states.btn-fill:active, .euf-flat-theme .btn-green-states.btn-fill.active,
    .open > .euf-flat-theme .btn-green-states.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color2-states.btn-fill:hover, .euf-flat-theme .btn-color2-states.btn-fill:focus, .euf-flat-theme .btn-color2-states.btn-fill:active, .euf-flat-theme .btn-color2-states.btn-fill.active,
    .open > .euf-flat-theme .btn-color2-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-flat-theme .btn-green-states.btn-fill .caret, .euf-flat-theme .btn-color2-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-green-states .caret, .euf-flat-theme .btn-color2-states .caret {
    border-top-color: #27ae60; }

.euf-flat-theme .btn-azure, .euf-flat-theme .btn-color1 {
  border-color: #1abc9c;
  color: #1abc9c; }
  .euf-flat-theme .btn-azure[data-color-bg="true"]:hover, .euf-flat-theme .btn-color1[data-color-bg="true"]:hover {
    background-color: #1abc9c; }
  .euf-material-theme .euf-flat-theme .btn-azure, .euf-material-theme .euf-flat-theme .btn-color1 {
    color: red; }
  .euf-flat-theme .btn-azure:hover, .euf-flat-theme .btn-azure:focus, .euf-flat-theme .btn-azure:active, .euf-flat-theme .btn-azure.active,
  .open > .euf-flat-theme .btn-azure.dropdown-toggle, .euf-flat-theme .btn-color1:hover, .euf-flat-theme .btn-color1:focus, .euf-flat-theme .btn-color1:active, .euf-flat-theme .btn-color1.active,
  .open > .euf-flat-theme .btn-color1.dropdown-toggle {
    background-color: transparent;
    color: #16a085;
    border-color: #16a085; }
  .euf-flat-theme .btn-azure:disabled, .euf-flat-theme .btn-azure[disabled], .euf-flat-theme .btn-azure.disabled, .euf-flat-theme .btn-color1:disabled, .euf-flat-theme .btn-color1[disabled], .euf-flat-theme .btn-color1.disabled {
    background-color: transparent;
    border-color: #1abc9c; }
  .euf-flat-theme .btn-azure.btn-fill, .euf-flat-theme .btn-color1.btn-fill {
    color: #ffffff !important;
    background-color: #1abc9c;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-azure.btn-fill:hover, .euf-flat-theme .btn-azure.btn-fill:focus, .euf-flat-theme .btn-azure.btn-fill:active, .euf-flat-theme .btn-azure.btn-fill.active,
    .open > .euf-flat-theme .btn-azure.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color1.btn-fill:hover, .euf-flat-theme .btn-color1.btn-fill:focus, .euf-flat-theme .btn-color1.btn-fill:active, .euf-flat-theme .btn-color1.btn-fill.active,
    .open > .euf-flat-theme .btn-color1.btn-fill.dropdown-toggle {
      background-color: #16a085;
      border-color: #16a085;
      color: #ffffff; }
    .euf-flat-theme .btn-azure.btn-fill .caret, .euf-flat-theme .btn-color1.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-azure .caret, .euf-flat-theme .btn-color1 .caret {
    border-top-color: #1abc9c; }

.euf-flat-theme .btn-azure-states, .euf-flat-theme .btn-color1-states {
  border-color: #16a085;
  color: #16a085; }
  .euf-flat-theme .btn-azure-states[data-color-bg="true"]:hover, .euf-flat-theme .btn-color1-states[data-color-bg="true"]:hover {
    background-color: #16a085; }
  .euf-material-theme .euf-flat-theme .btn-azure-states, .euf-material-theme .euf-flat-theme .btn-color1-states {
    color: red; }
  .euf-flat-theme .btn-azure-states:hover, .euf-flat-theme .btn-azure-states:focus, .euf-flat-theme .btn-azure-states:active, .euf-flat-theme .btn-azure-states.active,
  .open > .euf-flat-theme .btn-azure-states.dropdown-toggle, .euf-flat-theme .btn-color1-states:hover, .euf-flat-theme .btn-color1-states:focus, .euf-flat-theme .btn-color1-states:active, .euf-flat-theme .btn-color1-states.active,
  .open > .euf-flat-theme .btn-color1-states.dropdown-toggle {
    background-color: transparent; }
  .euf-flat-theme .btn-azure-states:disabled, .euf-flat-theme .btn-azure-states[disabled], .euf-flat-theme .btn-azure-states.disabled, .euf-flat-theme .btn-color1-states:disabled, .euf-flat-theme .btn-color1-states[disabled], .euf-flat-theme .btn-color1-states.disabled {
    background-color: transparent;
    border-color: #16a085; }
  .euf-flat-theme .btn-azure-states.btn-fill, .euf-flat-theme .btn-color1-states.btn-fill {
    color: #ffffff !important;
    background-color: #16a085;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-azure-states.btn-fill:hover, .euf-flat-theme .btn-azure-states.btn-fill:focus, .euf-flat-theme .btn-azure-states.btn-fill:active, .euf-flat-theme .btn-azure-states.btn-fill.active,
    .open > .euf-flat-theme .btn-azure-states.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color1-states.btn-fill:hover, .euf-flat-theme .btn-color1-states.btn-fill:focus, .euf-flat-theme .btn-color1-states.btn-fill:active, .euf-flat-theme .btn-color1-states.btn-fill.active,
    .open > .euf-flat-theme .btn-color1-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-flat-theme .btn-azure-states.btn-fill .caret, .euf-flat-theme .btn-color1-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-azure-states .caret, .euf-flat-theme .btn-color1-states .caret {
    border-top-color: #16a085; }

.euf-flat-theme .btn-orange, .euf-flat-theme .btn-color3 {
  border-color: #e67e22;
  color: #e67e22; }
  .euf-flat-theme .btn-orange[data-color-bg="true"]:hover, .euf-flat-theme .btn-color3[data-color-bg="true"]:hover {
    background-color: #e67e22; }
  .euf-material-theme .euf-flat-theme .btn-orange, .euf-material-theme .euf-flat-theme .btn-color3 {
    color: red; }
  .euf-flat-theme .btn-orange:hover, .euf-flat-theme .btn-orange:focus, .euf-flat-theme .btn-orange:active, .euf-flat-theme .btn-orange.active,
  .open > .euf-flat-theme .btn-orange.dropdown-toggle, .euf-flat-theme .btn-color3:hover, .euf-flat-theme .btn-color3:focus, .euf-flat-theme .btn-color3:active, .euf-flat-theme .btn-color3.active,
  .open > .euf-flat-theme .btn-color3.dropdown-toggle {
    background-color: transparent;
    color: #d35400;
    border-color: #d35400; }
  .euf-flat-theme .btn-orange:disabled, .euf-flat-theme .btn-orange[disabled], .euf-flat-theme .btn-orange.disabled, .euf-flat-theme .btn-color3:disabled, .euf-flat-theme .btn-color3[disabled], .euf-flat-theme .btn-color3.disabled {
    background-color: transparent;
    border-color: #e67e22; }
  .euf-flat-theme .btn-orange.btn-fill, .euf-flat-theme .btn-color3.btn-fill {
    color: #ffffff !important;
    background-color: #e67e22;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-orange.btn-fill:hover, .euf-flat-theme .btn-orange.btn-fill:focus, .euf-flat-theme .btn-orange.btn-fill:active, .euf-flat-theme .btn-orange.btn-fill.active,
    .open > .euf-flat-theme .btn-orange.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color3.btn-fill:hover, .euf-flat-theme .btn-color3.btn-fill:focus, .euf-flat-theme .btn-color3.btn-fill:active, .euf-flat-theme .btn-color3.btn-fill.active,
    .open > .euf-flat-theme .btn-color3.btn-fill.dropdown-toggle {
      background-color: #d35400;
      border-color: #d35400;
      color: #ffffff; }
    .euf-flat-theme .btn-orange.btn-fill .caret, .euf-flat-theme .btn-color3.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-orange .caret, .euf-flat-theme .btn-color3 .caret {
    border-top-color: #e67e22; }

.euf-flat-theme .btn-orange-states, .euf-flat-theme .btn-color3-states {
  border-color: #d35400;
  color: #d35400; }
  .euf-flat-theme .btn-orange-states[data-color-bg="true"]:hover, .euf-flat-theme .btn-color3-states[data-color-bg="true"]:hover {
    background-color: #d35400; }
  .euf-material-theme .euf-flat-theme .btn-orange-states, .euf-material-theme .euf-flat-theme .btn-color3-states {
    color: red; }
  .euf-flat-theme .btn-orange-states:hover, .euf-flat-theme .btn-orange-states:focus, .euf-flat-theme .btn-orange-states:active, .euf-flat-theme .btn-orange-states.active,
  .open > .euf-flat-theme .btn-orange-states.dropdown-toggle, .euf-flat-theme .btn-color3-states:hover, .euf-flat-theme .btn-color3-states:focus, .euf-flat-theme .btn-color3-states:active, .euf-flat-theme .btn-color3-states.active,
  .open > .euf-flat-theme .btn-color3-states.dropdown-toggle {
    background-color: transparent; }
  .euf-flat-theme .btn-orange-states:disabled, .euf-flat-theme .btn-orange-states[disabled], .euf-flat-theme .btn-orange-states.disabled, .euf-flat-theme .btn-color3-states:disabled, .euf-flat-theme .btn-color3-states[disabled], .euf-flat-theme .btn-color3-states.disabled {
    background-color: transparent;
    border-color: #d35400; }
  .euf-flat-theme .btn-orange-states.btn-fill, .euf-flat-theme .btn-color3-states.btn-fill {
    color: #ffffff !important;
    background-color: #d35400;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-orange-states.btn-fill:hover, .euf-flat-theme .btn-orange-states.btn-fill:focus, .euf-flat-theme .btn-orange-states.btn-fill:active, .euf-flat-theme .btn-orange-states.btn-fill.active,
    .open > .euf-flat-theme .btn-orange-states.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color3-states.btn-fill:hover, .euf-flat-theme .btn-color3-states.btn-fill:focus, .euf-flat-theme .btn-color3-states.btn-fill:active, .euf-flat-theme .btn-color3-states.btn-fill.active,
    .open > .euf-flat-theme .btn-color3-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-flat-theme .btn-orange-states.btn-fill .caret, .euf-flat-theme .btn-color3-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-orange-states .caret, .euf-flat-theme .btn-color3-states .caret {
    border-top-color: #d35400; }

.euf-flat-theme .btn-red, .euf-flat-theme .btn-color4 {
  border-color: #e74c3c;
  color: #e74c3c; }
  .euf-flat-theme .btn-red[data-color-bg="true"]:hover, .euf-flat-theme .btn-color4[data-color-bg="true"]:hover {
    background-color: #e74c3c; }
  .euf-material-theme .euf-flat-theme .btn-red, .euf-material-theme .euf-flat-theme .btn-color4 {
    color: red; }
  .euf-flat-theme .btn-red:hover, .euf-flat-theme .btn-red:focus, .euf-flat-theme .btn-red:active, .euf-flat-theme .btn-red.active,
  .open > .euf-flat-theme .btn-red.dropdown-toggle, .euf-flat-theme .btn-color4:hover, .euf-flat-theme .btn-color4:focus, .euf-flat-theme .btn-color4:active, .euf-flat-theme .btn-color4.active,
  .open > .euf-flat-theme .btn-color4.dropdown-toggle {
    background-color: transparent;
    color: #c0392b;
    border-color: #c0392b; }
  .euf-flat-theme .btn-red:disabled, .euf-flat-theme .btn-red[disabled], .euf-flat-theme .btn-red.disabled, .euf-flat-theme .btn-color4:disabled, .euf-flat-theme .btn-color4[disabled], .euf-flat-theme .btn-color4.disabled {
    background-color: transparent;
    border-color: #e74c3c; }
  .euf-flat-theme .btn-red.btn-fill, .euf-flat-theme .btn-color4.btn-fill {
    color: #ffffff !important;
    background-color: #e74c3c;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-red.btn-fill:hover, .euf-flat-theme .btn-red.btn-fill:focus, .euf-flat-theme .btn-red.btn-fill:active, .euf-flat-theme .btn-red.btn-fill.active,
    .open > .euf-flat-theme .btn-red.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color4.btn-fill:hover, .euf-flat-theme .btn-color4.btn-fill:focus, .euf-flat-theme .btn-color4.btn-fill:active, .euf-flat-theme .btn-color4.btn-fill.active,
    .open > .euf-flat-theme .btn-color4.btn-fill.dropdown-toggle {
      background-color: #c0392b;
      border-color: #c0392b;
      color: #ffffff; }
    .euf-flat-theme .btn-red.btn-fill .caret, .euf-flat-theme .btn-color4.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-red .caret, .euf-flat-theme .btn-color4 .caret {
    border-top-color: #e74c3c; }

.euf-flat-theme .btn-red-states, .euf-flat-theme .btn-color4-states {
  border-color: #c0392b;
  color: #c0392b; }
  .euf-flat-theme .btn-red-states[data-color-bg="true"]:hover, .euf-flat-theme .btn-color4-states[data-color-bg="true"]:hover {
    background-color: #c0392b; }
  .euf-material-theme .euf-flat-theme .btn-red-states, .euf-material-theme .euf-flat-theme .btn-color4-states {
    color: red; }
  .euf-flat-theme .btn-red-states:hover, .euf-flat-theme .btn-red-states:focus, .euf-flat-theme .btn-red-states:active, .euf-flat-theme .btn-red-states.active,
  .open > .euf-flat-theme .btn-red-states.dropdown-toggle, .euf-flat-theme .btn-color4-states:hover, .euf-flat-theme .btn-color4-states:focus, .euf-flat-theme .btn-color4-states:active, .euf-flat-theme .btn-color4-states.active,
  .open > .euf-flat-theme .btn-color4-states.dropdown-toggle {
    background-color: transparent; }
  .euf-flat-theme .btn-red-states:disabled, .euf-flat-theme .btn-red-states[disabled], .euf-flat-theme .btn-red-states.disabled, .euf-flat-theme .btn-color4-states:disabled, .euf-flat-theme .btn-color4-states[disabled], .euf-flat-theme .btn-color4-states.disabled {
    background-color: transparent;
    border-color: #c0392b; }
  .euf-flat-theme .btn-red-states.btn-fill, .euf-flat-theme .btn-color4-states.btn-fill {
    color: #ffffff !important;
    background-color: #c0392b;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-red-states.btn-fill:hover, .euf-flat-theme .btn-red-states.btn-fill:focus, .euf-flat-theme .btn-red-states.btn-fill:active, .euf-flat-theme .btn-red-states.btn-fill.active,
    .open > .euf-flat-theme .btn-red-states.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color4-states.btn-fill:hover, .euf-flat-theme .btn-color4-states.btn-fill:focus, .euf-flat-theme .btn-color4-states.btn-fill:active, .euf-flat-theme .btn-color4-states.btn-fill.active,
    .open > .euf-flat-theme .btn-color4-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-flat-theme .btn-red-states.btn-fill .caret, .euf-flat-theme .btn-color4-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-red-states .caret, .euf-flat-theme .btn-color4-states .caret {
    border-top-color: #c0392b; }

.euf-flat-theme .btn-pink, .euf-flat-theme .btn-color7 {
  border-color: #F08F90;
  color: #F08F90; }
  .euf-flat-theme .btn-pink[data-color-bg="true"]:hover, .euf-flat-theme .btn-color7[data-color-bg="true"]:hover {
    background-color: #F08F90; }
  .euf-material-theme .euf-flat-theme .btn-pink, .euf-material-theme .euf-flat-theme .btn-color7 {
    color: red; }
  .euf-flat-theme .btn-pink:hover, .euf-flat-theme .btn-pink:focus, .euf-flat-theme .btn-pink:active, .euf-flat-theme .btn-pink.active,
  .open > .euf-flat-theme .btn-pink.dropdown-toggle, .euf-flat-theme .btn-color7:hover, .euf-flat-theme .btn-color7:focus, .euf-flat-theme .btn-color7:active, .euf-flat-theme .btn-color7.active,
  .open > .euf-flat-theme .btn-color7.dropdown-toggle {
    background-color: transparent;
    color: #F47983;
    border-color: #F47983; }
  .euf-flat-theme .btn-pink:disabled, .euf-flat-theme .btn-pink[disabled], .euf-flat-theme .btn-pink.disabled, .euf-flat-theme .btn-color7:disabled, .euf-flat-theme .btn-color7[disabled], .euf-flat-theme .btn-color7.disabled {
    background-color: transparent;
    border-color: #F08F90; }
  .euf-flat-theme .btn-pink.btn-fill, .euf-flat-theme .btn-color7.btn-fill {
    color: #ffffff !important;
    background-color: #F08F90;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-pink.btn-fill:hover, .euf-flat-theme .btn-pink.btn-fill:focus, .euf-flat-theme .btn-pink.btn-fill:active, .euf-flat-theme .btn-pink.btn-fill.active,
    .open > .euf-flat-theme .btn-pink.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color7.btn-fill:hover, .euf-flat-theme .btn-color7.btn-fill:focus, .euf-flat-theme .btn-color7.btn-fill:active, .euf-flat-theme .btn-color7.btn-fill.active,
    .open > .euf-flat-theme .btn-color7.btn-fill.dropdown-toggle {
      background-color: #F47983;
      border-color: #F47983;
      color: #ffffff; }
    .euf-flat-theme .btn-pink.btn-fill .caret, .euf-flat-theme .btn-color7.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-pink .caret, .euf-flat-theme .btn-color7 .caret {
    border-top-color: #F08F90; }

.euf-flat-theme .btn-pink-states, .euf-flat-theme .btn-color7-states {
  border-color: #F47983;
  color: #F47983; }
  .euf-flat-theme .btn-pink-states[data-color-bg="true"]:hover, .euf-flat-theme .btn-color7-states[data-color-bg="true"]:hover {
    background-color: #F47983; }
  .euf-material-theme .euf-flat-theme .btn-pink-states, .euf-material-theme .euf-flat-theme .btn-color7-states {
    color: red; }
  .euf-flat-theme .btn-pink-states:hover, .euf-flat-theme .btn-pink-states:focus, .euf-flat-theme .btn-pink-states:active, .euf-flat-theme .btn-pink-states.active,
  .open > .euf-flat-theme .btn-pink-states.dropdown-toggle, .euf-flat-theme .btn-color7-states:hover, .euf-flat-theme .btn-color7-states:focus, .euf-flat-theme .btn-color7-states:active, .euf-flat-theme .btn-color7-states.active,
  .open > .euf-flat-theme .btn-color7-states.dropdown-toggle {
    background-color: transparent; }
  .euf-flat-theme .btn-pink-states:disabled, .euf-flat-theme .btn-pink-states[disabled], .euf-flat-theme .btn-pink-states.disabled, .euf-flat-theme .btn-color7-states:disabled, .euf-flat-theme .btn-color7-states[disabled], .euf-flat-theme .btn-color7-states.disabled {
    background-color: transparent;
    border-color: #F47983; }
  .euf-flat-theme .btn-pink-states.btn-fill, .euf-flat-theme .btn-color7-states.btn-fill {
    color: #ffffff !important;
    background-color: #F47983;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-pink-states.btn-fill:hover, .euf-flat-theme .btn-pink-states.btn-fill:focus, .euf-flat-theme .btn-pink-states.btn-fill:active, .euf-flat-theme .btn-pink-states.btn-fill.active,
    .open > .euf-flat-theme .btn-pink-states.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color7-states.btn-fill:hover, .euf-flat-theme .btn-color7-states.btn-fill:focus, .euf-flat-theme .btn-color7-states.btn-fill:active, .euf-flat-theme .btn-color7-states.btn-fill.active,
    .open > .euf-flat-theme .btn-color7-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-flat-theme .btn-pink-states.btn-fill .caret, .euf-flat-theme .btn-color7-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-pink-states .caret, .euf-flat-theme .btn-color7-states .caret {
    border-top-color: #F47983; }

.euf-flat-theme .btn-purple, .euf-flat-theme .btn-color5 {
  border-color: #9b59b6;
  color: #9b59b6; }
  .euf-flat-theme .btn-purple[data-color-bg="true"]:hover, .euf-flat-theme .btn-color5[data-color-bg="true"]:hover {
    background-color: #9b59b6; }
  .euf-material-theme .euf-flat-theme .btn-purple, .euf-material-theme .euf-flat-theme .btn-color5 {
    color: red; }
  .euf-flat-theme .btn-purple:hover, .euf-flat-theme .btn-purple:focus, .euf-flat-theme .btn-purple:active, .euf-flat-theme .btn-purple.active,
  .open > .euf-flat-theme .btn-purple.dropdown-toggle, .euf-flat-theme .btn-color5:hover, .euf-flat-theme .btn-color5:focus, .euf-flat-theme .btn-color5:active, .euf-flat-theme .btn-color5.active,
  .open > .euf-flat-theme .btn-color5.dropdown-toggle {
    background-color: transparent;
    color: #8e44ad;
    border-color: #8e44ad; }
  .euf-flat-theme .btn-purple:disabled, .euf-flat-theme .btn-purple[disabled], .euf-flat-theme .btn-purple.disabled, .euf-flat-theme .btn-color5:disabled, .euf-flat-theme .btn-color5[disabled], .euf-flat-theme .btn-color5.disabled {
    background-color: transparent;
    border-color: #9b59b6; }
  .euf-flat-theme .btn-purple.btn-fill, .euf-flat-theme .btn-color5.btn-fill {
    color: #ffffff !important;
    background-color: #9b59b6;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-purple.btn-fill:hover, .euf-flat-theme .btn-purple.btn-fill:focus, .euf-flat-theme .btn-purple.btn-fill:active, .euf-flat-theme .btn-purple.btn-fill.active,
    .open > .euf-flat-theme .btn-purple.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color5.btn-fill:hover, .euf-flat-theme .btn-color5.btn-fill:focus, .euf-flat-theme .btn-color5.btn-fill:active, .euf-flat-theme .btn-color5.btn-fill.active,
    .open > .euf-flat-theme .btn-color5.btn-fill.dropdown-toggle {
      background-color: #8e44ad;
      border-color: #8e44ad;
      color: #ffffff; }
    .euf-flat-theme .btn-purple.btn-fill .caret, .euf-flat-theme .btn-color5.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-purple .caret, .euf-flat-theme .btn-color5 .caret {
    border-top-color: #9b59b6; }

.euf-flat-theme .btn-purple-states, .euf-flat-theme .btn-color5-states {
  border-color: #8e44ad;
  color: #8e44ad; }
  .euf-flat-theme .btn-purple-states[data-color-bg="true"]:hover, .euf-flat-theme .btn-color5-states[data-color-bg="true"]:hover {
    background-color: #8e44ad; }
  .euf-material-theme .euf-flat-theme .btn-purple-states, .euf-material-theme .euf-flat-theme .btn-color5-states {
    color: red; }
  .euf-flat-theme .btn-purple-states:hover, .euf-flat-theme .btn-purple-states:focus, .euf-flat-theme .btn-purple-states:active, .euf-flat-theme .btn-purple-states.active,
  .open > .euf-flat-theme .btn-purple-states.dropdown-toggle, .euf-flat-theme .btn-color5-states:hover, .euf-flat-theme .btn-color5-states:focus, .euf-flat-theme .btn-color5-states:active, .euf-flat-theme .btn-color5-states.active,
  .open > .euf-flat-theme .btn-color5-states.dropdown-toggle {
    background-color: transparent; }
  .euf-flat-theme .btn-purple-states:disabled, .euf-flat-theme .btn-purple-states[disabled], .euf-flat-theme .btn-purple-states.disabled, .euf-flat-theme .btn-color5-states:disabled, .euf-flat-theme .btn-color5-states[disabled], .euf-flat-theme .btn-color5-states.disabled {
    background-color: transparent;
    border-color: #8e44ad; }
  .euf-flat-theme .btn-purple-states.btn-fill, .euf-flat-theme .btn-color5-states.btn-fill {
    color: #ffffff !important;
    background-color: #8e44ad;
    opacity: 1;
    filter: alpha(opacity=100); }
    .euf-flat-theme .btn-purple-states.btn-fill:hover, .euf-flat-theme .btn-purple-states.btn-fill:focus, .euf-flat-theme .btn-purple-states.btn-fill:active, .euf-flat-theme .btn-purple-states.btn-fill.active,
    .open > .euf-flat-theme .btn-purple-states.btn-fill.dropdown-toggle, .euf-flat-theme .btn-color5-states.btn-fill:hover, .euf-flat-theme .btn-color5-states.btn-fill:focus, .euf-flat-theme .btn-color5-states.btn-fill:active, .euf-flat-theme .btn-color5-states.btn-fill.active,
    .open > .euf-flat-theme .btn-color5-states.btn-fill.dropdown-toggle {
      color: #ffffff; }
    .euf-flat-theme .btn-purple-states.btn-fill .caret, .euf-flat-theme .btn-color5-states.btn-fill .caret {
      border-top-color: #ffffff; }
  .euf-flat-theme .btn-purple-states .caret, .euf-flat-theme .btn-color5-states .caret {
    border-top-color: #8e44ad; }

.euf-flat-theme div[class^="dx-icon"] {
  margin-right: 0.5rem;
  font-family: Montserrat,sans-serif;
  letter-spacing: 1px; }
  .euf-flat-theme div[class^="dx-icon"]:before {
    font: 14px/1 DXIcons;
    margin-right: .5rem; }
  .euf-flat-theme div[class^="dx-icon"].btn-sm-block:last-child {
    margin-right: 0; }

.euf-material-theme {
  /*.dx-icon-add{        
        @extend .btn-fill; 
    }*/ }
  .euf-material-theme .btn {
    border-width: 0;
    background-color: transparent;
    text-overflow: ellipsis;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    border-color: #95a5a6;
    color: #95a5a6;
    font-size: 0.875rem;
    border-radius: 0.125rem;
    padding: 0.8rem 0.8rem;
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    text-transform: uppercase;
    letter-spacing: 0.0625rem; }
    .euf-material-theme .btn:disabled, .euf-material-theme .btn[disabled], .euf-material-theme .btn.disabled {
      opacity: 0.5;
      filter: alpha(opacity=50); }
    .euf-material-theme .btn[data-color-bg="true"]:hover {
      background-color: #95a5a6; }
    .euf-material-theme .euf-material-theme .btn {
      color: red; }
    .euf-material-theme .btn:hover, .euf-material-theme .btn:focus, .euf-material-theme .btn:active, .euf-material-theme .btn.active,
    .open > .euf-material-theme .btn.dropdown-toggle {
      background-color: transparent;
      color: #7f8c8d;
      border-color: #7f8c8d; }
    .euf-material-theme .btn:disabled, .euf-material-theme .btn[disabled], .euf-material-theme .btn.disabled {
      background-color: transparent;
      border-color: #95a5a6; }
    .euf-material-theme .btn.btn-fill {
      color: #ffffff !important;
      background-color: #95a5a6;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn.btn-fill:hover, .euf-material-theme .btn.btn-fill:focus, .euf-material-theme .btn.btn-fill:active, .euf-material-theme .btn.btn-fill.active,
      .open > .euf-material-theme .btn.btn-fill.dropdown-toggle {
        background-color: #7f8c8d;
        border-color: #7f8c8d;
        color: #ffffff; }
      .euf-material-theme .btn.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn .caret {
      border-top-color: #95a5a6; }
    .euf-material-theme .btn.btn-round {
      padding: 0.8rem 0.8rem; }
    .euf-material-theme .btn.btn-simple {
      padding: 0.8rem 0.8rem; }
    .euf-material-theme .btn:hover, .euf-material-theme .btn:focus {
      opacity: 1;
      filter: alpha(opacity=100);
      outline: 0 !important; }
    .euf-material-theme .btn:active, .euf-material-theme .btn.active,
    .open > .euf-material-theme .btn.dropdown-toggle {
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: 0 !important; }
    .euf-material-theme .btn svg:not(:root) {
      width: 0.937rem;
      height: 0.937rem;
      fill: #58595B;
      margin: 0 0.125rem -0.125rem 0; }
    .euf-material-theme .btn.dropdown-toggle {
      border-width: 0.0625rem;
      border-color: #DDD; }
    .euf-material-theme .btn.btn-icon {
      border: none; }
    .euf-material-theme .btn.btn-modal-close {
      position: absolute;
      right: 0.312rem;
      top: 0; }
    .euf-material-theme .btn.btn-collapse {
      background: #F3F6F8;
      border-top: 0.0625rem solid rgba(196, 201, 204, 0.5);
      border-radius: 0;
      color: #1C3357; }
    .euf-material-theme .btn.btn-round {
      border-radius: 0.125rem !important;
      padding: 0.8rem 0.8rem; }
      .euf-material-theme .btn.btn-round.btn-icon {
        padding: 0.8rem; }
    .euf-material-theme .btn.btn-simple {
      border: 0;
      padding: 0; }
      .euf-material-theme .btn.btn-simple.btn-link {
        margin: 0 !important;
        padding: 0;
        border-bottom: 0.0625rem solid; }
    .euf-material-theme .btn.btn-lg {
      font-size: 1rem;
      border-radius: 0.125rem;
      padding: 0.8rem 0.8rem;
      margin-right: 0.625rem; }
      .euf-material-theme .btn.btn-lg.btn-round {
        padding: 0.8rem 0.8rem; }
      .euf-material-theme .btn.btn-lg.btn-simple {
        padding: 0.8rem 0.8rem; }
    .euf-material-theme .btn.btn-sm {
      font-size: 0.75rem;
      border-radius: 0.125rem;
      padding: 0.8rem 0.8rem; }
      .euf-material-theme .btn.btn-sm.btn-round {
        padding: 0.8rem 0.8rem; }
      .euf-material-theme .btn.btn-sm.btn-simple {
        padding: 0.8rem 0.8rem; }
    .euf-material-theme .btn.btn-xs {
      font-size: 0.7rem;
      border-radius: 0.125rem;
      padding: 0.8rem 0.8rem; }
      .euf-material-theme .btn.btn-xs.btn-round {
        padding: 0.8rem 0.8rem; }
      .euf-material-theme .btn.btn-xs.btn-simple {
        padding: 0.8rem 0.8rem; }
    @media (max-width: 1024px) {
      .euf-material-theme .btn.btn-sm-block {
        display: inline-block;
        font-size: 0;
        text-align: center; }
        .euf-material-theme .btn.btn-sm-block:before {
          position: relative;
          margin: 0;
          left: calc(50% - 7px); } }
    .euf-material-theme .btn:not(.btn-simple) {
      -webkit-box-shadow: 0 0.0625rem 0.187rem 0 rgba(0, 0, 0, 0.12), 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.24);
      box-shadow: 0 0.0625rem 0.187rem 0 rgba(0, 0, 0, 0.12), 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.24); }
    .euf-material-theme .btn.btn-simple {
      font-weight: 600;
      letter-spacing: 0.08rem; }
    .euf-material-theme .btn.btn-blue.btn-round {
      background-color: rgba(63, 81, 181, 0.4);
      color: #FFFFFF; }
      .euf-material-theme .btn.btn-blue.btn-round:hover {
        background-color: rgba(63, 81, 181, 0.5);
        color: #FFFFFF !important;
        -webkit-box-shadow: 0 14px 26px -10.125rem rgba(63, 81, 181, 0.42), 0 4px 23px 0px rgba(63, 81, 181, 0.12), 0 8px 10px -0.312rem rgba(63, 81, 181, 0.2);
        box-shadow: 0 14px 26px -10.125rem rgba(63, 81, 181, 0.42), 0 4px 23px 0px rgba(63, 81, 181, 0.12), 0 8px 10px -0.312rem rgba(63, 81, 181, 0.2); }
    .euf-material-theme .btn.btn-blue:not(.btn-simple):hover {
      -webkit-box-shadow: 0 14px 26px -10.125rem rgba(63, 81, 181, 0.42), 0 4px 23px 0px rgba(63, 81, 181, 0.12), 0 8px 10px -0.312rem rgba(63, 81, 181, 0.2);
      box-shadow: 0 14px 26px -10.125rem rgba(63, 81, 181, 0.42), 0 4px 23px 0px rgba(63, 81, 181, 0.12), 0 8px 10px -0.312rem rgba(63, 81, 181, 0.2); }
    .euf-material-theme .btn.btn-green.btn-round {
      background-color: rgba(76, 175, 80, 0.4);
      color: #FFFFFF; }
      .euf-material-theme .btn.btn-green.btn-round:hover {
        background-color: rgba(76, 175, 80, 0.5);
        color: #FFFFFF !important;
        -webkit-box-shadow: 0 14px 26px -10.125rem rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(76, 175, 80, 0.12), 0 8px 10px -0.312rem rgba(76, 175, 80, 0.2);
        box-shadow: 0 14px 26px -10.125rem rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(76, 175, 80, 0.12), 0 8px 10px -0.312rem rgba(76, 175, 80, 0.2); }
    .euf-material-theme .btn.btn-green:not(.btn-simple):hover {
      -webkit-box-shadow: 0 14px 26px -10.125rem rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(76, 175, 80, 0.12), 0 8px 10px -0.312rem rgba(76, 175, 80, 0.2);
      box-shadow: 0 14px 26px -10.125rem rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(76, 175, 80, 0.12), 0 8px 10px -0.312rem rgba(76, 175, 80, 0.2); }
    .euf-material-theme .btn.btn-azure.btn-round {
      background-color: rgba(3, 169, 244, 0.4);
      color: #FFFFFF; }
      .euf-material-theme .btn.btn-azure.btn-round:hover {
        background-color: rgba(3, 169, 244, 0.5);
        color: #FFFFFF !important;
        -webkit-box-shadow: 0 14px 26px -10.125rem rgba(3, 169, 244, 0.42), 0 4px 23px 0px rgba(3, 169, 244, 0.12), 0 8px 10px -0.312rem rgba(3, 169, 244, 0.2);
        box-shadow: 0 14px 26px -10.125rem rgba(3, 169, 244, 0.42), 0 4px 23px 0px rgba(3, 169, 244, 0.12), 0 8px 10px -0.312rem rgba(3, 169, 244, 0.2); }
    .euf-material-theme .btn.btn-azure:not(.btn-simple):hover {
      -webkit-box-shadow: 0 14px 26px -10.125rem rgba(3, 169, 244, 0.42), 0 4px 23px 0px rgba(3, 169, 244, 0.12), 0 8px 10px -0.312rem rgba(3, 169, 244, 0.2);
      box-shadow: 0 14px 26px -10.125rem rgba(3, 169, 244, 0.42), 0 4px 23px 0px rgba(3, 169, 244, 0.12), 0 8px 10px -0.312rem rgba(3, 169, 244, 0.2); }
    .euf-material-theme .btn.btn-orange.btn-round {
      background-color: rgba(255, 193, 7, 0.4);
      color: #FFFFFF; }
      .euf-material-theme .btn.btn-orange.btn-round:hover {
        background-color: rgba(255, 193, 7, 0.5);
        color: #FFFFFF !important;
        -webkit-box-shadow: 0 14px 26px -10.125rem rgba(255, 193, 7, 0.42), 0 4px 23px 0px rgba(255, 193, 7, 0.12), 0 8px 10px -0.312rem rgba(255, 193, 7, 0.2);
        box-shadow: 0 14px 26px -10.125rem rgba(255, 193, 7, 0.42), 0 4px 23px 0px rgba(255, 193, 7, 0.12), 0 8px 10px -0.312rem rgba(255, 193, 7, 0.2); }
    .euf-material-theme .btn.btn-orange:not(.btn-simple):hover {
      -webkit-box-shadow: 0 14px 26px -10.125rem rgba(255, 193, 7, 0.42), 0 4px 23px 0px rgba(255, 193, 7, 0.12), 0 8px 10px -0.312rem rgba(255, 193, 7, 0.2);
      box-shadow: 0 14px 26px -10.125rem rgba(255, 193, 7, 0.42), 0 4px 23px 0px rgba(255, 193, 7, 0.12), 0 8px 10px -0.312rem rgba(255, 193, 7, 0.2); }
    .euf-material-theme .btn.btn-red.btn-round {
      background-color: rgba(255, 87, 34, 0.4);
      color: #FFFFFF; }
      .euf-material-theme .btn.btn-red.btn-round:hover {
        background-color: rgba(255, 87, 34, 0.5);
        color: #FFFFFF !important;
        -webkit-box-shadow: 0 14px 26px -10.125rem rgba(255, 87, 34, 0.42), 0 4px 23px 0px rgba(255, 87, 34, 0.12), 0 8px 10px -0.312rem rgba(255, 87, 34, 0.2);
        box-shadow: 0 14px 26px -10.125rem rgba(255, 87, 34, 0.42), 0 4px 23px 0px rgba(255, 87, 34, 0.12), 0 8px 10px -0.312rem rgba(255, 87, 34, 0.2); }
    .euf-material-theme .btn.btn-red:not(.btn-simple):hover {
      -webkit-box-shadow: 0 14px 26px -10.125rem rgba(255, 87, 34, 0.42), 0 4px 23px 0px rgba(255, 87, 34, 0.12), 0 8px 10px -0.312rem rgba(255, 87, 34, 0.2);
      box-shadow: 0 14px 26px -10.125rem rgba(255, 87, 34, 0.42), 0 4px 23px 0px rgba(255, 87, 34, 0.12), 0 8px 10px -0.312rem rgba(255, 87, 34, 0.2); }
    .euf-material-theme .btn.btn-pink.btn-round {
      background-color: rgba(233, 30, 99, 0.4);
      color: #FFFFFF; }
      .euf-material-theme .btn.btn-pink.btn-round:hover {
        background-color: rgba(233, 30, 99, 0.5);
        color: #FFFFFF !important;
        -webkit-box-shadow: 0 14px 26px -10.125rem rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(233, 30, 99, 0.12), 0 8px 10px -0.312rem rgba(233, 30, 99, 0.2);
        box-shadow: 0 14px 26px -10.125rem rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(233, 30, 99, 0.12), 0 8px 10px -0.312rem rgba(233, 30, 99, 0.2); }
    .euf-material-theme .btn.btn-pink:not(.btn-simple):hover {
      -webkit-box-shadow: 0 14px 26px -10.125rem rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(233, 30, 99, 0.12), 0 8px 10px -0.312rem rgba(233, 30, 99, 0.2);
      box-shadow: 0 14px 26px -10.125rem rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(233, 30, 99, 0.12), 0 8px 10px -0.312rem rgba(233, 30, 99, 0.2); }
    .euf-material-theme .btn.btn-purple.btn-round {
      background-color: rgba(156, 39, 176, 0.4);
      color: #FFFFFF; }
      .euf-material-theme .btn.btn-purple.btn-round:hover {
        background-color: rgba(156, 39, 176, 0.5);
        color: #FFFFFF !important;
        -webkit-box-shadow: 0 14px 26px -10.125rem rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(156, 39, 176, 0.12), 0 8px 10px -0.312rem rgba(156, 39, 176, 0.2);
        box-shadow: 0 14px 26px -10.125rem rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(156, 39, 176, 0.12), 0 8px 10px -0.312rem rgba(156, 39, 176, 0.2); }
    .euf-material-theme .btn.btn-purple:not(.btn-simple):hover {
      -webkit-box-shadow: 0 14px 26px -10.125rem rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(156, 39, 176, 0.12), 0 8px 10px -0.312rem rgba(156, 39, 176, 0.2);
      box-shadow: 0 14px 26px -10.125rem rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(156, 39, 176, 0.12), 0 8px 10px -0.312rem rgba(156, 39, 176, 0.2); }
    .euf-material-theme .btn.btn-default.btn-round {
      background-color: rgba(158, 158, 158, 0.4);
      color: #FFFFFF; }
      .euf-material-theme .btn.btn-default.btn-round:hover {
        background-color: rgba(158, 158, 158, 0.5);
        color: #FFFFFF !important;
        -webkit-box-shadow: 0 14px 26px -10.125rem rgba(158, 158, 158, 0.42), 0 4px 23px 0px rgba(158, 158, 158, 0.12), 0 8px 10px -0.312rem rgba(158, 158, 158, 0.2);
        box-shadow: 0 14px 26px -10.125rem rgba(158, 158, 158, 0.42), 0 4px 23px 0px rgba(158, 158, 158, 0.12), 0 8px 10px -0.312rem rgba(158, 158, 158, 0.2); }
    .euf-material-theme .btn.btn-default:not(.btn-simple):hover {
      -webkit-box-shadow: 0 14px 26px -10.125rem rgba(158, 158, 158, 0.42), 0 4px 23px 0px rgba(158, 158, 158, 0.12), 0 8px 10px -0.312rem rgba(158, 158, 158, 0.2);
      box-shadow: 0 14px 26px -10.125rem rgba(158, 158, 158, 0.42), 0 4px 23px 0px rgba(158, 158, 158, 0.12), 0 8px 10px -0.312rem rgba(158, 158, 158, 0.2); }
    .euf-material-theme .btn.btn-white.btn-round {
      background-color: rgba(255, 255, 255, 0.4);
      color: #FFFFFF; }
      .euf-material-theme .btn.btn-white.btn-round:hover {
        background-color: rgba(255, 255, 255, 0.5);
        color: #FFFFFF !important;
        -webkit-box-shadow: 0 14px 26px -10.125rem rgba(255, 255, 255, 0.42), 0 4px 23px 0px rgba(255, 255, 255, 0.12), 0 8px 10px -0.312rem rgba(255, 255, 255, 0.2);
        box-shadow: 0 14px 26px -10.125rem rgba(255, 255, 255, 0.42), 0 4px 23px 0px rgba(255, 255, 255, 0.12), 0 8px 10px -0.312rem rgba(255, 255, 255, 0.2); }
    .euf-material-theme .btn.btn-white:not(.btn-simple):hover {
      -webkit-box-shadow: 0 14px 26px -10.125rem rgba(255, 255, 255, 0.42), 0 4px 23px 0px rgba(255, 255, 255, 0.12), 0 8px 10px -0.312rem rgba(255, 255, 255, 0.2);
      box-shadow: 0 14px 26px -10.125rem rgba(255, 255, 255, 0.42), 0 4px 23px 0px rgba(255, 255, 255, 0.12), 0 8px 10px -0.312rem rgba(255, 255, 255, 0.2); }
  .euf-material-theme .btn-ftospetrol, .euf-material-theme .btn-color10 {
    border-color: #3F5A63;
    color: #3F5A63; }
    .euf-material-theme .btn-ftospetrol[data-color-bg="true"]:hover, .euf-material-theme .btn-color10[data-color-bg="true"]:hover {
      background-color: #3F5A63; }
    .euf-material-theme .euf-material-theme .btn-ftospetrol, .euf-material-theme .euf-material-theme .btn-color10 {
      color: red; }
    .euf-material-theme .btn-ftospetrol:hover, .euf-material-theme .btn-ftospetrol:focus, .euf-material-theme .btn-ftospetrol:active, .euf-material-theme .btn-ftospetrol.active,
    .open > .euf-material-theme .btn-ftospetrol.dropdown-toggle, .euf-material-theme .btn-color10:hover, .euf-material-theme .btn-color10:focus, .euf-material-theme .btn-color10:active, .euf-material-theme .btn-color10.active,
    .open > .euf-material-theme .btn-color10.dropdown-toggle {
      background-color: transparent;
      color: #3c788c;
      border-color: #3c788c; }
    .euf-material-theme .btn-ftospetrol:disabled, .euf-material-theme .btn-ftospetrol[disabled], .euf-material-theme .btn-ftospetrol.disabled, .euf-material-theme .btn-color10:disabled, .euf-material-theme .btn-color10[disabled], .euf-material-theme .btn-color10.disabled {
      background-color: transparent;
      border-color: #3F5A63; }
    .euf-material-theme .btn-ftospetrol.btn-fill, .euf-material-theme .btn-color10.btn-fill {
      color: #ffffff !important;
      background-color: #3F5A63;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-ftospetrol.btn-fill:hover, .euf-material-theme .btn-ftospetrol.btn-fill:focus, .euf-material-theme .btn-ftospetrol.btn-fill:active, .euf-material-theme .btn-ftospetrol.btn-fill.active,
      .open > .euf-material-theme .btn-ftospetrol.btn-fill.dropdown-toggle, .euf-material-theme .btn-color10.btn-fill:hover, .euf-material-theme .btn-color10.btn-fill:focus, .euf-material-theme .btn-color10.btn-fill:active, .euf-material-theme .btn-color10.btn-fill.active,
      .open > .euf-material-theme .btn-color10.btn-fill.dropdown-toggle {
        background-color: #3c788c;
        border-color: #3c788c;
        color: #ffffff; }
      .euf-material-theme .btn-ftospetrol.btn-fill .caret, .euf-material-theme .btn-color10.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-ftospetrol .caret, .euf-material-theme .btn-color10 .caret {
      border-top-color: #3F5A63; }
  .euf-material-theme .btn-ftospetrol-states, .euf-material-theme .btn-color10-states {
    border-color: #3c788c;
    color: #3c788c; }
    .euf-material-theme .btn-ftospetrol-states[data-color-bg="true"]:hover, .euf-material-theme .btn-color10-states[data-color-bg="true"]:hover {
      background-color: #3c788c; }
    .euf-material-theme .euf-material-theme .btn-ftospetrol-states, .euf-material-theme .euf-material-theme .btn-color10-states {
      color: red; }
    .euf-material-theme .btn-ftospetrol-states:hover, .euf-material-theme .btn-ftospetrol-states:focus, .euf-material-theme .btn-ftospetrol-states:active, .euf-material-theme .btn-ftospetrol-states.active,
    .open > .euf-material-theme .btn-ftospetrol-states.dropdown-toggle, .euf-material-theme .btn-color10-states:hover, .euf-material-theme .btn-color10-states:focus, .euf-material-theme .btn-color10-states:active, .euf-material-theme .btn-color10-states.active,
    .open > .euf-material-theme .btn-color10-states.dropdown-toggle {
      background-color: transparent; }
    .euf-material-theme .btn-ftospetrol-states:disabled, .euf-material-theme .btn-ftospetrol-states[disabled], .euf-material-theme .btn-ftospetrol-states.disabled, .euf-material-theme .btn-color10-states:disabled, .euf-material-theme .btn-color10-states[disabled], .euf-material-theme .btn-color10-states.disabled {
      background-color: transparent;
      border-color: #3c788c; }
    .euf-material-theme .btn-ftospetrol-states.btn-fill, .euf-material-theme .btn-color10-states.btn-fill {
      color: #ffffff !important;
      background-color: #3c788c;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-ftospetrol-states.btn-fill:hover, .euf-material-theme .btn-ftospetrol-states.btn-fill:focus, .euf-material-theme .btn-ftospetrol-states.btn-fill:active, .euf-material-theme .btn-ftospetrol-states.btn-fill.active,
      .open > .euf-material-theme .btn-ftospetrol-states.btn-fill.dropdown-toggle, .euf-material-theme .btn-color10-states.btn-fill:hover, .euf-material-theme .btn-color10-states.btn-fill:focus, .euf-material-theme .btn-color10-states.btn-fill:active, .euf-material-theme .btn-color10-states.btn-fill.active,
      .open > .euf-material-theme .btn-color10-states.btn-fill.dropdown-toggle {
        color: #ffffff; }
      .euf-material-theme .btn-ftospetrol-states.btn-fill .caret, .euf-material-theme .btn-color10-states.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-ftospetrol-states .caret, .euf-material-theme .btn-color10-states .caret {
      border-top-color: #3c788c; }
  .euf-material-theme .btn-ftosblue, .euf-material-theme .btn-color9 {
    border-color: #27AAE1;
    color: #27AAE1; }
    .euf-material-theme .btn-ftosblue[data-color-bg="true"]:hover, .euf-material-theme .btn-color9[data-color-bg="true"]:hover {
      background-color: #27AAE1; }
    .euf-material-theme .euf-material-theme .btn-ftosblue, .euf-material-theme .euf-material-theme .btn-color9 {
      color: red; }
    .euf-material-theme .btn-ftosblue:hover, .euf-material-theme .btn-ftosblue:focus, .euf-material-theme .btn-ftosblue:active, .euf-material-theme .btn-ftosblue.active,
    .open > .euf-material-theme .btn-ftosblue.dropdown-toggle, .euf-material-theme .btn-color9:hover, .euf-material-theme .btn-color9:focus, .euf-material-theme .btn-color9:active, .euf-material-theme .btn-color9.active,
    .open > .euf-material-theme .btn-color9.dropdown-toggle {
      background-color: transparent;
      color: #1c98cc;
      border-color: #1c98cc; }
    .euf-material-theme .btn-ftosblue:disabled, .euf-material-theme .btn-ftosblue[disabled], .euf-material-theme .btn-ftosblue.disabled, .euf-material-theme .btn-color9:disabled, .euf-material-theme .btn-color9[disabled], .euf-material-theme .btn-color9.disabled {
      background-color: transparent;
      border-color: #27AAE1; }
    .euf-material-theme .btn-ftosblue.btn-fill, .euf-material-theme .btn-color9.btn-fill {
      color: #ffffff !important;
      background-color: #27AAE1;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-ftosblue.btn-fill:hover, .euf-material-theme .btn-ftosblue.btn-fill:focus, .euf-material-theme .btn-ftosblue.btn-fill:active, .euf-material-theme .btn-ftosblue.btn-fill.active,
      .open > .euf-material-theme .btn-ftosblue.btn-fill.dropdown-toggle, .euf-material-theme .btn-color9.btn-fill:hover, .euf-material-theme .btn-color9.btn-fill:focus, .euf-material-theme .btn-color9.btn-fill:active, .euf-material-theme .btn-color9.btn-fill.active,
      .open > .euf-material-theme .btn-color9.btn-fill.dropdown-toggle {
        background-color: #1c98cc;
        border-color: #1c98cc;
        color: #ffffff; }
      .euf-material-theme .btn-ftosblue.btn-fill .caret, .euf-material-theme .btn-color9.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-ftosblue .caret, .euf-material-theme .btn-color9 .caret {
      border-top-color: #27AAE1; }
  .euf-material-theme .btn-ftosblue-states, .euf-material-theme .btn-color9-states {
    border-color: #1c98cc;
    color: #1c98cc; }
    .euf-material-theme .btn-ftosblue-states[data-color-bg="true"]:hover, .euf-material-theme .btn-color9-states[data-color-bg="true"]:hover {
      background-color: #1c98cc; }
    .euf-material-theme .euf-material-theme .btn-ftosblue-states, .euf-material-theme .euf-material-theme .btn-color9-states {
      color: red; }
    .euf-material-theme .btn-ftosblue-states:hover, .euf-material-theme .btn-ftosblue-states:focus, .euf-material-theme .btn-ftosblue-states:active, .euf-material-theme .btn-ftosblue-states.active,
    .open > .euf-material-theme .btn-ftosblue-states.dropdown-toggle, .euf-material-theme .btn-color9-states:hover, .euf-material-theme .btn-color9-states:focus, .euf-material-theme .btn-color9-states:active, .euf-material-theme .btn-color9-states.active,
    .open > .euf-material-theme .btn-color9-states.dropdown-toggle {
      background-color: transparent; }
    .euf-material-theme .btn-ftosblue-states:disabled, .euf-material-theme .btn-ftosblue-states[disabled], .euf-material-theme .btn-ftosblue-states.disabled, .euf-material-theme .btn-color9-states:disabled, .euf-material-theme .btn-color9-states[disabled], .euf-material-theme .btn-color9-states.disabled {
      background-color: transparent;
      border-color: #1c98cc; }
    .euf-material-theme .btn-ftosblue-states.btn-fill, .euf-material-theme .btn-color9-states.btn-fill {
      color: #ffffff !important;
      background-color: #1c98cc;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-ftosblue-states.btn-fill:hover, .euf-material-theme .btn-ftosblue-states.btn-fill:focus, .euf-material-theme .btn-ftosblue-states.btn-fill:active, .euf-material-theme .btn-ftosblue-states.btn-fill.active,
      .open > .euf-material-theme .btn-ftosblue-states.btn-fill.dropdown-toggle, .euf-material-theme .btn-color9-states.btn-fill:hover, .euf-material-theme .btn-color9-states.btn-fill:focus, .euf-material-theme .btn-color9-states.btn-fill:active, .euf-material-theme .btn-color9-states.btn-fill.active,
      .open > .euf-material-theme .btn-color9-states.btn-fill.dropdown-toggle {
        color: #ffffff; }
      .euf-material-theme .btn-ftosblue-states.btn-fill .caret, .euf-material-theme .btn-color9-states.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-ftosblue-states .caret, .euf-material-theme .btn-color9-states .caret {
      border-top-color: #1c98cc; }
  .euf-material-theme .btn-default, .euf-material-theme .btn-color8 {
    border-color: #9E9E9E;
    color: #9E9E9E; }
    .euf-material-theme .btn-default[data-color-bg="true"]:hover, .euf-material-theme .btn-color8[data-color-bg="true"]:hover {
      background-color: #9E9E9E; }
    .euf-material-theme .euf-material-theme .btn-default, .euf-material-theme .euf-material-theme .btn-color8 {
      color: red; }
    .euf-material-theme .btn-default:hover, .euf-material-theme .btn-default:focus, .euf-material-theme .btn-default:active, .euf-material-theme .btn-default.active,
    .open > .euf-material-theme .btn-default.dropdown-toggle, .euf-material-theme .btn-color8:hover, .euf-material-theme .btn-color8:focus, .euf-material-theme .btn-color8:active, .euf-material-theme .btn-color8.active,
    .open > .euf-material-theme .btn-color8.dropdown-toggle {
      background-color: transparent;
      color: #BDBDBD;
      border-color: #BDBDBD; }
    .euf-material-theme .btn-default:disabled, .euf-material-theme .btn-default[disabled], .euf-material-theme .btn-default.disabled, .euf-material-theme .btn-color8:disabled, .euf-material-theme .btn-color8[disabled], .euf-material-theme .btn-color8.disabled {
      background-color: transparent;
      border-color: #9E9E9E; }
    .euf-material-theme .btn-default.btn-fill, .euf-material-theme .btn-color8.btn-fill {
      color: #ffffff !important;
      background-color: #9E9E9E;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-default.btn-fill:hover, .euf-material-theme .btn-default.btn-fill:focus, .euf-material-theme .btn-default.btn-fill:active, .euf-material-theme .btn-default.btn-fill.active,
      .open > .euf-material-theme .btn-default.btn-fill.dropdown-toggle, .euf-material-theme .btn-color8.btn-fill:hover, .euf-material-theme .btn-color8.btn-fill:focus, .euf-material-theme .btn-color8.btn-fill:active, .euf-material-theme .btn-color8.btn-fill.active,
      .open > .euf-material-theme .btn-color8.btn-fill.dropdown-toggle {
        background-color: #BDBDBD;
        border-color: #BDBDBD;
        color: #ffffff; }
      .euf-material-theme .btn-default.btn-fill .caret, .euf-material-theme .btn-color8.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-default .caret, .euf-material-theme .btn-color8 .caret {
      border-top-color: #9E9E9E; }
  .euf-material-theme .btn-default-states, .euf-material-theme .btn-color8-states {
    border-color: #BDBDBD;
    color: #BDBDBD; }
    .euf-material-theme .btn-default-states[data-color-bg="true"]:hover, .euf-material-theme .btn-color8-states[data-color-bg="true"]:hover {
      background-color: #BDBDBD; }
    .euf-material-theme .euf-material-theme .btn-default-states, .euf-material-theme .euf-material-theme .btn-color8-states {
      color: red; }
    .euf-material-theme .btn-default-states:hover, .euf-material-theme .btn-default-states:focus, .euf-material-theme .btn-default-states:active, .euf-material-theme .btn-default-states.active,
    .open > .euf-material-theme .btn-default-states.dropdown-toggle, .euf-material-theme .btn-color8-states:hover, .euf-material-theme .btn-color8-states:focus, .euf-material-theme .btn-color8-states:active, .euf-material-theme .btn-color8-states.active,
    .open > .euf-material-theme .btn-color8-states.dropdown-toggle {
      background-color: transparent; }
    .euf-material-theme .btn-default-states:disabled, .euf-material-theme .btn-default-states[disabled], .euf-material-theme .btn-default-states.disabled, .euf-material-theme .btn-color8-states:disabled, .euf-material-theme .btn-color8-states[disabled], .euf-material-theme .btn-color8-states.disabled {
      background-color: transparent;
      border-color: #BDBDBD; }
    .euf-material-theme .btn-default-states.btn-fill, .euf-material-theme .btn-color8-states.btn-fill {
      color: #ffffff !important;
      background-color: #BDBDBD;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-default-states.btn-fill:hover, .euf-material-theme .btn-default-states.btn-fill:focus, .euf-material-theme .btn-default-states.btn-fill:active, .euf-material-theme .btn-default-states.btn-fill.active,
      .open > .euf-material-theme .btn-default-states.btn-fill.dropdown-toggle, .euf-material-theme .btn-color8-states.btn-fill:hover, .euf-material-theme .btn-color8-states.btn-fill:focus, .euf-material-theme .btn-color8-states.btn-fill:active, .euf-material-theme .btn-color8-states.btn-fill.active,
      .open > .euf-material-theme .btn-color8-states.btn-fill.dropdown-toggle {
        color: #ffffff; }
      .euf-material-theme .btn-default-states.btn-fill .caret, .euf-material-theme .btn-color8-states.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-default-states .caret, .euf-material-theme .btn-color8-states .caret {
      border-top-color: #BDBDBD; }
  .euf-material-theme .btn-blue, .euf-material-theme .btn-color6 {
    border-color: #3F51B5;
    color: #3F51B5; }
    .euf-material-theme .btn-blue[data-color-bg="true"]:hover, .euf-material-theme .btn-color6[data-color-bg="true"]:hover {
      background-color: #3F51B5; }
    .euf-material-theme .euf-material-theme .btn-blue, .euf-material-theme .euf-material-theme .btn-color6 {
      color: red; }
    .euf-material-theme .btn-blue:hover, .euf-material-theme .btn-blue:focus, .euf-material-theme .btn-blue:active, .euf-material-theme .btn-blue.active,
    .open > .euf-material-theme .btn-blue.dropdown-toggle, .euf-material-theme .btn-color6:hover, .euf-material-theme .btn-color6:focus, .euf-material-theme .btn-color6:active, .euf-material-theme .btn-color6.active,
    .open > .euf-material-theme .btn-color6.dropdown-toggle {
      background-color: transparent;
      color: #7986CB;
      border-color: #7986CB; }
    .euf-material-theme .btn-blue:disabled, .euf-material-theme .btn-blue[disabled], .euf-material-theme .btn-blue.disabled, .euf-material-theme .btn-color6:disabled, .euf-material-theme .btn-color6[disabled], .euf-material-theme .btn-color6.disabled {
      background-color: transparent;
      border-color: #3F51B5; }
    .euf-material-theme .btn-blue.btn-fill, .euf-material-theme .btn-color6.btn-fill {
      color: #ffffff !important;
      background-color: #3F51B5;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-blue.btn-fill:hover, .euf-material-theme .btn-blue.btn-fill:focus, .euf-material-theme .btn-blue.btn-fill:active, .euf-material-theme .btn-blue.btn-fill.active,
      .open > .euf-material-theme .btn-blue.btn-fill.dropdown-toggle, .euf-material-theme .btn-color6.btn-fill:hover, .euf-material-theme .btn-color6.btn-fill:focus, .euf-material-theme .btn-color6.btn-fill:active, .euf-material-theme .btn-color6.btn-fill.active,
      .open > .euf-material-theme .btn-color6.btn-fill.dropdown-toggle {
        background-color: #7986CB;
        border-color: #7986CB;
        color: #ffffff; }
      .euf-material-theme .btn-blue.btn-fill .caret, .euf-material-theme .btn-color6.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-blue .caret, .euf-material-theme .btn-color6 .caret {
      border-top-color: #3F51B5; }
  .euf-material-theme .btn-blue-states, .euf-material-theme .btn-color6-states {
    border-color: #7986CB;
    color: #7986CB; }
    .euf-material-theme .btn-blue-states[data-color-bg="true"]:hover, .euf-material-theme .btn-color6-states[data-color-bg="true"]:hover {
      background-color: #7986CB; }
    .euf-material-theme .euf-material-theme .btn-blue-states, .euf-material-theme .euf-material-theme .btn-color6-states {
      color: red; }
    .euf-material-theme .btn-blue-states:hover, .euf-material-theme .btn-blue-states:focus, .euf-material-theme .btn-blue-states:active, .euf-material-theme .btn-blue-states.active,
    .open > .euf-material-theme .btn-blue-states.dropdown-toggle, .euf-material-theme .btn-color6-states:hover, .euf-material-theme .btn-color6-states:focus, .euf-material-theme .btn-color6-states:active, .euf-material-theme .btn-color6-states.active,
    .open > .euf-material-theme .btn-color6-states.dropdown-toggle {
      background-color: transparent; }
    .euf-material-theme .btn-blue-states:disabled, .euf-material-theme .btn-blue-states[disabled], .euf-material-theme .btn-blue-states.disabled, .euf-material-theme .btn-color6-states:disabled, .euf-material-theme .btn-color6-states[disabled], .euf-material-theme .btn-color6-states.disabled {
      background-color: transparent;
      border-color: #7986CB; }
    .euf-material-theme .btn-blue-states.btn-fill, .euf-material-theme .btn-color6-states.btn-fill {
      color: #ffffff !important;
      background-color: #7986CB;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-blue-states.btn-fill:hover, .euf-material-theme .btn-blue-states.btn-fill:focus, .euf-material-theme .btn-blue-states.btn-fill:active, .euf-material-theme .btn-blue-states.btn-fill.active,
      .open > .euf-material-theme .btn-blue-states.btn-fill.dropdown-toggle, .euf-material-theme .btn-color6-states.btn-fill:hover, .euf-material-theme .btn-color6-states.btn-fill:focus, .euf-material-theme .btn-color6-states.btn-fill:active, .euf-material-theme .btn-color6-states.btn-fill.active,
      .open > .euf-material-theme .btn-color6-states.btn-fill.dropdown-toggle {
        color: #ffffff; }
      .euf-material-theme .btn-blue-states.btn-fill .caret, .euf-material-theme .btn-color6-states.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-blue-states .caret, .euf-material-theme .btn-color6-states .caret {
      border-top-color: #7986CB; }
  .euf-material-theme .btn-green, .euf-material-theme .btn-color2 {
    border-color: #4CAF50;
    color: #4CAF50; }
    .euf-material-theme .btn-green[data-color-bg="true"]:hover, .euf-material-theme .btn-color2[data-color-bg="true"]:hover {
      background-color: #4CAF50; }
    .euf-material-theme .euf-material-theme .btn-green, .euf-material-theme .euf-material-theme .btn-color2 {
      color: red; }
    .euf-material-theme .btn-green:hover, .euf-material-theme .btn-green:focus, .euf-material-theme .btn-green:active, .euf-material-theme .btn-green.active,
    .open > .euf-material-theme .btn-green.dropdown-toggle, .euf-material-theme .btn-color2:hover, .euf-material-theme .btn-color2:focus, .euf-material-theme .btn-color2:active, .euf-material-theme .btn-color2.active,
    .open > .euf-material-theme .btn-color2.dropdown-toggle {
      background-color: transparent;
      color: #81C784;
      border-color: #81C784; }
    .euf-material-theme .btn-green:disabled, .euf-material-theme .btn-green[disabled], .euf-material-theme .btn-green.disabled, .euf-material-theme .btn-color2:disabled, .euf-material-theme .btn-color2[disabled], .euf-material-theme .btn-color2.disabled {
      background-color: transparent;
      border-color: #4CAF50; }
    .euf-material-theme .btn-green.btn-fill, .euf-material-theme .btn-color2.btn-fill {
      color: #ffffff !important;
      background-color: #4CAF50;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-green.btn-fill:hover, .euf-material-theme .btn-green.btn-fill:focus, .euf-material-theme .btn-green.btn-fill:active, .euf-material-theme .btn-green.btn-fill.active,
      .open > .euf-material-theme .btn-green.btn-fill.dropdown-toggle, .euf-material-theme .btn-color2.btn-fill:hover, .euf-material-theme .btn-color2.btn-fill:focus, .euf-material-theme .btn-color2.btn-fill:active, .euf-material-theme .btn-color2.btn-fill.active,
      .open > .euf-material-theme .btn-color2.btn-fill.dropdown-toggle {
        background-color: #81C784;
        border-color: #81C784;
        color: #ffffff; }
      .euf-material-theme .btn-green.btn-fill .caret, .euf-material-theme .btn-color2.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-green .caret, .euf-material-theme .btn-color2 .caret {
      border-top-color: #4CAF50; }
  .euf-material-theme .btn-green-states, .euf-material-theme .btn-color2-states {
    border-color: #81C784;
    color: #81C784; }
    .euf-material-theme .btn-green-states[data-color-bg="true"]:hover, .euf-material-theme .btn-color2-states[data-color-bg="true"]:hover {
      background-color: #81C784; }
    .euf-material-theme .euf-material-theme .btn-green-states, .euf-material-theme .euf-material-theme .btn-color2-states {
      color: red; }
    .euf-material-theme .btn-green-states:hover, .euf-material-theme .btn-green-states:focus, .euf-material-theme .btn-green-states:active, .euf-material-theme .btn-green-states.active,
    .open > .euf-material-theme .btn-green-states.dropdown-toggle, .euf-material-theme .btn-color2-states:hover, .euf-material-theme .btn-color2-states:focus, .euf-material-theme .btn-color2-states:active, .euf-material-theme .btn-color2-states.active,
    .open > .euf-material-theme .btn-color2-states.dropdown-toggle {
      background-color: transparent; }
    .euf-material-theme .btn-green-states:disabled, .euf-material-theme .btn-green-states[disabled], .euf-material-theme .btn-green-states.disabled, .euf-material-theme .btn-color2-states:disabled, .euf-material-theme .btn-color2-states[disabled], .euf-material-theme .btn-color2-states.disabled {
      background-color: transparent;
      border-color: #81C784; }
    .euf-material-theme .btn-green-states.btn-fill, .euf-material-theme .btn-color2-states.btn-fill {
      color: #ffffff !important;
      background-color: #81C784;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-green-states.btn-fill:hover, .euf-material-theme .btn-green-states.btn-fill:focus, .euf-material-theme .btn-green-states.btn-fill:active, .euf-material-theme .btn-green-states.btn-fill.active,
      .open > .euf-material-theme .btn-green-states.btn-fill.dropdown-toggle, .euf-material-theme .btn-color2-states.btn-fill:hover, .euf-material-theme .btn-color2-states.btn-fill:focus, .euf-material-theme .btn-color2-states.btn-fill:active, .euf-material-theme .btn-color2-states.btn-fill.active,
      .open > .euf-material-theme .btn-color2-states.btn-fill.dropdown-toggle {
        color: #ffffff; }
      .euf-material-theme .btn-green-states.btn-fill .caret, .euf-material-theme .btn-color2-states.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-green-states .caret, .euf-material-theme .btn-color2-states .caret {
      border-top-color: #81C784; }
  .euf-material-theme .btn-azure, .euf-material-theme .btn-color1 {
    border-color: #03A9F4;
    color: #03A9F4; }
    .euf-material-theme .btn-azure[data-color-bg="true"]:hover, .euf-material-theme .btn-color1[data-color-bg="true"]:hover {
      background-color: #03A9F4; }
    .euf-material-theme .euf-material-theme .btn-azure, .euf-material-theme .euf-material-theme .btn-color1 {
      color: red; }
    .euf-material-theme .btn-azure:hover, .euf-material-theme .btn-azure:focus, .euf-material-theme .btn-azure:active, .euf-material-theme .btn-azure.active,
    .open > .euf-material-theme .btn-azure.dropdown-toggle, .euf-material-theme .btn-color1:hover, .euf-material-theme .btn-color1:focus, .euf-material-theme .btn-color1:active, .euf-material-theme .btn-color1.active,
    .open > .euf-material-theme .btn-color1.dropdown-toggle {
      background-color: transparent;
      color: #4FC3F7;
      border-color: #4FC3F7; }
    .euf-material-theme .btn-azure:disabled, .euf-material-theme .btn-azure[disabled], .euf-material-theme .btn-azure.disabled, .euf-material-theme .btn-color1:disabled, .euf-material-theme .btn-color1[disabled], .euf-material-theme .btn-color1.disabled {
      background-color: transparent;
      border-color: #03A9F4; }
    .euf-material-theme .btn-azure.btn-fill, .euf-material-theme .btn-color1.btn-fill {
      color: #ffffff !important;
      background-color: #03A9F4;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-azure.btn-fill:hover, .euf-material-theme .btn-azure.btn-fill:focus, .euf-material-theme .btn-azure.btn-fill:active, .euf-material-theme .btn-azure.btn-fill.active,
      .open > .euf-material-theme .btn-azure.btn-fill.dropdown-toggle, .euf-material-theme .btn-color1.btn-fill:hover, .euf-material-theme .btn-color1.btn-fill:focus, .euf-material-theme .btn-color1.btn-fill:active, .euf-material-theme .btn-color1.btn-fill.active,
      .open > .euf-material-theme .btn-color1.btn-fill.dropdown-toggle {
        background-color: #4FC3F7;
        border-color: #4FC3F7;
        color: #ffffff; }
      .euf-material-theme .btn-azure.btn-fill .caret, .euf-material-theme .btn-color1.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-azure .caret, .euf-material-theme .btn-color1 .caret {
      border-top-color: #03A9F4; }
  .euf-material-theme .btn-azure-states, .euf-material-theme .btn-color1-states {
    border-color: #4FC3F7;
    color: #4FC3F7; }
    .euf-material-theme .btn-azure-states[data-color-bg="true"]:hover, .euf-material-theme .btn-color1-states[data-color-bg="true"]:hover {
      background-color: #4FC3F7; }
    .euf-material-theme .euf-material-theme .btn-azure-states, .euf-material-theme .euf-material-theme .btn-color1-states {
      color: red; }
    .euf-material-theme .btn-azure-states:hover, .euf-material-theme .btn-azure-states:focus, .euf-material-theme .btn-azure-states:active, .euf-material-theme .btn-azure-states.active,
    .open > .euf-material-theme .btn-azure-states.dropdown-toggle, .euf-material-theme .btn-color1-states:hover, .euf-material-theme .btn-color1-states:focus, .euf-material-theme .btn-color1-states:active, .euf-material-theme .btn-color1-states.active,
    .open > .euf-material-theme .btn-color1-states.dropdown-toggle {
      background-color: transparent; }
    .euf-material-theme .btn-azure-states:disabled, .euf-material-theme .btn-azure-states[disabled], .euf-material-theme .btn-azure-states.disabled, .euf-material-theme .btn-color1-states:disabled, .euf-material-theme .btn-color1-states[disabled], .euf-material-theme .btn-color1-states.disabled {
      background-color: transparent;
      border-color: #4FC3F7; }
    .euf-material-theme .btn-azure-states.btn-fill, .euf-material-theme .btn-color1-states.btn-fill {
      color: #ffffff !important;
      background-color: #4FC3F7;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-azure-states.btn-fill:hover, .euf-material-theme .btn-azure-states.btn-fill:focus, .euf-material-theme .btn-azure-states.btn-fill:active, .euf-material-theme .btn-azure-states.btn-fill.active,
      .open > .euf-material-theme .btn-azure-states.btn-fill.dropdown-toggle, .euf-material-theme .btn-color1-states.btn-fill:hover, .euf-material-theme .btn-color1-states.btn-fill:focus, .euf-material-theme .btn-color1-states.btn-fill:active, .euf-material-theme .btn-color1-states.btn-fill.active,
      .open > .euf-material-theme .btn-color1-states.btn-fill.dropdown-toggle {
        color: #ffffff; }
      .euf-material-theme .btn-azure-states.btn-fill .caret, .euf-material-theme .btn-color1-states.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-azure-states .caret, .euf-material-theme .btn-color1-states .caret {
      border-top-color: #4FC3F7; }
  .euf-material-theme .btn-orange, .euf-material-theme .btn-color3 {
    border-color: #FFC107;
    color: #FFC107; }
    .euf-material-theme .btn-orange[data-color-bg="true"]:hover, .euf-material-theme .btn-color3[data-color-bg="true"]:hover {
      background-color: #FFC107; }
    .euf-material-theme .euf-material-theme .btn-orange, .euf-material-theme .euf-material-theme .btn-color3 {
      color: red; }
    .euf-material-theme .btn-orange:hover, .euf-material-theme .btn-orange:focus, .euf-material-theme .btn-orange:active, .euf-material-theme .btn-orange.active,
    .open > .euf-material-theme .btn-orange.dropdown-toggle, .euf-material-theme .btn-color3:hover, .euf-material-theme .btn-color3:focus, .euf-material-theme .btn-color3:active, .euf-material-theme .btn-color3.active,
    .open > .euf-material-theme .btn-color3.dropdown-toggle {
      background-color: transparent;
      color: #FFD54F;
      border-color: #FFD54F; }
    .euf-material-theme .btn-orange:disabled, .euf-material-theme .btn-orange[disabled], .euf-material-theme .btn-orange.disabled, .euf-material-theme .btn-color3:disabled, .euf-material-theme .btn-color3[disabled], .euf-material-theme .btn-color3.disabled {
      background-color: transparent;
      border-color: #FFC107; }
    .euf-material-theme .btn-orange.btn-fill, .euf-material-theme .btn-color3.btn-fill {
      color: #ffffff !important;
      background-color: #FFC107;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-orange.btn-fill:hover, .euf-material-theme .btn-orange.btn-fill:focus, .euf-material-theme .btn-orange.btn-fill:active, .euf-material-theme .btn-orange.btn-fill.active,
      .open > .euf-material-theme .btn-orange.btn-fill.dropdown-toggle, .euf-material-theme .btn-color3.btn-fill:hover, .euf-material-theme .btn-color3.btn-fill:focus, .euf-material-theme .btn-color3.btn-fill:active, .euf-material-theme .btn-color3.btn-fill.active,
      .open > .euf-material-theme .btn-color3.btn-fill.dropdown-toggle {
        background-color: #FFD54F;
        border-color: #FFD54F;
        color: #ffffff; }
      .euf-material-theme .btn-orange.btn-fill .caret, .euf-material-theme .btn-color3.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-orange .caret, .euf-material-theme .btn-color3 .caret {
      border-top-color: #FFC107; }
  .euf-material-theme .btn-orange-states, .euf-material-theme .btn-color3-states {
    border-color: #FFD54F;
    color: #FFD54F; }
    .euf-material-theme .btn-orange-states[data-color-bg="true"]:hover, .euf-material-theme .btn-color3-states[data-color-bg="true"]:hover {
      background-color: #FFD54F; }
    .euf-material-theme .euf-material-theme .btn-orange-states, .euf-material-theme .euf-material-theme .btn-color3-states {
      color: red; }
    .euf-material-theme .btn-orange-states:hover, .euf-material-theme .btn-orange-states:focus, .euf-material-theme .btn-orange-states:active, .euf-material-theme .btn-orange-states.active,
    .open > .euf-material-theme .btn-orange-states.dropdown-toggle, .euf-material-theme .btn-color3-states:hover, .euf-material-theme .btn-color3-states:focus, .euf-material-theme .btn-color3-states:active, .euf-material-theme .btn-color3-states.active,
    .open > .euf-material-theme .btn-color3-states.dropdown-toggle {
      background-color: transparent; }
    .euf-material-theme .btn-orange-states:disabled, .euf-material-theme .btn-orange-states[disabled], .euf-material-theme .btn-orange-states.disabled, .euf-material-theme .btn-color3-states:disabled, .euf-material-theme .btn-color3-states[disabled], .euf-material-theme .btn-color3-states.disabled {
      background-color: transparent;
      border-color: #FFD54F; }
    .euf-material-theme .btn-orange-states.btn-fill, .euf-material-theme .btn-color3-states.btn-fill {
      color: #ffffff !important;
      background-color: #FFD54F;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-orange-states.btn-fill:hover, .euf-material-theme .btn-orange-states.btn-fill:focus, .euf-material-theme .btn-orange-states.btn-fill:active, .euf-material-theme .btn-orange-states.btn-fill.active,
      .open > .euf-material-theme .btn-orange-states.btn-fill.dropdown-toggle, .euf-material-theme .btn-color3-states.btn-fill:hover, .euf-material-theme .btn-color3-states.btn-fill:focus, .euf-material-theme .btn-color3-states.btn-fill:active, .euf-material-theme .btn-color3-states.btn-fill.active,
      .open > .euf-material-theme .btn-color3-states.btn-fill.dropdown-toggle {
        color: #ffffff; }
      .euf-material-theme .btn-orange-states.btn-fill .caret, .euf-material-theme .btn-color3-states.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-orange-states .caret, .euf-material-theme .btn-color3-states .caret {
      border-top-color: #FFD54F; }
  .euf-material-theme .btn-red, .euf-material-theme .btn-color4 {
    border-color: #FF5722;
    color: #FF5722; }
    .euf-material-theme .btn-red[data-color-bg="true"]:hover, .euf-material-theme .btn-color4[data-color-bg="true"]:hover {
      background-color: #FF5722; }
    .euf-material-theme .euf-material-theme .btn-red, .euf-material-theme .euf-material-theme .btn-color4 {
      color: red; }
    .euf-material-theme .btn-red:hover, .euf-material-theme .btn-red:focus, .euf-material-theme .btn-red:active, .euf-material-theme .btn-red.active,
    .open > .euf-material-theme .btn-red.dropdown-toggle, .euf-material-theme .btn-color4:hover, .euf-material-theme .btn-color4:focus, .euf-material-theme .btn-color4:active, .euf-material-theme .btn-color4.active,
    .open > .euf-material-theme .btn-color4.dropdown-toggle {
      background-color: transparent;
      color: #FF8A65;
      border-color: #FF8A65; }
    .euf-material-theme .btn-red:disabled, .euf-material-theme .btn-red[disabled], .euf-material-theme .btn-red.disabled, .euf-material-theme .btn-color4:disabled, .euf-material-theme .btn-color4[disabled], .euf-material-theme .btn-color4.disabled {
      background-color: transparent;
      border-color: #FF5722; }
    .euf-material-theme .btn-red.btn-fill, .euf-material-theme .btn-color4.btn-fill {
      color: #ffffff !important;
      background-color: #FF5722;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-red.btn-fill:hover, .euf-material-theme .btn-red.btn-fill:focus, .euf-material-theme .btn-red.btn-fill:active, .euf-material-theme .btn-red.btn-fill.active,
      .open > .euf-material-theme .btn-red.btn-fill.dropdown-toggle, .euf-material-theme .btn-color4.btn-fill:hover, .euf-material-theme .btn-color4.btn-fill:focus, .euf-material-theme .btn-color4.btn-fill:active, .euf-material-theme .btn-color4.btn-fill.active,
      .open > .euf-material-theme .btn-color4.btn-fill.dropdown-toggle {
        background-color: #FF8A65;
        border-color: #FF8A65;
        color: #ffffff; }
      .euf-material-theme .btn-red.btn-fill .caret, .euf-material-theme .btn-color4.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-red .caret, .euf-material-theme .btn-color4 .caret {
      border-top-color: #FF5722; }
  .euf-material-theme .btn-red-states, .euf-material-theme .btn-color4-states {
    border-color: #FF8A65;
    color: #FF8A65; }
    .euf-material-theme .btn-red-states[data-color-bg="true"]:hover, .euf-material-theme .btn-color4-states[data-color-bg="true"]:hover {
      background-color: #FF8A65; }
    .euf-material-theme .euf-material-theme .btn-red-states, .euf-material-theme .euf-material-theme .btn-color4-states {
      color: red; }
    .euf-material-theme .btn-red-states:hover, .euf-material-theme .btn-red-states:focus, .euf-material-theme .btn-red-states:active, .euf-material-theme .btn-red-states.active,
    .open > .euf-material-theme .btn-red-states.dropdown-toggle, .euf-material-theme .btn-color4-states:hover, .euf-material-theme .btn-color4-states:focus, .euf-material-theme .btn-color4-states:active, .euf-material-theme .btn-color4-states.active,
    .open > .euf-material-theme .btn-color4-states.dropdown-toggle {
      background-color: transparent; }
    .euf-material-theme .btn-red-states:disabled, .euf-material-theme .btn-red-states[disabled], .euf-material-theme .btn-red-states.disabled, .euf-material-theme .btn-color4-states:disabled, .euf-material-theme .btn-color4-states[disabled], .euf-material-theme .btn-color4-states.disabled {
      background-color: transparent;
      border-color: #FF8A65; }
    .euf-material-theme .btn-red-states.btn-fill, .euf-material-theme .btn-color4-states.btn-fill {
      color: #ffffff !important;
      background-color: #FF8A65;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-red-states.btn-fill:hover, .euf-material-theme .btn-red-states.btn-fill:focus, .euf-material-theme .btn-red-states.btn-fill:active, .euf-material-theme .btn-red-states.btn-fill.active,
      .open > .euf-material-theme .btn-red-states.btn-fill.dropdown-toggle, .euf-material-theme .btn-color4-states.btn-fill:hover, .euf-material-theme .btn-color4-states.btn-fill:focus, .euf-material-theme .btn-color4-states.btn-fill:active, .euf-material-theme .btn-color4-states.btn-fill.active,
      .open > .euf-material-theme .btn-color4-states.btn-fill.dropdown-toggle {
        color: #ffffff; }
      .euf-material-theme .btn-red-states.btn-fill .caret, .euf-material-theme .btn-color4-states.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-red-states .caret, .euf-material-theme .btn-color4-states .caret {
      border-top-color: #FF8A65; }
  .euf-material-theme .btn-pink, .euf-material-theme .btn-color7 {
    border-color: #E91E63;
    color: #E91E63; }
    .euf-material-theme .btn-pink[data-color-bg="true"]:hover, .euf-material-theme .btn-color7[data-color-bg="true"]:hover {
      background-color: #E91E63; }
    .euf-material-theme .euf-material-theme .btn-pink, .euf-material-theme .euf-material-theme .btn-color7 {
      color: red; }
    .euf-material-theme .btn-pink:hover, .euf-material-theme .btn-pink:focus, .euf-material-theme .btn-pink:active, .euf-material-theme .btn-pink.active,
    .open > .euf-material-theme .btn-pink.dropdown-toggle, .euf-material-theme .btn-color7:hover, .euf-material-theme .btn-color7:focus, .euf-material-theme .btn-color7:active, .euf-material-theme .btn-color7.active,
    .open > .euf-material-theme .btn-color7.dropdown-toggle {
      background-color: transparent;
      color: #F06292;
      border-color: #F06292; }
    .euf-material-theme .btn-pink:disabled, .euf-material-theme .btn-pink[disabled], .euf-material-theme .btn-pink.disabled, .euf-material-theme .btn-color7:disabled, .euf-material-theme .btn-color7[disabled], .euf-material-theme .btn-color7.disabled {
      background-color: transparent;
      border-color: #E91E63; }
    .euf-material-theme .btn-pink.btn-fill, .euf-material-theme .btn-color7.btn-fill {
      color: #ffffff !important;
      background-color: #E91E63;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-pink.btn-fill:hover, .euf-material-theme .btn-pink.btn-fill:focus, .euf-material-theme .btn-pink.btn-fill:active, .euf-material-theme .btn-pink.btn-fill.active,
      .open > .euf-material-theme .btn-pink.btn-fill.dropdown-toggle, .euf-material-theme .btn-color7.btn-fill:hover, .euf-material-theme .btn-color7.btn-fill:focus, .euf-material-theme .btn-color7.btn-fill:active, .euf-material-theme .btn-color7.btn-fill.active,
      .open > .euf-material-theme .btn-color7.btn-fill.dropdown-toggle {
        background-color: #F06292;
        border-color: #F06292;
        color: #ffffff; }
      .euf-material-theme .btn-pink.btn-fill .caret, .euf-material-theme .btn-color7.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-pink .caret, .euf-material-theme .btn-color7 .caret {
      border-top-color: #E91E63; }
  .euf-material-theme .btn-pink-states, .euf-material-theme .btn-color7-states {
    border-color: #F06292;
    color: #F06292; }
    .euf-material-theme .btn-pink-states[data-color-bg="true"]:hover, .euf-material-theme .btn-color7-states[data-color-bg="true"]:hover {
      background-color: #F06292; }
    .euf-material-theme .euf-material-theme .btn-pink-states, .euf-material-theme .euf-material-theme .btn-color7-states {
      color: red; }
    .euf-material-theme .btn-pink-states:hover, .euf-material-theme .btn-pink-states:focus, .euf-material-theme .btn-pink-states:active, .euf-material-theme .btn-pink-states.active,
    .open > .euf-material-theme .btn-pink-states.dropdown-toggle, .euf-material-theme .btn-color7-states:hover, .euf-material-theme .btn-color7-states:focus, .euf-material-theme .btn-color7-states:active, .euf-material-theme .btn-color7-states.active,
    .open > .euf-material-theme .btn-color7-states.dropdown-toggle {
      background-color: transparent; }
    .euf-material-theme .btn-pink-states:disabled, .euf-material-theme .btn-pink-states[disabled], .euf-material-theme .btn-pink-states.disabled, .euf-material-theme .btn-color7-states:disabled, .euf-material-theme .btn-color7-states[disabled], .euf-material-theme .btn-color7-states.disabled {
      background-color: transparent;
      border-color: #F06292; }
    .euf-material-theme .btn-pink-states.btn-fill, .euf-material-theme .btn-color7-states.btn-fill {
      color: #ffffff !important;
      background-color: #F06292;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-pink-states.btn-fill:hover, .euf-material-theme .btn-pink-states.btn-fill:focus, .euf-material-theme .btn-pink-states.btn-fill:active, .euf-material-theme .btn-pink-states.btn-fill.active,
      .open > .euf-material-theme .btn-pink-states.btn-fill.dropdown-toggle, .euf-material-theme .btn-color7-states.btn-fill:hover, .euf-material-theme .btn-color7-states.btn-fill:focus, .euf-material-theme .btn-color7-states.btn-fill:active, .euf-material-theme .btn-color7-states.btn-fill.active,
      .open > .euf-material-theme .btn-color7-states.btn-fill.dropdown-toggle {
        color: #ffffff; }
      .euf-material-theme .btn-pink-states.btn-fill .caret, .euf-material-theme .btn-color7-states.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-pink-states .caret, .euf-material-theme .btn-color7-states .caret {
      border-top-color: #F06292; }
  .euf-material-theme .btn-purple, .euf-material-theme .btn-color5 {
    border-color: #9C27B0;
    color: #9C27B0; }
    .euf-material-theme .btn-purple[data-color-bg="true"]:hover, .euf-material-theme .btn-color5[data-color-bg="true"]:hover {
      background-color: #9C27B0; }
    .euf-material-theme .euf-material-theme .btn-purple, .euf-material-theme .euf-material-theme .btn-color5 {
      color: red; }
    .euf-material-theme .btn-purple:hover, .euf-material-theme .btn-purple:focus, .euf-material-theme .btn-purple:active, .euf-material-theme .btn-purple.active,
    .open > .euf-material-theme .btn-purple.dropdown-toggle, .euf-material-theme .btn-color5:hover, .euf-material-theme .btn-color5:focus, .euf-material-theme .btn-color5:active, .euf-material-theme .btn-color5.active,
    .open > .euf-material-theme .btn-color5.dropdown-toggle {
      background-color: transparent;
      color: #BA68C8;
      border-color: #BA68C8; }
    .euf-material-theme .btn-purple:disabled, .euf-material-theme .btn-purple[disabled], .euf-material-theme .btn-purple.disabled, .euf-material-theme .btn-color5:disabled, .euf-material-theme .btn-color5[disabled], .euf-material-theme .btn-color5.disabled {
      background-color: transparent;
      border-color: #9C27B0; }
    .euf-material-theme .btn-purple.btn-fill, .euf-material-theme .btn-color5.btn-fill {
      color: #ffffff !important;
      background-color: #9C27B0;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-purple.btn-fill:hover, .euf-material-theme .btn-purple.btn-fill:focus, .euf-material-theme .btn-purple.btn-fill:active, .euf-material-theme .btn-purple.btn-fill.active,
      .open > .euf-material-theme .btn-purple.btn-fill.dropdown-toggle, .euf-material-theme .btn-color5.btn-fill:hover, .euf-material-theme .btn-color5.btn-fill:focus, .euf-material-theme .btn-color5.btn-fill:active, .euf-material-theme .btn-color5.btn-fill.active,
      .open > .euf-material-theme .btn-color5.btn-fill.dropdown-toggle {
        background-color: #BA68C8;
        border-color: #BA68C8;
        color: #ffffff; }
      .euf-material-theme .btn-purple.btn-fill .caret, .euf-material-theme .btn-color5.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-purple .caret, .euf-material-theme .btn-color5 .caret {
      border-top-color: #9C27B0; }
  .euf-material-theme .btn-purple-states, .euf-material-theme .btn-color5-states {
    border-color: #BA68C8;
    color: #BA68C8; }
    .euf-material-theme .btn-purple-states[data-color-bg="true"]:hover, .euf-material-theme .btn-color5-states[data-color-bg="true"]:hover {
      background-color: #BA68C8; }
    .euf-material-theme .euf-material-theme .btn-purple-states, .euf-material-theme .euf-material-theme .btn-color5-states {
      color: red; }
    .euf-material-theme .btn-purple-states:hover, .euf-material-theme .btn-purple-states:focus, .euf-material-theme .btn-purple-states:active, .euf-material-theme .btn-purple-states.active,
    .open > .euf-material-theme .btn-purple-states.dropdown-toggle, .euf-material-theme .btn-color5-states:hover, .euf-material-theme .btn-color5-states:focus, .euf-material-theme .btn-color5-states:active, .euf-material-theme .btn-color5-states.active,
    .open > .euf-material-theme .btn-color5-states.dropdown-toggle {
      background-color: transparent; }
    .euf-material-theme .btn-purple-states:disabled, .euf-material-theme .btn-purple-states[disabled], .euf-material-theme .btn-purple-states.disabled, .euf-material-theme .btn-color5-states:disabled, .euf-material-theme .btn-color5-states[disabled], .euf-material-theme .btn-color5-states.disabled {
      background-color: transparent;
      border-color: #BA68C8; }
    .euf-material-theme .btn-purple-states.btn-fill, .euf-material-theme .btn-color5-states.btn-fill {
      color: #ffffff !important;
      background-color: #BA68C8;
      opacity: 1;
      filter: alpha(opacity=100); }
      .euf-material-theme .btn-purple-states.btn-fill:hover, .euf-material-theme .btn-purple-states.btn-fill:focus, .euf-material-theme .btn-purple-states.btn-fill:active, .euf-material-theme .btn-purple-states.btn-fill.active,
      .open > .euf-material-theme .btn-purple-states.btn-fill.dropdown-toggle, .euf-material-theme .btn-color5-states.btn-fill:hover, .euf-material-theme .btn-color5-states.btn-fill:focus, .euf-material-theme .btn-color5-states.btn-fill:active, .euf-material-theme .btn-color5-states.btn-fill.active,
      .open > .euf-material-theme .btn-color5-states.btn-fill.dropdown-toggle {
        color: #ffffff; }
      .euf-material-theme .btn-purple-states.btn-fill .caret, .euf-material-theme .btn-color5-states.btn-fill .caret {
        border-top-color: #ffffff; }
    .euf-material-theme .btn-purple-states .caret, .euf-material-theme .btn-color5-states .caret {
      border-top-color: #BA68C8; }
  .euf-material-theme .color-container.ftospetrol div:before {
    content: "#3F5A63"; }
  .euf-material-theme .color-containerftospetrol div:before {
    content: "#3F5A63"; }
  .euf-material-theme .color-container.ftospetrol-states div:before {
    content: "#3c788c"; }
  .euf-material-theme .color-containerftospetrol-states div:before {
    content: "#3c788c"; }
  .euf-material-theme .color-container.ftosblue div:before {
    content: "#27AAE1"; }
  .euf-material-theme .color-containerftosblue div:before {
    content: "#27AAE1"; }
  .euf-material-theme .color-container.ftosblue-states div:before {
    content: "#1c98cc"; }
  .euf-material-theme .color-containerftosblue-states div:before {
    content: "#1c98cc"; }
  .euf-material-theme .color-container.default div:before {
    content: "#9E9E9E"; }
  .euf-material-theme .color-containerdefault div:before {
    content: "#9E9E9E"; }
  .euf-material-theme .color-container.default-states div:before {
    content: "#BDBDBD"; }
  .euf-material-theme .color-containerdefault-states div:before {
    content: "#BDBDBD"; }
  .euf-material-theme .color-container.blue div:before {
    content: "#3F51B5"; }
  .euf-material-theme .color-containerblue div:before {
    content: "#3F51B5"; }
  .euf-material-theme .color-container.blue-states div:before {
    content: "#7986CB"; }
  .euf-material-theme .color-containerblue-states div:before {
    content: "#7986CB"; }
  .euf-material-theme .color-container.green div:before {
    content: "#4CAF50"; }
  .euf-material-theme .color-containergreen div:before {
    content: "#4CAF50"; }
  .euf-material-theme .color-container.green-states div:before {
    content: "#81C784"; }
  .euf-material-theme .color-containergreen-states div:before {
    content: "#81C784"; }
  .euf-material-theme .color-container.azure div:before {
    content: "#03A9F4"; }
  .euf-material-theme .color-containerazure div:before {
    content: "#03A9F4"; }
  .euf-material-theme .color-container.azure-states div:before {
    content: "#4FC3F7"; }
  .euf-material-theme .color-containerazure-states div:before {
    content: "#4FC3F7"; }
  .euf-material-theme .color-container.orange div:before {
    content: "#FFC107"; }
  .euf-material-theme .color-containerorange div:before {
    content: "#FFC107"; }
  .euf-material-theme .color-container.orange-states div:before {
    content: "#FFD54F"; }
  .euf-material-theme .color-containerorange-states div:before {
    content: "#FFD54F"; }
  .euf-material-theme .color-container.red div:before {
    content: "#FF5722"; }
  .euf-material-theme .color-containerred div:before {
    content: "#FF5722"; }
  .euf-material-theme .color-container.red-states div:before {
    content: "#FF8A65"; }
  .euf-material-theme .color-containerred-states div:before {
    content: "#FF8A65"; }
  .euf-material-theme .color-container.pink div:before {
    content: "#E91E63"; }
  .euf-material-theme .color-containerpink div:before {
    content: "#E91E63"; }
  .euf-material-theme .color-container.pink-states div:before {
    content: "#F06292"; }
  .euf-material-theme .color-containerpink-states div:before {
    content: "#F06292"; }
  .euf-material-theme .color-container.purple div:before {
    content: "#9C27B0"; }
  .euf-material-theme .color-containerpurple div:before {
    content: "#9C27B0"; }
  .euf-material-theme .color-container.purple-states div:before {
    content: "#BA68C8"; }
  .euf-material-theme .color-containerpurple-states div:before {
    content: "#BA68C8"; }
  .euf-material-theme div[class^="dx-icon"] {
    margin-right: 0.5rem;
    font-family: Lato,sans-serif;
    letter-spacing: 1px; }
    .euf-material-theme div[class^="dx-icon"]:before {
      font: 14px/1 DXIcons;
      margin-right: .5rem; }
    .euf-material-theme div[class^="dx-icon"].btn-sm-block:last-child {
      margin-right: 0; }

.euf-solid-theme .btn-facebook, .euf-material-theme .btn-facebook, .euf-flat-theme .btn-facebook {
  border-color: #3b5998;
  color: #3b5998; }
  .euf-solid-theme .btn-facebook:hover, .euf-solid-theme .btn-facebook:focus, .euf-solid-theme .btn-facebook:active, .euf-solid-theme .btn-facebook.active,
  .open > .euf-solid-theme .btn-facebook.dropdown-toggle, .euf-material-theme .btn-facebook:hover, .euf-material-theme .btn-facebook:focus, .euf-material-theme .btn-facebook:active, .euf-material-theme .btn-facebook.active,
  .open > .euf-material-theme .btn-facebook.dropdown-toggle, .euf-flat-theme .btn-facebook:hover, .euf-flat-theme .btn-facebook:focus, .euf-flat-theme .btn-facebook:active, .euf-flat-theme .btn-facebook.active,
  .open > .euf-flat-theme .btn-facebook.dropdown-toggle {
    background-color: transparent;
    color: #3b5998 !important;
    border-color: #3b5998 !important;
    opacity: 1; }
  .euf-solid-theme .btn-facebook:disabled, .euf-solid-theme .btn-facebook[disabled], .euf-solid-theme .btn-facebook.disabled, .euf-material-theme .btn-facebook:disabled, .euf-material-theme .btn-facebook[disabled], .euf-material-theme .btn-facebook.disabled, .euf-flat-theme .btn-facebook:disabled, .euf-flat-theme .btn-facebook[disabled], .euf-flat-theme .btn-facebook.disabled {
    background-color: transparent;
    border-color: #3b5998; }
  .euf-solid-theme .btn-facebook.btn-fill, .euf-material-theme .btn-facebook.btn-fill, .euf-flat-theme .btn-facebook.btn-fill {
    color: #FFFFFF;
    background-color: #3b5998;
    opacity: 0.9; }
    .euf-solid-theme .btn-facebook.btn-fill:hover, .euf-solid-theme .btn-facebook.btn-fill:focus, .euf-solid-theme .btn-facebook.btn-fill:active, .euf-solid-theme .btn-facebook.btn-fill.active,
    .open > .euf-solid-theme .btn-facebook.btn-fill.dropdown-toggle, .euf-material-theme .btn-facebook.btn-fill:hover, .euf-material-theme .btn-facebook.btn-fill:focus, .euf-material-theme .btn-facebook.btn-fill:active, .euf-material-theme .btn-facebook.btn-fill.active,
    .open > .euf-material-theme .btn-facebook.btn-fill.dropdown-toggle, .euf-flat-theme .btn-facebook.btn-fill:hover, .euf-flat-theme .btn-facebook.btn-fill:focus, .euf-flat-theme .btn-facebook.btn-fill:active, .euf-flat-theme .btn-facebook.btn-fill.active,
    .open > .euf-flat-theme .btn-facebook.btn-fill.dropdown-toggle {
      background-color: #3b5998;
      color: #FFFFFF;
      opacity: 1; }

.euf-solid-theme .btn-twitter, .euf-material-theme .btn-twitter, .euf-flat-theme .btn-twitter {
  border-color: #55acee;
  color: #55acee; }
  .euf-solid-theme .btn-twitter:hover, .euf-solid-theme .btn-twitter:focus, .euf-solid-theme .btn-twitter:active, .euf-solid-theme .btn-twitter.active,
  .open > .euf-solid-theme .btn-twitter.dropdown-toggle, .euf-material-theme .btn-twitter:hover, .euf-material-theme .btn-twitter:focus, .euf-material-theme .btn-twitter:active, .euf-material-theme .btn-twitter.active,
  .open > .euf-material-theme .btn-twitter.dropdown-toggle, .euf-flat-theme .btn-twitter:hover, .euf-flat-theme .btn-twitter:focus, .euf-flat-theme .btn-twitter:active, .euf-flat-theme .btn-twitter.active,
  .open > .euf-flat-theme .btn-twitter.dropdown-toggle {
    background-color: transparent;
    color: #55acee !important;
    border-color: #55acee !important;
    opacity: 1; }
  .euf-solid-theme .btn-twitter:disabled, .euf-solid-theme .btn-twitter[disabled], .euf-solid-theme .btn-twitter.disabled, .euf-material-theme .btn-twitter:disabled, .euf-material-theme .btn-twitter[disabled], .euf-material-theme .btn-twitter.disabled, .euf-flat-theme .btn-twitter:disabled, .euf-flat-theme .btn-twitter[disabled], .euf-flat-theme .btn-twitter.disabled {
    background-color: transparent;
    border-color: #55acee; }
  .euf-solid-theme .btn-twitter.btn-fill, .euf-material-theme .btn-twitter.btn-fill, .euf-flat-theme .btn-twitter.btn-fill {
    color: #FFFFFF;
    background-color: #55acee;
    opacity: 0.9; }
    .euf-solid-theme .btn-twitter.btn-fill:hover, .euf-solid-theme .btn-twitter.btn-fill:focus, .euf-solid-theme .btn-twitter.btn-fill:active, .euf-solid-theme .btn-twitter.btn-fill.active,
    .open > .euf-solid-theme .btn-twitter.btn-fill.dropdown-toggle, .euf-material-theme .btn-twitter.btn-fill:hover, .euf-material-theme .btn-twitter.btn-fill:focus, .euf-material-theme .btn-twitter.btn-fill:active, .euf-material-theme .btn-twitter.btn-fill.active,
    .open > .euf-material-theme .btn-twitter.btn-fill.dropdown-toggle, .euf-flat-theme .btn-twitter.btn-fill:hover, .euf-flat-theme .btn-twitter.btn-fill:focus, .euf-flat-theme .btn-twitter.btn-fill:active, .euf-flat-theme .btn-twitter.btn-fill.active,
    .open > .euf-flat-theme .btn-twitter.btn-fill.dropdown-toggle {
      background-color: #55acee;
      color: #FFFFFF;
      opacity: 1; }

.euf-solid-theme .btn-pinterest, .euf-material-theme .btn-pinterest, .euf-flat-theme .btn-pinterest {
  border-color: #cc2127;
  color: #cc2127; }
  .euf-solid-theme .btn-pinterest:hover, .euf-solid-theme .btn-pinterest:focus, .euf-solid-theme .btn-pinterest:active, .euf-solid-theme .btn-pinterest.active,
  .open > .euf-solid-theme .btn-pinterest.dropdown-toggle, .euf-material-theme .btn-pinterest:hover, .euf-material-theme .btn-pinterest:focus, .euf-material-theme .btn-pinterest:active, .euf-material-theme .btn-pinterest.active,
  .open > .euf-material-theme .btn-pinterest.dropdown-toggle, .euf-flat-theme .btn-pinterest:hover, .euf-flat-theme .btn-pinterest:focus, .euf-flat-theme .btn-pinterest:active, .euf-flat-theme .btn-pinterest.active,
  .open > .euf-flat-theme .btn-pinterest.dropdown-toggle {
    background-color: transparent;
    color: #cc2127 !important;
    border-color: #cc2127 !important;
    opacity: 1; }
  .euf-solid-theme .btn-pinterest:disabled, .euf-solid-theme .btn-pinterest[disabled], .euf-solid-theme .btn-pinterest.disabled, .euf-material-theme .btn-pinterest:disabled, .euf-material-theme .btn-pinterest[disabled], .euf-material-theme .btn-pinterest.disabled, .euf-flat-theme .btn-pinterest:disabled, .euf-flat-theme .btn-pinterest[disabled], .euf-flat-theme .btn-pinterest.disabled {
    background-color: transparent;
    border-color: #cc2127; }
  .euf-solid-theme .btn-pinterest.btn-fill, .euf-material-theme .btn-pinterest.btn-fill, .euf-flat-theme .btn-pinterest.btn-fill {
    color: #FFFFFF;
    background-color: #cc2127;
    opacity: 0.9; }
    .euf-solid-theme .btn-pinterest.btn-fill:hover, .euf-solid-theme .btn-pinterest.btn-fill:focus, .euf-solid-theme .btn-pinterest.btn-fill:active, .euf-solid-theme .btn-pinterest.btn-fill.active,
    .open > .euf-solid-theme .btn-pinterest.btn-fill.dropdown-toggle, .euf-material-theme .btn-pinterest.btn-fill:hover, .euf-material-theme .btn-pinterest.btn-fill:focus, .euf-material-theme .btn-pinterest.btn-fill:active, .euf-material-theme .btn-pinterest.btn-fill.active,
    .open > .euf-material-theme .btn-pinterest.btn-fill.dropdown-toggle, .euf-flat-theme .btn-pinterest.btn-fill:hover, .euf-flat-theme .btn-pinterest.btn-fill:focus, .euf-flat-theme .btn-pinterest.btn-fill:active, .euf-flat-theme .btn-pinterest.btn-fill.active,
    .open > .euf-flat-theme .btn-pinterest.btn-fill.dropdown-toggle {
      background-color: #cc2127;
      color: #FFFFFF;
      opacity: 1; }

.euf-solid-theme .btn-google, .euf-material-theme .btn-google, .euf-flat-theme .btn-google {
  border-color: #dd4b39;
  color: #dd4b39; }
  .euf-solid-theme .btn-google:hover, .euf-solid-theme .btn-google:focus, .euf-solid-theme .btn-google:active, .euf-solid-theme .btn-google.active,
  .open > .euf-solid-theme .btn-google.dropdown-toggle, .euf-material-theme .btn-google:hover, .euf-material-theme .btn-google:focus, .euf-material-theme .btn-google:active, .euf-material-theme .btn-google.active,
  .open > .euf-material-theme .btn-google.dropdown-toggle, .euf-flat-theme .btn-google:hover, .euf-flat-theme .btn-google:focus, .euf-flat-theme .btn-google:active, .euf-flat-theme .btn-google.active,
  .open > .euf-flat-theme .btn-google.dropdown-toggle {
    background-color: transparent;
    color: #dd4b39 !important;
    border-color: #dd4b39 !important;
    opacity: 1; }
  .euf-solid-theme .btn-google:disabled, .euf-solid-theme .btn-google[disabled], .euf-solid-theme .btn-google.disabled, .euf-material-theme .btn-google:disabled, .euf-material-theme .btn-google[disabled], .euf-material-theme .btn-google.disabled, .euf-flat-theme .btn-google:disabled, .euf-flat-theme .btn-google[disabled], .euf-flat-theme .btn-google.disabled {
    background-color: transparent;
    border-color: #dd4b39; }
  .euf-solid-theme .btn-google.btn-fill, .euf-material-theme .btn-google.btn-fill, .euf-flat-theme .btn-google.btn-fill {
    color: #FFFFFF;
    background-color: #dd4b39;
    opacity: 0.9; }
    .euf-solid-theme .btn-google.btn-fill:hover, .euf-solid-theme .btn-google.btn-fill:focus, .euf-solid-theme .btn-google.btn-fill:active, .euf-solid-theme .btn-google.btn-fill.active,
    .open > .euf-solid-theme .btn-google.btn-fill.dropdown-toggle, .euf-material-theme .btn-google.btn-fill:hover, .euf-material-theme .btn-google.btn-fill:focus, .euf-material-theme .btn-google.btn-fill:active, .euf-material-theme .btn-google.btn-fill.active,
    .open > .euf-material-theme .btn-google.btn-fill.dropdown-toggle, .euf-flat-theme .btn-google.btn-fill:hover, .euf-flat-theme .btn-google.btn-fill:focus, .euf-flat-theme .btn-google.btn-fill:active, .euf-flat-theme .btn-google.btn-fill.active,
    .open > .euf-flat-theme .btn-google.btn-fill.dropdown-toggle {
      background-color: #dd4b39;
      color: #FFFFFF;
      opacity: 1; }

.euf-solid-theme .btn-linkedin, .euf-material-theme .btn-linkedin, .euf-flat-theme .btn-linkedin {
  border-color: #0976b4;
  color: #0976b4; }
  .euf-solid-theme .btn-linkedin:hover, .euf-solid-theme .btn-linkedin:focus, .euf-solid-theme .btn-linkedin:active, .euf-solid-theme .btn-linkedin.active,
  .open > .euf-solid-theme .btn-linkedin.dropdown-toggle, .euf-material-theme .btn-linkedin:hover, .euf-material-theme .btn-linkedin:focus, .euf-material-theme .btn-linkedin:active, .euf-material-theme .btn-linkedin.active,
  .open > .euf-material-theme .btn-linkedin.dropdown-toggle, .euf-flat-theme .btn-linkedin:hover, .euf-flat-theme .btn-linkedin:focus, .euf-flat-theme .btn-linkedin:active, .euf-flat-theme .btn-linkedin.active,
  .open > .euf-flat-theme .btn-linkedin.dropdown-toggle {
    background-color: transparent;
    color: #0976b4 !important;
    border-color: #0976b4 !important;
    opacity: 1; }
  .euf-solid-theme .btn-linkedin:disabled, .euf-solid-theme .btn-linkedin[disabled], .euf-solid-theme .btn-linkedin.disabled, .euf-material-theme .btn-linkedin:disabled, .euf-material-theme .btn-linkedin[disabled], .euf-material-theme .btn-linkedin.disabled, .euf-flat-theme .btn-linkedin:disabled, .euf-flat-theme .btn-linkedin[disabled], .euf-flat-theme .btn-linkedin.disabled {
    background-color: transparent;
    border-color: #0976b4; }
  .euf-solid-theme .btn-linkedin.btn-fill, .euf-material-theme .btn-linkedin.btn-fill, .euf-flat-theme .btn-linkedin.btn-fill {
    color: #FFFFFF;
    background-color: #0976b4;
    opacity: 0.9; }
    .euf-solid-theme .btn-linkedin.btn-fill:hover, .euf-solid-theme .btn-linkedin.btn-fill:focus, .euf-solid-theme .btn-linkedin.btn-fill:active, .euf-solid-theme .btn-linkedin.btn-fill.active,
    .open > .euf-solid-theme .btn-linkedin.btn-fill.dropdown-toggle, .euf-material-theme .btn-linkedin.btn-fill:hover, .euf-material-theme .btn-linkedin.btn-fill:focus, .euf-material-theme .btn-linkedin.btn-fill:active, .euf-material-theme .btn-linkedin.btn-fill.active,
    .open > .euf-material-theme .btn-linkedin.btn-fill.dropdown-toggle, .euf-flat-theme .btn-linkedin.btn-fill:hover, .euf-flat-theme .btn-linkedin.btn-fill:focus, .euf-flat-theme .btn-linkedin.btn-fill:active, .euf-flat-theme .btn-linkedin.btn-fill.active,
    .open > .euf-flat-theme .btn-linkedin.btn-fill.dropdown-toggle {
      background-color: #0976b4;
      color: #FFFFFF;
      opacity: 1; }

.euf-solid-theme .btn-dribbble, .euf-material-theme .btn-dribbble, .euf-flat-theme .btn-dribbble {
  border-color: #ea4c89;
  color: #ea4c89; }
  .euf-solid-theme .btn-dribbble:hover, .euf-solid-theme .btn-dribbble:focus, .euf-solid-theme .btn-dribbble:active, .euf-solid-theme .btn-dribbble.active,
  .open > .euf-solid-theme .btn-dribbble.dropdown-toggle, .euf-material-theme .btn-dribbble:hover, .euf-material-theme .btn-dribbble:focus, .euf-material-theme .btn-dribbble:active, .euf-material-theme .btn-dribbble.active,
  .open > .euf-material-theme .btn-dribbble.dropdown-toggle, .euf-flat-theme .btn-dribbble:hover, .euf-flat-theme .btn-dribbble:focus, .euf-flat-theme .btn-dribbble:active, .euf-flat-theme .btn-dribbble.active,
  .open > .euf-flat-theme .btn-dribbble.dropdown-toggle {
    background-color: transparent;
    color: #ea4c89 !important;
    border-color: #ea4c89 !important;
    opacity: 1; }
  .euf-solid-theme .btn-dribbble:disabled, .euf-solid-theme .btn-dribbble[disabled], .euf-solid-theme .btn-dribbble.disabled, .euf-material-theme .btn-dribbble:disabled, .euf-material-theme .btn-dribbble[disabled], .euf-material-theme .btn-dribbble.disabled, .euf-flat-theme .btn-dribbble:disabled, .euf-flat-theme .btn-dribbble[disabled], .euf-flat-theme .btn-dribbble.disabled {
    background-color: transparent;
    border-color: #ea4c89; }
  .euf-solid-theme .btn-dribbble.btn-fill, .euf-material-theme .btn-dribbble.btn-fill, .euf-flat-theme .btn-dribbble.btn-fill {
    color: #FFFFFF;
    background-color: #ea4c89;
    opacity: 0.9; }
    .euf-solid-theme .btn-dribbble.btn-fill:hover, .euf-solid-theme .btn-dribbble.btn-fill:focus, .euf-solid-theme .btn-dribbble.btn-fill:active, .euf-solid-theme .btn-dribbble.btn-fill.active,
    .open > .euf-solid-theme .btn-dribbble.btn-fill.dropdown-toggle, .euf-material-theme .btn-dribbble.btn-fill:hover, .euf-material-theme .btn-dribbble.btn-fill:focus, .euf-material-theme .btn-dribbble.btn-fill:active, .euf-material-theme .btn-dribbble.btn-fill.active,
    .open > .euf-material-theme .btn-dribbble.btn-fill.dropdown-toggle, .euf-flat-theme .btn-dribbble.btn-fill:hover, .euf-flat-theme .btn-dribbble.btn-fill:focus, .euf-flat-theme .btn-dribbble.btn-fill:active, .euf-flat-theme .btn-dribbble.btn-fill.active,
    .open > .euf-flat-theme .btn-dribbble.btn-fill.dropdown-toggle {
      background-color: #ea4c89;
      color: #FFFFFF;
      opacity: 1; }

.euf-solid-theme .btn-github, .euf-material-theme .btn-github, .euf-flat-theme .btn-github {
  border-color: #333333;
  color: #333333; }
  .euf-solid-theme .btn-github:hover, .euf-solid-theme .btn-github:focus, .euf-solid-theme .btn-github:active, .euf-solid-theme .btn-github.active,
  .open > .euf-solid-theme .btn-github.dropdown-toggle, .euf-material-theme .btn-github:hover, .euf-material-theme .btn-github:focus, .euf-material-theme .btn-github:active, .euf-material-theme .btn-github.active,
  .open > .euf-material-theme .btn-github.dropdown-toggle, .euf-flat-theme .btn-github:hover, .euf-flat-theme .btn-github:focus, .euf-flat-theme .btn-github:active, .euf-flat-theme .btn-github.active,
  .open > .euf-flat-theme .btn-github.dropdown-toggle {
    background-color: transparent;
    color: #333333 !important;
    border-color: #333333 !important;
    opacity: 1; }
  .euf-solid-theme .btn-github:disabled, .euf-solid-theme .btn-github[disabled], .euf-solid-theme .btn-github.disabled, .euf-material-theme .btn-github:disabled, .euf-material-theme .btn-github[disabled], .euf-material-theme .btn-github.disabled, .euf-flat-theme .btn-github:disabled, .euf-flat-theme .btn-github[disabled], .euf-flat-theme .btn-github.disabled {
    background-color: transparent;
    border-color: #333333; }
  .euf-solid-theme .btn-github.btn-fill, .euf-material-theme .btn-github.btn-fill, .euf-flat-theme .btn-github.btn-fill {
    color: #FFFFFF;
    background-color: #333333;
    opacity: 0.9; }
    .euf-solid-theme .btn-github.btn-fill:hover, .euf-solid-theme .btn-github.btn-fill:focus, .euf-solid-theme .btn-github.btn-fill:active, .euf-solid-theme .btn-github.btn-fill.active,
    .open > .euf-solid-theme .btn-github.btn-fill.dropdown-toggle, .euf-material-theme .btn-github.btn-fill:hover, .euf-material-theme .btn-github.btn-fill:focus, .euf-material-theme .btn-github.btn-fill:active, .euf-material-theme .btn-github.btn-fill.active,
    .open > .euf-material-theme .btn-github.btn-fill.dropdown-toggle, .euf-flat-theme .btn-github.btn-fill:hover, .euf-flat-theme .btn-github.btn-fill:focus, .euf-flat-theme .btn-github.btn-fill:active, .euf-flat-theme .btn-github.btn-fill.active,
    .open > .euf-flat-theme .btn-github.btn-fill.dropdown-toggle {
      background-color: #333333;
      color: #FFFFFF;
      opacity: 1; }

.euf-solid-theme .btn-youtube, .euf-material-theme .btn-youtube, .euf-flat-theme .btn-youtube {
  border-color: #e52d27;
  color: #e52d27; }
  .euf-solid-theme .btn-youtube:hover, .euf-solid-theme .btn-youtube:focus, .euf-solid-theme .btn-youtube:active, .euf-solid-theme .btn-youtube.active,
  .open > .euf-solid-theme .btn-youtube.dropdown-toggle, .euf-material-theme .btn-youtube:hover, .euf-material-theme .btn-youtube:focus, .euf-material-theme .btn-youtube:active, .euf-material-theme .btn-youtube.active,
  .open > .euf-material-theme .btn-youtube.dropdown-toggle, .euf-flat-theme .btn-youtube:hover, .euf-flat-theme .btn-youtube:focus, .euf-flat-theme .btn-youtube:active, .euf-flat-theme .btn-youtube.active,
  .open > .euf-flat-theme .btn-youtube.dropdown-toggle {
    background-color: transparent;
    color: #e52d27 !important;
    border-color: #e52d27 !important;
    opacity: 1; }
  .euf-solid-theme .btn-youtube:disabled, .euf-solid-theme .btn-youtube[disabled], .euf-solid-theme .btn-youtube.disabled, .euf-material-theme .btn-youtube:disabled, .euf-material-theme .btn-youtube[disabled], .euf-material-theme .btn-youtube.disabled, .euf-flat-theme .btn-youtube:disabled, .euf-flat-theme .btn-youtube[disabled], .euf-flat-theme .btn-youtube.disabled {
    background-color: transparent;
    border-color: #e52d27; }
  .euf-solid-theme .btn-youtube.btn-fill, .euf-material-theme .btn-youtube.btn-fill, .euf-flat-theme .btn-youtube.btn-fill {
    color: #FFFFFF;
    background-color: #e52d27;
    opacity: 0.9; }
    .euf-solid-theme .btn-youtube.btn-fill:hover, .euf-solid-theme .btn-youtube.btn-fill:focus, .euf-solid-theme .btn-youtube.btn-fill:active, .euf-solid-theme .btn-youtube.btn-fill.active,
    .open > .euf-solid-theme .btn-youtube.btn-fill.dropdown-toggle, .euf-material-theme .btn-youtube.btn-fill:hover, .euf-material-theme .btn-youtube.btn-fill:focus, .euf-material-theme .btn-youtube.btn-fill:active, .euf-material-theme .btn-youtube.btn-fill.active,
    .open > .euf-material-theme .btn-youtube.btn-fill.dropdown-toggle, .euf-flat-theme .btn-youtube.btn-fill:hover, .euf-flat-theme .btn-youtube.btn-fill:focus, .euf-flat-theme .btn-youtube.btn-fill:active, .euf-flat-theme .btn-youtube.btn-fill.active,
    .open > .euf-flat-theme .btn-youtube.btn-fill.dropdown-toggle {
      background-color: #e52d27;
      color: #FFFFFF;
      opacity: 1; }

.euf-solid-theme .btn-stumbleupon, .euf-material-theme .btn-stumbleupon, .euf-flat-theme .btn-stumbleupon {
  border-color: #eb4924;
  color: #eb4924; }
  .euf-solid-theme .btn-stumbleupon:hover, .euf-solid-theme .btn-stumbleupon:focus, .euf-solid-theme .btn-stumbleupon:active, .euf-solid-theme .btn-stumbleupon.active,
  .open > .euf-solid-theme .btn-stumbleupon.dropdown-toggle, .euf-material-theme .btn-stumbleupon:hover, .euf-material-theme .btn-stumbleupon:focus, .euf-material-theme .btn-stumbleupon:active, .euf-material-theme .btn-stumbleupon.active,
  .open > .euf-material-theme .btn-stumbleupon.dropdown-toggle, .euf-flat-theme .btn-stumbleupon:hover, .euf-flat-theme .btn-stumbleupon:focus, .euf-flat-theme .btn-stumbleupon:active, .euf-flat-theme .btn-stumbleupon.active,
  .open > .euf-flat-theme .btn-stumbleupon.dropdown-toggle {
    background-color: transparent;
    color: #eb4924 !important;
    border-color: #eb4924 !important;
    opacity: 1; }
  .euf-solid-theme .btn-stumbleupon:disabled, .euf-solid-theme .btn-stumbleupon[disabled], .euf-solid-theme .btn-stumbleupon.disabled, .euf-material-theme .btn-stumbleupon:disabled, .euf-material-theme .btn-stumbleupon[disabled], .euf-material-theme .btn-stumbleupon.disabled, .euf-flat-theme .btn-stumbleupon:disabled, .euf-flat-theme .btn-stumbleupon[disabled], .euf-flat-theme .btn-stumbleupon.disabled {
    background-color: transparent;
    border-color: #eb4924; }
  .euf-solid-theme .btn-stumbleupon.btn-fill, .euf-material-theme .btn-stumbleupon.btn-fill, .euf-flat-theme .btn-stumbleupon.btn-fill {
    color: #FFFFFF;
    background-color: #eb4924;
    opacity: 0.9; }
    .euf-solid-theme .btn-stumbleupon.btn-fill:hover, .euf-solid-theme .btn-stumbleupon.btn-fill:focus, .euf-solid-theme .btn-stumbleupon.btn-fill:active, .euf-solid-theme .btn-stumbleupon.btn-fill.active,
    .open > .euf-solid-theme .btn-stumbleupon.btn-fill.dropdown-toggle, .euf-material-theme .btn-stumbleupon.btn-fill:hover, .euf-material-theme .btn-stumbleupon.btn-fill:focus, .euf-material-theme .btn-stumbleupon.btn-fill:active, .euf-material-theme .btn-stumbleupon.btn-fill.active,
    .open > .euf-material-theme .btn-stumbleupon.btn-fill.dropdown-toggle, .euf-flat-theme .btn-stumbleupon.btn-fill:hover, .euf-flat-theme .btn-stumbleupon.btn-fill:focus, .euf-flat-theme .btn-stumbleupon.btn-fill:active, .euf-flat-theme .btn-stumbleupon.btn-fill.active,
    .open > .euf-flat-theme .btn-stumbleupon.btn-fill.dropdown-toggle {
      background-color: #eb4924;
      color: #FFFFFF;
      opacity: 1; }

.euf-solid-theme .btn-reddit, .euf-material-theme .btn-reddit, .euf-flat-theme .btn-reddit {
  border-color: #ff4500;
  color: #ff4500; }
  .euf-solid-theme .btn-reddit:hover, .euf-solid-theme .btn-reddit:focus, .euf-solid-theme .btn-reddit:active, .euf-solid-theme .btn-reddit.active,
  .open > .euf-solid-theme .btn-reddit.dropdown-toggle, .euf-material-theme .btn-reddit:hover, .euf-material-theme .btn-reddit:focus, .euf-material-theme .btn-reddit:active, .euf-material-theme .btn-reddit.active,
  .open > .euf-material-theme .btn-reddit.dropdown-toggle, .euf-flat-theme .btn-reddit:hover, .euf-flat-theme .btn-reddit:focus, .euf-flat-theme .btn-reddit:active, .euf-flat-theme .btn-reddit.active,
  .open > .euf-flat-theme .btn-reddit.dropdown-toggle {
    background-color: transparent;
    color: #ff4500 !important;
    border-color: #ff4500 !important;
    opacity: 1; }
  .euf-solid-theme .btn-reddit:disabled, .euf-solid-theme .btn-reddit[disabled], .euf-solid-theme .btn-reddit.disabled, .euf-material-theme .btn-reddit:disabled, .euf-material-theme .btn-reddit[disabled], .euf-material-theme .btn-reddit.disabled, .euf-flat-theme .btn-reddit:disabled, .euf-flat-theme .btn-reddit[disabled], .euf-flat-theme .btn-reddit.disabled {
    background-color: transparent;
    border-color: #ff4500; }
  .euf-solid-theme .btn-reddit.btn-fill, .euf-material-theme .btn-reddit.btn-fill, .euf-flat-theme .btn-reddit.btn-fill {
    color: #FFFFFF;
    background-color: #ff4500;
    opacity: 0.9; }
    .euf-solid-theme .btn-reddit.btn-fill:hover, .euf-solid-theme .btn-reddit.btn-fill:focus, .euf-solid-theme .btn-reddit.btn-fill:active, .euf-solid-theme .btn-reddit.btn-fill.active,
    .open > .euf-solid-theme .btn-reddit.btn-fill.dropdown-toggle, .euf-material-theme .btn-reddit.btn-fill:hover, .euf-material-theme .btn-reddit.btn-fill:focus, .euf-material-theme .btn-reddit.btn-fill:active, .euf-material-theme .btn-reddit.btn-fill.active,
    .open > .euf-material-theme .btn-reddit.btn-fill.dropdown-toggle, .euf-flat-theme .btn-reddit.btn-fill:hover, .euf-flat-theme .btn-reddit.btn-fill:focus, .euf-flat-theme .btn-reddit.btn-fill:active, .euf-flat-theme .btn-reddit.btn-fill.active,
    .open > .euf-flat-theme .btn-reddit.btn-fill.dropdown-toggle {
      background-color: #ff4500;
      color: #FFFFFF;
      opacity: 1; }

.euf-solid-theme .btn-tumblr, .euf-material-theme .btn-tumblr, .euf-flat-theme .btn-tumblr {
  border-color: #35465c;
  color: #35465c; }
  .euf-solid-theme .btn-tumblr:hover, .euf-solid-theme .btn-tumblr:focus, .euf-solid-theme .btn-tumblr:active, .euf-solid-theme .btn-tumblr.active,
  .open > .euf-solid-theme .btn-tumblr.dropdown-toggle, .euf-material-theme .btn-tumblr:hover, .euf-material-theme .btn-tumblr:focus, .euf-material-theme .btn-tumblr:active, .euf-material-theme .btn-tumblr.active,
  .open > .euf-material-theme .btn-tumblr.dropdown-toggle, .euf-flat-theme .btn-tumblr:hover, .euf-flat-theme .btn-tumblr:focus, .euf-flat-theme .btn-tumblr:active, .euf-flat-theme .btn-tumblr.active,
  .open > .euf-flat-theme .btn-tumblr.dropdown-toggle {
    background-color: transparent;
    color: #35465c !important;
    border-color: #35465c !important;
    opacity: 1; }
  .euf-solid-theme .btn-tumblr:disabled, .euf-solid-theme .btn-tumblr[disabled], .euf-solid-theme .btn-tumblr.disabled, .euf-material-theme .btn-tumblr:disabled, .euf-material-theme .btn-tumblr[disabled], .euf-material-theme .btn-tumblr.disabled, .euf-flat-theme .btn-tumblr:disabled, .euf-flat-theme .btn-tumblr[disabled], .euf-flat-theme .btn-tumblr.disabled {
    background-color: transparent;
    border-color: #35465c; }
  .euf-solid-theme .btn-tumblr.btn-fill, .euf-material-theme .btn-tumblr.btn-fill, .euf-flat-theme .btn-tumblr.btn-fill {
    color: #FFFFFF;
    background-color: #35465c;
    opacity: 0.9; }
    .euf-solid-theme .btn-tumblr.btn-fill:hover, .euf-solid-theme .btn-tumblr.btn-fill:focus, .euf-solid-theme .btn-tumblr.btn-fill:active, .euf-solid-theme .btn-tumblr.btn-fill.active,
    .open > .euf-solid-theme .btn-tumblr.btn-fill.dropdown-toggle, .euf-material-theme .btn-tumblr.btn-fill:hover, .euf-material-theme .btn-tumblr.btn-fill:focus, .euf-material-theme .btn-tumblr.btn-fill:active, .euf-material-theme .btn-tumblr.btn-fill.active,
    .open > .euf-material-theme .btn-tumblr.btn-fill.dropdown-toggle, .euf-flat-theme .btn-tumblr.btn-fill:hover, .euf-flat-theme .btn-tumblr.btn-fill:focus, .euf-flat-theme .btn-tumblr.btn-fill:active, .euf-flat-theme .btn-tumblr.btn-fill.active,
    .open > .euf-flat-theme .btn-tumblr.btn-fill.dropdown-toggle {
      background-color: #35465c;
      color: #FFFFFF;
      opacity: 1; }

.euf-solid-theme .btn-behance, .euf-material-theme .btn-behance, .euf-flat-theme .btn-behance {
  border-color: #1769ff;
  color: #1769ff; }
  .euf-solid-theme .btn-behance:hover, .euf-solid-theme .btn-behance:focus, .euf-solid-theme .btn-behance:active, .euf-solid-theme .btn-behance.active,
  .open > .euf-solid-theme .btn-behance.dropdown-toggle, .euf-material-theme .btn-behance:hover, .euf-material-theme .btn-behance:focus, .euf-material-theme .btn-behance:active, .euf-material-theme .btn-behance.active,
  .open > .euf-material-theme .btn-behance.dropdown-toggle, .euf-flat-theme .btn-behance:hover, .euf-flat-theme .btn-behance:focus, .euf-flat-theme .btn-behance:active, .euf-flat-theme .btn-behance.active,
  .open > .euf-flat-theme .btn-behance.dropdown-toggle {
    background-color: transparent;
    color: #1769ff !important;
    border-color: #1769ff !important;
    opacity: 1; }
  .euf-solid-theme .btn-behance:disabled, .euf-solid-theme .btn-behance[disabled], .euf-solid-theme .btn-behance.disabled, .euf-material-theme .btn-behance:disabled, .euf-material-theme .btn-behance[disabled], .euf-material-theme .btn-behance.disabled, .euf-flat-theme .btn-behance:disabled, .euf-flat-theme .btn-behance[disabled], .euf-flat-theme .btn-behance.disabled {
    background-color: transparent;
    border-color: #1769ff; }
  .euf-solid-theme .btn-behance.btn-fill, .euf-material-theme .btn-behance.btn-fill, .euf-flat-theme .btn-behance.btn-fill {
    color: #FFFFFF;
    background-color: #1769ff;
    opacity: 0.9; }
    .euf-solid-theme .btn-behance.btn-fill:hover, .euf-solid-theme .btn-behance.btn-fill:focus, .euf-solid-theme .btn-behance.btn-fill:active, .euf-solid-theme .btn-behance.btn-fill.active,
    .open > .euf-solid-theme .btn-behance.btn-fill.dropdown-toggle, .euf-material-theme .btn-behance.btn-fill:hover, .euf-material-theme .btn-behance.btn-fill:focus, .euf-material-theme .btn-behance.btn-fill:active, .euf-material-theme .btn-behance.btn-fill.active,
    .open > .euf-material-theme .btn-behance.btn-fill.dropdown-toggle, .euf-flat-theme .btn-behance.btn-fill:hover, .euf-flat-theme .btn-behance.btn-fill:focus, .euf-flat-theme .btn-behance.btn-fill:active, .euf-flat-theme .btn-behance.btn-fill.active,
    .open > .euf-flat-theme .btn-behance.btn-fill.dropdown-toggle {
      background-color: #1769ff;
      color: #FFFFFF;
      opacity: 1; }

.euf-solid-theme .card {
  position: relative;
  background-color: #fff;
  border-radius: 0.625rem;
  border: none;
  height: auto;
  margin-bottom: 1.25rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0.06rem 0.25rem rgba(0, 0, 0, 0.23);
  box-shadow: 0 0.06rem 0.25rem rgba(0, 0, 0, 0.23);
  -webkit-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -ms-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .euf-solid-theme .card .tag, .euf-solid-theme .card .overlay-trigger {
    position: absolute;
    top: 0;
    margin: 0.937rem; }
  .euf-solid-theme .card .tag {
    left: -0.625rem;
    padding: 0.312rem 0.625rem;
    border-radius: 0.125rem;
    font-size: .8rem;
    z-index: 10; }
  .euf-solid-theme .card .overlay-trigger {
    right: 0;
    z-index: 11;
    font-size: 1.8rem;
    color: white; }
  .euf-solid-theme .card .content {
    padding: 0.937rem;
    padding-bottom: 1.9rem; }
    .euf-solid-theme .card .content .content-dimension {
      height: 100%;
      overflow: hidden; }
      .euf-solid-theme .card .content .content-dimension h4 {
        font-size: 1.25rem;
        margin-bottom: 0.937rem;
        color: inherit;
        font-weight: 600; }
      .euf-solid-theme .card .content .content-dimension p {
        color: inherit;
        overflow: hidden;
        line-height: 1.5rem; }
  .euf-solid-theme .card .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0; }
  .euf-solid-theme .card .overlay-visible {
    visibility: visible;
    opacity: 1; }
  .euf-solid-theme .card.actionable {
    cursor: pointer; }
    .euf-solid-theme .card.actionable:hover {
      box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.16), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.23); }
  .euf-solid-theme .card.card-ftospetrol .tag {
    background-color: #3c788c;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(63, 90, 99, 0.16), 0 0.187rem 0.375rem rgba(63, 90, 99, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(63, 90, 99, 0.16), 0 0.187rem 0.375rem rgba(63, 90, 99, 0.23); }
  .euf-solid-theme .card.card-ftospetrol .preview, .euf-solid-theme .card.card-ftospetrol .content h4, .euf-solid-theme .card.card-ftospetrol .overlay-trigger {
    color: #3F5A63; }
  .euf-solid-theme .card.card-ftospetrol .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-ftospetrol.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #537682 20%, #3F5A63 100%);
    background: -webkit-linear-gradient(top, #537682 20%, #3F5A63 100%);
    background: linear-gradient(to bottom, #537682 20%, #3F5A63 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-ftospetrol.card-fill {
    background: -moz-linear-gradient(top, #537682 20%, #3F5A63 100%);
    background: -webkit-linear-gradient(top, #537682 20%, #3F5A63 100%);
    background: linear-gradient(to bottom, #537682 20%, #3F5A63 100%); }
    .euf-solid-theme .card.card-ftospetrol.card-fill .preview, .euf-solid-theme .card.card-ftospetrol.card-fill .content, .euf-solid-theme .card.card-ftospetrol.card-fill .content h4, .euf-solid-theme .card.card-ftospetrol.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-ftospetrol.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #3F5A63 50%); }
  .euf-solid-theme .card.card-ftospetrol.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-ftospetrol.card-preview-fill .tag, .euf-solid-theme .card.card-ftospetrol.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-ftospetrol.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-ftospetrol.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-ftospetrol.card-landscape .overlay-trigger {
    color: #3F5A63; }
  .euf-solid-theme .card.card-ftospetrol.card-login .circle.white-green .left span, .euf-solid-theme .card.card-ftospetrol.card-login .square.white-green .left span, .euf-solid-theme .card.card-ftospetrol.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-ftospetrol.card-login .circle.white-green .right img, .euf-solid-theme .card.card-ftospetrol.card-login .square.white-green .right img, .euf-solid-theme .card.card-ftospetrol.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-ftospetrol.card-login .cardLoginTitle {
    color: #3F5A63; }
    .euf-solid-theme .card.card-ftospetrol.card-login .cardLoginTitle::before {
      background-color: #3F5A63; }
  .euf-solid-theme .card.card-ftospetrol.card-login .pass-forgot a:hover {
    color: #3F5A63; }
  .euf-solid-theme .card.card-ftospetrol.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-ftospetrol.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-ftospetrol.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-ftospetrol .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-solid-theme .card.card-ftospetrol-states .tag {
    background-color: #3F5A63;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(60, 120, 140, 0.16), 0 0.187rem 0.375rem rgba(60, 120, 140, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(60, 120, 140, 0.16), 0 0.187rem 0.375rem rgba(60, 120, 140, 0.23); }
  .euf-solid-theme .card.card-ftospetrol-states .preview, .euf-solid-theme .card.card-ftospetrol-states .content h4, .euf-solid-theme .card.card-ftospetrol-states .overlay-trigger {
    color: #3c788c; }
  .euf-solid-theme .card.card-ftospetrol-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-ftospetrol-states.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #4b97b0 20%, #3c788c 100%);
    background: -webkit-linear-gradient(top, #4b97b0 20%, #3c788c 100%);
    background: linear-gradient(to bottom, #4b97b0 20%, #3c788c 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-ftospetrol-states.card-fill {
    background: -moz-linear-gradient(top, #4b97b0 20%, #3c788c 100%);
    background: -webkit-linear-gradient(top, #4b97b0 20%, #3c788c 100%);
    background: linear-gradient(to bottom, #4b97b0 20%, #3c788c 100%); }
    .euf-solid-theme .card.card-ftospetrol-states.card-fill .preview, .euf-solid-theme .card.card-ftospetrol-states.card-fill .content, .euf-solid-theme .card.card-ftospetrol-states.card-fill .content h4, .euf-solid-theme .card.card-ftospetrol-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-ftospetrol-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #3c788c 50%); }
  .euf-solid-theme .card.card-ftospetrol-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-ftospetrol-states.card-preview-fill .tag, .euf-solid-theme .card.card-ftospetrol-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-ftospetrol-states.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-ftospetrol-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-ftospetrol-states.card-landscape .overlay-trigger {
    color: #3c788c; }
  .euf-solid-theme .card.card-ftospetrol-states.card-login .circle.white-green .left span, .euf-solid-theme .card.card-ftospetrol-states.card-login .square.white-green .left span, .euf-solid-theme .card.card-ftospetrol-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-ftospetrol-states.card-login .circle.white-green .right img, .euf-solid-theme .card.card-ftospetrol-states.card-login .square.white-green .right img, .euf-solid-theme .card.card-ftospetrol-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-ftospetrol-states.card-login .cardLoginTitle {
    color: #3c788c; }
    .euf-solid-theme .card.card-ftospetrol-states.card-login .cardLoginTitle::before {
      background-color: #3c788c; }
  .euf-solid-theme .card.card-ftospetrol-states.card-login .pass-forgot a:hover {
    color: #3c788c; }
  .euf-solid-theme .card.card-ftospetrol-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-ftospetrol-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-ftospetrol-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-ftospetrol-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-solid-theme .card.card-ftosblue .tag {
    background-color: #1c98cc;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(39, 170, 225, 0.16), 0 0.187rem 0.375rem rgba(39, 170, 225, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(39, 170, 225, 0.16), 0 0.187rem 0.375rem rgba(39, 170, 225, 0.23); }
  .euf-solid-theme .card.card-ftosblue .preview, .euf-solid-theme .card.card-ftosblue .content h4, .euf-solid-theme .card.card-ftosblue .overlay-trigger {
    color: #27AAE1; }
  .euf-solid-theme .card.card-ftosblue .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-ftosblue.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #54bce7 20%, #27AAE1 100%);
    background: -webkit-linear-gradient(top, #54bce7 20%, #27AAE1 100%);
    background: linear-gradient(to bottom, #54bce7 20%, #27AAE1 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-ftosblue.card-fill {
    background: -moz-linear-gradient(top, #54bce7 20%, #27AAE1 100%);
    background: -webkit-linear-gradient(top, #54bce7 20%, #27AAE1 100%);
    background: linear-gradient(to bottom, #54bce7 20%, #27AAE1 100%); }
    .euf-solid-theme .card.card-ftosblue.card-fill .preview, .euf-solid-theme .card.card-ftosblue.card-fill .content, .euf-solid-theme .card.card-ftosblue.card-fill .content h4, .euf-solid-theme .card.card-ftosblue.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-ftosblue.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #27AAE1 50%); }
  .euf-solid-theme .card.card-ftosblue.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-ftosblue.card-preview-fill .tag, .euf-solid-theme .card.card-ftosblue.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-ftosblue.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-ftosblue.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-ftosblue.card-landscape .overlay-trigger {
    color: #27AAE1; }
  .euf-solid-theme .card.card-ftosblue.card-login .circle.white-green .left span, .euf-solid-theme .card.card-ftosblue.card-login .square.white-green .left span, .euf-solid-theme .card.card-ftosblue.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-ftosblue.card-login .circle.white-green .right img, .euf-solid-theme .card.card-ftosblue.card-login .square.white-green .right img, .euf-solid-theme .card.card-ftosblue.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-ftosblue.card-login .cardLoginTitle {
    color: #27AAE1; }
    .euf-solid-theme .card.card-ftosblue.card-login .cardLoginTitle::before {
      background-color: #27AAE1; }
  .euf-solid-theme .card.card-ftosblue.card-login .pass-forgot a:hover {
    color: #27AAE1; }
  .euf-solid-theme .card.card-ftosblue.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-ftosblue.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-ftosblue.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-ftosblue .overlay {
    background-color: rgba(1, 6, 8, 0.8); }
  .euf-solid-theme .card.card-ftosblue-states .tag {
    background-color: #27AAE1;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(28, 152, 204, 0.16), 0 0.187rem 0.375rem rgba(28, 152, 204, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(28, 152, 204, 0.16), 0 0.187rem 0.375rem rgba(28, 152, 204, 0.23); }
  .euf-solid-theme .card.card-ftosblue-states .preview, .euf-solid-theme .card.card-ftosblue-states .content h4, .euf-solid-theme .card.card-ftosblue-states .overlay-trigger {
    color: #1c98cc; }
  .euf-solid-theme .card.card-ftosblue-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-ftosblue-states.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #37b1e4 20%, #1c98cc 100%);
    background: -webkit-linear-gradient(top, #37b1e4 20%, #1c98cc 100%);
    background: linear-gradient(to bottom, #37b1e4 20%, #1c98cc 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-ftosblue-states.card-fill {
    background: -moz-linear-gradient(top, #37b1e4 20%, #1c98cc 100%);
    background: -webkit-linear-gradient(top, #37b1e4 20%, #1c98cc 100%);
    background: linear-gradient(to bottom, #37b1e4 20%, #1c98cc 100%); }
    .euf-solid-theme .card.card-ftosblue-states.card-fill .preview, .euf-solid-theme .card.card-ftosblue-states.card-fill .content, .euf-solid-theme .card.card-ftosblue-states.card-fill .content h4, .euf-solid-theme .card.card-ftosblue-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-ftosblue-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #1c98cc 50%); }
  .euf-solid-theme .card.card-ftosblue-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-ftosblue-states.card-preview-fill .tag, .euf-solid-theme .card.card-ftosblue-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-ftosblue-states.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-ftosblue-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-ftosblue-states.card-landscape .overlay-trigger {
    color: #1c98cc; }
  .euf-solid-theme .card.card-ftosblue-states.card-login .circle.white-green .left span, .euf-solid-theme .card.card-ftosblue-states.card-login .square.white-green .left span, .euf-solid-theme .card.card-ftosblue-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-ftosblue-states.card-login .circle.white-green .right img, .euf-solid-theme .card.card-ftosblue-states.card-login .square.white-green .right img, .euf-solid-theme .card.card-ftosblue-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-ftosblue-states.card-login .cardLoginTitle {
    color: #1c98cc; }
    .euf-solid-theme .card.card-ftosblue-states.card-login .cardLoginTitle::before {
      background-color: #1c98cc; }
  .euf-solid-theme .card.card-ftosblue-states.card-login .pass-forgot a:hover {
    color: #1c98cc; }
  .euf-solid-theme .card.card-ftosblue-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-ftosblue-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-ftosblue-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-ftosblue-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-solid-theme .card.card-default .tag {
    background-color: #777777;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(136, 136, 136, 0.16), 0 0.187rem 0.375rem rgba(136, 136, 136, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(136, 136, 136, 0.16), 0 0.187rem 0.375rem rgba(136, 136, 136, 0.23); }
  .euf-solid-theme .card.card-default .preview, .euf-solid-theme .card.card-default .content h4, .euf-solid-theme .card.card-default .overlay-trigger {
    color: #888888; }
  .euf-solid-theme .card.card-default .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-default.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #a2a2a2 20%, #888888 100%);
    background: -webkit-linear-gradient(top, #a2a2a2 20%, #888888 100%);
    background: linear-gradient(to bottom, #a2a2a2 20%, #888888 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-default.card-fill {
    background: -moz-linear-gradient(top, #a2a2a2 20%, #888888 100%);
    background: -webkit-linear-gradient(top, #a2a2a2 20%, #888888 100%);
    background: linear-gradient(to bottom, #a2a2a2 20%, #888888 100%); }
    .euf-solid-theme .card.card-default.card-fill .preview, .euf-solid-theme .card.card-default.card-fill .content, .euf-solid-theme .card.card-default.card-fill .content h4, .euf-solid-theme .card.card-default.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-default.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #888888 50%); }
  .euf-solid-theme .card.card-default.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-default.card-preview-fill .tag, .euf-solid-theme .card.card-default.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-default.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-default.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-default.card-landscape .overlay-trigger {
    color: #888888; }
  .euf-solid-theme .card.card-default.card-login .circle.white-green .left span, .euf-solid-theme .card.card-default.card-login .square.white-green .left span, .euf-solid-theme .card.card-default.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-default.card-login .circle.white-green .right img, .euf-solid-theme .card.card-default.card-login .square.white-green .right img, .euf-solid-theme .card.card-default.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-default.card-login .cardLoginTitle {
    color: #888888; }
    .euf-solid-theme .card.card-default.card-login .cardLoginTitle::before {
      background-color: #888888; }
  .euf-solid-theme .card.card-default.card-login .pass-forgot a:hover {
    color: #888888; }
  .euf-solid-theme .card.card-default.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-default.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-default.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-default .overlay {
    background-color: rgba(9, 9, 9, 0.8); }
  .euf-solid-theme .card.card-default-states .tag {
    background-color: #888888;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(119, 119, 119, 0.16), 0 0.187rem 0.375rem rgba(119, 119, 119, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(119, 119, 119, 0.16), 0 0.187rem 0.375rem rgba(119, 119, 119, 0.23); }
  .euf-solid-theme .card.card-default-states .preview, .euf-solid-theme .card.card-default-states .content h4, .euf-solid-theme .card.card-default-states .overlay-trigger {
    color: #777777; }
  .euf-solid-theme .card.card-default-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-default-states.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #919191 20%, #777777 100%);
    background: -webkit-linear-gradient(top, #919191 20%, #777777 100%);
    background: linear-gradient(to bottom, #919191 20%, #777777 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-default-states.card-fill {
    background: -moz-linear-gradient(top, #919191 20%, #777777 100%);
    background: -webkit-linear-gradient(top, #919191 20%, #777777 100%);
    background: linear-gradient(to bottom, #919191 20%, #777777 100%); }
    .euf-solid-theme .card.card-default-states.card-fill .preview, .euf-solid-theme .card.card-default-states.card-fill .content, .euf-solid-theme .card.card-default-states.card-fill .content h4, .euf-solid-theme .card.card-default-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-default-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #777777 50%); }
  .euf-solid-theme .card.card-default-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-default-states.card-preview-fill .tag, .euf-solid-theme .card.card-default-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-default-states.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-default-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-default-states.card-landscape .overlay-trigger {
    color: #777777; }
  .euf-solid-theme .card.card-default-states.card-login .circle.white-green .left span, .euf-solid-theme .card.card-default-states.card-login .square.white-green .left span, .euf-solid-theme .card.card-default-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-default-states.card-login .circle.white-green .right img, .euf-solid-theme .card.card-default-states.card-login .square.white-green .right img, .euf-solid-theme .card.card-default-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-default-states.card-login .cardLoginTitle {
    color: #777777; }
    .euf-solid-theme .card.card-default-states.card-login .cardLoginTitle::before {
      background-color: #777777; }
  .euf-solid-theme .card.card-default-states.card-login .pass-forgot a:hover {
    color: #777777; }
  .euf-solid-theme .card.card-default-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-default-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-default-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-default-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-solid-theme .card.card-blue .tag {
    background-color: #2980b9;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(1, 146, 255, 0.16), 0 0.187rem 0.375rem rgba(1, 146, 255, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(1, 146, 255, 0.16), 0 0.187rem 0.375rem rgba(1, 146, 255, 0.23); }
  .euf-solid-theme .card.card-blue .preview, .euf-solid-theme .card.card-blue .content h4, .euf-solid-theme .card.card-blue .overlay-trigger {
    color: #0192ff; }
  .euf-solid-theme .card.card-blue .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-blue.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #34a8ff 20%, #0192ff 100%);
    background: -webkit-linear-gradient(top, #34a8ff 20%, #0192ff 100%);
    background: linear-gradient(to bottom, #34a8ff 20%, #0192ff 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-blue.card-fill {
    background: -moz-linear-gradient(top, #34a8ff 20%, #0192ff 100%);
    background: -webkit-linear-gradient(top, #34a8ff 20%, #0192ff 100%);
    background: linear-gradient(to bottom, #34a8ff 20%, #0192ff 100%); }
    .euf-solid-theme .card.card-blue.card-fill .preview, .euf-solid-theme .card.card-blue.card-fill .content, .euf-solid-theme .card.card-blue.card-fill .content h4, .euf-solid-theme .card.card-blue.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-blue.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #0192ff 50%); }
  .euf-solid-theme .card.card-blue.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-blue.card-preview-fill .tag, .euf-solid-theme .card.card-blue.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-blue.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-blue.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-blue.card-landscape .overlay-trigger {
    color: #0192ff; }
  .euf-solid-theme .card.card-blue.card-login .circle.white-green .left span, .euf-solid-theme .card.card-blue.card-login .square.white-green .left span, .euf-solid-theme .card.card-blue.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-blue.card-login .circle.white-green .right img, .euf-solid-theme .card.card-blue.card-login .square.white-green .right img, .euf-solid-theme .card.card-blue.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-blue.card-login .cardLoginTitle {
    color: #0192ff; }
    .euf-solid-theme .card.card-blue.card-login .cardLoginTitle::before {
      background-color: #0192ff; }
  .euf-solid-theme .card.card-blue.card-login .pass-forgot a:hover {
    color: #0192ff; }
  .euf-solid-theme .card.card-blue.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-blue.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-blue.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-blue .overlay {
    background-color: rgba(0, 1, 1, 0.8); }
  .euf-solid-theme .card.card-blue-states .tag {
    background-color: #0192ff;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(41, 128, 185, 0.16), 0 0.187rem 0.375rem rgba(41, 128, 185, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(41, 128, 185, 0.16), 0 0.187rem 0.375rem rgba(41, 128, 185, 0.23); }
  .euf-solid-theme .card.card-blue-states .preview, .euf-solid-theme .card.card-blue-states .content h4, .euf-solid-theme .card.card-blue-states .overlay-trigger {
    color: #2980b9; }
  .euf-solid-theme .card.card-blue-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-blue-states.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #409ad5 20%, #2980b9 100%);
    background: -webkit-linear-gradient(top, #409ad5 20%, #2980b9 100%);
    background: linear-gradient(to bottom, #409ad5 20%, #2980b9 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-blue-states.card-fill {
    background: -moz-linear-gradient(top, #409ad5 20%, #2980b9 100%);
    background: -webkit-linear-gradient(top, #409ad5 20%, #2980b9 100%);
    background: linear-gradient(to bottom, #409ad5 20%, #2980b9 100%); }
    .euf-solid-theme .card.card-blue-states.card-fill .preview, .euf-solid-theme .card.card-blue-states.card-fill .content, .euf-solid-theme .card.card-blue-states.card-fill .content h4, .euf-solid-theme .card.card-blue-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-blue-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #2980b9 50%); }
  .euf-solid-theme .card.card-blue-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-blue-states.card-preview-fill .tag, .euf-solid-theme .card.card-blue-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-blue-states.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-blue-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-blue-states.card-landscape .overlay-trigger {
    color: #2980b9; }
  .euf-solid-theme .card.card-blue-states.card-login .circle.white-green .left span, .euf-solid-theme .card.card-blue-states.card-login .square.white-green .left span, .euf-solid-theme .card.card-blue-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-blue-states.card-login .circle.white-green .right img, .euf-solid-theme .card.card-blue-states.card-login .square.white-green .right img, .euf-solid-theme .card.card-blue-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-blue-states.card-login .cardLoginTitle {
    color: #2980b9; }
    .euf-solid-theme .card.card-blue-states.card-login .cardLoginTitle::before {
      background-color: #2980b9; }
  .euf-solid-theme .card.card-blue-states.card-login .pass-forgot a:hover {
    color: #2980b9; }
  .euf-solid-theme .card.card-blue-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-blue-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-blue-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-blue-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-solid-theme .card.card-green .tag {
    background-color: #049F0C;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(54, 195, 88, 0.16), 0 0.187rem 0.375rem rgba(54, 195, 88, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(54, 195, 88, 0.16), 0 0.187rem 0.375rem rgba(54, 195, 88, 0.23); }
  .euf-solid-theme .card.card-green .preview, .euf-solid-theme .card.card-green .content h4, .euf-solid-theme .card.card-green .overlay-trigger {
    color: #36c358; }
  .euf-solid-theme .card.card-green .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-green.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #5bd177 20%, #36c358 100%);
    background: -webkit-linear-gradient(top, #5bd177 20%, #36c358 100%);
    background: linear-gradient(to bottom, #5bd177 20%, #36c358 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-green.card-fill {
    background: -moz-linear-gradient(top, #5bd177 20%, #36c358 100%);
    background: -webkit-linear-gradient(top, #5bd177 20%, #36c358 100%);
    background: linear-gradient(to bottom, #5bd177 20%, #36c358 100%); }
    .euf-solid-theme .card.card-green.card-fill .preview, .euf-solid-theme .card.card-green.card-fill .content, .euf-solid-theme .card.card-green.card-fill .content h4, .euf-solid-theme .card.card-green.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-green.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #36c358 50%); }
  .euf-solid-theme .card.card-green.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-green.card-preview-fill .tag, .euf-solid-theme .card.card-green.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-green.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-green.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-green.card-landscape .overlay-trigger {
    color: #36c358; }
  .euf-solid-theme .card.card-green.card-login .circle.white-green .left span, .euf-solid-theme .card.card-green.card-login .square.white-green .left span, .euf-solid-theme .card.card-green.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-green.card-login .circle.white-green .right img, .euf-solid-theme .card.card-green.card-login .square.white-green .right img, .euf-solid-theme .card.card-green.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-green.card-login .cardLoginTitle {
    color: #36c358; }
    .euf-solid-theme .card.card-green.card-login .cardLoginTitle::before {
      background-color: #36c358; }
  .euf-solid-theme .card.card-green.card-login .pass-forgot a:hover {
    color: #36c358; }
  .euf-solid-theme .card.card-green.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-green.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-green.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-green .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-solid-theme .card.card-green-states .tag {
    background-color: #36c358;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(4, 159, 12, 0.16), 0 0.187rem 0.375rem rgba(4, 159, 12, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(4, 159, 12, 0.16), 0 0.187rem 0.375rem rgba(4, 159, 12, 0.23); }
  .euf-solid-theme .card.card-green-states .preview, .euf-solid-theme .card.card-green-states .content h4, .euf-solid-theme .card.card-green-states .overlay-trigger {
    color: #049F0C; }
  .euf-solid-theme .card.card-green-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-green-states.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #05d110 20%, #049F0C 100%);
    background: -webkit-linear-gradient(top, #05d110 20%, #049F0C 100%);
    background: linear-gradient(to bottom, #05d110 20%, #049F0C 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-green-states.card-fill {
    background: -moz-linear-gradient(top, #05d110 20%, #049F0C 100%);
    background: -webkit-linear-gradient(top, #05d110 20%, #049F0C 100%);
    background: linear-gradient(to bottom, #05d110 20%, #049F0C 100%); }
    .euf-solid-theme .card.card-green-states.card-fill .preview, .euf-solid-theme .card.card-green-states.card-fill .content, .euf-solid-theme .card.card-green-states.card-fill .content h4, .euf-solid-theme .card.card-green-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-green-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #049F0C 50%); }
  .euf-solid-theme .card.card-green-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-green-states.card-preview-fill .tag, .euf-solid-theme .card.card-green-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-green-states.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-green-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-green-states.card-landscape .overlay-trigger {
    color: #049F0C; }
  .euf-solid-theme .card.card-green-states.card-login .circle.white-green .left span, .euf-solid-theme .card.card-green-states.card-login .square.white-green .left span, .euf-solid-theme .card.card-green-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-green-states.card-login .circle.white-green .right img, .euf-solid-theme .card.card-green-states.card-login .square.white-green .right img, .euf-solid-theme .card.card-green-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-green-states.card-login .cardLoginTitle {
    color: #049F0C; }
    .euf-solid-theme .card.card-green-states.card-login .cardLoginTitle::before {
      background-color: #049F0C; }
  .euf-solid-theme .card.card-green-states.card-login .pass-forgot a:hover {
    color: #049F0C; }
  .euf-solid-theme .card.card-green-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-green-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-green-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-green-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-solid-theme .card.card-azure .tag {
    background-color: #29a9d2;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(45, 186, 231, 0.16), 0 0.187rem 0.375rem rgba(45, 186, 231, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(45, 186, 231, 0.16), 0 0.187rem 0.375rem rgba(45, 186, 231, 0.23); }
  .euf-solid-theme .card.card-azure .preview, .euf-solid-theme .card.card-azure .content h4, .euf-solid-theme .card.card-azure .overlay-trigger {
    color: #2dbae7; }
  .euf-solid-theme .card.card-azure .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-azure.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #5bc9ec 20%, #2dbae7 100%);
    background: -webkit-linear-gradient(top, #5bc9ec 20%, #2dbae7 100%);
    background: linear-gradient(to bottom, #5bc9ec 20%, #2dbae7 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-azure.card-fill {
    background: -moz-linear-gradient(top, #5bc9ec 20%, #2dbae7 100%);
    background: -webkit-linear-gradient(top, #5bc9ec 20%, #2dbae7 100%);
    background: linear-gradient(to bottom, #5bc9ec 20%, #2dbae7 100%); }
    .euf-solid-theme .card.card-azure.card-fill .preview, .euf-solid-theme .card.card-azure.card-fill .content, .euf-solid-theme .card.card-azure.card-fill .content h4, .euf-solid-theme .card.card-azure.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-azure.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #2dbae7 50%); }
  .euf-solid-theme .card.card-azure.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-azure.card-preview-fill .tag, .euf-solid-theme .card.card-azure.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-azure.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-azure.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-azure.card-landscape .overlay-trigger {
    color: #2dbae7; }
  .euf-solid-theme .card.card-azure.card-login .circle.white-green .left span, .euf-solid-theme .card.card-azure.card-login .square.white-green .left span, .euf-solid-theme .card.card-azure.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-azure.card-login .circle.white-green .right img, .euf-solid-theme .card.card-azure.card-login .square.white-green .right img, .euf-solid-theme .card.card-azure.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-azure.card-login .cardLoginTitle {
    color: #2dbae7; }
    .euf-solid-theme .card.card-azure.card-login .cardLoginTitle::before {
      background-color: #2dbae7; }
  .euf-solid-theme .card.card-azure.card-login .pass-forgot a:hover {
    color: #2dbae7; }
  .euf-solid-theme .card.card-azure.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-azure.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-azure.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-azure .overlay {
    background-color: rgba(2, 15, 19, 0.8); }
  .euf-solid-theme .card.card-azure-states .tag {
    background-color: #2dbae7;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(41, 169, 210, 0.16), 0 0.187rem 0.375rem rgba(41, 169, 210, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(41, 169, 210, 0.16), 0 0.187rem 0.375rem rgba(41, 169, 210, 0.23); }
  .euf-solid-theme .card.card-azure-states .preview, .euf-solid-theme .card.card-azure-states .content h4, .euf-solid-theme .card.card-azure-states .overlay-trigger {
    color: #29a9d2; }
  .euf-solid-theme .card.card-azure-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-azure-states.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #51bbdd 20%, #29a9d2 100%);
    background: -webkit-linear-gradient(top, #51bbdd 20%, #29a9d2 100%);
    background: linear-gradient(to bottom, #51bbdd 20%, #29a9d2 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-azure-states.card-fill {
    background: -moz-linear-gradient(top, #51bbdd 20%, #29a9d2 100%);
    background: -webkit-linear-gradient(top, #51bbdd 20%, #29a9d2 100%);
    background: linear-gradient(to bottom, #51bbdd 20%, #29a9d2 100%); }
    .euf-solid-theme .card.card-azure-states.card-fill .preview, .euf-solid-theme .card.card-azure-states.card-fill .content, .euf-solid-theme .card.card-azure-states.card-fill .content h4, .euf-solid-theme .card.card-azure-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-azure-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #29a9d2 50%); }
  .euf-solid-theme .card.card-azure-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-azure-states.card-preview-fill .tag, .euf-solid-theme .card.card-azure-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-azure-states.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-azure-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-azure-states.card-landscape .overlay-trigger {
    color: #29a9d2; }
  .euf-solid-theme .card.card-azure-states.card-login .circle.white-green .left span, .euf-solid-theme .card.card-azure-states.card-login .square.white-green .left span, .euf-solid-theme .card.card-azure-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-azure-states.card-login .circle.white-green .right img, .euf-solid-theme .card.card-azure-states.card-login .square.white-green .right img, .euf-solid-theme .card.card-azure-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-azure-states.card-login .cardLoginTitle {
    color: #29a9d2; }
    .euf-solid-theme .card.card-azure-states.card-login .cardLoginTitle::before {
      background-color: #29a9d2; }
  .euf-solid-theme .card.card-azure-states.card-login .pass-forgot a:hover {
    color: #29a9d2; }
  .euf-solid-theme .card.card-azure-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-azure-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-azure-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-azure-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-solid-theme .card.card-orange .tag {
    background-color: #FFC107;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(254, 210, 1, 0.16), 0 0.187rem 0.375rem rgba(254, 210, 1, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(254, 210, 1, 0.16), 0 0.187rem 0.375rem rgba(254, 210, 1, 0.23); }
  .euf-solid-theme .card.card-orange .preview, .euf-solid-theme .card.card-orange .content h4, .euf-solid-theme .card.card-orange .overlay-trigger {
    color: #fed201; }
  .euf-solid-theme .card.card-orange .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-orange.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #fedb34 20%, #fed201 100%);
    background: -webkit-linear-gradient(top, #fedb34 20%, #fed201 100%);
    background: linear-gradient(to bottom, #fedb34 20%, #fed201 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-orange.card-fill {
    background: -moz-linear-gradient(top, #fedb34 20%, #fed201 100%);
    background: -webkit-linear-gradient(top, #fedb34 20%, #fed201 100%);
    background: linear-gradient(to bottom, #fedb34 20%, #fed201 100%); }
    .euf-solid-theme .card.card-orange.card-fill .preview, .euf-solid-theme .card.card-orange.card-fill .content, .euf-solid-theme .card.card-orange.card-fill .content h4, .euf-solid-theme .card.card-orange.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-orange.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fed201 50%); }
  .euf-solid-theme .card.card-orange.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-orange.card-preview-fill .tag, .euf-solid-theme .card.card-orange.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-orange.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-orange.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-orange.card-landscape .overlay-trigger {
    color: #fed201; }
  .euf-solid-theme .card.card-orange.card-login .circle.white-green .left span, .euf-solid-theme .card.card-orange.card-login .square.white-green .left span, .euf-solid-theme .card.card-orange.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-orange.card-login .circle.white-green .right img, .euf-solid-theme .card.card-orange.card-login .square.white-green .right img, .euf-solid-theme .card.card-orange.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-orange.card-login .cardLoginTitle {
    color: #fed201; }
    .euf-solid-theme .card.card-orange.card-login .cardLoginTitle::before {
      background-color: #fed201; }
  .euf-solid-theme .card.card-orange.card-login .pass-forgot a:hover {
    color: #fed201; }
  .euf-solid-theme .card.card-orange.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-orange.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-orange.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-orange .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-solid-theme .card.card-orange-states .tag {
    background-color: #fed201;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(255, 193, 7, 0.16), 0 0.187rem 0.375rem rgba(255, 193, 7, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(255, 193, 7, 0.16), 0 0.187rem 0.375rem rgba(255, 193, 7, 0.23); }
  .euf-solid-theme .card.card-orange-states .preview, .euf-solid-theme .card.card-orange-states .content h4, .euf-solid-theme .card.card-orange-states .overlay-trigger {
    color: #FFC107; }
  .euf-solid-theme .card.card-orange-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-orange-states.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #ffce3a 20%, #FFC107 100%);
    background: -webkit-linear-gradient(top, #ffce3a 20%, #FFC107 100%);
    background: linear-gradient(to bottom, #ffce3a 20%, #FFC107 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-orange-states.card-fill {
    background: -moz-linear-gradient(top, #ffce3a 20%, #FFC107 100%);
    background: -webkit-linear-gradient(top, #ffce3a 20%, #FFC107 100%);
    background: linear-gradient(to bottom, #ffce3a 20%, #FFC107 100%); }
    .euf-solid-theme .card.card-orange-states.card-fill .preview, .euf-solid-theme .card.card-orange-states.card-fill .content, .euf-solid-theme .card.card-orange-states.card-fill .content h4, .euf-solid-theme .card.card-orange-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-orange-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFC107 50%); }
  .euf-solid-theme .card.card-orange-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-orange-states.card-preview-fill .tag, .euf-solid-theme .card.card-orange-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-orange-states.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-orange-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-orange-states.card-landscape .overlay-trigger {
    color: #FFC107; }
  .euf-solid-theme .card.card-orange-states.card-login .circle.white-green .left span, .euf-solid-theme .card.card-orange-states.card-login .square.white-green .left span, .euf-solid-theme .card.card-orange-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-orange-states.card-login .circle.white-green .right img, .euf-solid-theme .card.card-orange-states.card-login .square.white-green .right img, .euf-solid-theme .card.card-orange-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-orange-states.card-login .cardLoginTitle {
    color: #FFC107; }
    .euf-solid-theme .card.card-orange-states.card-login .cardLoginTitle::before {
      background-color: #FFC107; }
  .euf-solid-theme .card.card-orange-states.card-login .pass-forgot a:hover {
    color: #FFC107; }
  .euf-solid-theme .card.card-orange-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-orange-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-orange-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-orange-states .overlay {
    background-color: rgba(7, 5, 0, 0.8); }
  .euf-solid-theme .card.card-red .tag {
    background-color: #d64031;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(255, 85, 52, 0.16), 0 0.187rem 0.375rem rgba(255, 85, 52, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(255, 85, 52, 0.16), 0 0.187rem 0.375rem rgba(255, 85, 52, 0.23); }
  .euf-solid-theme .card.card-red .preview, .euf-solid-theme .card.card-red .content h4, .euf-solid-theme .card.card-red .overlay-trigger {
    color: #ff5534; }
  .euf-solid-theme .card.card-red .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-red.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #ff8067 20%, #ff5534 100%);
    background: -webkit-linear-gradient(top, #ff8067 20%, #ff5534 100%);
    background: linear-gradient(to bottom, #ff8067 20%, #ff5534 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-red.card-fill {
    background: -moz-linear-gradient(top, #ff8067 20%, #ff5534 100%);
    background: -webkit-linear-gradient(top, #ff8067 20%, #ff5534 100%);
    background: linear-gradient(to bottom, #ff8067 20%, #ff5534 100%); }
    .euf-solid-theme .card.card-red.card-fill .preview, .euf-solid-theme .card.card-red.card-fill .content, .euf-solid-theme .card.card-red.card-fill .content h4, .euf-solid-theme .card.card-red.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-red.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #ff5534 50%); }
  .euf-solid-theme .card.card-red.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-red.card-preview-fill .tag, .euf-solid-theme .card.card-red.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-red.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-red.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-red.card-landscape .overlay-trigger {
    color: #ff5534; }
  .euf-solid-theme .card.card-red.card-login .circle.white-green .left span, .euf-solid-theme .card.card-red.card-login .square.white-green .left span, .euf-solid-theme .card.card-red.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-red.card-login .circle.white-green .right img, .euf-solid-theme .card.card-red.card-login .square.white-green .right img, .euf-solid-theme .card.card-red.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-red.card-login .cardLoginTitle {
    color: #ff5534; }
    .euf-solid-theme .card.card-red.card-login .cardLoginTitle::before {
      background-color: #ff5534; }
  .euf-solid-theme .card.card-red.card-login .pass-forgot a:hover {
    color: #ff5534; }
  .euf-solid-theme .card.card-red.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-red.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-red.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-red .overlay {
    background-color: rgba(52, 8, 0, 0.8); }
  .euf-solid-theme .card.card-red-states .tag {
    background-color: #ff5534;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(214, 64, 49, 0.16), 0 0.187rem 0.375rem rgba(214, 64, 49, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(214, 64, 49, 0.16), 0 0.187rem 0.375rem rgba(214, 64, 49, 0.23); }
  .euf-solid-theme .card.card-red-states .preview, .euf-solid-theme .card.card-red-states .content h4, .euf-solid-theme .card.card-red-states .overlay-trigger {
    color: #d64031; }
  .euf-solid-theme .card.card-red-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-red-states.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #de675c 20%, #d64031 100%);
    background: -webkit-linear-gradient(top, #de675c 20%, #d64031 100%);
    background: linear-gradient(to bottom, #de675c 20%, #d64031 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-red-states.card-fill {
    background: -moz-linear-gradient(top, #de675c 20%, #d64031 100%);
    background: -webkit-linear-gradient(top, #de675c 20%, #d64031 100%);
    background: linear-gradient(to bottom, #de675c 20%, #d64031 100%); }
    .euf-solid-theme .card.card-red-states.card-fill .preview, .euf-solid-theme .card.card-red-states.card-fill .content, .euf-solid-theme .card.card-red-states.card-fill .content h4, .euf-solid-theme .card.card-red-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-red-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #d64031 50%); }
  .euf-solid-theme .card.card-red-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-red-states.card-preview-fill .tag, .euf-solid-theme .card.card-red-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-red-states.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-red-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-red-states.card-landscape .overlay-trigger {
    color: #d64031; }
  .euf-solid-theme .card.card-red-states.card-login .circle.white-green .left span, .euf-solid-theme .card.card-red-states.card-login .square.white-green .left span, .euf-solid-theme .card.card-red-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-red-states.card-login .circle.white-green .right img, .euf-solid-theme .card.card-red-states.card-login .square.white-green .right img, .euf-solid-theme .card.card-red-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-red-states.card-login .cardLoginTitle {
    color: #d64031; }
    .euf-solid-theme .card.card-red-states.card-login .cardLoginTitle::before {
      background-color: #d64031; }
  .euf-solid-theme .card.card-red-states.card-login .pass-forgot a:hover {
    color: #d64031; }
  .euf-solid-theme .card.card-red-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-red-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-red-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-red-states .overlay {
    background-color: rgba(7, 2, 1, 0.8); }
  .euf-solid-theme .card.card-pink .tag {
    background-color: #e03e56;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(254, 74, 101, 0.16), 0 0.187rem 0.375rem rgba(254, 74, 101, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(254, 74, 101, 0.16), 0 0.187rem 0.375rem rgba(254, 74, 101, 0.23); }
  .euf-solid-theme .card.card-pink .preview, .euf-solid-theme .card.card-pink .content h4, .euf-solid-theme .card.card-pink .overlay-trigger {
    color: #fe4a65; }
  .euf-solid-theme .card.card-pink .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-pink.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #fe7d90 20%, #fe4a65 100%);
    background: -webkit-linear-gradient(top, #fe7d90 20%, #fe4a65 100%);
    background: linear-gradient(to bottom, #fe7d90 20%, #fe4a65 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-pink.card-fill {
    background: -moz-linear-gradient(top, #fe7d90 20%, #fe4a65 100%);
    background: -webkit-linear-gradient(top, #fe7d90 20%, #fe4a65 100%);
    background: linear-gradient(to bottom, #fe7d90 20%, #fe4a65 100%); }
    .euf-solid-theme .card.card-pink.card-fill .preview, .euf-solid-theme .card.card-pink.card-fill .content, .euf-solid-theme .card.card-pink.card-fill .content h4, .euf-solid-theme .card.card-pink.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-pink.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #fe4a65 50%); }
  .euf-solid-theme .card.card-pink.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-pink.card-preview-fill .tag, .euf-solid-theme .card.card-pink.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-pink.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-pink.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-pink.card-landscape .overlay-trigger {
    color: #fe4a65; }
  .euf-solid-theme .card.card-pink.card-login .circle.white-green .left span, .euf-solid-theme .card.card-pink.card-login .square.white-green .left span, .euf-solid-theme .card.card-pink.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-pink.card-login .circle.white-green .right img, .euf-solid-theme .card.card-pink.card-login .square.white-green .right img, .euf-solid-theme .card.card-pink.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-pink.card-login .cardLoginTitle {
    color: #fe4a65; }
    .euf-solid-theme .card.card-pink.card-login .cardLoginTitle::before {
      background-color: #fe4a65; }
  .euf-solid-theme .card.card-pink.card-login .pass-forgot a:hover {
    color: #fe4a65; }
  .euf-solid-theme .card.card-pink.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-pink.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-pink.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-pink .overlay {
    background-color: rgba(73, 0, 11, 0.8); }
  .euf-solid-theme .card.card-pink-states .tag {
    background-color: #fe4a65;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(224, 62, 86, 0.16), 0 0.187rem 0.375rem rgba(224, 62, 86, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(224, 62, 86, 0.16), 0 0.187rem 0.375rem rgba(224, 62, 86, 0.23); }
  .euf-solid-theme .card.card-pink-states .preview, .euf-solid-theme .card.card-pink-states .content h4, .euf-solid-theme .card.card-pink-states .overlay-trigger {
    color: #e03e56; }
  .euf-solid-theme .card.card-pink-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-pink-states.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #e76a7c 20%, #e03e56 100%);
    background: -webkit-linear-gradient(top, #e76a7c 20%, #e03e56 100%);
    background: linear-gradient(to bottom, #e76a7c 20%, #e03e56 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-pink-states.card-fill {
    background: -moz-linear-gradient(top, #e76a7c 20%, #e03e56 100%);
    background: -webkit-linear-gradient(top, #e76a7c 20%, #e03e56 100%);
    background: linear-gradient(to bottom, #e76a7c 20%, #e03e56 100%); }
    .euf-solid-theme .card.card-pink-states.card-fill .preview, .euf-solid-theme .card.card-pink-states.card-fill .content, .euf-solid-theme .card.card-pink-states.card-fill .content h4, .euf-solid-theme .card.card-pink-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-pink-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #e03e56 50%); }
  .euf-solid-theme .card.card-pink-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-pink-states.card-preview-fill .tag, .euf-solid-theme .card.card-pink-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-pink-states.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-pink-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-pink-states.card-landscape .overlay-trigger {
    color: #e03e56; }
  .euf-solid-theme .card.card-pink-states.card-login .circle.white-green .left span, .euf-solid-theme .card.card-pink-states.card-login .square.white-green .left span, .euf-solid-theme .card.card-pink-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-pink-states.card-login .circle.white-green .right img, .euf-solid-theme .card.card-pink-states.card-login .square.white-green .right img, .euf-solid-theme .card.card-pink-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-pink-states.card-login .cardLoginTitle {
    color: #e03e56; }
    .euf-solid-theme .card.card-pink-states.card-login .cardLoginTitle::before {
      background-color: #e03e56; }
  .euf-solid-theme .card.card-pink-states.card-login .pass-forgot a:hover {
    color: #e03e56; }
  .euf-solid-theme .card.card-pink-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-pink-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-pink-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-pink-states .overlay {
    background-color: rgba(27, 4, 8, 0.8); }
  .euf-solid-theme .card.card-purple .tag {
    background-color: #9433a5;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(155, 89, 182, 0.16), 0 0.187rem 0.375rem rgba(155, 89, 182, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(155, 89, 182, 0.16), 0 0.187rem 0.375rem rgba(155, 89, 182, 0.23); }
  .euf-solid-theme .card.card-purple .preview, .euf-solid-theme .card.card-purple .content h4, .euf-solid-theme .card.card-purple .overlay-trigger {
    color: #9b59b6; }
  .euf-solid-theme .card.card-purple .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-purple.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #b07cc6 20%, #9b59b6 100%);
    background: -webkit-linear-gradient(top, #b07cc6 20%, #9b59b6 100%);
    background: linear-gradient(to bottom, #b07cc6 20%, #9b59b6 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-purple.card-fill {
    background: -moz-linear-gradient(top, #b07cc6 20%, #9b59b6 100%);
    background: -webkit-linear-gradient(top, #b07cc6 20%, #9b59b6 100%);
    background: linear-gradient(to bottom, #b07cc6 20%, #9b59b6 100%); }
    .euf-solid-theme .card.card-purple.card-fill .preview, .euf-solid-theme .card.card-purple.card-fill .content, .euf-solid-theme .card.card-purple.card-fill .content h4, .euf-solid-theme .card.card-purple.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-purple.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #9b59b6 50%); }
  .euf-solid-theme .card.card-purple.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-purple.card-preview-fill .tag, .euf-solid-theme .card.card-purple.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-purple.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-purple.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-purple.card-landscape .overlay-trigger {
    color: #9b59b6; }
  .euf-solid-theme .card.card-purple.card-login .circle.white-green .left span, .euf-solid-theme .card.card-purple.card-login .square.white-green .left span, .euf-solid-theme .card.card-purple.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-purple.card-login .circle.white-green .right img, .euf-solid-theme .card.card-purple.card-login .square.white-green .right img, .euf-solid-theme .card.card-purple.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-purple.card-login .cardLoginTitle {
    color: #9b59b6; }
    .euf-solid-theme .card.card-purple.card-login .cardLoginTitle::before {
      background-color: #9b59b6; }
  .euf-solid-theme .card.card-purple.card-login .pass-forgot a:hover {
    color: #9b59b6; }
  .euf-solid-theme .card.card-purple.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-purple.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-purple.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-purple .overlay {
    background-color: rgba(9, 5, 11, 0.8); }
  .euf-solid-theme .card.card-purple-states .tag {
    background-color: #9b59b6;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(148, 51, 165, 0.16), 0 0.187rem 0.375rem rgba(148, 51, 165, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(148, 51, 165, 0.16), 0 0.187rem 0.375rem rgba(148, 51, 165, 0.23); }
  .euf-solid-theme .card.card-purple-states .preview, .euf-solid-theme .card.card-purple-states .content h4, .euf-solid-theme .card.card-purple-states .overlay-trigger {
    color: #9433a5; }
  .euf-solid-theme .card.card-purple-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-solid-theme .card.card-purple-states.card-preview-fill .preview {
    background: -moz-linear-gradient(top, #b345c6 20%, #9433a5 100%);
    background: -webkit-linear-gradient(top, #b345c6 20%, #9433a5 100%);
    background: linear-gradient(to bottom, #b345c6 20%, #9433a5 100%);
    color: #ffffff; }
  .euf-solid-theme .card.card-purple-states.card-fill {
    background: -moz-linear-gradient(top, #b345c6 20%, #9433a5 100%);
    background: -webkit-linear-gradient(top, #b345c6 20%, #9433a5 100%);
    background: linear-gradient(to bottom, #b345c6 20%, #9433a5 100%); }
    .euf-solid-theme .card.card-purple-states.card-fill .preview, .euf-solid-theme .card.card-purple-states.card-fill .content, .euf-solid-theme .card.card-purple-states.card-fill .content h4, .euf-solid-theme .card.card-purple-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-solid-theme .card.card-purple-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #9433a5 50%); }
  .euf-solid-theme .card.card-purple-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-solid-theme .card.card-purple-states.card-preview-fill .tag, .euf-solid-theme .card.card-purple-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-solid-theme .card.card-purple-states.card-preview-fill .overlay-trigger, .euf-solid-theme .card.card-purple-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-solid-theme .card.card-purple-states.card-landscape .overlay-trigger {
    color: #9433a5; }
  .euf-solid-theme .card.card-purple-states.card-login .circle.white-green .left span, .euf-solid-theme .card.card-purple-states.card-login .square.white-green .left span, .euf-solid-theme .card.card-purple-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-solid-theme .card.card-purple-states.card-login .circle.white-green .right img, .euf-solid-theme .card.card-purple-states.card-login .square.white-green .right img, .euf-solid-theme .card.card-purple-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-solid-theme .card.card-purple-states.card-login .cardLoginTitle {
    color: #9433a5; }
    .euf-solid-theme .card.card-purple-states.card-login .cardLoginTitle::before {
      background-color: #9433a5; }
  .euf-solid-theme .card.card-purple-states.card-login .pass-forgot a:hover {
    color: #9433a5; }
  .euf-solid-theme .card.card-purple-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-solid-theme .card.card-purple-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-solid-theme .card.card-purple-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-solid-theme .card.card-purple-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }

.euf-solid-theme .card-login {
  position: relative;
  width: 100%;
  height: auto !important;
  background: #fff;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  z-index: 5;
  padding: 5.75rem 3.125rem 1rem;
  -webkit-box-shadow: 40px 34px 188px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 40px 34px 188px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  margin: 0;
  overflow: visible;
  background: rgba(242, 242, 242, 0.9);
  background: -moz-radial-gradient(center, ellipse cover, rgba(242, 242, 242, 0.85) 0%, #f2f2f2 50%, rgba(242, 242, 242, 0.85) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(242, 242, 242, 0.85) 0%, #f2f2f2 50%, rgba(242, 242, 242, 0.85) 100%);
  background: radial-gradient(ellipse at center, rgba(242, 242, 242, 0.85) 0%, #f2f2f2 50%, rgba(242, 242, 242, 0.85) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f2f2f2', endColorstr='#d9f2f2f2',GradientType=1 ); }
  .euf-solid-theme .card-login .preview {
    height: auto; }
    .euf-solid-theme .card-login .preview .cardLoginTitle {
      position: relative;
      line-height: 2.875rem;
      font-size: 1.564rem;
      font-weight: 500;
      text-transform: capitalize;
      text-align: center;
      letter-spacing: 0; }
      .euf-solid-theme .card-login .preview .cardLoginTitle:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: -50px;
        background-color: inherit; }
  .euf-solid-theme .card-login .content {
    padding: 1.5rem 2rem; }
    .euf-solid-theme .card-login .content .inp > input {
      height: auto;
      font-size: 1rem;
      font-weight: 300;
      margin-left: 0;
      margin-top: 0.875rem;
      margin-bottom: 0.875rem;
      padding-left: 1.875rem; }
      .euf-solid-theme .card-login .content .inp > input:-webkit-autofill {
        background-color: transparent !important;
        color: #58595b !important; }
    .euf-solid-theme .card-login .content .inp .active.field-validation-error {
      position: absolute;
      padding: .2rem;
      right: 1em;
      white-space: nowrap;
      background-color: #ff5534;
      color: #fff;
      font-size: .9rem; }
      .euf-solid-theme .card-login .content .inp .active.field-validation-error:after {
        content: " ";
        width: 0;
        height: 0; }
    .euf-solid-theme .card-login .content:after {
      background: none !important; }
    .euf-solid-theme .card-login .content .btn-login-wrapper {
      margin: 1.875rem 0;
      margin-top: 2rem; }
    .euf-solid-theme .card-login .content .btn-login {
      position: static;
      text-transform: capitalize;
      width: 100%;
      left: 0;
      font-size: 1.125rem; }
    .euf-solid-theme .card-login .content .pass-forgot a {
      width: 100%;
      text-align: center;
      color: #a0a0a2;
      font-size: 1rem; }
  .euf-solid-theme .card-login .preview p {
    padding: .5rem 0 1.5rem 0;
    font-size: 1.1rem;
    text-align: center; }
  .euf-solid-theme .card-login .inp > input {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 1.8rem;
    border: none; }
    .euf-solid-theme .card-login .inp > input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px #fff inset; }
  .euf-solid-theme .card-login .inp .active.field-validation-error {
    top: calc(100% - .875rem);
    transform: translateX(50%);
    z-index: 2;
    border-radius: 1.8rem; }
    .euf-solid-theme .card-login .inp .active.field-validation-error:after {
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #ff5534;
      position: absolute;
      top: -4px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  .euf-solid-theme .card-login .btn-login-wrapper > input {
    border-radius: 1.875rem !important; }
  .euf-solid-theme .card-login .random-characters-container {
    padding-left: 15px !important;
    padding-right: 0 !important; }
    .euf-solid-theme .card-login .random-characters-container .random-characters-container-item {
      padding-left: 0 !important; }
      .euf-solid-theme .card-login .random-characters-container .random-characters-container-item input {
        padding-left: 15px;
        text-align: center; }
      .euf-solid-theme .card-login .random-characters-container .random-characters-container-item .active.field-validation-error {
        right: 2.2rem !important; }

.euf-solid-theme .user-wrapper {
  position: relative; }
  .euf-solid-theme .user-wrapper::before {
    font-family: 'FontAwesome';
    font-size: 1rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0.7rem;
    content: "\f007";
    color: inherit; }

.euf-solid-theme .pass-wrapper {
  position: relative; }
  .euf-solid-theme .pass-wrapper::before {
    font-family: 'FontAwesome';
    font-size: 1rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0.7rem;
    content: "\f084";
    color: inherit; }

.euf-flat-theme .card {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 0;
  border: none;
  height: auto;
  margin-bottom: 1.25rem;
  overflow: hidden;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -ms-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .euf-flat-theme .card .tag, .euf-flat-theme .card .overlay-trigger {
    position: absolute;
    top: 0;
    margin: 0.937rem; }
  .euf-flat-theme .card .tag {
    left: -0.625rem;
    padding: 0.312rem 0.625rem;
    border-radius: 0.125rem;
    font-size: .8rem;
    z-index: 10; }
  .euf-flat-theme .card .overlay-trigger {
    right: 0;
    z-index: 11;
    font-size: 1.8rem;
    color: white; }
  .euf-flat-theme .card .content {
    padding: 0.937rem;
    padding-bottom: 1.9rem; }
    .euf-flat-theme .card .content .content-dimension {
      height: 100%;
      overflow: hidden; }
      .euf-flat-theme .card .content .content-dimension h4 {
        font-size: 1.25rem;
        margin-bottom: 0.937rem;
        color: inherit;
        font-weight: 600; }
      .euf-flat-theme .card .content .content-dimension p {
        color: inherit;
        overflow: hidden;
        line-height: 1.5rem; }
  .euf-flat-theme .card .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0; }
  .euf-flat-theme .card .overlay-visible {
    visibility: visible;
    opacity: 1; }
  .euf-flat-theme .card.actionable {
    cursor: pointer; }
    .euf-flat-theme .card.actionable:hover {
      box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.16), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.23); }
  .euf-flat-theme .card.card-ftospetrol .tag {
    background-color: #3c788c;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(63, 90, 99, 0.16), 0 0.187rem 0.375rem rgba(63, 90, 99, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(63, 90, 99, 0.16), 0 0.187rem 0.375rem rgba(63, 90, 99, 0.23); }
  .euf-flat-theme .card.card-ftospetrol .preview, .euf-flat-theme .card.card-ftospetrol .content h4, .euf-flat-theme .card.card-ftospetrol .overlay-trigger {
    color: #3F5A63; }
  .euf-flat-theme .card.card-ftospetrol .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-ftospetrol.card-preview-fill .preview {
    background-color: #3F5A63;
    color: #ffffff; }
  .euf-flat-theme .card.card-ftospetrol.card-fill {
    background-color: #3F5A63; }
    .euf-flat-theme .card.card-ftospetrol.card-fill .preview, .euf-flat-theme .card.card-ftospetrol.card-fill .content, .euf-flat-theme .card.card-ftospetrol.card-fill .content h4, .euf-flat-theme .card.card-ftospetrol.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-ftospetrol.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #3F5A63 50%); }
  .euf-flat-theme .card.card-ftospetrol.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-ftospetrol.card-preview-fill .tag, .euf-flat-theme .card.card-ftospetrol.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-ftospetrol.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-ftospetrol.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-ftospetrol.card-landscape .overlay-trigger {
    color: #3F5A63; }
  .euf-flat-theme .card.card-ftospetrol.card-login .circle.white-green .left span, .euf-flat-theme .card.card-ftospetrol.card-login .square.white-green .left span, .euf-flat-theme .card.card-ftospetrol.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-ftospetrol.card-login .circle.white-green .right img, .euf-flat-theme .card.card-ftospetrol.card-login .square.white-green .right img, .euf-flat-theme .card.card-ftospetrol.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-ftospetrol.card-login .cardLoginTitle {
    color: #3F5A63; }
    .euf-flat-theme .card.card-ftospetrol.card-login .cardLoginTitle::before {
      background-color: #3F5A63; }
  .euf-flat-theme .card.card-ftospetrol.card-login .pass-forgot a:hover {
    color: #3F5A63; }
  .euf-flat-theme .card.card-ftospetrol.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-ftospetrol.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-ftospetrol.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-ftospetrol .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-flat-theme .card.card-ftospetrol-states .tag {
    background-color: #3F5A63;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(60, 120, 140, 0.16), 0 0.187rem 0.375rem rgba(60, 120, 140, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(60, 120, 140, 0.16), 0 0.187rem 0.375rem rgba(60, 120, 140, 0.23); }
  .euf-flat-theme .card.card-ftospetrol-states .preview, .euf-flat-theme .card.card-ftospetrol-states .content h4, .euf-flat-theme .card.card-ftospetrol-states .overlay-trigger {
    color: #3c788c; }
  .euf-flat-theme .card.card-ftospetrol-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-ftospetrol-states.card-preview-fill .preview {
    background-color: #3c788c;
    color: #ffffff; }
  .euf-flat-theme .card.card-ftospetrol-states.card-fill {
    background-color: #3c788c; }
    .euf-flat-theme .card.card-ftospetrol-states.card-fill .preview, .euf-flat-theme .card.card-ftospetrol-states.card-fill .content, .euf-flat-theme .card.card-ftospetrol-states.card-fill .content h4, .euf-flat-theme .card.card-ftospetrol-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-ftospetrol-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #3c788c 50%); }
  .euf-flat-theme .card.card-ftospetrol-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-ftospetrol-states.card-preview-fill .tag, .euf-flat-theme .card.card-ftospetrol-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-ftospetrol-states.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-ftospetrol-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-ftospetrol-states.card-landscape .overlay-trigger {
    color: #3c788c; }
  .euf-flat-theme .card.card-ftospetrol-states.card-login .circle.white-green .left span, .euf-flat-theme .card.card-ftospetrol-states.card-login .square.white-green .left span, .euf-flat-theme .card.card-ftospetrol-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-ftospetrol-states.card-login .circle.white-green .right img, .euf-flat-theme .card.card-ftospetrol-states.card-login .square.white-green .right img, .euf-flat-theme .card.card-ftospetrol-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-ftospetrol-states.card-login .cardLoginTitle {
    color: #3c788c; }
    .euf-flat-theme .card.card-ftospetrol-states.card-login .cardLoginTitle::before {
      background-color: #3c788c; }
  .euf-flat-theme .card.card-ftospetrol-states.card-login .pass-forgot a:hover {
    color: #3c788c; }
  .euf-flat-theme .card.card-ftospetrol-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-ftospetrol-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-ftospetrol-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-ftospetrol-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-flat-theme .card.card-ftosblue .tag {
    background-color: #1c98cc;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(39, 170, 225, 0.16), 0 0.187rem 0.375rem rgba(39, 170, 225, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(39, 170, 225, 0.16), 0 0.187rem 0.375rem rgba(39, 170, 225, 0.23); }
  .euf-flat-theme .card.card-ftosblue .preview, .euf-flat-theme .card.card-ftosblue .content h4, .euf-flat-theme .card.card-ftosblue .overlay-trigger {
    color: #27AAE1; }
  .euf-flat-theme .card.card-ftosblue .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-ftosblue.card-preview-fill .preview {
    background-color: #27AAE1;
    color: #ffffff; }
  .euf-flat-theme .card.card-ftosblue.card-fill {
    background-color: #27AAE1; }
    .euf-flat-theme .card.card-ftosblue.card-fill .preview, .euf-flat-theme .card.card-ftosblue.card-fill .content, .euf-flat-theme .card.card-ftosblue.card-fill .content h4, .euf-flat-theme .card.card-ftosblue.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-ftosblue.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #27AAE1 50%); }
  .euf-flat-theme .card.card-ftosblue.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-ftosblue.card-preview-fill .tag, .euf-flat-theme .card.card-ftosblue.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-ftosblue.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-ftosblue.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-ftosblue.card-landscape .overlay-trigger {
    color: #27AAE1; }
  .euf-flat-theme .card.card-ftosblue.card-login .circle.white-green .left span, .euf-flat-theme .card.card-ftosblue.card-login .square.white-green .left span, .euf-flat-theme .card.card-ftosblue.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-ftosblue.card-login .circle.white-green .right img, .euf-flat-theme .card.card-ftosblue.card-login .square.white-green .right img, .euf-flat-theme .card.card-ftosblue.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-ftosblue.card-login .cardLoginTitle {
    color: #27AAE1; }
    .euf-flat-theme .card.card-ftosblue.card-login .cardLoginTitle::before {
      background-color: #27AAE1; }
  .euf-flat-theme .card.card-ftosblue.card-login .pass-forgot a:hover {
    color: #27AAE1; }
  .euf-flat-theme .card.card-ftosblue.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-ftosblue.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-ftosblue.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-ftosblue .overlay {
    background-color: rgba(1, 6, 8, 0.8); }
  .euf-flat-theme .card.card-ftosblue-states .tag {
    background-color: #27AAE1;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(28, 152, 204, 0.16), 0 0.187rem 0.375rem rgba(28, 152, 204, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(28, 152, 204, 0.16), 0 0.187rem 0.375rem rgba(28, 152, 204, 0.23); }
  .euf-flat-theme .card.card-ftosblue-states .preview, .euf-flat-theme .card.card-ftosblue-states .content h4, .euf-flat-theme .card.card-ftosblue-states .overlay-trigger {
    color: #1c98cc; }
  .euf-flat-theme .card.card-ftosblue-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-ftosblue-states.card-preview-fill .preview {
    background-color: #1c98cc;
    color: #ffffff; }
  .euf-flat-theme .card.card-ftosblue-states.card-fill {
    background-color: #1c98cc; }
    .euf-flat-theme .card.card-ftosblue-states.card-fill .preview, .euf-flat-theme .card.card-ftosblue-states.card-fill .content, .euf-flat-theme .card.card-ftosblue-states.card-fill .content h4, .euf-flat-theme .card.card-ftosblue-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-ftosblue-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #1c98cc 50%); }
  .euf-flat-theme .card.card-ftosblue-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-ftosblue-states.card-preview-fill .tag, .euf-flat-theme .card.card-ftosblue-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-ftosblue-states.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-ftosblue-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-ftosblue-states.card-landscape .overlay-trigger {
    color: #1c98cc; }
  .euf-flat-theme .card.card-ftosblue-states.card-login .circle.white-green .left span, .euf-flat-theme .card.card-ftosblue-states.card-login .square.white-green .left span, .euf-flat-theme .card.card-ftosblue-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-ftosblue-states.card-login .circle.white-green .right img, .euf-flat-theme .card.card-ftosblue-states.card-login .square.white-green .right img, .euf-flat-theme .card.card-ftosblue-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-ftosblue-states.card-login .cardLoginTitle {
    color: #1c98cc; }
    .euf-flat-theme .card.card-ftosblue-states.card-login .cardLoginTitle::before {
      background-color: #1c98cc; }
  .euf-flat-theme .card.card-ftosblue-states.card-login .pass-forgot a:hover {
    color: #1c98cc; }
  .euf-flat-theme .card.card-ftosblue-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-ftosblue-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-ftosblue-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-ftosblue-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-flat-theme .card.card-default .tag {
    background-color: #7f8c8d;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(149, 165, 166, 0.16), 0 0.187rem 0.375rem rgba(149, 165, 166, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(149, 165, 166, 0.16), 0 0.187rem 0.375rem rgba(149, 165, 166, 0.23); }
  .euf-flat-theme .card.card-default .preview, .euf-flat-theme .card.card-default .content h4, .euf-flat-theme .card.card-default .overlay-trigger {
    color: #95a5a6; }
  .euf-flat-theme .card.card-default .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-default.card-preview-fill .preview {
    background-color: #95a5a6;
    color: #ffffff; }
  .euf-flat-theme .card.card-default.card-fill {
    background-color: #95a5a6; }
    .euf-flat-theme .card.card-default.card-fill .preview, .euf-flat-theme .card.card-default.card-fill .content, .euf-flat-theme .card.card-default.card-fill .content h4, .euf-flat-theme .card.card-default.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-default.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #95a5a6 50%); }
  .euf-flat-theme .card.card-default.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-default.card-preview-fill .tag, .euf-flat-theme .card.card-default.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-default.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-default.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-default.card-landscape .overlay-trigger {
    color: #95a5a6; }
  .euf-flat-theme .card.card-default.card-login .circle.white-green .left span, .euf-flat-theme .card.card-default.card-login .square.white-green .left span, .euf-flat-theme .card.card-default.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-default.card-login .circle.white-green .right img, .euf-flat-theme .card.card-default.card-login .square.white-green .right img, .euf-flat-theme .card.card-default.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-default.card-login .cardLoginTitle {
    color: #95a5a6; }
    .euf-flat-theme .card.card-default.card-login .cardLoginTitle::before {
      background-color: #95a5a6; }
  .euf-flat-theme .card.card-default.card-login .pass-forgot a:hover {
    color: #95a5a6; }
  .euf-flat-theme .card.card-default.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-default.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-default.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-default .overlay {
    background-color: rgba(27, 32, 33, 0.8); }
  .euf-flat-theme .card.card-default-states .tag {
    background-color: #95a5a6;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(127, 140, 141, 0.16), 0 0.187rem 0.375rem rgba(127, 140, 141, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(127, 140, 141, 0.16), 0 0.187rem 0.375rem rgba(127, 140, 141, 0.23); }
  .euf-flat-theme .card.card-default-states .preview, .euf-flat-theme .card.card-default-states .content h4, .euf-flat-theme .card.card-default-states .overlay-trigger {
    color: #7f8c8d; }
  .euf-flat-theme .card.card-default-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-default-states.card-preview-fill .preview {
    background-color: #7f8c8d;
    color: #ffffff; }
  .euf-flat-theme .card.card-default-states.card-fill {
    background-color: #7f8c8d; }
    .euf-flat-theme .card.card-default-states.card-fill .preview, .euf-flat-theme .card.card-default-states.card-fill .content, .euf-flat-theme .card.card-default-states.card-fill .content h4, .euf-flat-theme .card.card-default-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-default-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #7f8c8d 50%); }
  .euf-flat-theme .card.card-default-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-default-states.card-preview-fill .tag, .euf-flat-theme .card.card-default-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-default-states.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-default-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-default-states.card-landscape .overlay-trigger {
    color: #7f8c8d; }
  .euf-flat-theme .card.card-default-states.card-login .circle.white-green .left span, .euf-flat-theme .card.card-default-states.card-login .square.white-green .left span, .euf-flat-theme .card.card-default-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-default-states.card-login .circle.white-green .right img, .euf-flat-theme .card.card-default-states.card-login .square.white-green .right img, .euf-flat-theme .card.card-default-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-default-states.card-login .cardLoginTitle {
    color: #7f8c8d; }
    .euf-flat-theme .card.card-default-states.card-login .cardLoginTitle::before {
      background-color: #7f8c8d; }
  .euf-flat-theme .card.card-default-states.card-login .pass-forgot a:hover {
    color: #7f8c8d; }
  .euf-flat-theme .card.card-default-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-default-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-default-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-default-states .overlay {
    background-color: rgba(6, 7, 7, 0.8); }
  .euf-flat-theme .card.card-blue .tag {
    background-color: #2c3e50;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(52, 73, 94, 0.16), 0 0.187rem 0.375rem rgba(52, 73, 94, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(52, 73, 94, 0.16), 0 0.187rem 0.375rem rgba(52, 73, 94, 0.23); }
  .euf-flat-theme .card.card-blue .preview, .euf-flat-theme .card.card-blue .content h4, .euf-flat-theme .card.card-blue .overlay-trigger {
    color: #34495e; }
  .euf-flat-theme .card.card-blue .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-blue.card-preview-fill .preview {
    background-color: #34495e;
    color: #ffffff; }
  .euf-flat-theme .card.card-blue.card-fill {
    background-color: #34495e; }
    .euf-flat-theme .card.card-blue.card-fill .preview, .euf-flat-theme .card.card-blue.card-fill .content, .euf-flat-theme .card.card-blue.card-fill .content h4, .euf-flat-theme .card.card-blue.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-blue.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #34495e 50%); }
  .euf-flat-theme .card.card-blue.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-blue.card-preview-fill .tag, .euf-flat-theme .card.card-blue.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-blue.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-blue.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-blue.card-landscape .overlay-trigger {
    color: #34495e; }
  .euf-flat-theme .card.card-blue.card-login .circle.white-green .left span, .euf-flat-theme .card.card-blue.card-login .square.white-green .left span, .euf-flat-theme .card.card-blue.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-blue.card-login .circle.white-green .right img, .euf-flat-theme .card.card-blue.card-login .square.white-green .right img, .euf-flat-theme .card.card-blue.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-blue.card-login .cardLoginTitle {
    color: #34495e; }
    .euf-flat-theme .card.card-blue.card-login .cardLoginTitle::before {
      background-color: #34495e; }
  .euf-flat-theme .card.card-blue.card-login .pass-forgot a:hover {
    color: #34495e; }
  .euf-flat-theme .card.card-blue.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-blue.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-blue.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-blue .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-flat-theme .card.card-blue-states .tag {
    background-color: #34495e;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(44, 62, 80, 0.16), 0 0.187rem 0.375rem rgba(44, 62, 80, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(44, 62, 80, 0.16), 0 0.187rem 0.375rem rgba(44, 62, 80, 0.23); }
  .euf-flat-theme .card.card-blue-states .preview, .euf-flat-theme .card.card-blue-states .content h4, .euf-flat-theme .card.card-blue-states .overlay-trigger {
    color: #2c3e50; }
  .euf-flat-theme .card.card-blue-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-blue-states.card-preview-fill .preview {
    background-color: #2c3e50;
    color: #ffffff; }
  .euf-flat-theme .card.card-blue-states.card-fill {
    background-color: #2c3e50; }
    .euf-flat-theme .card.card-blue-states.card-fill .preview, .euf-flat-theme .card.card-blue-states.card-fill .content, .euf-flat-theme .card.card-blue-states.card-fill .content h4, .euf-flat-theme .card.card-blue-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-blue-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #2c3e50 50%); }
  .euf-flat-theme .card.card-blue-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-blue-states.card-preview-fill .tag, .euf-flat-theme .card.card-blue-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-blue-states.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-blue-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-blue-states.card-landscape .overlay-trigger {
    color: #2c3e50; }
  .euf-flat-theme .card.card-blue-states.card-login .circle.white-green .left span, .euf-flat-theme .card.card-blue-states.card-login .square.white-green .left span, .euf-flat-theme .card.card-blue-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-blue-states.card-login .circle.white-green .right img, .euf-flat-theme .card.card-blue-states.card-login .square.white-green .right img, .euf-flat-theme .card.card-blue-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-blue-states.card-login .cardLoginTitle {
    color: #2c3e50; }
    .euf-flat-theme .card.card-blue-states.card-login .cardLoginTitle::before {
      background-color: #2c3e50; }
  .euf-flat-theme .card.card-blue-states.card-login .pass-forgot a:hover {
    color: #2c3e50; }
  .euf-flat-theme .card.card-blue-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-blue-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-blue-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-blue-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-flat-theme .card.card-green .tag {
    background-color: #27ae60;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(46, 204, 113, 0.16), 0 0.187rem 0.375rem rgba(46, 204, 113, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(46, 204, 113, 0.16), 0 0.187rem 0.375rem rgba(46, 204, 113, 0.23); }
  .euf-flat-theme .card.card-green .preview, .euf-flat-theme .card.card-green .content h4, .euf-flat-theme .card.card-green .overlay-trigger {
    color: #2ecc71; }
  .euf-flat-theme .card.card-green .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-green.card-preview-fill .preview {
    background-color: #2ecc71;
    color: #ffffff; }
  .euf-flat-theme .card.card-green.card-fill {
    background-color: #2ecc71; }
    .euf-flat-theme .card.card-green.card-fill .preview, .euf-flat-theme .card.card-green.card-fill .content, .euf-flat-theme .card.card-green.card-fill .content h4, .euf-flat-theme .card.card-green.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-green.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #2ecc71 50%); }
  .euf-flat-theme .card.card-green.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-green.card-preview-fill .tag, .euf-flat-theme .card.card-green.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-green.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-green.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-green.card-landscape .overlay-trigger {
    color: #2ecc71; }
  .euf-flat-theme .card.card-green.card-login .circle.white-green .left span, .euf-flat-theme .card.card-green.card-login .square.white-green .left span, .euf-flat-theme .card.card-green.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-green.card-login .circle.white-green .right img, .euf-flat-theme .card.card-green.card-login .square.white-green .right img, .euf-flat-theme .card.card-green.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-green.card-login .cardLoginTitle {
    color: #2ecc71; }
    .euf-flat-theme .card.card-green.card-login .cardLoginTitle::before {
      background-color: #2ecc71; }
  .euf-flat-theme .card.card-green.card-login .pass-forgot a:hover {
    color: #2ecc71; }
  .euf-flat-theme .card.card-green.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-green.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-green.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-green .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-flat-theme .card.card-green-states .tag {
    background-color: #2ecc71;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(39, 174, 96, 0.16), 0 0.187rem 0.375rem rgba(39, 174, 96, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(39, 174, 96, 0.16), 0 0.187rem 0.375rem rgba(39, 174, 96, 0.23); }
  .euf-flat-theme .card.card-green-states .preview, .euf-flat-theme .card.card-green-states .content h4, .euf-flat-theme .card.card-green-states .overlay-trigger {
    color: #27ae60; }
  .euf-flat-theme .card.card-green-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-green-states.card-preview-fill .preview {
    background-color: #27ae60;
    color: #ffffff; }
  .euf-flat-theme .card.card-green-states.card-fill {
    background-color: #27ae60; }
    .euf-flat-theme .card.card-green-states.card-fill .preview, .euf-flat-theme .card.card-green-states.card-fill .content, .euf-flat-theme .card.card-green-states.card-fill .content h4, .euf-flat-theme .card.card-green-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-green-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #27ae60 50%); }
  .euf-flat-theme .card.card-green-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-green-states.card-preview-fill .tag, .euf-flat-theme .card.card-green-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-green-states.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-green-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-green-states.card-landscape .overlay-trigger {
    color: #27ae60; }
  .euf-flat-theme .card.card-green-states.card-login .circle.white-green .left span, .euf-flat-theme .card.card-green-states.card-login .square.white-green .left span, .euf-flat-theme .card.card-green-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-green-states.card-login .circle.white-green .right img, .euf-flat-theme .card.card-green-states.card-login .square.white-green .right img, .euf-flat-theme .card.card-green-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-green-states.card-login .cardLoginTitle {
    color: #27ae60; }
    .euf-flat-theme .card.card-green-states.card-login .cardLoginTitle::before {
      background-color: #27ae60; }
  .euf-flat-theme .card.card-green-states.card-login .pass-forgot a:hover {
    color: #27ae60; }
  .euf-flat-theme .card.card-green-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-green-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-green-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-green-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-flat-theme .card.card-azure .tag {
    background-color: #16a085;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(26, 188, 156, 0.16), 0 0.187rem 0.375rem rgba(26, 188, 156, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(26, 188, 156, 0.16), 0 0.187rem 0.375rem rgba(26, 188, 156, 0.23); }
  .euf-flat-theme .card.card-azure .preview, .euf-flat-theme .card.card-azure .content h4, .euf-flat-theme .card.card-azure .overlay-trigger {
    color: #1abc9c; }
  .euf-flat-theme .card.card-azure .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-azure.card-preview-fill .preview {
    background-color: #1abc9c;
    color: #ffffff; }
  .euf-flat-theme .card.card-azure.card-fill {
    background-color: #1abc9c; }
    .euf-flat-theme .card.card-azure.card-fill .preview, .euf-flat-theme .card.card-azure.card-fill .content, .euf-flat-theme .card.card-azure.card-fill .content h4, .euf-flat-theme .card.card-azure.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-azure.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #1abc9c 50%); }
  .euf-flat-theme .card.card-azure.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-azure.card-preview-fill .tag, .euf-flat-theme .card.card-azure.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-azure.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-azure.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-azure.card-landscape .overlay-trigger {
    color: #1abc9c; }
  .euf-flat-theme .card.card-azure.card-login .circle.white-green .left span, .euf-flat-theme .card.card-azure.card-login .square.white-green .left span, .euf-flat-theme .card.card-azure.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-azure.card-login .circle.white-green .right img, .euf-flat-theme .card.card-azure.card-login .square.white-green .right img, .euf-flat-theme .card.card-azure.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-azure.card-login .cardLoginTitle {
    color: #1abc9c; }
    .euf-flat-theme .card.card-azure.card-login .cardLoginTitle::before {
      background-color: #1abc9c; }
  .euf-flat-theme .card.card-azure.card-login .pass-forgot a:hover {
    color: #1abc9c; }
  .euf-flat-theme .card.card-azure.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-azure.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-azure.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-azure .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-flat-theme .card.card-azure-states .tag {
    background-color: #1abc9c;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(22, 160, 133, 0.16), 0 0.187rem 0.375rem rgba(22, 160, 133, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(22, 160, 133, 0.16), 0 0.187rem 0.375rem rgba(22, 160, 133, 0.23); }
  .euf-flat-theme .card.card-azure-states .preview, .euf-flat-theme .card.card-azure-states .content h4, .euf-flat-theme .card.card-azure-states .overlay-trigger {
    color: #16a085; }
  .euf-flat-theme .card.card-azure-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-azure-states.card-preview-fill .preview {
    background-color: #16a085;
    color: #ffffff; }
  .euf-flat-theme .card.card-azure-states.card-fill {
    background-color: #16a085; }
    .euf-flat-theme .card.card-azure-states.card-fill .preview, .euf-flat-theme .card.card-azure-states.card-fill .content, .euf-flat-theme .card.card-azure-states.card-fill .content h4, .euf-flat-theme .card.card-azure-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-azure-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #16a085 50%); }
  .euf-flat-theme .card.card-azure-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-azure-states.card-preview-fill .tag, .euf-flat-theme .card.card-azure-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-azure-states.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-azure-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-azure-states.card-landscape .overlay-trigger {
    color: #16a085; }
  .euf-flat-theme .card.card-azure-states.card-login .circle.white-green .left span, .euf-flat-theme .card.card-azure-states.card-login .square.white-green .left span, .euf-flat-theme .card.card-azure-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-azure-states.card-login .circle.white-green .right img, .euf-flat-theme .card.card-azure-states.card-login .square.white-green .right img, .euf-flat-theme .card.card-azure-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-azure-states.card-login .cardLoginTitle {
    color: #16a085; }
    .euf-flat-theme .card.card-azure-states.card-login .cardLoginTitle::before {
      background-color: #16a085; }
  .euf-flat-theme .card.card-azure-states.card-login .pass-forgot a:hover {
    color: #16a085; }
  .euf-flat-theme .card.card-azure-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-azure-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-azure-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-azure-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-flat-theme .card.card-orange .tag {
    background-color: #d35400;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(230, 126, 34, 0.16), 0 0.187rem 0.375rem rgba(230, 126, 34, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(230, 126, 34, 0.16), 0 0.187rem 0.375rem rgba(230, 126, 34, 0.23); }
  .euf-flat-theme .card.card-orange .preview, .euf-flat-theme .card.card-orange .content h4, .euf-flat-theme .card.card-orange .overlay-trigger {
    color: #e67e22; }
  .euf-flat-theme .card.card-orange .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-orange.card-preview-fill .preview {
    background-color: #e67e22;
    color: #ffffff; }
  .euf-flat-theme .card.card-orange.card-fill {
    background-color: #e67e22; }
    .euf-flat-theme .card.card-orange.card-fill .preview, .euf-flat-theme .card.card-orange.card-fill .content, .euf-flat-theme .card.card-orange.card-fill .content h4, .euf-flat-theme .card.card-orange.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-orange.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #e67e22 50%); }
  .euf-flat-theme .card.card-orange.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-orange.card-preview-fill .tag, .euf-flat-theme .card.card-orange.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-orange.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-orange.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-orange.card-landscape .overlay-trigger {
    color: #e67e22; }
  .euf-flat-theme .card.card-orange.card-login .circle.white-green .left span, .euf-flat-theme .card.card-orange.card-login .square.white-green .left span, .euf-flat-theme .card.card-orange.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-orange.card-login .circle.white-green .right img, .euf-flat-theme .card.card-orange.card-login .square.white-green .right img, .euf-flat-theme .card.card-orange.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-orange.card-login .cardLoginTitle {
    color: #e67e22; }
    .euf-flat-theme .card.card-orange.card-login .cardLoginTitle::before {
      background-color: #e67e22; }
  .euf-flat-theme .card.card-orange.card-login .pass-forgot a:hover {
    color: #e67e22; }
  .euf-flat-theme .card.card-orange.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-orange.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-orange.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-orange .overlay {
    background-color: rgba(8, 4, 1, 0.8); }
  .euf-flat-theme .card.card-orange-states .tag {
    background-color: #e67e22;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(211, 84, 0, 0.16), 0 0.187rem 0.375rem rgba(211, 84, 0, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(211, 84, 0, 0.16), 0 0.187rem 0.375rem rgba(211, 84, 0, 0.23); }
  .euf-flat-theme .card.card-orange-states .preview, .euf-flat-theme .card.card-orange-states .content h4, .euf-flat-theme .card.card-orange-states .overlay-trigger {
    color: #d35400; }
  .euf-flat-theme .card.card-orange-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-orange-states.card-preview-fill .preview {
    background-color: #d35400;
    color: #ffffff; }
  .euf-flat-theme .card.card-orange-states.card-fill {
    background-color: #d35400; }
    .euf-flat-theme .card.card-orange-states.card-fill .preview, .euf-flat-theme .card.card-orange-states.card-fill .content, .euf-flat-theme .card.card-orange-states.card-fill .content h4, .euf-flat-theme .card.card-orange-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-orange-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #d35400 50%); }
  .euf-flat-theme .card.card-orange-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-orange-states.card-preview-fill .tag, .euf-flat-theme .card.card-orange-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-orange-states.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-orange-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-orange-states.card-landscape .overlay-trigger {
    color: #d35400; }
  .euf-flat-theme .card.card-orange-states.card-login .circle.white-green .left span, .euf-flat-theme .card.card-orange-states.card-login .square.white-green .left span, .euf-flat-theme .card.card-orange-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-orange-states.card-login .circle.white-green .right img, .euf-flat-theme .card.card-orange-states.card-login .square.white-green .right img, .euf-flat-theme .card.card-orange-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-orange-states.card-login .cardLoginTitle {
    color: #d35400; }
    .euf-flat-theme .card.card-orange-states.card-login .cardLoginTitle::before {
      background-color: #d35400; }
  .euf-flat-theme .card.card-orange-states.card-login .pass-forgot a:hover {
    color: #d35400; }
  .euf-flat-theme .card.card-orange-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-orange-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-orange-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-orange-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-flat-theme .card.card-red .tag {
    background-color: #c0392b;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(231, 76, 60, 0.16), 0 0.187rem 0.375rem rgba(231, 76, 60, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(231, 76, 60, 0.16), 0 0.187rem 0.375rem rgba(231, 76, 60, 0.23); }
  .euf-flat-theme .card.card-red .preview, .euf-flat-theme .card.card-red .content h4, .euf-flat-theme .card.card-red .overlay-trigger {
    color: #e74c3c; }
  .euf-flat-theme .card.card-red .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-red.card-preview-fill .preview {
    background-color: #e74c3c;
    color: #ffffff; }
  .euf-flat-theme .card.card-red.card-fill {
    background-color: #e74c3c; }
    .euf-flat-theme .card.card-red.card-fill .preview, .euf-flat-theme .card.card-red.card-fill .content, .euf-flat-theme .card.card-red.card-fill .content h4, .euf-flat-theme .card.card-red.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-red.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #e74c3c 50%); }
  .euf-flat-theme .card.card-red.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-red.card-preview-fill .tag, .euf-flat-theme .card.card-red.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-red.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-red.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-red.card-landscape .overlay-trigger {
    color: #e74c3c; }
  .euf-flat-theme .card.card-red.card-login .circle.white-green .left span, .euf-flat-theme .card.card-red.card-login .square.white-green .left span, .euf-flat-theme .card.card-red.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-red.card-login .circle.white-green .right img, .euf-flat-theme .card.card-red.card-login .square.white-green .right img, .euf-flat-theme .card.card-red.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-red.card-login .cardLoginTitle {
    color: #e74c3c; }
    .euf-flat-theme .card.card-red.card-login .cardLoginTitle::before {
      background-color: #e74c3c; }
  .euf-flat-theme .card.card-red.card-login .pass-forgot a:hover {
    color: #e74c3c; }
  .euf-flat-theme .card.card-red.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-red.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-red.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-red .overlay {
    background-color: rgba(32, 7, 4, 0.8); }
  .euf-flat-theme .card.card-red-states .tag {
    background-color: #e74c3c;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(192, 57, 43, 0.16), 0 0.187rem 0.375rem rgba(192, 57, 43, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(192, 57, 43, 0.16), 0 0.187rem 0.375rem rgba(192, 57, 43, 0.23); }
  .euf-flat-theme .card.card-red-states .preview, .euf-flat-theme .card.card-red-states .content h4, .euf-flat-theme .card.card-red-states .overlay-trigger {
    color: #c0392b; }
  .euf-flat-theme .card.card-red-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-red-states.card-preview-fill .preview {
    background-color: #c0392b;
    color: #ffffff; }
  .euf-flat-theme .card.card-red-states.card-fill {
    background-color: #c0392b; }
    .euf-flat-theme .card.card-red-states.card-fill .preview, .euf-flat-theme .card.card-red-states.card-fill .content, .euf-flat-theme .card.card-red-states.card-fill .content h4, .euf-flat-theme .card.card-red-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-red-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #c0392b 50%); }
  .euf-flat-theme .card.card-red-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-red-states.card-preview-fill .tag, .euf-flat-theme .card.card-red-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-red-states.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-red-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-red-states.card-landscape .overlay-trigger {
    color: #c0392b; }
  .euf-flat-theme .card.card-red-states.card-login .circle.white-green .left span, .euf-flat-theme .card.card-red-states.card-login .square.white-green .left span, .euf-flat-theme .card.card-red-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-red-states.card-login .circle.white-green .right img, .euf-flat-theme .card.card-red-states.card-login .square.white-green .right img, .euf-flat-theme .card.card-red-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-red-states.card-login .cardLoginTitle {
    color: #c0392b; }
    .euf-flat-theme .card.card-red-states.card-login .cardLoginTitle::before {
      background-color: #c0392b; }
  .euf-flat-theme .card.card-red-states.card-login .pass-forgot a:hover {
    color: #c0392b; }
  .euf-flat-theme .card.card-red-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-red-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-red-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-red-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-flat-theme .card.card-pink .tag {
    background-color: #F47983;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(240, 143, 144, 0.16), 0 0.187rem 0.375rem rgba(240, 143, 144, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(240, 143, 144, 0.16), 0 0.187rem 0.375rem rgba(240, 143, 144, 0.23); }
  .euf-flat-theme .card.card-pink .preview, .euf-flat-theme .card.card-pink .content h4, .euf-flat-theme .card.card-pink .overlay-trigger {
    color: #F08F90; }
  .euf-flat-theme .card.card-pink .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-pink.card-preview-fill .preview {
    background-color: #F08F90;
    color: #ffffff; }
  .euf-flat-theme .card.card-pink.card-fill {
    background-color: #F08F90; }
    .euf-flat-theme .card.card-pink.card-fill .preview, .euf-flat-theme .card.card-pink.card-fill .content, .euf-flat-theme .card.card-pink.card-fill .content h4, .euf-flat-theme .card.card-pink.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-pink.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #F08F90 50%); }
  .euf-flat-theme .card.card-pink.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-pink.card-preview-fill .tag, .euf-flat-theme .card.card-pink.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-pink.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-pink.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-pink.card-landscape .overlay-trigger {
    color: #F08F90; }
  .euf-flat-theme .card.card-pink.card-login .circle.white-green .left span, .euf-flat-theme .card.card-pink.card-login .square.white-green .left span, .euf-flat-theme .card.card-pink.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-pink.card-login .circle.white-green .right img, .euf-flat-theme .card.card-pink.card-login .square.white-green .right img, .euf-flat-theme .card.card-pink.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-pink.card-login .cardLoginTitle {
    color: #F08F90; }
    .euf-flat-theme .card.card-pink.card-login .cardLoginTitle::before {
      background-color: #F08F90; }
  .euf-flat-theme .card.card-pink.card-login .pass-forgot a:hover {
    color: #F08F90; }
  .euf-flat-theme .card.card-pink.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-pink.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-pink.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-pink .overlay {
    background-color: rgba(113, 15, 16, 0.8); }
  .euf-flat-theme .card.card-pink-states .tag {
    background-color: #F08F90;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(244, 121, 131, 0.16), 0 0.187rem 0.375rem rgba(244, 121, 131, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(244, 121, 131, 0.16), 0 0.187rem 0.375rem rgba(244, 121, 131, 0.23); }
  .euf-flat-theme .card.card-pink-states .preview, .euf-flat-theme .card.card-pink-states .content h4, .euf-flat-theme .card.card-pink-states .overlay-trigger {
    color: #F47983; }
  .euf-flat-theme .card.card-pink-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-pink-states.card-preview-fill .preview {
    background-color: #F47983;
    color: #ffffff; }
  .euf-flat-theme .card.card-pink-states.card-fill {
    background-color: #F47983; }
    .euf-flat-theme .card.card-pink-states.card-fill .preview, .euf-flat-theme .card.card-pink-states.card-fill .content, .euf-flat-theme .card.card-pink-states.card-fill .content h4, .euf-flat-theme .card.card-pink-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-pink-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #F47983 50%); }
  .euf-flat-theme .card.card-pink-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-pink-states.card-preview-fill .tag, .euf-flat-theme .card.card-pink-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-pink-states.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-pink-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-pink-states.card-landscape .overlay-trigger {
    color: #F47983; }
  .euf-flat-theme .card.card-pink-states.card-login .circle.white-green .left span, .euf-flat-theme .card.card-pink-states.card-login .square.white-green .left span, .euf-flat-theme .card.card-pink-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-pink-states.card-login .circle.white-green .right img, .euf-flat-theme .card.card-pink-states.card-login .square.white-green .right img, .euf-flat-theme .card.card-pink-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-pink-states.card-login .cardLoginTitle {
    color: #F47983; }
    .euf-flat-theme .card.card-pink-states.card-login .cardLoginTitle::before {
      background-color: #F47983; }
  .euf-flat-theme .card.card-pink-states.card-login .pass-forgot a:hover {
    color: #F47983; }
  .euf-flat-theme .card.card-pink-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-pink-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-pink-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-pink-states .overlay {
    background-color: rgba(102, 8, 16, 0.8); }
  .euf-flat-theme .card.card-purple .tag {
    background-color: #8e44ad;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(155, 89, 182, 0.16), 0 0.187rem 0.375rem rgba(155, 89, 182, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(155, 89, 182, 0.16), 0 0.187rem 0.375rem rgba(155, 89, 182, 0.23); }
  .euf-flat-theme .card.card-purple .preview, .euf-flat-theme .card.card-purple .content h4, .euf-flat-theme .card.card-purple .overlay-trigger {
    color: #9b59b6; }
  .euf-flat-theme .card.card-purple .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-purple.card-preview-fill .preview {
    background-color: #9b59b6;
    color: #ffffff; }
  .euf-flat-theme .card.card-purple.card-fill {
    background-color: #9b59b6; }
    .euf-flat-theme .card.card-purple.card-fill .preview, .euf-flat-theme .card.card-purple.card-fill .content, .euf-flat-theme .card.card-purple.card-fill .content h4, .euf-flat-theme .card.card-purple.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-purple.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #9b59b6 50%); }
  .euf-flat-theme .card.card-purple.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-purple.card-preview-fill .tag, .euf-flat-theme .card.card-purple.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-purple.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-purple.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-purple.card-landscape .overlay-trigger {
    color: #9b59b6; }
  .euf-flat-theme .card.card-purple.card-login .circle.white-green .left span, .euf-flat-theme .card.card-purple.card-login .square.white-green .left span, .euf-flat-theme .card.card-purple.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-purple.card-login .circle.white-green .right img, .euf-flat-theme .card.card-purple.card-login .square.white-green .right img, .euf-flat-theme .card.card-purple.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-purple.card-login .cardLoginTitle {
    color: #9b59b6; }
    .euf-flat-theme .card.card-purple.card-login .cardLoginTitle::before {
      background-color: #9b59b6; }
  .euf-flat-theme .card.card-purple.card-login .pass-forgot a:hover {
    color: #9b59b6; }
  .euf-flat-theme .card.card-purple.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-purple.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-purple.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-purple .overlay {
    background-color: rgba(9, 5, 11, 0.8); }
  .euf-flat-theme .card.card-purple-states .tag {
    background-color: #9b59b6;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(142, 68, 173, 0.16), 0 0.187rem 0.375rem rgba(142, 68, 173, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(142, 68, 173, 0.16), 0 0.187rem 0.375rem rgba(142, 68, 173, 0.23); }
  .euf-flat-theme .card.card-purple-states .preview, .euf-flat-theme .card.card-purple-states .content h4, .euf-flat-theme .card.card-purple-states .overlay-trigger {
    color: #8e44ad; }
  .euf-flat-theme .card.card-purple-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-flat-theme .card.card-purple-states.card-preview-fill .preview {
    background-color: #8e44ad;
    color: #ffffff; }
  .euf-flat-theme .card.card-purple-states.card-fill {
    background-color: #8e44ad; }
    .euf-flat-theme .card.card-purple-states.card-fill .preview, .euf-flat-theme .card.card-purple-states.card-fill .content, .euf-flat-theme .card.card-purple-states.card-fill .content h4, .euf-flat-theme .card.card-purple-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-flat-theme .card.card-purple-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #8e44ad 50%); }
  .euf-flat-theme .card.card-purple-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-flat-theme .card.card-purple-states.card-preview-fill .tag, .euf-flat-theme .card.card-purple-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-flat-theme .card.card-purple-states.card-preview-fill .overlay-trigger, .euf-flat-theme .card.card-purple-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-flat-theme .card.card-purple-states.card-landscape .overlay-trigger {
    color: #8e44ad; }
  .euf-flat-theme .card.card-purple-states.card-login .circle.white-green .left span, .euf-flat-theme .card.card-purple-states.card-login .square.white-green .left span, .euf-flat-theme .card.card-purple-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-flat-theme .card.card-purple-states.card-login .circle.white-green .right img, .euf-flat-theme .card.card-purple-states.card-login .square.white-green .right img, .euf-flat-theme .card.card-purple-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-flat-theme .card.card-purple-states.card-login .cardLoginTitle {
    color: #8e44ad; }
    .euf-flat-theme .card.card-purple-states.card-login .cardLoginTitle::before {
      background-color: #8e44ad; }
  .euf-flat-theme .card.card-purple-states.card-login .pass-forgot a:hover {
    color: #8e44ad; }
  .euf-flat-theme .card.card-purple-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-flat-theme .card.card-purple-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-flat-theme .card.card-purple-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-flat-theme .card.card-purple-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }

.euf-flat-theme .card-login {
  position: relative;
  width: 100%;
  height: auto !important;
  background: #fff;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  z-index: 5;
  padding: 2rem 0 4rem 0;
  -webkit-box-shadow: 40px 34px 188px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 40px 34px 188px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  margin: 0;
  overflow: visible;
  background-color: #f2f2f2; }
  .euf-flat-theme .card-login .preview {
    height: auto; }
    .euf-flat-theme .card-login .preview .cardLoginTitle {
      position: relative;
      line-height: 1;
      font-size: 1.564rem;
      font-weight: 700;
      text-transform: capitalize;
      text-align: center;
      letter-spacing: 0.125rem; }
      .euf-flat-theme .card-login .preview .cardLoginTitle:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: -50px;
        background-color: inherit; }
  .euf-flat-theme .card-login .content {
    padding: 0; }
    .euf-flat-theme .card-login .content .inp > input {
      height: auto;
      font-size: 1.2rem;
      font-weight: 300;
      margin-left: 0;
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 4rem; }
      .euf-flat-theme .card-login .content .inp > input:-webkit-autofill {
        background-color: transparent !important;
        color: #58595b !important; }
    .euf-flat-theme .card-login .content .inp .active.field-validation-error {
      position: absolute;
      padding: .2rem;
      right: 1em;
      white-space: nowrap;
      background-color: #e74c3c;
      color: #fff;
      font-size: .9rem; }
      .euf-flat-theme .card-login .content .inp .active.field-validation-error:after {
        content: " ";
        width: 0;
        height: 0; }
    .euf-flat-theme .card-login .content:after {
      background: none !important; }
    .euf-flat-theme .card-login .content .btn-login-wrapper {
      margin: 0;
      margin-top: 2rem; }
    .euf-flat-theme .card-login .content .btn-login {
      position: static;
      text-transform: uppercase;
      width: 100%;
      left: 0;
      font-size: 1.125rem; }
    .euf-flat-theme .card-login .content .pass-forgot a {
      width: 100%;
      text-align: center;
      color: #a0a0a2;
      font-size: 1rem; }
  .euf-flat-theme .card-login .cardLoginTitle {
    padding: 1.5rem; }
  .euf-flat-theme .card-login .inp > input {
    padding: 2rem; }
    .euf-flat-theme .card-login .inp > input:active, .euf-flat-theme .card-login .inp > input:focus {
      background: #e2e2e2; }
    .euf-flat-theme .card-login .inp > input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px #eee inset; }
    .euf-flat-theme .card-login .inp > input:first-of-type {
      border-bottom: .5rem solid #f2f2f2; }
  .euf-flat-theme .card-login .inp .active.field-validation-error {
    top: 1.9rem; }
    @media (min-width: 640px) {
      .euf-flat-theme .card-login .inp .active.field-validation-error {
        transform: translateX(50%); } }
    .euf-flat-theme .card-login .inp .active.field-validation-error:after {
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-right: 5px solid #e74c3c;
      position: absolute;
      left: -4px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .euf-flat-theme .card-login .btn {
    padding: 1.3rem !important;
    border-radius: 0 !important; }
  .euf-flat-theme .card-login .pass-forgot {
    padding: 1.2rem 1rem;
    display: inline-block;
    vertical-align: middle; }
  .euf-flat-theme .card-login .random-characters-container {
    padding-left: 15px !important;
    padding-right: 0 !important; }
    .euf-flat-theme .card-login .random-characters-container .random-characters-container-item {
      padding-left: 0 !important; }
      .euf-flat-theme .card-login .random-characters-container .random-characters-container-item input {
        padding-left: 15px;
        text-align: center; }
      .euf-flat-theme .card-login .random-characters-container .random-characters-container-item .active.field-validation-error {
        right: 2.2rem !important; }

.euf-flat-theme .user-wrapper {
  position: relative; }
  .euf-flat-theme .user-wrapper::before {
    font-family: 'FontAwesome';
    font-size: 1.75rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 1.5rem;
    content: "\f007";
    color: inherit;
    cursor: auto; }

.euf-flat-theme .pass-wrapper {
  position: relative; }
  .euf-flat-theme .pass-wrapper::before {
    font-family: 'FontAwesome';
    font-size: 1.75rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 1.5rem;
    content: "\f13e";
    color: inherit;
    cursor: auto; }

.euf-material-theme .card {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 0.125rem;
  border: none;
  height: auto;
  margin-bottom: 1.25rem;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -ms-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .euf-material-theme .card .tag, .euf-material-theme .card .overlay-trigger {
    position: absolute;
    top: 0;
    margin: 0.937rem; }
  .euf-material-theme .card .tag {
    left: -0.625rem;
    padding: 0.312rem 0.625rem;
    border-radius: 0.125rem;
    font-size: .8rem;
    z-index: 10; }
  .euf-material-theme .card .overlay-trigger {
    right: 0;
    z-index: 11;
    font-size: 1.8rem;
    color: white; }
  .euf-material-theme .card .content {
    padding: 0.937rem;
    padding-bottom: 1.9rem; }
    .euf-material-theme .card .content .content-dimension {
      height: 100%;
      overflow: hidden; }
      .euf-material-theme .card .content .content-dimension h4 {
        font-size: 1.562rem;
        margin-bottom: 1.562rem;
        color: inherit;
        font-weight: 600; }
        @media (max-width: 1400px) {
          .euf-material-theme .card .content .content-dimension h4 {
            font-size: 1.2rem;
            margin-bottom: 1.2rem; } }
        @media (max-width: 1170px) {
          .euf-material-theme .card .content .content-dimension h4 {
            font-size: 1.2rem;
            margin-bottom: 1.2rem; } }
      .euf-material-theme .card .content .content-dimension p {
        color: inherit;
        overflow: hidden;
        line-height: 1.5rem; }
  .euf-material-theme .card .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0; }
  .euf-material-theme .card .overlay-visible {
    visibility: visible;
    opacity: 1; }
  .euf-material-theme .card.actionable {
    cursor: pointer; }
    .euf-material-theme .card.actionable:hover {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  .euf-material-theme .card.card-ftospetrol .tag {
    background-color: #3c788c;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(63, 90, 99, 0.16), 0 0.187rem 0.375rem rgba(63, 90, 99, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(63, 90, 99, 0.16), 0 0.187rem 0.375rem rgba(63, 90, 99, 0.23); }
  .euf-material-theme .card.card-ftospetrol .preview, .euf-material-theme .card.card-ftospetrol .content h4, .euf-material-theme .card.card-ftospetrol .overlay-trigger {
    color: #3F5A63; }
  .euf-material-theme .card.card-ftospetrol .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-ftospetrol.card-preview-fill .preview {
    background-color: #3F5A63;
    color: #ffffff; }
  .euf-material-theme .card.card-ftospetrol.card-fill {
    background-color: #3F5A63; }
    .euf-material-theme .card.card-ftospetrol.card-fill .preview, .euf-material-theme .card.card-ftospetrol.card-fill .content, .euf-material-theme .card.card-ftospetrol.card-fill .content h4, .euf-material-theme .card.card-ftospetrol.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-ftospetrol.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #3F5A63 50%); }
  .euf-material-theme .card.card-ftospetrol.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-ftospetrol.card-preview-fill .tag, .euf-material-theme .card.card-ftospetrol.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-ftospetrol.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-ftospetrol.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-ftospetrol.card-landscape .overlay-trigger {
    color: #3F5A63; }
  .euf-material-theme .card.card-ftospetrol.card-login .circle.white-green .left span, .euf-material-theme .card.card-ftospetrol.card-login .square.white-green .left span, .euf-material-theme .card.card-ftospetrol.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-ftospetrol.card-login .circle.white-green .right img, .euf-material-theme .card.card-ftospetrol.card-login .square.white-green .right img, .euf-material-theme .card.card-ftospetrol.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-ftospetrol.card-login .cardLoginTitle {
    color: #3F5A63; }
    .euf-material-theme .card.card-ftospetrol.card-login .cardLoginTitle::before {
      background-color: #3F5A63; }
  .euf-material-theme .card.card-ftospetrol.card-login .pass-forgot a:hover {
    color: #3F5A63; }
  .euf-material-theme .card.card-ftospetrol.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-ftospetrol.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-ftospetrol.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-ftospetrol .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-material-theme .card.card-ftospetrol-states .tag {
    background-color: #3F5A63;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(60, 120, 140, 0.16), 0 0.187rem 0.375rem rgba(60, 120, 140, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(60, 120, 140, 0.16), 0 0.187rem 0.375rem rgba(60, 120, 140, 0.23); }
  .euf-material-theme .card.card-ftospetrol-states .preview, .euf-material-theme .card.card-ftospetrol-states .content h4, .euf-material-theme .card.card-ftospetrol-states .overlay-trigger {
    color: #3c788c; }
  .euf-material-theme .card.card-ftospetrol-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-ftospetrol-states.card-preview-fill .preview {
    background-color: #3c788c;
    color: #ffffff; }
  .euf-material-theme .card.card-ftospetrol-states.card-fill {
    background-color: #3c788c; }
    .euf-material-theme .card.card-ftospetrol-states.card-fill .preview, .euf-material-theme .card.card-ftospetrol-states.card-fill .content, .euf-material-theme .card.card-ftospetrol-states.card-fill .content h4, .euf-material-theme .card.card-ftospetrol-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-ftospetrol-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #3c788c 50%); }
  .euf-material-theme .card.card-ftospetrol-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-ftospetrol-states.card-preview-fill .tag, .euf-material-theme .card.card-ftospetrol-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-ftospetrol-states.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-ftospetrol-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-ftospetrol-states.card-landscape .overlay-trigger {
    color: #3c788c; }
  .euf-material-theme .card.card-ftospetrol-states.card-login .circle.white-green .left span, .euf-material-theme .card.card-ftospetrol-states.card-login .square.white-green .left span, .euf-material-theme .card.card-ftospetrol-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-ftospetrol-states.card-login .circle.white-green .right img, .euf-material-theme .card.card-ftospetrol-states.card-login .square.white-green .right img, .euf-material-theme .card.card-ftospetrol-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-ftospetrol-states.card-login .cardLoginTitle {
    color: #3c788c; }
    .euf-material-theme .card.card-ftospetrol-states.card-login .cardLoginTitle::before {
      background-color: #3c788c; }
  .euf-material-theme .card.card-ftospetrol-states.card-login .pass-forgot a:hover {
    color: #3c788c; }
  .euf-material-theme .card.card-ftospetrol-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-ftospetrol-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-ftospetrol-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-ftospetrol-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-material-theme .card.card-ftosblue .tag {
    background-color: #1c98cc;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(39, 170, 225, 0.16), 0 0.187rem 0.375rem rgba(39, 170, 225, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(39, 170, 225, 0.16), 0 0.187rem 0.375rem rgba(39, 170, 225, 0.23); }
  .euf-material-theme .card.card-ftosblue .preview, .euf-material-theme .card.card-ftosblue .content h4, .euf-material-theme .card.card-ftosblue .overlay-trigger {
    color: #27AAE1; }
  .euf-material-theme .card.card-ftosblue .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-ftosblue.card-preview-fill .preview {
    background-color: #27AAE1;
    color: #ffffff; }
  .euf-material-theme .card.card-ftosblue.card-fill {
    background-color: #27AAE1; }
    .euf-material-theme .card.card-ftosblue.card-fill .preview, .euf-material-theme .card.card-ftosblue.card-fill .content, .euf-material-theme .card.card-ftosblue.card-fill .content h4, .euf-material-theme .card.card-ftosblue.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-ftosblue.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #27AAE1 50%); }
  .euf-material-theme .card.card-ftosblue.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-ftosblue.card-preview-fill .tag, .euf-material-theme .card.card-ftosblue.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-ftosblue.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-ftosblue.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-ftosblue.card-landscape .overlay-trigger {
    color: #27AAE1; }
  .euf-material-theme .card.card-ftosblue.card-login .circle.white-green .left span, .euf-material-theme .card.card-ftosblue.card-login .square.white-green .left span, .euf-material-theme .card.card-ftosblue.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-ftosblue.card-login .circle.white-green .right img, .euf-material-theme .card.card-ftosblue.card-login .square.white-green .right img, .euf-material-theme .card.card-ftosblue.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-ftosblue.card-login .cardLoginTitle {
    color: #27AAE1; }
    .euf-material-theme .card.card-ftosblue.card-login .cardLoginTitle::before {
      background-color: #27AAE1; }
  .euf-material-theme .card.card-ftosblue.card-login .pass-forgot a:hover {
    color: #27AAE1; }
  .euf-material-theme .card.card-ftosblue.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-ftosblue.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-ftosblue.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-ftosblue .overlay {
    background-color: rgba(1, 6, 8, 0.8); }
  .euf-material-theme .card.card-ftosblue-states .tag {
    background-color: #27AAE1;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(28, 152, 204, 0.16), 0 0.187rem 0.375rem rgba(28, 152, 204, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(28, 152, 204, 0.16), 0 0.187rem 0.375rem rgba(28, 152, 204, 0.23); }
  .euf-material-theme .card.card-ftosblue-states .preview, .euf-material-theme .card.card-ftosblue-states .content h4, .euf-material-theme .card.card-ftosblue-states .overlay-trigger {
    color: #1c98cc; }
  .euf-material-theme .card.card-ftosblue-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-ftosblue-states.card-preview-fill .preview {
    background-color: #1c98cc;
    color: #ffffff; }
  .euf-material-theme .card.card-ftosblue-states.card-fill {
    background-color: #1c98cc; }
    .euf-material-theme .card.card-ftosblue-states.card-fill .preview, .euf-material-theme .card.card-ftosblue-states.card-fill .content, .euf-material-theme .card.card-ftosblue-states.card-fill .content h4, .euf-material-theme .card.card-ftosblue-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-ftosblue-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #1c98cc 50%); }
  .euf-material-theme .card.card-ftosblue-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-ftosblue-states.card-preview-fill .tag, .euf-material-theme .card.card-ftosblue-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-ftosblue-states.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-ftosblue-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-ftosblue-states.card-landscape .overlay-trigger {
    color: #1c98cc; }
  .euf-material-theme .card.card-ftosblue-states.card-login .circle.white-green .left span, .euf-material-theme .card.card-ftosblue-states.card-login .square.white-green .left span, .euf-material-theme .card.card-ftosblue-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-ftosblue-states.card-login .circle.white-green .right img, .euf-material-theme .card.card-ftosblue-states.card-login .square.white-green .right img, .euf-material-theme .card.card-ftosblue-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-ftosblue-states.card-login .cardLoginTitle {
    color: #1c98cc; }
    .euf-material-theme .card.card-ftosblue-states.card-login .cardLoginTitle::before {
      background-color: #1c98cc; }
  .euf-material-theme .card.card-ftosblue-states.card-login .pass-forgot a:hover {
    color: #1c98cc; }
  .euf-material-theme .card.card-ftosblue-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-ftosblue-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-ftosblue-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-ftosblue-states .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-material-theme .card.card-default .tag {
    background-color: #BDBDBD;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(158, 158, 158, 0.16), 0 0.187rem 0.375rem rgba(158, 158, 158, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(158, 158, 158, 0.16), 0 0.187rem 0.375rem rgba(158, 158, 158, 0.23); }
  .euf-material-theme .card.card-default .preview, .euf-material-theme .card.card-default .content h4, .euf-material-theme .card.card-default .overlay-trigger {
    color: #9E9E9E; }
  .euf-material-theme .card.card-default .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-default.card-preview-fill .preview {
    background-color: #9E9E9E;
    color: #ffffff; }
  .euf-material-theme .card.card-default.card-fill {
    background-color: #9E9E9E; }
    .euf-material-theme .card.card-default.card-fill .preview, .euf-material-theme .card.card-default.card-fill .content, .euf-material-theme .card.card-default.card-fill .content h4, .euf-material-theme .card.card-default.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-default.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #9E9E9E 50%); }
  .euf-material-theme .card.card-default.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-default.card-preview-fill .tag, .euf-material-theme .card.card-default.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-default.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-default.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-default.card-landscape .overlay-trigger {
    color: #9E9E9E; }
  .euf-material-theme .card.card-default.card-login .circle.white-green .left span, .euf-material-theme .card.card-default.card-login .square.white-green .left span, .euf-material-theme .card.card-default.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-default.card-login .circle.white-green .right img, .euf-material-theme .card.card-default.card-login .square.white-green .right img, .euf-material-theme .card.card-default.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-default.card-login .cardLoginTitle {
    color: #9E9E9E; }
    .euf-material-theme .card.card-default.card-login .cardLoginTitle::before {
      background-color: #9E9E9E; }
  .euf-material-theme .card.card-default.card-login .pass-forgot a:hover {
    color: #9E9E9E; }
  .euf-material-theme .card.card-default.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-default.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-default.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-default .overlay {
    background-color: rgba(31, 31, 31, 0.8); }
  .euf-material-theme .card.card-default-states .tag {
    background-color: #9E9E9E;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(189, 189, 189, 0.16), 0 0.187rem 0.375rem rgba(189, 189, 189, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(189, 189, 189, 0.16), 0 0.187rem 0.375rem rgba(189, 189, 189, 0.23); }
  .euf-material-theme .card.card-default-states .preview, .euf-material-theme .card.card-default-states .content h4, .euf-material-theme .card.card-default-states .overlay-trigger {
    color: #BDBDBD; }
  .euf-material-theme .card.card-default-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-default-states.card-preview-fill .preview {
    background-color: #BDBDBD;
    color: #ffffff; }
  .euf-material-theme .card.card-default-states.card-fill {
    background-color: #BDBDBD; }
    .euf-material-theme .card.card-default-states.card-fill .preview, .euf-material-theme .card.card-default-states.card-fill .content, .euf-material-theme .card.card-default-states.card-fill .content h4, .euf-material-theme .card.card-default-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-default-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #BDBDBD 50%); }
  .euf-material-theme .card.card-default-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-default-states.card-preview-fill .tag, .euf-material-theme .card.card-default-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-default-states.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-default-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-default-states.card-landscape .overlay-trigger {
    color: #BDBDBD; }
  .euf-material-theme .card.card-default-states.card-login .circle.white-green .left span, .euf-material-theme .card.card-default-states.card-login .square.white-green .left span, .euf-material-theme .card.card-default-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-default-states.card-login .circle.white-green .right img, .euf-material-theme .card.card-default-states.card-login .square.white-green .right img, .euf-material-theme .card.card-default-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-default-states.card-login .cardLoginTitle {
    color: #BDBDBD; }
    .euf-material-theme .card.card-default-states.card-login .cardLoginTitle::before {
      background-color: #BDBDBD; }
  .euf-material-theme .card.card-default-states.card-login .pass-forgot a:hover {
    color: #BDBDBD; }
  .euf-material-theme .card.card-default-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-default-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-default-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-default-states .overlay {
    background-color: rgba(62, 62, 62, 0.8); }
  .euf-material-theme .card.card-blue .tag {
    background-color: #7986CB;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(63, 81, 181, 0.16), 0 0.187rem 0.375rem rgba(63, 81, 181, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(63, 81, 181, 0.16), 0 0.187rem 0.375rem rgba(63, 81, 181, 0.23); }
  .euf-material-theme .card.card-blue .preview, .euf-material-theme .card.card-blue .content h4, .euf-material-theme .card.card-blue .overlay-trigger {
    color: #3F51B5; }
  .euf-material-theme .card.card-blue .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-blue.card-preview-fill .preview {
    background-color: #3F51B5;
    color: #ffffff; }
  .euf-material-theme .card.card-blue.card-fill {
    background-color: #3F51B5; }
    .euf-material-theme .card.card-blue.card-fill .preview, .euf-material-theme .card.card-blue.card-fill .content, .euf-material-theme .card.card-blue.card-fill .content h4, .euf-material-theme .card.card-blue.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-blue.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #3F51B5 50%); }
  .euf-material-theme .card.card-blue.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-blue.card-preview-fill .tag, .euf-material-theme .card.card-blue.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-blue.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-blue.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-blue.card-landscape .overlay-trigger {
    color: #3F51B5; }
  .euf-material-theme .card.card-blue.card-login .circle.white-green .left span, .euf-material-theme .card.card-blue.card-login .square.white-green .left span, .euf-material-theme .card.card-blue.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-blue.card-login .circle.white-green .right img, .euf-material-theme .card.card-blue.card-login .square.white-green .right img, .euf-material-theme .card.card-blue.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-blue.card-login .cardLoginTitle {
    color: #3F51B5; }
    .euf-material-theme .card.card-blue.card-login .cardLoginTitle::before {
      background-color: #3F51B5; }
  .euf-material-theme .card.card-blue.card-login .pass-forgot a:hover {
    color: #3F51B5; }
  .euf-material-theme .card.card-blue.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-blue.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-blue.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-blue .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-material-theme .card.card-blue-states .tag {
    background-color: #3F51B5;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(121, 134, 203, 0.16), 0 0.187rem 0.375rem rgba(121, 134, 203, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(121, 134, 203, 0.16), 0 0.187rem 0.375rem rgba(121, 134, 203, 0.23); }
  .euf-material-theme .card.card-blue-states .preview, .euf-material-theme .card.card-blue-states .content h4, .euf-material-theme .card.card-blue-states .overlay-trigger {
    color: #7986CB; }
  .euf-material-theme .card.card-blue-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-blue-states.card-preview-fill .preview {
    background-color: #7986CB;
    color: #ffffff; }
  .euf-material-theme .card.card-blue-states.card-fill {
    background-color: #7986CB; }
    .euf-material-theme .card.card-blue-states.card-fill .preview, .euf-material-theme .card.card-blue-states.card-fill .content, .euf-material-theme .card.card-blue-states.card-fill .content h4, .euf-material-theme .card.card-blue-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-blue-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #7986CB 50%); }
  .euf-material-theme .card.card-blue-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-blue-states.card-preview-fill .tag, .euf-material-theme .card.card-blue-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-blue-states.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-blue-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-blue-states.card-landscape .overlay-trigger {
    color: #7986CB; }
  .euf-material-theme .card.card-blue-states.card-login .circle.white-green .left span, .euf-material-theme .card.card-blue-states.card-login .square.white-green .left span, .euf-material-theme .card.card-blue-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-blue-states.card-login .circle.white-green .right img, .euf-material-theme .card.card-blue-states.card-login .square.white-green .right img, .euf-material-theme .card.card-blue-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-blue-states.card-login .cardLoginTitle {
    color: #7986CB; }
    .euf-material-theme .card.card-blue-states.card-login .cardLoginTitle::before {
      background-color: #7986CB; }
  .euf-material-theme .card.card-blue-states.card-login .pass-forgot a:hover {
    color: #7986CB; }
  .euf-material-theme .card.card-blue-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-blue-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-blue-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-blue-states .overlay {
    background-color: rgba(19, 24, 50, 0.8); }
  .euf-material-theme .card.card-green .tag {
    background-color: #81C784;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(76, 175, 80, 0.16), 0 0.187rem 0.375rem rgba(76, 175, 80, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(76, 175, 80, 0.16), 0 0.187rem 0.375rem rgba(76, 175, 80, 0.23); }
  .euf-material-theme .card.card-green .preview, .euf-material-theme .card.card-green .content h4, .euf-material-theme .card.card-green .overlay-trigger {
    color: #4CAF50; }
  .euf-material-theme .card.card-green .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-green.card-preview-fill .preview {
    background-color: #4CAF50;
    color: #ffffff; }
  .euf-material-theme .card.card-green.card-fill {
    background-color: #4CAF50; }
    .euf-material-theme .card.card-green.card-fill .preview, .euf-material-theme .card.card-green.card-fill .content, .euf-material-theme .card.card-green.card-fill .content h4, .euf-material-theme .card.card-green.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-green.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #4CAF50 50%); }
  .euf-material-theme .card.card-green.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-green.card-preview-fill .tag, .euf-material-theme .card.card-green.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-green.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-green.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-green.card-landscape .overlay-trigger {
    color: #4CAF50; }
  .euf-material-theme .card.card-green.card-login .circle.white-green .left span, .euf-material-theme .card.card-green.card-login .square.white-green .left span, .euf-material-theme .card.card-green.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-green.card-login .circle.white-green .right img, .euf-material-theme .card.card-green.card-login .square.white-green .right img, .euf-material-theme .card.card-green.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-green.card-login .cardLoginTitle {
    color: #4CAF50; }
    .euf-material-theme .card.card-green.card-login .cardLoginTitle::before {
      background-color: #4CAF50; }
  .euf-material-theme .card.card-green.card-login .pass-forgot a:hover {
    color: #4CAF50; }
  .euf-material-theme .card.card-green.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-green.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-green.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-green .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-material-theme .card.card-green-states .tag {
    background-color: #4CAF50;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(129, 199, 132, 0.16), 0 0.187rem 0.375rem rgba(129, 199, 132, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(129, 199, 132, 0.16), 0 0.187rem 0.375rem rgba(129, 199, 132, 0.23); }
  .euf-material-theme .card.card-green-states .preview, .euf-material-theme .card.card-green-states .content h4, .euf-material-theme .card.card-green-states .overlay-trigger {
    color: #81C784; }
  .euf-material-theme .card.card-green-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-green-states.card-preview-fill .preview {
    background-color: #81C784;
    color: #ffffff; }
  .euf-material-theme .card.card-green-states.card-fill {
    background-color: #81C784; }
    .euf-material-theme .card.card-green-states.card-fill .preview, .euf-material-theme .card.card-green-states.card-fill .content, .euf-material-theme .card.card-green-states.card-fill .content h4, .euf-material-theme .card.card-green-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-green-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #81C784 50%); }
  .euf-material-theme .card.card-green-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-green-states.card-preview-fill .tag, .euf-material-theme .card.card-green-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-green-states.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-green-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-green-states.card-landscape .overlay-trigger {
    color: #81C784; }
  .euf-material-theme .card.card-green-states.card-login .circle.white-green .left span, .euf-material-theme .card.card-green-states.card-login .square.white-green .left span, .euf-material-theme .card.card-green-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-green-states.card-login .circle.white-green .right img, .euf-material-theme .card.card-green-states.card-login .square.white-green .right img, .euf-material-theme .card.card-green-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-green-states.card-login .cardLoginTitle {
    color: #81C784; }
    .euf-material-theme .card.card-green-states.card-login .cardLoginTitle::before {
      background-color: #81C784; }
  .euf-material-theme .card.card-green-states.card-login .pass-forgot a:hover {
    color: #81C784; }
  .euf-material-theme .card.card-green-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-green-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-green-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-green-states .overlay {
    background-color: rgba(22, 51, 24, 0.8); }
  .euf-material-theme .card.card-azure .tag {
    background-color: #4FC3F7;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(3, 169, 244, 0.16), 0 0.187rem 0.375rem rgba(3, 169, 244, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(3, 169, 244, 0.16), 0 0.187rem 0.375rem rgba(3, 169, 244, 0.23); }
  .euf-material-theme .card.card-azure .preview, .euf-material-theme .card.card-azure .content h4, .euf-material-theme .card.card-azure .overlay-trigger {
    color: #03A9F4; }
  .euf-material-theme .card.card-azure .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-azure.card-preview-fill .preview {
    background-color: #03A9F4;
    color: #ffffff; }
  .euf-material-theme .card.card-azure.card-fill {
    background-color: #03A9F4; }
    .euf-material-theme .card.card-azure.card-fill .preview, .euf-material-theme .card.card-azure.card-fill .content, .euf-material-theme .card.card-azure.card-fill .content h4, .euf-material-theme .card.card-azure.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-azure.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #03A9F4 50%); }
  .euf-material-theme .card.card-azure.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-azure.card-preview-fill .tag, .euf-material-theme .card.card-azure.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-azure.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-azure.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-azure.card-landscape .overlay-trigger {
    color: #03A9F4; }
  .euf-material-theme .card.card-azure.card-login .circle.white-green .left span, .euf-material-theme .card.card-azure.card-login .square.white-green .left span, .euf-material-theme .card.card-azure.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-azure.card-login .circle.white-green .right img, .euf-material-theme .card.card-azure.card-login .square.white-green .right img, .euf-material-theme .card.card-azure.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-azure.card-login .cardLoginTitle {
    color: #03A9F4; }
    .euf-material-theme .card.card-azure.card-login .cardLoginTitle::before {
      background-color: #03A9F4; }
  .euf-material-theme .card.card-azure.card-login .pass-forgot a:hover {
    color: #03A9F4; }
  .euf-material-theme .card.card-azure.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-azure.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-azure.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-azure .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-material-theme .card.card-azure-states .tag {
    background-color: #03A9F4;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(79, 195, 247, 0.16), 0 0.187rem 0.375rem rgba(79, 195, 247, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(79, 195, 247, 0.16), 0 0.187rem 0.375rem rgba(79, 195, 247, 0.23); }
  .euf-material-theme .card.card-azure-states .preview, .euf-material-theme .card.card-azure-states .content h4, .euf-material-theme .card.card-azure-states .overlay-trigger {
    color: #4FC3F7; }
  .euf-material-theme .card.card-azure-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-azure-states.card-preview-fill .preview {
    background-color: #4FC3F7;
    color: #ffffff; }
  .euf-material-theme .card.card-azure-states.card-fill {
    background-color: #4FC3F7; }
    .euf-material-theme .card.card-azure-states.card-fill .preview, .euf-material-theme .card.card-azure-states.card-fill .content, .euf-material-theme .card.card-azure-states.card-fill .content h4, .euf-material-theme .card.card-azure-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-azure-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #4FC3F7 50%); }
  .euf-material-theme .card.card-azure-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-azure-states.card-preview-fill .tag, .euf-material-theme .card.card-azure-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-azure-states.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-azure-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-azure-states.card-landscape .overlay-trigger {
    color: #4FC3F7; }
  .euf-material-theme .card.card-azure-states.card-login .circle.white-green .left span, .euf-material-theme .card.card-azure-states.card-login .square.white-green .left span, .euf-material-theme .card.card-azure-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-azure-states.card-login .circle.white-green .right img, .euf-material-theme .card.card-azure-states.card-login .square.white-green .right img, .euf-material-theme .card.card-azure-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-azure-states.card-login .cardLoginTitle {
    color: #4FC3F7; }
    .euf-material-theme .card.card-azure-states.card-login .cardLoginTitle::before {
      background-color: #4FC3F7; }
  .euf-material-theme .card.card-azure-states.card-login .pass-forgot a:hover {
    color: #4FC3F7; }
  .euf-material-theme .card.card-azure-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-azure-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-azure-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-azure-states .overlay {
    background-color: rgba(3, 48, 68, 0.8); }
  .euf-material-theme .card.card-orange .tag {
    background-color: #FFD54F;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(255, 193, 7, 0.16), 0 0.187rem 0.375rem rgba(255, 193, 7, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(255, 193, 7, 0.16), 0 0.187rem 0.375rem rgba(255, 193, 7, 0.23); }
  .euf-material-theme .card.card-orange .preview, .euf-material-theme .card.card-orange .content h4, .euf-material-theme .card.card-orange .overlay-trigger {
    color: #FFC107; }
  .euf-material-theme .card.card-orange .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-orange.card-preview-fill .preview {
    background-color: #FFC107;
    color: #ffffff; }
  .euf-material-theme .card.card-orange.card-fill {
    background-color: #FFC107; }
    .euf-material-theme .card.card-orange.card-fill .preview, .euf-material-theme .card.card-orange.card-fill .content, .euf-material-theme .card.card-orange.card-fill .content h4, .euf-material-theme .card.card-orange.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-orange.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFC107 50%); }
  .euf-material-theme .card.card-orange.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-orange.card-preview-fill .tag, .euf-material-theme .card.card-orange.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-orange.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-orange.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-orange.card-landscape .overlay-trigger {
    color: #FFC107; }
  .euf-material-theme .card.card-orange.card-login .circle.white-green .left span, .euf-material-theme .card.card-orange.card-login .square.white-green .left span, .euf-material-theme .card.card-orange.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-orange.card-login .circle.white-green .right img, .euf-material-theme .card.card-orange.card-login .square.white-green .right img, .euf-material-theme .card.card-orange.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-orange.card-login .cardLoginTitle {
    color: #FFC107; }
    .euf-material-theme .card.card-orange.card-login .cardLoginTitle::before {
      background-color: #FFC107; }
  .euf-material-theme .card.card-orange.card-login .pass-forgot a:hover {
    color: #FFC107; }
  .euf-material-theme .card.card-orange.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-orange.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-orange.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-orange .overlay {
    background-color: rgba(7, 5, 0, 0.8); }
  .euf-material-theme .card.card-orange-states .tag {
    background-color: #FFC107;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(255, 213, 79, 0.16), 0 0.187rem 0.375rem rgba(255, 213, 79, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(255, 213, 79, 0.16), 0 0.187rem 0.375rem rgba(255, 213, 79, 0.23); }
  .euf-material-theme .card.card-orange-states .preview, .euf-material-theme .card.card-orange-states .content h4, .euf-material-theme .card.card-orange-states .overlay-trigger {
    color: #FFD54F; }
  .euf-material-theme .card.card-orange-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-orange-states.card-preview-fill .preview {
    background-color: #FFD54F;
    color: #ffffff; }
  .euf-material-theme .card.card-orange-states.card-fill {
    background-color: #FFD54F; }
    .euf-material-theme .card.card-orange-states.card-fill .preview, .euf-material-theme .card.card-orange-states.card-fill .content, .euf-material-theme .card.card-orange-states.card-fill .content h4, .euf-material-theme .card.card-orange-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-orange-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFD54F 50%); }
  .euf-material-theme .card.card-orange-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-orange-states.card-preview-fill .tag, .euf-material-theme .card.card-orange-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-orange-states.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-orange-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-orange-states.card-landscape .overlay-trigger {
    color: #FFD54F; }
  .euf-material-theme .card.card-orange-states.card-login .circle.white-green .left span, .euf-material-theme .card.card-orange-states.card-login .square.white-green .left span, .euf-material-theme .card.card-orange-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-orange-states.card-login .circle.white-green .right img, .euf-material-theme .card.card-orange-states.card-login .square.white-green .right img, .euf-material-theme .card.card-orange-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-orange-states.card-login .cardLoginTitle {
    color: #FFD54F; }
    .euf-material-theme .card.card-orange-states.card-login .cardLoginTitle::before {
      background-color: #FFD54F; }
  .euf-material-theme .card.card-orange-states.card-login .pass-forgot a:hover {
    color: #FFD54F; }
  .euf-material-theme .card.card-orange-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-orange-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-orange-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-orange-states .overlay {
    background-color: rgba(79, 60, 0, 0.8); }
  .euf-material-theme .card.card-red .tag {
    background-color: #FF8A65;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(255, 87, 34, 0.16), 0 0.187rem 0.375rem rgba(255, 87, 34, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(255, 87, 34, 0.16), 0 0.187rem 0.375rem rgba(255, 87, 34, 0.23); }
  .euf-material-theme .card.card-red .preview, .euf-material-theme .card.card-red .content h4, .euf-material-theme .card.card-red .overlay-trigger {
    color: #FF5722; }
  .euf-material-theme .card.card-red .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-red.card-preview-fill .preview {
    background-color: #FF5722;
    color: #ffffff; }
  .euf-material-theme .card.card-red.card-fill {
    background-color: #FF5722; }
    .euf-material-theme .card.card-red.card-fill .preview, .euf-material-theme .card.card-red.card-fill .content, .euf-material-theme .card.card-red.card-fill .content h4, .euf-material-theme .card.card-red.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-red.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #FF5722 50%); }
  .euf-material-theme .card.card-red.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-red.card-preview-fill .tag, .euf-material-theme .card.card-red.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-red.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-red.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-red.card-landscape .overlay-trigger {
    color: #FF5722; }
  .euf-material-theme .card.card-red.card-login .circle.white-green .left span, .euf-material-theme .card.card-red.card-login .square.white-green .left span, .euf-material-theme .card.card-red.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-red.card-login .circle.white-green .right img, .euf-material-theme .card.card-red.card-login .square.white-green .right img, .euf-material-theme .card.card-red.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-red.card-login .cardLoginTitle {
    color: #FF5722; }
    .euf-material-theme .card.card-red.card-login .cardLoginTitle::before {
      background-color: #FF5722; }
  .euf-material-theme .card.card-red.card-login .pass-forgot a:hover {
    color: #FF5722; }
  .euf-material-theme .card.card-red.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-red.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-red.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-red .overlay {
    background-color: rgba(34, 8, 0, 0.8); }
  .euf-material-theme .card.card-red-states .tag {
    background-color: #FF5722;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(255, 138, 101, 0.16), 0 0.187rem 0.375rem rgba(255, 138, 101, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(255, 138, 101, 0.16), 0 0.187rem 0.375rem rgba(255, 138, 101, 0.23); }
  .euf-material-theme .card.card-red-states .preview, .euf-material-theme .card.card-red-states .content h4, .euf-material-theme .card.card-red-states .overlay-trigger {
    color: #FF8A65; }
  .euf-material-theme .card.card-red-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-red-states.card-preview-fill .preview {
    background-color: #FF8A65;
    color: #ffffff; }
  .euf-material-theme .card.card-red-states.card-fill {
    background-color: #FF8A65; }
    .euf-material-theme .card.card-red-states.card-fill .preview, .euf-material-theme .card.card-red-states.card-fill .content, .euf-material-theme .card.card-red-states.card-fill .content h4, .euf-material-theme .card.card-red-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-red-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #FF8A65 50%); }
  .euf-material-theme .card.card-red-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-red-states.card-preview-fill .tag, .euf-material-theme .card.card-red-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-red-states.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-red-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-red-states.card-landscape .overlay-trigger {
    color: #FF8A65; }
  .euf-material-theme .card.card-red-states.card-login .circle.white-green .left span, .euf-material-theme .card.card-red-states.card-login .square.white-green .left span, .euf-material-theme .card.card-red-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-red-states.card-login .circle.white-green .right img, .euf-material-theme .card.card-red-states.card-login .square.white-green .right img, .euf-material-theme .card.card-red-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-red-states.card-login .cardLoginTitle {
    color: #FF8A65; }
    .euf-material-theme .card.card-red-states.card-login .cardLoginTitle::before {
      background-color: #FF8A65; }
  .euf-material-theme .card.card-red-states.card-login .pass-forgot a:hover {
    color: #FF8A65; }
  .euf-material-theme .card.card-red-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-red-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-red-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-red-states .overlay {
    background-color: rgba(101, 24, 0, 0.8); }
  .euf-material-theme .card.card-pink .tag {
    background-color: #F06292;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(233, 30, 99, 0.16), 0 0.187rem 0.375rem rgba(233, 30, 99, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(233, 30, 99, 0.16), 0 0.187rem 0.375rem rgba(233, 30, 99, 0.23); }
  .euf-material-theme .card.card-pink .preview, .euf-material-theme .card.card-pink .content h4, .euf-material-theme .card.card-pink .overlay-trigger {
    color: #E91E63; }
  .euf-material-theme .card.card-pink .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-pink.card-preview-fill .preview {
    background-color: #E91E63;
    color: #ffffff; }
  .euf-material-theme .card.card-pink.card-fill {
    background-color: #E91E63; }
    .euf-material-theme .card.card-pink.card-fill .preview, .euf-material-theme .card.card-pink.card-fill .content, .euf-material-theme .card.card-pink.card-fill .content h4, .euf-material-theme .card.card-pink.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-pink.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #E91E63 50%); }
  .euf-material-theme .card.card-pink.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-pink.card-preview-fill .tag, .euf-material-theme .card.card-pink.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-pink.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-pink.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-pink.card-landscape .overlay-trigger {
    color: #E91E63; }
  .euf-material-theme .card.card-pink.card-login .circle.white-green .left span, .euf-material-theme .card.card-pink.card-login .square.white-green .left span, .euf-material-theme .card.card-pink.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-pink.card-login .circle.white-green .right img, .euf-material-theme .card.card-pink.card-login .square.white-green .right img, .euf-material-theme .card.card-pink.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-pink.card-login .cardLoginTitle {
    color: #E91E63; }
    .euf-material-theme .card.card-pink.card-login .cardLoginTitle::before {
      background-color: #E91E63; }
  .euf-material-theme .card.card-pink.card-login .pass-forgot a:hover {
    color: #E91E63; }
  .euf-material-theme .card.card-pink.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-pink.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-pink.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-pink .overlay {
    background-color: rgba(7, 1, 3, 0.8); }
  .euf-material-theme .card.card-pink-states .tag {
    background-color: #E91E63;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(240, 98, 146, 0.16), 0 0.187rem 0.375rem rgba(240, 98, 146, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(240, 98, 146, 0.16), 0 0.187rem 0.375rem rgba(240, 98, 146, 0.23); }
  .euf-material-theme .card.card-pink-states .preview, .euf-material-theme .card.card-pink-states .content h4, .euf-material-theme .card.card-pink-states .overlay-trigger {
    color: #F06292; }
  .euf-material-theme .card.card-pink-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-pink-states.card-preview-fill .preview {
    background-color: #F06292;
    color: #ffffff; }
  .euf-material-theme .card.card-pink-states.card-fill {
    background-color: #F06292; }
    .euf-material-theme .card.card-pink-states.card-fill .preview, .euf-material-theme .card.card-pink-states.card-fill .content, .euf-material-theme .card.card-pink-states.card-fill .content h4, .euf-material-theme .card.card-pink-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-pink-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #F06292 50%); }
  .euf-material-theme .card.card-pink-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-pink-states.card-preview-fill .tag, .euf-material-theme .card.card-pink-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-pink-states.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-pink-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-pink-states.card-landscape .overlay-trigger {
    color: #F06292; }
  .euf-material-theme .card.card-pink-states.card-login .circle.white-green .left span, .euf-material-theme .card.card-pink-states.card-login .square.white-green .left span, .euf-material-theme .card.card-pink-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-pink-states.card-login .circle.white-green .right img, .euf-material-theme .card.card-pink-states.card-login .square.white-green .right img, .euf-material-theme .card.card-pink-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-pink-states.card-login .cardLoginTitle {
    color: #F06292; }
    .euf-material-theme .card.card-pink-states.card-login .cardLoginTitle::before {
      background-color: #F06292; }
  .euf-material-theme .card.card-pink-states.card-login .pass-forgot a:hover {
    color: #F06292; }
  .euf-material-theme .card.card-pink-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-pink-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-pink-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-pink-states .overlay {
    background-color: rgba(76, 7, 30, 0.8); }
  .euf-material-theme .card.card-purple .tag {
    background-color: #BA68C8;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(156, 39, 176, 0.16), 0 0.187rem 0.375rem rgba(156, 39, 176, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(156, 39, 176, 0.16), 0 0.187rem 0.375rem rgba(156, 39, 176, 0.23); }
  .euf-material-theme .card.card-purple .preview, .euf-material-theme .card.card-purple .content h4, .euf-material-theme .card.card-purple .overlay-trigger {
    color: #9C27B0; }
  .euf-material-theme .card.card-purple .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-purple.card-preview-fill .preview {
    background-color: #9C27B0;
    color: #ffffff; }
  .euf-material-theme .card.card-purple.card-fill {
    background-color: #9C27B0; }
    .euf-material-theme .card.card-purple.card-fill .preview, .euf-material-theme .card.card-purple.card-fill .content, .euf-material-theme .card.card-purple.card-fill .content h4, .euf-material-theme .card.card-purple.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-purple.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #9C27B0 50%); }
  .euf-material-theme .card.card-purple.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-purple.card-preview-fill .tag, .euf-material-theme .card.card-purple.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-purple.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-purple.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-purple.card-landscape .overlay-trigger {
    color: #9C27B0; }
  .euf-material-theme .card.card-purple.card-login .circle.white-green .left span, .euf-material-theme .card.card-purple.card-login .square.white-green .left span, .euf-material-theme .card.card-purple.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-purple.card-login .circle.white-green .right img, .euf-material-theme .card.card-purple.card-login .square.white-green .right img, .euf-material-theme .card.card-purple.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-purple.card-login .cardLoginTitle {
    color: #9C27B0; }
    .euf-material-theme .card.card-purple.card-login .cardLoginTitle::before {
      background-color: #9C27B0; }
  .euf-material-theme .card.card-purple.card-login .pass-forgot a:hover {
    color: #9C27B0; }
  .euf-material-theme .card.card-purple.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-purple.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-purple.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-purple .overlay {
    background-color: rgba(0, 0, 0, 0.8); }
  .euf-material-theme .card.card-purple-states .tag {
    background-color: #9C27B0;
    color: #ffffff;
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(186, 104, 200, 0.16), 0 0.187rem 0.375rem rgba(186, 104, 200, 0.23);
    box-shadow: 0 0.187rem 0.375rem rgba(186, 104, 200, 0.16), 0 0.187rem 0.375rem rgba(186, 104, 200, 0.23); }
  .euf-material-theme .card.card-purple-states .preview, .euf-material-theme .card.card-purple-states .content h4, .euf-material-theme .card.card-purple-states .overlay-trigger {
    color: #BA68C8; }
  .euf-material-theme .card.card-purple-states .content:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }
  .euf-material-theme .card.card-purple-states.card-preview-fill .preview {
    background-color: #BA68C8;
    color: #ffffff; }
  .euf-material-theme .card.card-purple-states.card-fill {
    background-color: #BA68C8; }
    .euf-material-theme .card.card-purple-states.card-fill .preview, .euf-material-theme .card.card-purple-states.card-fill .content, .euf-material-theme .card.card-purple-states.card-fill .content h4, .euf-material-theme .card.card-purple-states.card-fill .content-dimension {
      color: #ffffff; }
    .euf-material-theme .card.card-purple-states.card-fill .content:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #BA68C8 50%); }
  .euf-material-theme .card.card-purple-states.card-fill.card-landscape .overlay-trigger {
    color: #fff; }
  .euf-material-theme .card.card-purple-states.card-preview-fill .tag, .euf-material-theme .card.card-purple-states.card-fill .tag {
    -webkit-box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13);
    box-shadow: 0 0.187rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.187rem 0.375rem rgba(0, 0, 0, 0.13); }
  .euf-material-theme .card.card-purple-states.card-preview-fill .overlay-trigger, .euf-material-theme .card.card-purple-states.card-fill .overlay-trigger {
    color: #ffffff; }
  .euf-material-theme .card.card-purple-states.card-landscape .overlay-trigger {
    color: #BA68C8; }
  .euf-material-theme .card.card-purple-states.card-login .circle.white-green .left span, .euf-material-theme .card.card-purple-states.card-login .square.white-green .left span, .euf-material-theme .card.card-purple-states.card-login .rhombus.white-green .left span {
    line-height: 2rem; }
  .euf-material-theme .card.card-purple-states.card-login .circle.white-green .right img, .euf-material-theme .card.card-purple-states.card-login .square.white-green .right img, .euf-material-theme .card.card-purple-states.card-login .rhombus.white-green .right img {
    height: 2rem; }
  .euf-material-theme .card.card-purple-states.card-login .cardLoginTitle {
    color: #BA68C8; }
    .euf-material-theme .card.card-purple-states.card-login .cardLoginTitle::before {
      background-color: #BA68C8; }
  .euf-material-theme .card.card-purple-states.card-login .pass-forgot a:hover {
    color: #BA68C8; }
  .euf-material-theme .card.card-purple-states.card-login .content .radio {
    padding: 0 0.5rem; }
    .euf-material-theme .card.card-purple-states.card-login .content .radio label {
      font-weight: bold; }
    .euf-material-theme .card.card-purple-states.card-login .content .radio.radio-sm .helper {
      top: 0; }
  .euf-material-theme .card.card-purple-states .overlay {
    background-color: rgba(33, 13, 36, 0.8); }

.euf-material-theme .card-login {
  position: relative;
  width: 100%;
  height: auto !important;
  background: #fff;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  z-index: 5;
  padding: 3.75rem 3.125rem 2.5rem 3.125rem;
  -webkit-box-shadow: 40px 34px 188px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 40px 34px 188px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  margin: 0;
  overflow: visible; }
  .euf-material-theme .card-login .preview {
    height: auto; }
    .euf-material-theme .card-login .preview .cardLoginTitle {
      position: relative;
      line-height: 2.875rem;
      font-size: 1.564rem;
      font-weight: 700;
      text-transform: uppercase;
      text-align: left;
      letter-spacing: 0.125rem; }
      .euf-material-theme .card-login .preview .cardLoginTitle:before {
        content: "";
        width: 0.416rem;
        height: 100%;
        position: absolute;
        top: 0;
        left: -50px;
        background-color: inherit; }
  .euf-material-theme .card-login .content {
    padding: 2.5rem 0; }
    .euf-material-theme .card-login .content .inp > input {
      height: auto;
      font-size: 1.2rem;
      font-weight: 300;
      margin-left: 0;
      margin-top: 0.875rem;
      margin-bottom: 1rem;
      padding-left: 0.5rem; }
      .euf-material-theme .card-login .content .inp > input:-webkit-autofill {
        background-color: transparent !important;
        color: #58595b !important; }
    .euf-material-theme .card-login .content .inp .active.field-validation-error {
      position: absolute;
      padding: .2rem;
      right: 1em;
      white-space: nowrap;
      background-color: #FF5722;
      color: #fff;
      font-size: .9rem; }
      .euf-material-theme .card-login .content .inp .active.field-validation-error:after {
        content: " ";
        width: 0;
        height: 0; }
    .euf-material-theme .card-login .content:after {
      background: none !important; }
    .euf-material-theme .card-login .content .btn-login-wrapper {
      margin: 1.875rem 0;
      margin-top: 2rem; }
    .euf-material-theme .card-login .content .btn-login {
      position: relative;
      text-transform: uppercase;
      width: 60%;
      left: 20%;
      font-size: 1.125rem; }
    .euf-material-theme .card-login .content .pass-forgot a {
      width: 100%;
      text-align: center;
      color: #a0a0a2;
      font-size: 1rem; }
  .euf-material-theme .card-login .inp {
    position: relative; }
    .euf-material-theme .card-login .inp input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px #fff inset; }
  .euf-material-theme .card-login .active.field-validation-error {
    background-color: transparent !important;
    color: #FF5722 !important;
    left: 0;
    bottom: -.5rem; }
  .euf-material-theme .card-login .labelAnimated {
    display: block;
    text-align: left;
    font-size: 1.2rem;
    font-weight: 400;
    padding: 0.12rem 0.5rem 0.0625rem;
    transform: translateY(2rem);
    transition: all 0.2s;
    cursor: text;
    z-index: -1;
    color: #8a8a8a; }
  .euf-material-theme .card-login .active {
    transform: translateY(0); }
  .euf-material-theme .card-login input::placeholder {
    visibility: hidden;
    color: transparent; }
  .euf-material-theme .card-login input::-webkit-input-placeholder {
    visibility: hidden;
    color: transparent; }
  .euf-material-theme .card-login input::-moz-placeholder {
    /* Firefox 19+ */
    visibility: hidden;
    color: transparent; }
  .euf-material-theme .card-login input:-ms-input-placeholder {
    color: transparent; }
  .euf-material-theme .card-login .random-characters-container {
    padding-left: 15px !important;
    padding-right: 0 !important; }
    .euf-material-theme .card-login .random-characters-container .random-characters-container-item {
      padding-left: 0 !important; }
      .euf-material-theme .card-login .random-characters-container .random-characters-container-item input {
        padding-left: 15px;
        text-align: center; }
      .euf-material-theme .card-login .random-characters-container .random-characters-container-item .active.field-validation-error {
        right: 2.2rem !important; }

.euf-solid-theme .datepicker td.ftospetrol,
.euf-solid-theme .datepicker td.ftospetrol:hover {
  background: #3F5A63; }

.euf-solid-theme .datepicker span.ftospetrol,
.euf-solid-theme .datepicker span.ftospetrol:hover {
  background: #3F5A63; }

.euf-solid-theme .datepicker td.ftosblue,
.euf-solid-theme .datepicker td.ftosblue:hover {
  background: #27AAE1; }

.euf-solid-theme .datepicker span.ftosblue,
.euf-solid-theme .datepicker span.ftosblue:hover {
  background: #27AAE1; }

.euf-solid-theme .datepicker td.default,
.euf-solid-theme .datepicker td.default:hover {
  background: #888888; }

.euf-solid-theme .datepicker span.default,
.euf-solid-theme .datepicker span.default:hover {
  background: #888888; }

.euf-solid-theme .datepicker td.blue,
.euf-solid-theme .datepicker td.blue:hover {
  background: #0192ff; }

.euf-solid-theme .datepicker span.blue,
.euf-solid-theme .datepicker span.blue:hover {
  background: #0192ff; }

.euf-solid-theme .datepicker td.green,
.euf-solid-theme .datepicker td.green:hover {
  background: #36c358; }

.euf-solid-theme .datepicker span.green,
.euf-solid-theme .datepicker span.green:hover {
  background: #36c358; }

.euf-solid-theme .datepicker td.azure,
.euf-solid-theme .datepicker td.azure:hover {
  background: #2dbae7; }

.euf-solid-theme .datepicker span.azure,
.euf-solid-theme .datepicker span.azure:hover {
  background: #2dbae7; }

.euf-solid-theme .datepicker td.orange,
.euf-solid-theme .datepicker td.orange:hover {
  background: #fed201; }

.euf-solid-theme .datepicker span.orange,
.euf-solid-theme .datepicker span.orange:hover {
  background: #fed201; }

.euf-solid-theme .datepicker td.red,
.euf-solid-theme .datepicker td.red:hover {
  background: #ff5534; }

.euf-solid-theme .datepicker span.red,
.euf-solid-theme .datepicker span.red:hover {
  background: #ff5534; }

.euf-solid-theme .datepicker td.pink,
.euf-solid-theme .datepicker td.pink:hover {
  background: #fe4a65; }

.euf-solid-theme .datepicker span.pink,
.euf-solid-theme .datepicker span.pink:hover {
  background: #fe4a65; }

.euf-solid-theme .datepicker td.purple,
.euf-solid-theme .datepicker td.purple:hover {
  background: #9b59b6; }

.euf-solid-theme .datepicker span.purple,
.euf-solid-theme .datepicker span.purple:hover {
  background: #9b59b6; }

.euf-solid-theme .datepicker td.active,
.euf-solid-theme .datepicker td.active:hover {
  color: #ffffff;
  background: #2dbae7; }

.euf-solid-theme .datepicker span.active,
.euf-solid-theme .datepicker span:focus,
.euf-solid-theme .datepicker span:hover,
.euf-solid-theme .datepicker span:active {
  background: #2dbae7; }

.euf-flat-theme .datepicker td.ftospetrol,
.euf-flat-theme .datepicker td.ftospetrol:hover {
  background: #3F5A63; }

.euf-flat-theme .datepicker span.ftospetrol,
.euf-flat-theme .datepicker span.ftospetrol:hover {
  background: #3F5A63; }

.euf-flat-theme .datepicker td.ftosblue,
.euf-flat-theme .datepicker td.ftosblue:hover {
  background: #27AAE1; }

.euf-flat-theme .datepicker span.ftosblue,
.euf-flat-theme .datepicker span.ftosblue:hover {
  background: #27AAE1; }

.euf-flat-theme .datepicker td.default,
.euf-flat-theme .datepicker td.default:hover {
  background: #95a5a6; }

.euf-flat-theme .datepicker span.default,
.euf-flat-theme .datepicker span.default:hover {
  background: #95a5a6; }

.euf-flat-theme .datepicker td.blue,
.euf-flat-theme .datepicker td.blue:hover {
  background: #34495e; }

.euf-flat-theme .datepicker span.blue,
.euf-flat-theme .datepicker span.blue:hover {
  background: #34495e; }

.euf-flat-theme .datepicker td.green,
.euf-flat-theme .datepicker td.green:hover {
  background: #2ecc71; }

.euf-flat-theme .datepicker span.green,
.euf-flat-theme .datepicker span.green:hover {
  background: #2ecc71; }

.euf-flat-theme .datepicker td.azure,
.euf-flat-theme .datepicker td.azure:hover {
  background: #1abc9c; }

.euf-flat-theme .datepicker span.azure,
.euf-flat-theme .datepicker span.azure:hover {
  background: #1abc9c; }

.euf-flat-theme .datepicker td.orange,
.euf-flat-theme .datepicker td.orange:hover {
  background: #e67e22; }

.euf-flat-theme .datepicker span.orange,
.euf-flat-theme .datepicker span.orange:hover {
  background: #e67e22; }

.euf-flat-theme .datepicker td.red,
.euf-flat-theme .datepicker td.red:hover {
  background: #e74c3c; }

.euf-flat-theme .datepicker span.red,
.euf-flat-theme .datepicker span.red:hover {
  background: #e74c3c; }

.euf-flat-theme .datepicker td.pink,
.euf-flat-theme .datepicker td.pink:hover {
  background: #F08F90; }

.euf-flat-theme .datepicker span.pink,
.euf-flat-theme .datepicker span.pink:hover {
  background: #F08F90; }

.euf-flat-theme .datepicker td.purple,
.euf-flat-theme .datepicker td.purple:hover {
  background: #9b59b6; }

.euf-flat-theme .datepicker span.purple,
.euf-flat-theme .datepicker span.purple:hover {
  background: #9b59b6; }

.euf-flat-theme .datepicker td.active,
.euf-flat-theme .datepicker td.active:hover {
  color: #ffffff;
  background: #1abc9c; }

.euf-flat-theme .datepicker span.active,
.euf-flat-theme .datepicker span:focus,
.euf-flat-theme .datepicker span:hover,
.euf-flat-theme .datepicker span:active {
  background: #1abc9c; }

.euf-material-theme .datepicker td.ftospetrol,
.euf-material-theme .datepicker td.ftospetrol:hover {
  background: #3F5A63; }

.euf-material-theme .datepicker span.ftospetrol,
.euf-material-theme .datepicker span.ftospetrol:hover {
  background: #3F5A63; }

.euf-material-theme .datepicker td.ftosblue,
.euf-material-theme .datepicker td.ftosblue:hover {
  background: #27AAE1; }

.euf-material-theme .datepicker span.ftosblue,
.euf-material-theme .datepicker span.ftosblue:hover {
  background: #27AAE1; }

.euf-material-theme .datepicker td.default,
.euf-material-theme .datepicker td.default:hover {
  background: #9E9E9E; }

.euf-material-theme .datepicker span.default,
.euf-material-theme .datepicker span.default:hover {
  background: #9E9E9E; }

.euf-material-theme .datepicker td.blue,
.euf-material-theme .datepicker td.blue:hover {
  background: #3F51B5; }

.euf-material-theme .datepicker span.blue,
.euf-material-theme .datepicker span.blue:hover {
  background: #3F51B5; }

.euf-material-theme .datepicker td.green,
.euf-material-theme .datepicker td.green:hover {
  background: #4CAF50; }

.euf-material-theme .datepicker span.green,
.euf-material-theme .datepicker span.green:hover {
  background: #4CAF50; }

.euf-material-theme .datepicker td.azure,
.euf-material-theme .datepicker td.azure:hover {
  background: #03A9F4; }

.euf-material-theme .datepicker span.azure,
.euf-material-theme .datepicker span.azure:hover {
  background: #03A9F4; }

.euf-material-theme .datepicker td.orange,
.euf-material-theme .datepicker td.orange:hover {
  background: #FFC107; }

.euf-material-theme .datepicker span.orange,
.euf-material-theme .datepicker span.orange:hover {
  background: #FFC107; }

.euf-material-theme .datepicker td.red,
.euf-material-theme .datepicker td.red:hover {
  background: #FF5722; }

.euf-material-theme .datepicker span.red,
.euf-material-theme .datepicker span.red:hover {
  background: #FF5722; }

.euf-material-theme .datepicker td.pink,
.euf-material-theme .datepicker td.pink:hover {
  background: #E91E63; }

.euf-material-theme .datepicker span.pink,
.euf-material-theme .datepicker span.pink:hover {
  background: #E91E63; }

.euf-material-theme .datepicker td.purple,
.euf-material-theme .datepicker td.purple:hover {
  background: #9C27B0; }

.euf-material-theme .datepicker span.purple,
.euf-material-theme .datepicker span.purple:hover {
  background: #9C27B0; }

.euf-material-theme .datepicker td.active,
.euf-material-theme .datepicker td.active:hover {
  color: #ffffff;
  background: #03A9F4; }

.euf-material-theme .datepicker span.active,
.euf-material-theme .datepicker span:focus,
.euf-material-theme .datepicker span:hover,
.euf-material-theme .datepicker span:active {
  background: #03A9F4; }

.euf-solid-theme .inp > textarea, .euf-solid-theme .dx-texteditor-input-container > textarea {
  width: 100%;
  border: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #d5d5d5;
  border-radius: 0.625rem;
  background-color: transparent;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  text-decoration: none;
  z-index: 2;
  color: #58595b;
  overflow-y: scroll;
  resize: vertical; }

.euf-solid-theme .inp > input, .euf-solid-theme .dx-texteditor-input-container > input {
  width: 100%;
  border: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #d5d5d5;
  border-radius: 0.625rem;
  background-color: #f5f8fa;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  text-decoration: none;
  font-size: 1rem;
  padding: 0 1.17188rem;
  height: 2.5rem;
  color: #95a5a6;
  -webkit-transition: border-color 0.28s ease;
  -moz-transition: border-color 0.28s ease;
  -ms-transition: border-color 0.28s ease;
  -o-transition: border-color 0.28s ease;
  transition: border-color 0.28s ease;
  color: #58595b; }
  .euf-solid-theme .inp > input > input, .euf-solid-theme .inp > input > textarea, .euf-solid-theme .dx-texteditor-input-container > input > input, .euf-solid-theme .dx-texteditor-input-container > input > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp > input > input:focus, .euf-solid-theme .inp > input > input:active, .euf-solid-theme .inp > input > input.active, .euf-solid-theme .inp > input > textarea:focus, .euf-solid-theme .inp > input > textarea:active, .euf-solid-theme .inp > input > textarea.active, .euf-solid-theme .dx-texteditor-input-container > input > input:focus, .euf-solid-theme .dx-texteditor-input-container > input > input:active, .euf-solid-theme .dx-texteditor-input-container > input > input.active, .euf-solid-theme .dx-texteditor-input-container > input > textarea:focus, .euf-solid-theme .dx-texteditor-input-container > input > textarea:active, .euf-solid-theme .dx-texteditor-input-container > input > textarea.active {
      background-color: transparent;
      border-color: #95a5a6; }
    .euf-solid-theme .inp > input > input:disabled, .euf-solid-theme .inp > input > input[disabled], .euf-solid-theme .inp > input > input.disabled, .euf-solid-theme .inp > input > textarea:disabled, .euf-solid-theme .inp > input > textarea[disabled], .euf-solid-theme .inp > input > textarea.disabled, .euf-solid-theme .dx-texteditor-input-container > input > input:disabled, .euf-solid-theme .dx-texteditor-input-container > input > input[disabled], .euf-solid-theme .dx-texteditor-input-container > input > input.disabled, .euf-solid-theme .dx-texteditor-input-container > input > textarea:disabled, .euf-solid-theme .dx-texteditor-input-container > input > textarea[disabled], .euf-solid-theme .dx-texteditor-input-container > input > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp > input > input:disabled:focus, .euf-solid-theme .inp > input > input:disabled:hover, .euf-solid-theme .inp > input > input[disabled]:focus, .euf-solid-theme .inp > input > input[disabled]:hover, .euf-solid-theme .inp > input > input.disabled:focus, .euf-solid-theme .inp > input > input.disabled:hover, .euf-solid-theme .inp > input > textarea:disabled:focus, .euf-solid-theme .inp > input > textarea:disabled:hover, .euf-solid-theme .inp > input > textarea[disabled]:focus, .euf-solid-theme .inp > input > textarea[disabled]:hover, .euf-solid-theme .inp > input > textarea.disabled:focus, .euf-solid-theme .inp > input > textarea.disabled:hover, .euf-solid-theme .dx-texteditor-input-container > input > input:disabled:focus, .euf-solid-theme .dx-texteditor-input-container > input > input:disabled:hover, .euf-solid-theme .dx-texteditor-input-container > input > input[disabled]:focus, .euf-solid-theme .dx-texteditor-input-container > input > input[disabled]:hover, .euf-solid-theme .dx-texteditor-input-container > input > input.disabled:focus, .euf-solid-theme .dx-texteditor-input-container > input > input.disabled:hover, .euf-solid-theme .dx-texteditor-input-container > input > textarea:disabled:focus, .euf-solid-theme .dx-texteditor-input-container > input > textarea:disabled:hover, .euf-solid-theme .dx-texteditor-input-container > input > textarea[disabled]:focus, .euf-solid-theme .dx-texteditor-input-container > input > textarea[disabled]:hover, .euf-solid-theme .dx-texteditor-input-container > input > textarea.disabled:focus, .euf-solid-theme .dx-texteditor-input-container > input > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }
  .euf-solid-theme .inp > input[required], .euf-solid-theme .dx-texteditor-input-container > input[required] {
    background: url(../../../assets/img/input-required.svg) no-repeat top right; }
  .euf-solid-theme .inp > input:hover, .euf-solid-theme .inp > input:focus, .euf-solid-theme .dx-texteditor-input-container > input:hover, .euf-solid-theme .dx-texteditor-input-container > input:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    outline: 0 !important; }
  .euf-solid-theme .inp > input:active, .euf-solid-theme .inp > input.active,
  .open > .euf-solid-theme .inp > input.dropdown-toggle, .euf-solid-theme .dx-texteditor-input-container > input:active, .euf-solid-theme .dx-texteditor-input-container > input.active,
  .open > .euf-solid-theme .dx-texteditor-input-container > input.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important; }

.euf-solid-theme .inp-ftospetrol, .euf-solid-theme .inp-color10 {
  color: #3F5A63; }
  .euf-solid-theme .inp-ftospetrol > input, .euf-solid-theme .inp-ftospetrol > textarea, .euf-solid-theme .inp-color10 > input, .euf-solid-theme .inp-color10 > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-ftospetrol > input:focus, .euf-solid-theme .inp-ftospetrol > input:active, .euf-solid-theme .inp-ftospetrol > input.active, .euf-solid-theme .inp-ftospetrol > textarea:focus, .euf-solid-theme .inp-ftospetrol > textarea:active, .euf-solid-theme .inp-ftospetrol > textarea.active, .euf-solid-theme .inp-color10 > input:focus, .euf-solid-theme .inp-color10 > input:active, .euf-solid-theme .inp-color10 > input.active, .euf-solid-theme .inp-color10 > textarea:focus, .euf-solid-theme .inp-color10 > textarea:active, .euf-solid-theme .inp-color10 > textarea.active {
      background-color: transparent;
      border-color: #3F5A63; }
    .euf-solid-theme .inp-ftospetrol > input:disabled, .euf-solid-theme .inp-ftospetrol > input[disabled], .euf-solid-theme .inp-ftospetrol > input.disabled, .euf-solid-theme .inp-ftospetrol > textarea:disabled, .euf-solid-theme .inp-ftospetrol > textarea[disabled], .euf-solid-theme .inp-ftospetrol > textarea.disabled, .euf-solid-theme .inp-color10 > input:disabled, .euf-solid-theme .inp-color10 > input[disabled], .euf-solid-theme .inp-color10 > input.disabled, .euf-solid-theme .inp-color10 > textarea:disabled, .euf-solid-theme .inp-color10 > textarea[disabled], .euf-solid-theme .inp-color10 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-ftospetrol > input:disabled:focus, .euf-solid-theme .inp-ftospetrol > input:disabled:hover, .euf-solid-theme .inp-ftospetrol > input[disabled]:focus, .euf-solid-theme .inp-ftospetrol > input[disabled]:hover, .euf-solid-theme .inp-ftospetrol > input.disabled:focus, .euf-solid-theme .inp-ftospetrol > input.disabled:hover, .euf-solid-theme .inp-ftospetrol > textarea:disabled:focus, .euf-solid-theme .inp-ftospetrol > textarea:disabled:hover, .euf-solid-theme .inp-ftospetrol > textarea[disabled]:focus, .euf-solid-theme .inp-ftospetrol > textarea[disabled]:hover, .euf-solid-theme .inp-ftospetrol > textarea.disabled:focus, .euf-solid-theme .inp-ftospetrol > textarea.disabled:hover, .euf-solid-theme .inp-color10 > input:disabled:focus, .euf-solid-theme .inp-color10 > input:disabled:hover, .euf-solid-theme .inp-color10 > input[disabled]:focus, .euf-solid-theme .inp-color10 > input[disabled]:hover, .euf-solid-theme .inp-color10 > input.disabled:focus, .euf-solid-theme .inp-color10 > input.disabled:hover, .euf-solid-theme .inp-color10 > textarea:disabled:focus, .euf-solid-theme .inp-color10 > textarea:disabled:hover, .euf-solid-theme .inp-color10 > textarea[disabled]:focus, .euf-solid-theme .inp-color10 > textarea[disabled]:hover, .euf-solid-theme .inp-color10 > textarea.disabled:focus, .euf-solid-theme .inp-color10 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-ftospetrol-states, .euf-solid-theme .inp-color10-states {
  color: #3c788c; }
  .euf-solid-theme .inp-ftospetrol-states > input, .euf-solid-theme .inp-ftospetrol-states > textarea, .euf-solid-theme .inp-color10-states > input, .euf-solid-theme .inp-color10-states > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-ftospetrol-states > input:focus, .euf-solid-theme .inp-ftospetrol-states > input:active, .euf-solid-theme .inp-ftospetrol-states > input.active, .euf-solid-theme .inp-ftospetrol-states > textarea:focus, .euf-solid-theme .inp-ftospetrol-states > textarea:active, .euf-solid-theme .inp-ftospetrol-states > textarea.active, .euf-solid-theme .inp-color10-states > input:focus, .euf-solid-theme .inp-color10-states > input:active, .euf-solid-theme .inp-color10-states > input.active, .euf-solid-theme .inp-color10-states > textarea:focus, .euf-solid-theme .inp-color10-states > textarea:active, .euf-solid-theme .inp-color10-states > textarea.active {
      background-color: transparent;
      border-color: #3c788c; }
    .euf-solid-theme .inp-ftospetrol-states > input:disabled, .euf-solid-theme .inp-ftospetrol-states > input[disabled], .euf-solid-theme .inp-ftospetrol-states > input.disabled, .euf-solid-theme .inp-ftospetrol-states > textarea:disabled, .euf-solid-theme .inp-ftospetrol-states > textarea[disabled], .euf-solid-theme .inp-ftospetrol-states > textarea.disabled, .euf-solid-theme .inp-color10-states > input:disabled, .euf-solid-theme .inp-color10-states > input[disabled], .euf-solid-theme .inp-color10-states > input.disabled, .euf-solid-theme .inp-color10-states > textarea:disabled, .euf-solid-theme .inp-color10-states > textarea[disabled], .euf-solid-theme .inp-color10-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-ftospetrol-states > input:disabled:focus, .euf-solid-theme .inp-ftospetrol-states > input:disabled:hover, .euf-solid-theme .inp-ftospetrol-states > input[disabled]:focus, .euf-solid-theme .inp-ftospetrol-states > input[disabled]:hover, .euf-solid-theme .inp-ftospetrol-states > input.disabled:focus, .euf-solid-theme .inp-ftospetrol-states > input.disabled:hover, .euf-solid-theme .inp-ftospetrol-states > textarea:disabled:focus, .euf-solid-theme .inp-ftospetrol-states > textarea:disabled:hover, .euf-solid-theme .inp-ftospetrol-states > textarea[disabled]:focus, .euf-solid-theme .inp-ftospetrol-states > textarea[disabled]:hover, .euf-solid-theme .inp-ftospetrol-states > textarea.disabled:focus, .euf-solid-theme .inp-ftospetrol-states > textarea.disabled:hover, .euf-solid-theme .inp-color10-states > input:disabled:focus, .euf-solid-theme .inp-color10-states > input:disabled:hover, .euf-solid-theme .inp-color10-states > input[disabled]:focus, .euf-solid-theme .inp-color10-states > input[disabled]:hover, .euf-solid-theme .inp-color10-states > input.disabled:focus, .euf-solid-theme .inp-color10-states > input.disabled:hover, .euf-solid-theme .inp-color10-states > textarea:disabled:focus, .euf-solid-theme .inp-color10-states > textarea:disabled:hover, .euf-solid-theme .inp-color10-states > textarea[disabled]:focus, .euf-solid-theme .inp-color10-states > textarea[disabled]:hover, .euf-solid-theme .inp-color10-states > textarea.disabled:focus, .euf-solid-theme .inp-color10-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-ftosblue, .euf-solid-theme .inp-color9 {
  color: #27AAE1; }
  .euf-solid-theme .inp-ftosblue > input, .euf-solid-theme .inp-ftosblue > textarea, .euf-solid-theme .inp-color9 > input, .euf-solid-theme .inp-color9 > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-ftosblue > input:focus, .euf-solid-theme .inp-ftosblue > input:active, .euf-solid-theme .inp-ftosblue > input.active, .euf-solid-theme .inp-ftosblue > textarea:focus, .euf-solid-theme .inp-ftosblue > textarea:active, .euf-solid-theme .inp-ftosblue > textarea.active, .euf-solid-theme .inp-color9 > input:focus, .euf-solid-theme .inp-color9 > input:active, .euf-solid-theme .inp-color9 > input.active, .euf-solid-theme .inp-color9 > textarea:focus, .euf-solid-theme .inp-color9 > textarea:active, .euf-solid-theme .inp-color9 > textarea.active {
      background-color: transparent;
      border-color: #27AAE1; }
    .euf-solid-theme .inp-ftosblue > input:disabled, .euf-solid-theme .inp-ftosblue > input[disabled], .euf-solid-theme .inp-ftosblue > input.disabled, .euf-solid-theme .inp-ftosblue > textarea:disabled, .euf-solid-theme .inp-ftosblue > textarea[disabled], .euf-solid-theme .inp-ftosblue > textarea.disabled, .euf-solid-theme .inp-color9 > input:disabled, .euf-solid-theme .inp-color9 > input[disabled], .euf-solid-theme .inp-color9 > input.disabled, .euf-solid-theme .inp-color9 > textarea:disabled, .euf-solid-theme .inp-color9 > textarea[disabled], .euf-solid-theme .inp-color9 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-ftosblue > input:disabled:focus, .euf-solid-theme .inp-ftosblue > input:disabled:hover, .euf-solid-theme .inp-ftosblue > input[disabled]:focus, .euf-solid-theme .inp-ftosblue > input[disabled]:hover, .euf-solid-theme .inp-ftosblue > input.disabled:focus, .euf-solid-theme .inp-ftosblue > input.disabled:hover, .euf-solid-theme .inp-ftosblue > textarea:disabled:focus, .euf-solid-theme .inp-ftosblue > textarea:disabled:hover, .euf-solid-theme .inp-ftosblue > textarea[disabled]:focus, .euf-solid-theme .inp-ftosblue > textarea[disabled]:hover, .euf-solid-theme .inp-ftosblue > textarea.disabled:focus, .euf-solid-theme .inp-ftosblue > textarea.disabled:hover, .euf-solid-theme .inp-color9 > input:disabled:focus, .euf-solid-theme .inp-color9 > input:disabled:hover, .euf-solid-theme .inp-color9 > input[disabled]:focus, .euf-solid-theme .inp-color9 > input[disabled]:hover, .euf-solid-theme .inp-color9 > input.disabled:focus, .euf-solid-theme .inp-color9 > input.disabled:hover, .euf-solid-theme .inp-color9 > textarea:disabled:focus, .euf-solid-theme .inp-color9 > textarea:disabled:hover, .euf-solid-theme .inp-color9 > textarea[disabled]:focus, .euf-solid-theme .inp-color9 > textarea[disabled]:hover, .euf-solid-theme .inp-color9 > textarea.disabled:focus, .euf-solid-theme .inp-color9 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-ftosblue-states, .euf-solid-theme .inp-color9-states {
  color: #1c98cc; }
  .euf-solid-theme .inp-ftosblue-states > input, .euf-solid-theme .inp-ftosblue-states > textarea, .euf-solid-theme .inp-color9-states > input, .euf-solid-theme .inp-color9-states > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-ftosblue-states > input:focus, .euf-solid-theme .inp-ftosblue-states > input:active, .euf-solid-theme .inp-ftosblue-states > input.active, .euf-solid-theme .inp-ftosblue-states > textarea:focus, .euf-solid-theme .inp-ftosblue-states > textarea:active, .euf-solid-theme .inp-ftosblue-states > textarea.active, .euf-solid-theme .inp-color9-states > input:focus, .euf-solid-theme .inp-color9-states > input:active, .euf-solid-theme .inp-color9-states > input.active, .euf-solid-theme .inp-color9-states > textarea:focus, .euf-solid-theme .inp-color9-states > textarea:active, .euf-solid-theme .inp-color9-states > textarea.active {
      background-color: transparent;
      border-color: #1c98cc; }
    .euf-solid-theme .inp-ftosblue-states > input:disabled, .euf-solid-theme .inp-ftosblue-states > input[disabled], .euf-solid-theme .inp-ftosblue-states > input.disabled, .euf-solid-theme .inp-ftosblue-states > textarea:disabled, .euf-solid-theme .inp-ftosblue-states > textarea[disabled], .euf-solid-theme .inp-ftosblue-states > textarea.disabled, .euf-solid-theme .inp-color9-states > input:disabled, .euf-solid-theme .inp-color9-states > input[disabled], .euf-solid-theme .inp-color9-states > input.disabled, .euf-solid-theme .inp-color9-states > textarea:disabled, .euf-solid-theme .inp-color9-states > textarea[disabled], .euf-solid-theme .inp-color9-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-ftosblue-states > input:disabled:focus, .euf-solid-theme .inp-ftosblue-states > input:disabled:hover, .euf-solid-theme .inp-ftosblue-states > input[disabled]:focus, .euf-solid-theme .inp-ftosblue-states > input[disabled]:hover, .euf-solid-theme .inp-ftosblue-states > input.disabled:focus, .euf-solid-theme .inp-ftosblue-states > input.disabled:hover, .euf-solid-theme .inp-ftosblue-states > textarea:disabled:focus, .euf-solid-theme .inp-ftosblue-states > textarea:disabled:hover, .euf-solid-theme .inp-ftosblue-states > textarea[disabled]:focus, .euf-solid-theme .inp-ftosblue-states > textarea[disabled]:hover, .euf-solid-theme .inp-ftosblue-states > textarea.disabled:focus, .euf-solid-theme .inp-ftosblue-states > textarea.disabled:hover, .euf-solid-theme .inp-color9-states > input:disabled:focus, .euf-solid-theme .inp-color9-states > input:disabled:hover, .euf-solid-theme .inp-color9-states > input[disabled]:focus, .euf-solid-theme .inp-color9-states > input[disabled]:hover, .euf-solid-theme .inp-color9-states > input.disabled:focus, .euf-solid-theme .inp-color9-states > input.disabled:hover, .euf-solid-theme .inp-color9-states > textarea:disabled:focus, .euf-solid-theme .inp-color9-states > textarea:disabled:hover, .euf-solid-theme .inp-color9-states > textarea[disabled]:focus, .euf-solid-theme .inp-color9-states > textarea[disabled]:hover, .euf-solid-theme .inp-color9-states > textarea.disabled:focus, .euf-solid-theme .inp-color9-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-default, .euf-solid-theme .inp-color8 {
  color: #888888; }
  .euf-solid-theme .inp-default > input, .euf-solid-theme .inp-default > textarea, .euf-solid-theme .inp-color8 > input, .euf-solid-theme .inp-color8 > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-default > input:focus, .euf-solid-theme .inp-default > input:active, .euf-solid-theme .inp-default > input.active, .euf-solid-theme .inp-default > textarea:focus, .euf-solid-theme .inp-default > textarea:active, .euf-solid-theme .inp-default > textarea.active, .euf-solid-theme .inp-color8 > input:focus, .euf-solid-theme .inp-color8 > input:active, .euf-solid-theme .inp-color8 > input.active, .euf-solid-theme .inp-color8 > textarea:focus, .euf-solid-theme .inp-color8 > textarea:active, .euf-solid-theme .inp-color8 > textarea.active {
      background-color: transparent;
      border-color: #888888; }
    .euf-solid-theme .inp-default > input:disabled, .euf-solid-theme .inp-default > input[disabled], .euf-solid-theme .inp-default > input.disabled, .euf-solid-theme .inp-default > textarea:disabled, .euf-solid-theme .inp-default > textarea[disabled], .euf-solid-theme .inp-default > textarea.disabled, .euf-solid-theme .inp-color8 > input:disabled, .euf-solid-theme .inp-color8 > input[disabled], .euf-solid-theme .inp-color8 > input.disabled, .euf-solid-theme .inp-color8 > textarea:disabled, .euf-solid-theme .inp-color8 > textarea[disabled], .euf-solid-theme .inp-color8 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-default > input:disabled:focus, .euf-solid-theme .inp-default > input:disabled:hover, .euf-solid-theme .inp-default > input[disabled]:focus, .euf-solid-theme .inp-default > input[disabled]:hover, .euf-solid-theme .inp-default > input.disabled:focus, .euf-solid-theme .inp-default > input.disabled:hover, .euf-solid-theme .inp-default > textarea:disabled:focus, .euf-solid-theme .inp-default > textarea:disabled:hover, .euf-solid-theme .inp-default > textarea[disabled]:focus, .euf-solid-theme .inp-default > textarea[disabled]:hover, .euf-solid-theme .inp-default > textarea.disabled:focus, .euf-solid-theme .inp-default > textarea.disabled:hover, .euf-solid-theme .inp-color8 > input:disabled:focus, .euf-solid-theme .inp-color8 > input:disabled:hover, .euf-solid-theme .inp-color8 > input[disabled]:focus, .euf-solid-theme .inp-color8 > input[disabled]:hover, .euf-solid-theme .inp-color8 > input.disabled:focus, .euf-solid-theme .inp-color8 > input.disabled:hover, .euf-solid-theme .inp-color8 > textarea:disabled:focus, .euf-solid-theme .inp-color8 > textarea:disabled:hover, .euf-solid-theme .inp-color8 > textarea[disabled]:focus, .euf-solid-theme .inp-color8 > textarea[disabled]:hover, .euf-solid-theme .inp-color8 > textarea.disabled:focus, .euf-solid-theme .inp-color8 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-default-states, .euf-solid-theme .inp-color8-states {
  color: #777777; }
  .euf-solid-theme .inp-default-states > input, .euf-solid-theme .inp-default-states > textarea, .euf-solid-theme .inp-color8-states > input, .euf-solid-theme .inp-color8-states > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-default-states > input:focus, .euf-solid-theme .inp-default-states > input:active, .euf-solid-theme .inp-default-states > input.active, .euf-solid-theme .inp-default-states > textarea:focus, .euf-solid-theme .inp-default-states > textarea:active, .euf-solid-theme .inp-default-states > textarea.active, .euf-solid-theme .inp-color8-states > input:focus, .euf-solid-theme .inp-color8-states > input:active, .euf-solid-theme .inp-color8-states > input.active, .euf-solid-theme .inp-color8-states > textarea:focus, .euf-solid-theme .inp-color8-states > textarea:active, .euf-solid-theme .inp-color8-states > textarea.active {
      background-color: transparent;
      border-color: #777777; }
    .euf-solid-theme .inp-default-states > input:disabled, .euf-solid-theme .inp-default-states > input[disabled], .euf-solid-theme .inp-default-states > input.disabled, .euf-solid-theme .inp-default-states > textarea:disabled, .euf-solid-theme .inp-default-states > textarea[disabled], .euf-solid-theme .inp-default-states > textarea.disabled, .euf-solid-theme .inp-color8-states > input:disabled, .euf-solid-theme .inp-color8-states > input[disabled], .euf-solid-theme .inp-color8-states > input.disabled, .euf-solid-theme .inp-color8-states > textarea:disabled, .euf-solid-theme .inp-color8-states > textarea[disabled], .euf-solid-theme .inp-color8-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-default-states > input:disabled:focus, .euf-solid-theme .inp-default-states > input:disabled:hover, .euf-solid-theme .inp-default-states > input[disabled]:focus, .euf-solid-theme .inp-default-states > input[disabled]:hover, .euf-solid-theme .inp-default-states > input.disabled:focus, .euf-solid-theme .inp-default-states > input.disabled:hover, .euf-solid-theme .inp-default-states > textarea:disabled:focus, .euf-solid-theme .inp-default-states > textarea:disabled:hover, .euf-solid-theme .inp-default-states > textarea[disabled]:focus, .euf-solid-theme .inp-default-states > textarea[disabled]:hover, .euf-solid-theme .inp-default-states > textarea.disabled:focus, .euf-solid-theme .inp-default-states > textarea.disabled:hover, .euf-solid-theme .inp-color8-states > input:disabled:focus, .euf-solid-theme .inp-color8-states > input:disabled:hover, .euf-solid-theme .inp-color8-states > input[disabled]:focus, .euf-solid-theme .inp-color8-states > input[disabled]:hover, .euf-solid-theme .inp-color8-states > input.disabled:focus, .euf-solid-theme .inp-color8-states > input.disabled:hover, .euf-solid-theme .inp-color8-states > textarea:disabled:focus, .euf-solid-theme .inp-color8-states > textarea:disabled:hover, .euf-solid-theme .inp-color8-states > textarea[disabled]:focus, .euf-solid-theme .inp-color8-states > textarea[disabled]:hover, .euf-solid-theme .inp-color8-states > textarea.disabled:focus, .euf-solid-theme .inp-color8-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-blue, .euf-solid-theme .inp-color6 {
  color: #0192ff; }
  .euf-solid-theme .inp-blue > input, .euf-solid-theme .inp-blue > textarea, .euf-solid-theme .inp-color6 > input, .euf-solid-theme .inp-color6 > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-blue > input:focus, .euf-solid-theme .inp-blue > input:active, .euf-solid-theme .inp-blue > input.active, .euf-solid-theme .inp-blue > textarea:focus, .euf-solid-theme .inp-blue > textarea:active, .euf-solid-theme .inp-blue > textarea.active, .euf-solid-theme .inp-color6 > input:focus, .euf-solid-theme .inp-color6 > input:active, .euf-solid-theme .inp-color6 > input.active, .euf-solid-theme .inp-color6 > textarea:focus, .euf-solid-theme .inp-color6 > textarea:active, .euf-solid-theme .inp-color6 > textarea.active {
      background-color: transparent;
      border-color: #0192ff; }
    .euf-solid-theme .inp-blue > input:disabled, .euf-solid-theme .inp-blue > input[disabled], .euf-solid-theme .inp-blue > input.disabled, .euf-solid-theme .inp-blue > textarea:disabled, .euf-solid-theme .inp-blue > textarea[disabled], .euf-solid-theme .inp-blue > textarea.disabled, .euf-solid-theme .inp-color6 > input:disabled, .euf-solid-theme .inp-color6 > input[disabled], .euf-solid-theme .inp-color6 > input.disabled, .euf-solid-theme .inp-color6 > textarea:disabled, .euf-solid-theme .inp-color6 > textarea[disabled], .euf-solid-theme .inp-color6 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-blue > input:disabled:focus, .euf-solid-theme .inp-blue > input:disabled:hover, .euf-solid-theme .inp-blue > input[disabled]:focus, .euf-solid-theme .inp-blue > input[disabled]:hover, .euf-solid-theme .inp-blue > input.disabled:focus, .euf-solid-theme .inp-blue > input.disabled:hover, .euf-solid-theme .inp-blue > textarea:disabled:focus, .euf-solid-theme .inp-blue > textarea:disabled:hover, .euf-solid-theme .inp-blue > textarea[disabled]:focus, .euf-solid-theme .inp-blue > textarea[disabled]:hover, .euf-solid-theme .inp-blue > textarea.disabled:focus, .euf-solid-theme .inp-blue > textarea.disabled:hover, .euf-solid-theme .inp-color6 > input:disabled:focus, .euf-solid-theme .inp-color6 > input:disabled:hover, .euf-solid-theme .inp-color6 > input[disabled]:focus, .euf-solid-theme .inp-color6 > input[disabled]:hover, .euf-solid-theme .inp-color6 > input.disabled:focus, .euf-solid-theme .inp-color6 > input.disabled:hover, .euf-solid-theme .inp-color6 > textarea:disabled:focus, .euf-solid-theme .inp-color6 > textarea:disabled:hover, .euf-solid-theme .inp-color6 > textarea[disabled]:focus, .euf-solid-theme .inp-color6 > textarea[disabled]:hover, .euf-solid-theme .inp-color6 > textarea.disabled:focus, .euf-solid-theme .inp-color6 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-blue-states, .euf-solid-theme .inp-color6-states {
  color: #2980b9; }
  .euf-solid-theme .inp-blue-states > input, .euf-solid-theme .inp-blue-states > textarea, .euf-solid-theme .inp-color6-states > input, .euf-solid-theme .inp-color6-states > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-blue-states > input:focus, .euf-solid-theme .inp-blue-states > input:active, .euf-solid-theme .inp-blue-states > input.active, .euf-solid-theme .inp-blue-states > textarea:focus, .euf-solid-theme .inp-blue-states > textarea:active, .euf-solid-theme .inp-blue-states > textarea.active, .euf-solid-theme .inp-color6-states > input:focus, .euf-solid-theme .inp-color6-states > input:active, .euf-solid-theme .inp-color6-states > input.active, .euf-solid-theme .inp-color6-states > textarea:focus, .euf-solid-theme .inp-color6-states > textarea:active, .euf-solid-theme .inp-color6-states > textarea.active {
      background-color: transparent;
      border-color: #2980b9; }
    .euf-solid-theme .inp-blue-states > input:disabled, .euf-solid-theme .inp-blue-states > input[disabled], .euf-solid-theme .inp-blue-states > input.disabled, .euf-solid-theme .inp-blue-states > textarea:disabled, .euf-solid-theme .inp-blue-states > textarea[disabled], .euf-solid-theme .inp-blue-states > textarea.disabled, .euf-solid-theme .inp-color6-states > input:disabled, .euf-solid-theme .inp-color6-states > input[disabled], .euf-solid-theme .inp-color6-states > input.disabled, .euf-solid-theme .inp-color6-states > textarea:disabled, .euf-solid-theme .inp-color6-states > textarea[disabled], .euf-solid-theme .inp-color6-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-blue-states > input:disabled:focus, .euf-solid-theme .inp-blue-states > input:disabled:hover, .euf-solid-theme .inp-blue-states > input[disabled]:focus, .euf-solid-theme .inp-blue-states > input[disabled]:hover, .euf-solid-theme .inp-blue-states > input.disabled:focus, .euf-solid-theme .inp-blue-states > input.disabled:hover, .euf-solid-theme .inp-blue-states > textarea:disabled:focus, .euf-solid-theme .inp-blue-states > textarea:disabled:hover, .euf-solid-theme .inp-blue-states > textarea[disabled]:focus, .euf-solid-theme .inp-blue-states > textarea[disabled]:hover, .euf-solid-theme .inp-blue-states > textarea.disabled:focus, .euf-solid-theme .inp-blue-states > textarea.disabled:hover, .euf-solid-theme .inp-color6-states > input:disabled:focus, .euf-solid-theme .inp-color6-states > input:disabled:hover, .euf-solid-theme .inp-color6-states > input[disabled]:focus, .euf-solid-theme .inp-color6-states > input[disabled]:hover, .euf-solid-theme .inp-color6-states > input.disabled:focus, .euf-solid-theme .inp-color6-states > input.disabled:hover, .euf-solid-theme .inp-color6-states > textarea:disabled:focus, .euf-solid-theme .inp-color6-states > textarea:disabled:hover, .euf-solid-theme .inp-color6-states > textarea[disabled]:focus, .euf-solid-theme .inp-color6-states > textarea[disabled]:hover, .euf-solid-theme .inp-color6-states > textarea.disabled:focus, .euf-solid-theme .inp-color6-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-green, .euf-solid-theme .inp-color2 {
  color: #36c358; }
  .euf-solid-theme .inp-green > input, .euf-solid-theme .inp-green > textarea, .euf-solid-theme .inp-color2 > input, .euf-solid-theme .inp-color2 > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-green > input:focus, .euf-solid-theme .inp-green > input:active, .euf-solid-theme .inp-green > input.active, .euf-solid-theme .inp-green > textarea:focus, .euf-solid-theme .inp-green > textarea:active, .euf-solid-theme .inp-green > textarea.active, .euf-solid-theme .inp-color2 > input:focus, .euf-solid-theme .inp-color2 > input:active, .euf-solid-theme .inp-color2 > input.active, .euf-solid-theme .inp-color2 > textarea:focus, .euf-solid-theme .inp-color2 > textarea:active, .euf-solid-theme .inp-color2 > textarea.active {
      background-color: transparent;
      border-color: #36c358; }
    .euf-solid-theme .inp-green > input:disabled, .euf-solid-theme .inp-green > input[disabled], .euf-solid-theme .inp-green > input.disabled, .euf-solid-theme .inp-green > textarea:disabled, .euf-solid-theme .inp-green > textarea[disabled], .euf-solid-theme .inp-green > textarea.disabled, .euf-solid-theme .inp-color2 > input:disabled, .euf-solid-theme .inp-color2 > input[disabled], .euf-solid-theme .inp-color2 > input.disabled, .euf-solid-theme .inp-color2 > textarea:disabled, .euf-solid-theme .inp-color2 > textarea[disabled], .euf-solid-theme .inp-color2 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-green > input:disabled:focus, .euf-solid-theme .inp-green > input:disabled:hover, .euf-solid-theme .inp-green > input[disabled]:focus, .euf-solid-theme .inp-green > input[disabled]:hover, .euf-solid-theme .inp-green > input.disabled:focus, .euf-solid-theme .inp-green > input.disabled:hover, .euf-solid-theme .inp-green > textarea:disabled:focus, .euf-solid-theme .inp-green > textarea:disabled:hover, .euf-solid-theme .inp-green > textarea[disabled]:focus, .euf-solid-theme .inp-green > textarea[disabled]:hover, .euf-solid-theme .inp-green > textarea.disabled:focus, .euf-solid-theme .inp-green > textarea.disabled:hover, .euf-solid-theme .inp-color2 > input:disabled:focus, .euf-solid-theme .inp-color2 > input:disabled:hover, .euf-solid-theme .inp-color2 > input[disabled]:focus, .euf-solid-theme .inp-color2 > input[disabled]:hover, .euf-solid-theme .inp-color2 > input.disabled:focus, .euf-solid-theme .inp-color2 > input.disabled:hover, .euf-solid-theme .inp-color2 > textarea:disabled:focus, .euf-solid-theme .inp-color2 > textarea:disabled:hover, .euf-solid-theme .inp-color2 > textarea[disabled]:focus, .euf-solid-theme .inp-color2 > textarea[disabled]:hover, .euf-solid-theme .inp-color2 > textarea.disabled:focus, .euf-solid-theme .inp-color2 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-green-states, .euf-solid-theme .inp-color2-states {
  color: #049F0C; }
  .euf-solid-theme .inp-green-states > input, .euf-solid-theme .inp-green-states > textarea, .euf-solid-theme .inp-color2-states > input, .euf-solid-theme .inp-color2-states > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-green-states > input:focus, .euf-solid-theme .inp-green-states > input:active, .euf-solid-theme .inp-green-states > input.active, .euf-solid-theme .inp-green-states > textarea:focus, .euf-solid-theme .inp-green-states > textarea:active, .euf-solid-theme .inp-green-states > textarea.active, .euf-solid-theme .inp-color2-states > input:focus, .euf-solid-theme .inp-color2-states > input:active, .euf-solid-theme .inp-color2-states > input.active, .euf-solid-theme .inp-color2-states > textarea:focus, .euf-solid-theme .inp-color2-states > textarea:active, .euf-solid-theme .inp-color2-states > textarea.active {
      background-color: transparent;
      border-color: #049F0C; }
    .euf-solid-theme .inp-green-states > input:disabled, .euf-solid-theme .inp-green-states > input[disabled], .euf-solid-theme .inp-green-states > input.disabled, .euf-solid-theme .inp-green-states > textarea:disabled, .euf-solid-theme .inp-green-states > textarea[disabled], .euf-solid-theme .inp-green-states > textarea.disabled, .euf-solid-theme .inp-color2-states > input:disabled, .euf-solid-theme .inp-color2-states > input[disabled], .euf-solid-theme .inp-color2-states > input.disabled, .euf-solid-theme .inp-color2-states > textarea:disabled, .euf-solid-theme .inp-color2-states > textarea[disabled], .euf-solid-theme .inp-color2-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-green-states > input:disabled:focus, .euf-solid-theme .inp-green-states > input:disabled:hover, .euf-solid-theme .inp-green-states > input[disabled]:focus, .euf-solid-theme .inp-green-states > input[disabled]:hover, .euf-solid-theme .inp-green-states > input.disabled:focus, .euf-solid-theme .inp-green-states > input.disabled:hover, .euf-solid-theme .inp-green-states > textarea:disabled:focus, .euf-solid-theme .inp-green-states > textarea:disabled:hover, .euf-solid-theme .inp-green-states > textarea[disabled]:focus, .euf-solid-theme .inp-green-states > textarea[disabled]:hover, .euf-solid-theme .inp-green-states > textarea.disabled:focus, .euf-solid-theme .inp-green-states > textarea.disabled:hover, .euf-solid-theme .inp-color2-states > input:disabled:focus, .euf-solid-theme .inp-color2-states > input:disabled:hover, .euf-solid-theme .inp-color2-states > input[disabled]:focus, .euf-solid-theme .inp-color2-states > input[disabled]:hover, .euf-solid-theme .inp-color2-states > input.disabled:focus, .euf-solid-theme .inp-color2-states > input.disabled:hover, .euf-solid-theme .inp-color2-states > textarea:disabled:focus, .euf-solid-theme .inp-color2-states > textarea:disabled:hover, .euf-solid-theme .inp-color2-states > textarea[disabled]:focus, .euf-solid-theme .inp-color2-states > textarea[disabled]:hover, .euf-solid-theme .inp-color2-states > textarea.disabled:focus, .euf-solid-theme .inp-color2-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-azure, .euf-solid-theme .inp-color1 {
  color: #2dbae7; }
  .euf-solid-theme .inp-azure > input, .euf-solid-theme .inp-azure > textarea, .euf-solid-theme .inp-color1 > input, .euf-solid-theme .inp-color1 > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-azure > input:focus, .euf-solid-theme .inp-azure > input:active, .euf-solid-theme .inp-azure > input.active, .euf-solid-theme .inp-azure > textarea:focus, .euf-solid-theme .inp-azure > textarea:active, .euf-solid-theme .inp-azure > textarea.active, .euf-solid-theme .inp-color1 > input:focus, .euf-solid-theme .inp-color1 > input:active, .euf-solid-theme .inp-color1 > input.active, .euf-solid-theme .inp-color1 > textarea:focus, .euf-solid-theme .inp-color1 > textarea:active, .euf-solid-theme .inp-color1 > textarea.active {
      background-color: transparent;
      border-color: #2dbae7; }
    .euf-solid-theme .inp-azure > input:disabled, .euf-solid-theme .inp-azure > input[disabled], .euf-solid-theme .inp-azure > input.disabled, .euf-solid-theme .inp-azure > textarea:disabled, .euf-solid-theme .inp-azure > textarea[disabled], .euf-solid-theme .inp-azure > textarea.disabled, .euf-solid-theme .inp-color1 > input:disabled, .euf-solid-theme .inp-color1 > input[disabled], .euf-solid-theme .inp-color1 > input.disabled, .euf-solid-theme .inp-color1 > textarea:disabled, .euf-solid-theme .inp-color1 > textarea[disabled], .euf-solid-theme .inp-color1 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-azure > input:disabled:focus, .euf-solid-theme .inp-azure > input:disabled:hover, .euf-solid-theme .inp-azure > input[disabled]:focus, .euf-solid-theme .inp-azure > input[disabled]:hover, .euf-solid-theme .inp-azure > input.disabled:focus, .euf-solid-theme .inp-azure > input.disabled:hover, .euf-solid-theme .inp-azure > textarea:disabled:focus, .euf-solid-theme .inp-azure > textarea:disabled:hover, .euf-solid-theme .inp-azure > textarea[disabled]:focus, .euf-solid-theme .inp-azure > textarea[disabled]:hover, .euf-solid-theme .inp-azure > textarea.disabled:focus, .euf-solid-theme .inp-azure > textarea.disabled:hover, .euf-solid-theme .inp-color1 > input:disabled:focus, .euf-solid-theme .inp-color1 > input:disabled:hover, .euf-solid-theme .inp-color1 > input[disabled]:focus, .euf-solid-theme .inp-color1 > input[disabled]:hover, .euf-solid-theme .inp-color1 > input.disabled:focus, .euf-solid-theme .inp-color1 > input.disabled:hover, .euf-solid-theme .inp-color1 > textarea:disabled:focus, .euf-solid-theme .inp-color1 > textarea:disabled:hover, .euf-solid-theme .inp-color1 > textarea[disabled]:focus, .euf-solid-theme .inp-color1 > textarea[disabled]:hover, .euf-solid-theme .inp-color1 > textarea.disabled:focus, .euf-solid-theme .inp-color1 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-azure-states, .euf-solid-theme .inp-color1-states {
  color: #29a9d2; }
  .euf-solid-theme .inp-azure-states > input, .euf-solid-theme .inp-azure-states > textarea, .euf-solid-theme .inp-color1-states > input, .euf-solid-theme .inp-color1-states > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-azure-states > input:focus, .euf-solid-theme .inp-azure-states > input:active, .euf-solid-theme .inp-azure-states > input.active, .euf-solid-theme .inp-azure-states > textarea:focus, .euf-solid-theme .inp-azure-states > textarea:active, .euf-solid-theme .inp-azure-states > textarea.active, .euf-solid-theme .inp-color1-states > input:focus, .euf-solid-theme .inp-color1-states > input:active, .euf-solid-theme .inp-color1-states > input.active, .euf-solid-theme .inp-color1-states > textarea:focus, .euf-solid-theme .inp-color1-states > textarea:active, .euf-solid-theme .inp-color1-states > textarea.active {
      background-color: transparent;
      border-color: #29a9d2; }
    .euf-solid-theme .inp-azure-states > input:disabled, .euf-solid-theme .inp-azure-states > input[disabled], .euf-solid-theme .inp-azure-states > input.disabled, .euf-solid-theme .inp-azure-states > textarea:disabled, .euf-solid-theme .inp-azure-states > textarea[disabled], .euf-solid-theme .inp-azure-states > textarea.disabled, .euf-solid-theme .inp-color1-states > input:disabled, .euf-solid-theme .inp-color1-states > input[disabled], .euf-solid-theme .inp-color1-states > input.disabled, .euf-solid-theme .inp-color1-states > textarea:disabled, .euf-solid-theme .inp-color1-states > textarea[disabled], .euf-solid-theme .inp-color1-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-azure-states > input:disabled:focus, .euf-solid-theme .inp-azure-states > input:disabled:hover, .euf-solid-theme .inp-azure-states > input[disabled]:focus, .euf-solid-theme .inp-azure-states > input[disabled]:hover, .euf-solid-theme .inp-azure-states > input.disabled:focus, .euf-solid-theme .inp-azure-states > input.disabled:hover, .euf-solid-theme .inp-azure-states > textarea:disabled:focus, .euf-solid-theme .inp-azure-states > textarea:disabled:hover, .euf-solid-theme .inp-azure-states > textarea[disabled]:focus, .euf-solid-theme .inp-azure-states > textarea[disabled]:hover, .euf-solid-theme .inp-azure-states > textarea.disabled:focus, .euf-solid-theme .inp-azure-states > textarea.disabled:hover, .euf-solid-theme .inp-color1-states > input:disabled:focus, .euf-solid-theme .inp-color1-states > input:disabled:hover, .euf-solid-theme .inp-color1-states > input[disabled]:focus, .euf-solid-theme .inp-color1-states > input[disabled]:hover, .euf-solid-theme .inp-color1-states > input.disabled:focus, .euf-solid-theme .inp-color1-states > input.disabled:hover, .euf-solid-theme .inp-color1-states > textarea:disabled:focus, .euf-solid-theme .inp-color1-states > textarea:disabled:hover, .euf-solid-theme .inp-color1-states > textarea[disabled]:focus, .euf-solid-theme .inp-color1-states > textarea[disabled]:hover, .euf-solid-theme .inp-color1-states > textarea.disabled:focus, .euf-solid-theme .inp-color1-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-orange, .euf-solid-theme .inp-color3 {
  color: #fed201; }
  .euf-solid-theme .inp-orange > input, .euf-solid-theme .inp-orange > textarea, .euf-solid-theme .inp-color3 > input, .euf-solid-theme .inp-color3 > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-orange > input:focus, .euf-solid-theme .inp-orange > input:active, .euf-solid-theme .inp-orange > input.active, .euf-solid-theme .inp-orange > textarea:focus, .euf-solid-theme .inp-orange > textarea:active, .euf-solid-theme .inp-orange > textarea.active, .euf-solid-theme .inp-color3 > input:focus, .euf-solid-theme .inp-color3 > input:active, .euf-solid-theme .inp-color3 > input.active, .euf-solid-theme .inp-color3 > textarea:focus, .euf-solid-theme .inp-color3 > textarea:active, .euf-solid-theme .inp-color3 > textarea.active {
      background-color: transparent;
      border-color: #fed201; }
    .euf-solid-theme .inp-orange > input:disabled, .euf-solid-theme .inp-orange > input[disabled], .euf-solid-theme .inp-orange > input.disabled, .euf-solid-theme .inp-orange > textarea:disabled, .euf-solid-theme .inp-orange > textarea[disabled], .euf-solid-theme .inp-orange > textarea.disabled, .euf-solid-theme .inp-color3 > input:disabled, .euf-solid-theme .inp-color3 > input[disabled], .euf-solid-theme .inp-color3 > input.disabled, .euf-solid-theme .inp-color3 > textarea:disabled, .euf-solid-theme .inp-color3 > textarea[disabled], .euf-solid-theme .inp-color3 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-orange > input:disabled:focus, .euf-solid-theme .inp-orange > input:disabled:hover, .euf-solid-theme .inp-orange > input[disabled]:focus, .euf-solid-theme .inp-orange > input[disabled]:hover, .euf-solid-theme .inp-orange > input.disabled:focus, .euf-solid-theme .inp-orange > input.disabled:hover, .euf-solid-theme .inp-orange > textarea:disabled:focus, .euf-solid-theme .inp-orange > textarea:disabled:hover, .euf-solid-theme .inp-orange > textarea[disabled]:focus, .euf-solid-theme .inp-orange > textarea[disabled]:hover, .euf-solid-theme .inp-orange > textarea.disabled:focus, .euf-solid-theme .inp-orange > textarea.disabled:hover, .euf-solid-theme .inp-color3 > input:disabled:focus, .euf-solid-theme .inp-color3 > input:disabled:hover, .euf-solid-theme .inp-color3 > input[disabled]:focus, .euf-solid-theme .inp-color3 > input[disabled]:hover, .euf-solid-theme .inp-color3 > input.disabled:focus, .euf-solid-theme .inp-color3 > input.disabled:hover, .euf-solid-theme .inp-color3 > textarea:disabled:focus, .euf-solid-theme .inp-color3 > textarea:disabled:hover, .euf-solid-theme .inp-color3 > textarea[disabled]:focus, .euf-solid-theme .inp-color3 > textarea[disabled]:hover, .euf-solid-theme .inp-color3 > textarea.disabled:focus, .euf-solid-theme .inp-color3 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-orange-states, .euf-solid-theme .inp-color3-states {
  color: #FFC107; }
  .euf-solid-theme .inp-orange-states > input, .euf-solid-theme .inp-orange-states > textarea, .euf-solid-theme .inp-color3-states > input, .euf-solid-theme .inp-color3-states > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-orange-states > input:focus, .euf-solid-theme .inp-orange-states > input:active, .euf-solid-theme .inp-orange-states > input.active, .euf-solid-theme .inp-orange-states > textarea:focus, .euf-solid-theme .inp-orange-states > textarea:active, .euf-solid-theme .inp-orange-states > textarea.active, .euf-solid-theme .inp-color3-states > input:focus, .euf-solid-theme .inp-color3-states > input:active, .euf-solid-theme .inp-color3-states > input.active, .euf-solid-theme .inp-color3-states > textarea:focus, .euf-solid-theme .inp-color3-states > textarea:active, .euf-solid-theme .inp-color3-states > textarea.active {
      background-color: transparent;
      border-color: #FFC107; }
    .euf-solid-theme .inp-orange-states > input:disabled, .euf-solid-theme .inp-orange-states > input[disabled], .euf-solid-theme .inp-orange-states > input.disabled, .euf-solid-theme .inp-orange-states > textarea:disabled, .euf-solid-theme .inp-orange-states > textarea[disabled], .euf-solid-theme .inp-orange-states > textarea.disabled, .euf-solid-theme .inp-color3-states > input:disabled, .euf-solid-theme .inp-color3-states > input[disabled], .euf-solid-theme .inp-color3-states > input.disabled, .euf-solid-theme .inp-color3-states > textarea:disabled, .euf-solid-theme .inp-color3-states > textarea[disabled], .euf-solid-theme .inp-color3-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-orange-states > input:disabled:focus, .euf-solid-theme .inp-orange-states > input:disabled:hover, .euf-solid-theme .inp-orange-states > input[disabled]:focus, .euf-solid-theme .inp-orange-states > input[disabled]:hover, .euf-solid-theme .inp-orange-states > input.disabled:focus, .euf-solid-theme .inp-orange-states > input.disabled:hover, .euf-solid-theme .inp-orange-states > textarea:disabled:focus, .euf-solid-theme .inp-orange-states > textarea:disabled:hover, .euf-solid-theme .inp-orange-states > textarea[disabled]:focus, .euf-solid-theme .inp-orange-states > textarea[disabled]:hover, .euf-solid-theme .inp-orange-states > textarea.disabled:focus, .euf-solid-theme .inp-orange-states > textarea.disabled:hover, .euf-solid-theme .inp-color3-states > input:disabled:focus, .euf-solid-theme .inp-color3-states > input:disabled:hover, .euf-solid-theme .inp-color3-states > input[disabled]:focus, .euf-solid-theme .inp-color3-states > input[disabled]:hover, .euf-solid-theme .inp-color3-states > input.disabled:focus, .euf-solid-theme .inp-color3-states > input.disabled:hover, .euf-solid-theme .inp-color3-states > textarea:disabled:focus, .euf-solid-theme .inp-color3-states > textarea:disabled:hover, .euf-solid-theme .inp-color3-states > textarea[disabled]:focus, .euf-solid-theme .inp-color3-states > textarea[disabled]:hover, .euf-solid-theme .inp-color3-states > textarea.disabled:focus, .euf-solid-theme .inp-color3-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-red, .euf-solid-theme .inp-color4 {
  color: #ff5534; }
  .euf-solid-theme .inp-red > input, .euf-solid-theme .inp-red > textarea, .euf-solid-theme .inp-color4 > input, .euf-solid-theme .inp-color4 > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-red > input:focus, .euf-solid-theme .inp-red > input:active, .euf-solid-theme .inp-red > input.active, .euf-solid-theme .inp-red > textarea:focus, .euf-solid-theme .inp-red > textarea:active, .euf-solid-theme .inp-red > textarea.active, .euf-solid-theme .inp-color4 > input:focus, .euf-solid-theme .inp-color4 > input:active, .euf-solid-theme .inp-color4 > input.active, .euf-solid-theme .inp-color4 > textarea:focus, .euf-solid-theme .inp-color4 > textarea:active, .euf-solid-theme .inp-color4 > textarea.active {
      background-color: transparent;
      border-color: #ff5534; }
    .euf-solid-theme .inp-red > input:disabled, .euf-solid-theme .inp-red > input[disabled], .euf-solid-theme .inp-red > input.disabled, .euf-solid-theme .inp-red > textarea:disabled, .euf-solid-theme .inp-red > textarea[disabled], .euf-solid-theme .inp-red > textarea.disabled, .euf-solid-theme .inp-color4 > input:disabled, .euf-solid-theme .inp-color4 > input[disabled], .euf-solid-theme .inp-color4 > input.disabled, .euf-solid-theme .inp-color4 > textarea:disabled, .euf-solid-theme .inp-color4 > textarea[disabled], .euf-solid-theme .inp-color4 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-red > input:disabled:focus, .euf-solid-theme .inp-red > input:disabled:hover, .euf-solid-theme .inp-red > input[disabled]:focus, .euf-solid-theme .inp-red > input[disabled]:hover, .euf-solid-theme .inp-red > input.disabled:focus, .euf-solid-theme .inp-red > input.disabled:hover, .euf-solid-theme .inp-red > textarea:disabled:focus, .euf-solid-theme .inp-red > textarea:disabled:hover, .euf-solid-theme .inp-red > textarea[disabled]:focus, .euf-solid-theme .inp-red > textarea[disabled]:hover, .euf-solid-theme .inp-red > textarea.disabled:focus, .euf-solid-theme .inp-red > textarea.disabled:hover, .euf-solid-theme .inp-color4 > input:disabled:focus, .euf-solid-theme .inp-color4 > input:disabled:hover, .euf-solid-theme .inp-color4 > input[disabled]:focus, .euf-solid-theme .inp-color4 > input[disabled]:hover, .euf-solid-theme .inp-color4 > input.disabled:focus, .euf-solid-theme .inp-color4 > input.disabled:hover, .euf-solid-theme .inp-color4 > textarea:disabled:focus, .euf-solid-theme .inp-color4 > textarea:disabled:hover, .euf-solid-theme .inp-color4 > textarea[disabled]:focus, .euf-solid-theme .inp-color4 > textarea[disabled]:hover, .euf-solid-theme .inp-color4 > textarea.disabled:focus, .euf-solid-theme .inp-color4 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-red-states, .euf-solid-theme .inp-color4-states {
  color: #d64031; }
  .euf-solid-theme .inp-red-states > input, .euf-solid-theme .inp-red-states > textarea, .euf-solid-theme .inp-color4-states > input, .euf-solid-theme .inp-color4-states > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-red-states > input:focus, .euf-solid-theme .inp-red-states > input:active, .euf-solid-theme .inp-red-states > input.active, .euf-solid-theme .inp-red-states > textarea:focus, .euf-solid-theme .inp-red-states > textarea:active, .euf-solid-theme .inp-red-states > textarea.active, .euf-solid-theme .inp-color4-states > input:focus, .euf-solid-theme .inp-color4-states > input:active, .euf-solid-theme .inp-color4-states > input.active, .euf-solid-theme .inp-color4-states > textarea:focus, .euf-solid-theme .inp-color4-states > textarea:active, .euf-solid-theme .inp-color4-states > textarea.active {
      background-color: transparent;
      border-color: #d64031; }
    .euf-solid-theme .inp-red-states > input:disabled, .euf-solid-theme .inp-red-states > input[disabled], .euf-solid-theme .inp-red-states > input.disabled, .euf-solid-theme .inp-red-states > textarea:disabled, .euf-solid-theme .inp-red-states > textarea[disabled], .euf-solid-theme .inp-red-states > textarea.disabled, .euf-solid-theme .inp-color4-states > input:disabled, .euf-solid-theme .inp-color4-states > input[disabled], .euf-solid-theme .inp-color4-states > input.disabled, .euf-solid-theme .inp-color4-states > textarea:disabled, .euf-solid-theme .inp-color4-states > textarea[disabled], .euf-solid-theme .inp-color4-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-red-states > input:disabled:focus, .euf-solid-theme .inp-red-states > input:disabled:hover, .euf-solid-theme .inp-red-states > input[disabled]:focus, .euf-solid-theme .inp-red-states > input[disabled]:hover, .euf-solid-theme .inp-red-states > input.disabled:focus, .euf-solid-theme .inp-red-states > input.disabled:hover, .euf-solid-theme .inp-red-states > textarea:disabled:focus, .euf-solid-theme .inp-red-states > textarea:disabled:hover, .euf-solid-theme .inp-red-states > textarea[disabled]:focus, .euf-solid-theme .inp-red-states > textarea[disabled]:hover, .euf-solid-theme .inp-red-states > textarea.disabled:focus, .euf-solid-theme .inp-red-states > textarea.disabled:hover, .euf-solid-theme .inp-color4-states > input:disabled:focus, .euf-solid-theme .inp-color4-states > input:disabled:hover, .euf-solid-theme .inp-color4-states > input[disabled]:focus, .euf-solid-theme .inp-color4-states > input[disabled]:hover, .euf-solid-theme .inp-color4-states > input.disabled:focus, .euf-solid-theme .inp-color4-states > input.disabled:hover, .euf-solid-theme .inp-color4-states > textarea:disabled:focus, .euf-solid-theme .inp-color4-states > textarea:disabled:hover, .euf-solid-theme .inp-color4-states > textarea[disabled]:focus, .euf-solid-theme .inp-color4-states > textarea[disabled]:hover, .euf-solid-theme .inp-color4-states > textarea.disabled:focus, .euf-solid-theme .inp-color4-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-pink, .euf-solid-theme .inp-color7 {
  color: #fe4a65; }
  .euf-solid-theme .inp-pink > input, .euf-solid-theme .inp-pink > textarea, .euf-solid-theme .inp-color7 > input, .euf-solid-theme .inp-color7 > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-pink > input:focus, .euf-solid-theme .inp-pink > input:active, .euf-solid-theme .inp-pink > input.active, .euf-solid-theme .inp-pink > textarea:focus, .euf-solid-theme .inp-pink > textarea:active, .euf-solid-theme .inp-pink > textarea.active, .euf-solid-theme .inp-color7 > input:focus, .euf-solid-theme .inp-color7 > input:active, .euf-solid-theme .inp-color7 > input.active, .euf-solid-theme .inp-color7 > textarea:focus, .euf-solid-theme .inp-color7 > textarea:active, .euf-solid-theme .inp-color7 > textarea.active {
      background-color: transparent;
      border-color: #fe4a65; }
    .euf-solid-theme .inp-pink > input:disabled, .euf-solid-theme .inp-pink > input[disabled], .euf-solid-theme .inp-pink > input.disabled, .euf-solid-theme .inp-pink > textarea:disabled, .euf-solid-theme .inp-pink > textarea[disabled], .euf-solid-theme .inp-pink > textarea.disabled, .euf-solid-theme .inp-color7 > input:disabled, .euf-solid-theme .inp-color7 > input[disabled], .euf-solid-theme .inp-color7 > input.disabled, .euf-solid-theme .inp-color7 > textarea:disabled, .euf-solid-theme .inp-color7 > textarea[disabled], .euf-solid-theme .inp-color7 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-pink > input:disabled:focus, .euf-solid-theme .inp-pink > input:disabled:hover, .euf-solid-theme .inp-pink > input[disabled]:focus, .euf-solid-theme .inp-pink > input[disabled]:hover, .euf-solid-theme .inp-pink > input.disabled:focus, .euf-solid-theme .inp-pink > input.disabled:hover, .euf-solid-theme .inp-pink > textarea:disabled:focus, .euf-solid-theme .inp-pink > textarea:disabled:hover, .euf-solid-theme .inp-pink > textarea[disabled]:focus, .euf-solid-theme .inp-pink > textarea[disabled]:hover, .euf-solid-theme .inp-pink > textarea.disabled:focus, .euf-solid-theme .inp-pink > textarea.disabled:hover, .euf-solid-theme .inp-color7 > input:disabled:focus, .euf-solid-theme .inp-color7 > input:disabled:hover, .euf-solid-theme .inp-color7 > input[disabled]:focus, .euf-solid-theme .inp-color7 > input[disabled]:hover, .euf-solid-theme .inp-color7 > input.disabled:focus, .euf-solid-theme .inp-color7 > input.disabled:hover, .euf-solid-theme .inp-color7 > textarea:disabled:focus, .euf-solid-theme .inp-color7 > textarea:disabled:hover, .euf-solid-theme .inp-color7 > textarea[disabled]:focus, .euf-solid-theme .inp-color7 > textarea[disabled]:hover, .euf-solid-theme .inp-color7 > textarea.disabled:focus, .euf-solid-theme .inp-color7 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-pink-states, .euf-solid-theme .inp-color7-states {
  color: #e03e56; }
  .euf-solid-theme .inp-pink-states > input, .euf-solid-theme .inp-pink-states > textarea, .euf-solid-theme .inp-color7-states > input, .euf-solid-theme .inp-color7-states > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-pink-states > input:focus, .euf-solid-theme .inp-pink-states > input:active, .euf-solid-theme .inp-pink-states > input.active, .euf-solid-theme .inp-pink-states > textarea:focus, .euf-solid-theme .inp-pink-states > textarea:active, .euf-solid-theme .inp-pink-states > textarea.active, .euf-solid-theme .inp-color7-states > input:focus, .euf-solid-theme .inp-color7-states > input:active, .euf-solid-theme .inp-color7-states > input.active, .euf-solid-theme .inp-color7-states > textarea:focus, .euf-solid-theme .inp-color7-states > textarea:active, .euf-solid-theme .inp-color7-states > textarea.active {
      background-color: transparent;
      border-color: #e03e56; }
    .euf-solid-theme .inp-pink-states > input:disabled, .euf-solid-theme .inp-pink-states > input[disabled], .euf-solid-theme .inp-pink-states > input.disabled, .euf-solid-theme .inp-pink-states > textarea:disabled, .euf-solid-theme .inp-pink-states > textarea[disabled], .euf-solid-theme .inp-pink-states > textarea.disabled, .euf-solid-theme .inp-color7-states > input:disabled, .euf-solid-theme .inp-color7-states > input[disabled], .euf-solid-theme .inp-color7-states > input.disabled, .euf-solid-theme .inp-color7-states > textarea:disabled, .euf-solid-theme .inp-color7-states > textarea[disabled], .euf-solid-theme .inp-color7-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-pink-states > input:disabled:focus, .euf-solid-theme .inp-pink-states > input:disabled:hover, .euf-solid-theme .inp-pink-states > input[disabled]:focus, .euf-solid-theme .inp-pink-states > input[disabled]:hover, .euf-solid-theme .inp-pink-states > input.disabled:focus, .euf-solid-theme .inp-pink-states > input.disabled:hover, .euf-solid-theme .inp-pink-states > textarea:disabled:focus, .euf-solid-theme .inp-pink-states > textarea:disabled:hover, .euf-solid-theme .inp-pink-states > textarea[disabled]:focus, .euf-solid-theme .inp-pink-states > textarea[disabled]:hover, .euf-solid-theme .inp-pink-states > textarea.disabled:focus, .euf-solid-theme .inp-pink-states > textarea.disabled:hover, .euf-solid-theme .inp-color7-states > input:disabled:focus, .euf-solid-theme .inp-color7-states > input:disabled:hover, .euf-solid-theme .inp-color7-states > input[disabled]:focus, .euf-solid-theme .inp-color7-states > input[disabled]:hover, .euf-solid-theme .inp-color7-states > input.disabled:focus, .euf-solid-theme .inp-color7-states > input.disabled:hover, .euf-solid-theme .inp-color7-states > textarea:disabled:focus, .euf-solid-theme .inp-color7-states > textarea:disabled:hover, .euf-solid-theme .inp-color7-states > textarea[disabled]:focus, .euf-solid-theme .inp-color7-states > textarea[disabled]:hover, .euf-solid-theme .inp-color7-states > textarea.disabled:focus, .euf-solid-theme .inp-color7-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-purple, .euf-solid-theme .inp-color5 {
  color: #9b59b6; }
  .euf-solid-theme .inp-purple > input, .euf-solid-theme .inp-purple > textarea, .euf-solid-theme .inp-color5 > input, .euf-solid-theme .inp-color5 > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-purple > input:focus, .euf-solid-theme .inp-purple > input:active, .euf-solid-theme .inp-purple > input.active, .euf-solid-theme .inp-purple > textarea:focus, .euf-solid-theme .inp-purple > textarea:active, .euf-solid-theme .inp-purple > textarea.active, .euf-solid-theme .inp-color5 > input:focus, .euf-solid-theme .inp-color5 > input:active, .euf-solid-theme .inp-color5 > input.active, .euf-solid-theme .inp-color5 > textarea:focus, .euf-solid-theme .inp-color5 > textarea:active, .euf-solid-theme .inp-color5 > textarea.active {
      background-color: transparent;
      border-color: #9b59b6; }
    .euf-solid-theme .inp-purple > input:disabled, .euf-solid-theme .inp-purple > input[disabled], .euf-solid-theme .inp-purple > input.disabled, .euf-solid-theme .inp-purple > textarea:disabled, .euf-solid-theme .inp-purple > textarea[disabled], .euf-solid-theme .inp-purple > textarea.disabled, .euf-solid-theme .inp-color5 > input:disabled, .euf-solid-theme .inp-color5 > input[disabled], .euf-solid-theme .inp-color5 > input.disabled, .euf-solid-theme .inp-color5 > textarea:disabled, .euf-solid-theme .inp-color5 > textarea[disabled], .euf-solid-theme .inp-color5 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-purple > input:disabled:focus, .euf-solid-theme .inp-purple > input:disabled:hover, .euf-solid-theme .inp-purple > input[disabled]:focus, .euf-solid-theme .inp-purple > input[disabled]:hover, .euf-solid-theme .inp-purple > input.disabled:focus, .euf-solid-theme .inp-purple > input.disabled:hover, .euf-solid-theme .inp-purple > textarea:disabled:focus, .euf-solid-theme .inp-purple > textarea:disabled:hover, .euf-solid-theme .inp-purple > textarea[disabled]:focus, .euf-solid-theme .inp-purple > textarea[disabled]:hover, .euf-solid-theme .inp-purple > textarea.disabled:focus, .euf-solid-theme .inp-purple > textarea.disabled:hover, .euf-solid-theme .inp-color5 > input:disabled:focus, .euf-solid-theme .inp-color5 > input:disabled:hover, .euf-solid-theme .inp-color5 > input[disabled]:focus, .euf-solid-theme .inp-color5 > input[disabled]:hover, .euf-solid-theme .inp-color5 > input.disabled:focus, .euf-solid-theme .inp-color5 > input.disabled:hover, .euf-solid-theme .inp-color5 > textarea:disabled:focus, .euf-solid-theme .inp-color5 > textarea:disabled:hover, .euf-solid-theme .inp-color5 > textarea[disabled]:focus, .euf-solid-theme .inp-color5 > textarea[disabled]:hover, .euf-solid-theme .inp-color5 > textarea.disabled:focus, .euf-solid-theme .inp-color5 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .inp-purple-states, .euf-solid-theme .inp-color5-states {
  color: #9433a5; }
  .euf-solid-theme .inp-purple-states > input, .euf-solid-theme .inp-purple-states > textarea, .euf-solid-theme .inp-color5-states > input, .euf-solid-theme .inp-color5-states > textarea {
    border-color: default-color; }
    .euf-solid-theme .inp-purple-states > input:focus, .euf-solid-theme .inp-purple-states > input:active, .euf-solid-theme .inp-purple-states > input.active, .euf-solid-theme .inp-purple-states > textarea:focus, .euf-solid-theme .inp-purple-states > textarea:active, .euf-solid-theme .inp-purple-states > textarea.active, .euf-solid-theme .inp-color5-states > input:focus, .euf-solid-theme .inp-color5-states > input:active, .euf-solid-theme .inp-color5-states > input.active, .euf-solid-theme .inp-color5-states > textarea:focus, .euf-solid-theme .inp-color5-states > textarea:active, .euf-solid-theme .inp-color5-states > textarea.active {
      background-color: transparent;
      border-color: #9433a5; }
    .euf-solid-theme .inp-purple-states > input:disabled, .euf-solid-theme .inp-purple-states > input[disabled], .euf-solid-theme .inp-purple-states > input.disabled, .euf-solid-theme .inp-purple-states > textarea:disabled, .euf-solid-theme .inp-purple-states > textarea[disabled], .euf-solid-theme .inp-purple-states > textarea.disabled, .euf-solid-theme .inp-color5-states > input:disabled, .euf-solid-theme .inp-color5-states > input[disabled], .euf-solid-theme .inp-color5-states > input.disabled, .euf-solid-theme .inp-color5-states > textarea:disabled, .euf-solid-theme .inp-color5-states > textarea[disabled], .euf-solid-theme .inp-color5-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-solid-theme .inp-purple-states > input:disabled:focus, .euf-solid-theme .inp-purple-states > input:disabled:hover, .euf-solid-theme .inp-purple-states > input[disabled]:focus, .euf-solid-theme .inp-purple-states > input[disabled]:hover, .euf-solid-theme .inp-purple-states > input.disabled:focus, .euf-solid-theme .inp-purple-states > input.disabled:hover, .euf-solid-theme .inp-purple-states > textarea:disabled:focus, .euf-solid-theme .inp-purple-states > textarea:disabled:hover, .euf-solid-theme .inp-purple-states > textarea[disabled]:focus, .euf-solid-theme .inp-purple-states > textarea[disabled]:hover, .euf-solid-theme .inp-purple-states > textarea.disabled:focus, .euf-solid-theme .inp-purple-states > textarea.disabled:hover, .euf-solid-theme .inp-color5-states > input:disabled:focus, .euf-solid-theme .inp-color5-states > input:disabled:hover, .euf-solid-theme .inp-color5-states > input[disabled]:focus, .euf-solid-theme .inp-color5-states > input[disabled]:hover, .euf-solid-theme .inp-color5-states > input.disabled:focus, .euf-solid-theme .inp-color5-states > input.disabled:hover, .euf-solid-theme .inp-color5-states > textarea:disabled:focus, .euf-solid-theme .inp-color5-states > textarea:disabled:hover, .euf-solid-theme .inp-color5-states > textarea[disabled]:focus, .euf-solid-theme .inp-color5-states > textarea[disabled]:hover, .euf-solid-theme .inp-color5-states > textarea.disabled:focus, .euf-solid-theme .inp-color5-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-solid-theme .color-container.ftospetrol div:before {
  content: "#3F5A63"; }

.euf-solid-theme .color-containerftospetrol div:before {
  content: "#3F5A63"; }

.euf-solid-theme .color-container.ftospetrol-states div:before {
  content: "#3c788c"; }

.euf-solid-theme .color-containerftospetrol-states div:before {
  content: "#3c788c"; }

.euf-solid-theme .color-container.ftosblue div:before {
  content: "#27AAE1"; }

.euf-solid-theme .color-containerftosblue div:before {
  content: "#27AAE1"; }

.euf-solid-theme .color-container.ftosblue-states div:before {
  content: "#1c98cc"; }

.euf-solid-theme .color-containerftosblue-states div:before {
  content: "#1c98cc"; }

.euf-solid-theme .color-container.default div:before {
  content: "#888888"; }

.euf-solid-theme .color-containerdefault div:before {
  content: "#888888"; }

.euf-solid-theme .color-container.default-states div:before {
  content: "#777777"; }

.euf-solid-theme .color-containerdefault-states div:before {
  content: "#777777"; }

.euf-solid-theme .color-container.blue div:before {
  content: "#0192ff"; }

.euf-solid-theme .color-containerblue div:before {
  content: "#0192ff"; }

.euf-solid-theme .color-container.blue-states div:before {
  content: "#2980b9"; }

.euf-solid-theme .color-containerblue-states div:before {
  content: "#2980b9"; }

.euf-solid-theme .color-container.green div:before {
  content: "#36c358"; }

.euf-solid-theme .color-containergreen div:before {
  content: "#36c358"; }

.euf-solid-theme .color-container.green-states div:before {
  content: "#049F0C"; }

.euf-solid-theme .color-containergreen-states div:before {
  content: "#049F0C"; }

.euf-solid-theme .color-container.azure div:before {
  content: "#2dbae7"; }

.euf-solid-theme .color-containerazure div:before {
  content: "#2dbae7"; }

.euf-solid-theme .color-container.azure-states div:before {
  content: "#29a9d2"; }

.euf-solid-theme .color-containerazure-states div:before {
  content: "#29a9d2"; }

.euf-solid-theme .color-container.orange div:before {
  content: "#fed201"; }

.euf-solid-theme .color-containerorange div:before {
  content: "#fed201"; }

.euf-solid-theme .color-container.orange-states div:before {
  content: "#FFC107"; }

.euf-solid-theme .color-containerorange-states div:before {
  content: "#FFC107"; }

.euf-solid-theme .color-container.red div:before {
  content: "#ff5534"; }

.euf-solid-theme .color-containerred div:before {
  content: "#ff5534"; }

.euf-solid-theme .color-container.red-states div:before {
  content: "#d64031"; }

.euf-solid-theme .color-containerred-states div:before {
  content: "#d64031"; }

.euf-solid-theme .color-container.pink div:before {
  content: "#fe4a65"; }

.euf-solid-theme .color-containerpink div:before {
  content: "#fe4a65"; }

.euf-solid-theme .color-container.pink-states div:before {
  content: "#e03e56"; }

.euf-solid-theme .color-containerpink-states div:before {
  content: "#e03e56"; }

.euf-solid-theme .color-container.purple div:before {
  content: "#9b59b6"; }

.euf-solid-theme .color-containerpurple div:before {
  content: "#9b59b6"; }

.euf-solid-theme .color-container.purple-states div:before {
  content: "#9433a5"; }

.euf-solid-theme .color-containerpurple-states div:before {
  content: "#9433a5"; }

.euf-solid-theme .has-error > input, .euf-solid-theme .has-error > textarea {
  border-color: #ff5534; }
  .euf-solid-theme .has-error > input:hover, .euf-solid-theme .has-error > input:focus, .euf-solid-theme .has-error > input:active, .euf-solid-theme .has-error > input.active, .euf-solid-theme .has-error > textarea:hover, .euf-solid-theme .has-error > textarea:focus, .euf-solid-theme .has-error > textarea:active, .euf-solid-theme .has-error > textarea.active {
    border-color: #d64031; }

.euf-solid-theme .has-success > input, .euf-solid-theme .has-success > textarea {
  border-color: #36c358; }
  .euf-solid-theme .has-success > input:hover, .euf-solid-theme .has-success > input:focus, .euf-solid-theme .has-success > input:active, .euf-solid-theme .has-success > input.active, .euf-solid-theme .has-success > textarea:hover, .euf-solid-theme .has-success > textarea:focus, .euf-solid-theme .has-success > textarea:active, .euf-solid-theme .has-success > textarea.active {
    border-color: #049F0C; }

.euf-solid-theme .radio {
  position: relative;
  display: inline-block;
  background-color: transparent;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  text-decoration: none;
  font-size: 1rem;
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
  -webkit-transition:;
  -moz-transition:;
  -ms-transition:;
  -o-transition:;
  transition:; }
  .euf-solid-theme .radio + .radio {
    /*margin-top: map(map($theme, radio),margin-top);*/
    margin-top: 0; }
  .euf-solid-theme .radio .disabled label, .euf-solid-theme .radio .disabled i {
    cursor: not-allowed; }
  .euf-solid-theme .radio label {
    position: relative;
    text-align: left;
    display: block;
    padding-left: 2rem;
    min-height: 1.25rem;
    font-weight: 400; }
    .euf-solid-theme .radio label small {
      display: inherit;
      font-size: 85%;
      margin-top: .5rem; }
  .euf-solid-theme .radio input {
    position: absolute;
    opacity: 0;
    left: 0;
    margin-left: -1.25rem; }
    .euf-solid-theme .radio input:checked ~ .helper::after {
      -webkit-transform: scale(0.5);
      transform: scale(0.5); }
    .euf-solid-theme .radio input:not(:checked) ~ .flag {
      opacity: .9;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%); }
  .euf-solid-theme .radio .helper {
    position: absolute;
    display: block;
    user-select: none;
    top: -0.25rem;
    left: -0.25rem; }
    .euf-solid-theme .radio .helper::before, .euf-solid-theme .radio .helper::after {
      content: '';
      position: absolute;
      left: 0.2rem;
      top: 0;
      margin: 0.1rem 0 0 0;
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 50%;
      border: 0.12rem solid #a0a0a2;
      -webkit-transition: -webkit-transform 0.28s ease;
      transition: -webkit-transform 0.28s ease;
      transition: transform 0.28s ease;
      transition: transform 0.28s ease, -webkit-transform 0.28s ease; }
    .euf-solid-theme .radio .helper::after {
      -webkit-transform: scale(0);
      transform: scale(0); }
  .euf-solid-theme .radio.radio-sm .helper {
    top: -0.1rem; }
    .euf-solid-theme .radio.radio-sm .helper:after, .euf-solid-theme .radio.radio-sm .helper:before {
      width: 1.2rem;
      height: 1.2rem; }
  .euf-solid-theme .radio input:disabled ~ .helper::before, .euf-solid-theme .radio input[disabled] ~ .helper::before, .euf-solid-theme .radio input.disabled ~ .helper::before {
    color: #d2c7c7;
    border-color: #d2c7c7; }
  .euf-solid-theme .radio input:disabled:checked ~ .helper::after, .euf-solid-theme .radio input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio input.disabled:checked ~ .helper::after {
    background-color: #d2c7c7;
    border-color: #d2c7c7; }
  .euf-solid-theme .radio input:checked ~ .helper::before {
    color: #95a5a6; }
  .euf-solid-theme .radio .helper::after {
    border-color: #95a5a6;
    background-color: #95a5a6; }
  .euf-solid-theme .radio:hover, .euf-solid-theme .radio:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    outline: 0 !important; }
  .euf-solid-theme .radio:active, .euf-solid-theme .radio.active,
  .open > .euf-solid-theme .radio.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important; }

.euf-solid-theme .radio-ftospetrol input:disabled ~ .helper::before, .euf-solid-theme .radio-ftospetrol input[disabled] ~ .helper::before, .euf-solid-theme .radio-ftospetrol input.disabled ~ .helper::before, .euf-solid-theme .radio-color10 input:disabled ~ .helper::before, .euf-solid-theme .radio-color10 input[disabled] ~ .helper::before, .euf-solid-theme .radio-color10 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-ftospetrol input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-ftospetrol input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-ftospetrol input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color10 input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color10 input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color10 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-ftospetrol input:checked ~ .helper::before, .euf-solid-theme .radio-color10 input:checked ~ .helper::before {
  color: #3F5A63; }

.euf-solid-theme .radio-ftospetrol .helper::after, .euf-solid-theme .radio-color10 .helper::after {
  border-color: #3F5A63;
  background-color: #3F5A63; }

.euf-solid-theme .radio-ftospetrol-states input:disabled ~ .helper::before, .euf-solid-theme .radio-ftospetrol-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-ftospetrol-states input.disabled ~ .helper::before, .euf-solid-theme .radio-color10-states input:disabled ~ .helper::before, .euf-solid-theme .radio-color10-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-color10-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-ftospetrol-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-ftospetrol-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-ftospetrol-states input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color10-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color10-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color10-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-ftospetrol-states input:checked ~ .helper::before, .euf-solid-theme .radio-color10-states input:checked ~ .helper::before {
  color: #3c788c; }

.euf-solid-theme .radio-ftospetrol-states .helper::after, .euf-solid-theme .radio-color10-states .helper::after {
  border-color: #3c788c;
  background-color: #3c788c; }

.euf-solid-theme .radio-ftosblue input:disabled ~ .helper::before, .euf-solid-theme .radio-ftosblue input[disabled] ~ .helper::before, .euf-solid-theme .radio-ftosblue input.disabled ~ .helper::before, .euf-solid-theme .radio-color9 input:disabled ~ .helper::before, .euf-solid-theme .radio-color9 input[disabled] ~ .helper::before, .euf-solid-theme .radio-color9 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-ftosblue input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-ftosblue input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-ftosblue input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color9 input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color9 input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color9 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-ftosblue input:checked ~ .helper::before, .euf-solid-theme .radio-color9 input:checked ~ .helper::before {
  color: #27AAE1; }

.euf-solid-theme .radio-ftosblue .helper::after, .euf-solid-theme .radio-color9 .helper::after {
  border-color: #27AAE1;
  background-color: #27AAE1; }

.euf-solid-theme .radio-ftosblue-states input:disabled ~ .helper::before, .euf-solid-theme .radio-ftosblue-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-ftosblue-states input.disabled ~ .helper::before, .euf-solid-theme .radio-color9-states input:disabled ~ .helper::before, .euf-solid-theme .radio-color9-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-color9-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-ftosblue-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-ftosblue-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-ftosblue-states input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color9-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color9-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color9-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-ftosblue-states input:checked ~ .helper::before, .euf-solid-theme .radio-color9-states input:checked ~ .helper::before {
  color: #1c98cc; }

.euf-solid-theme .radio-ftosblue-states .helper::after, .euf-solid-theme .radio-color9-states .helper::after {
  border-color: #1c98cc;
  background-color: #1c98cc; }

.euf-solid-theme .radio-default input:disabled ~ .helper::before, .euf-solid-theme .radio-default input[disabled] ~ .helper::before, .euf-solid-theme .radio-default input.disabled ~ .helper::before, .euf-solid-theme .radio-color8 input:disabled ~ .helper::before, .euf-solid-theme .radio-color8 input[disabled] ~ .helper::before, .euf-solid-theme .radio-color8 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-default input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-default input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-default input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color8 input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color8 input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color8 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-default input:checked ~ .helper::before, .euf-solid-theme .radio-color8 input:checked ~ .helper::before {
  color: #888888; }

.euf-solid-theme .radio-default .helper::after, .euf-solid-theme .radio-color8 .helper::after {
  border-color: #888888;
  background-color: #888888; }

.euf-solid-theme .radio-default-states input:disabled ~ .helper::before, .euf-solid-theme .radio-default-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-default-states input.disabled ~ .helper::before, .euf-solid-theme .radio-color8-states input:disabled ~ .helper::before, .euf-solid-theme .radio-color8-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-color8-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-default-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-default-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-default-states input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color8-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color8-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color8-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-default-states input:checked ~ .helper::before, .euf-solid-theme .radio-color8-states input:checked ~ .helper::before {
  color: #777777; }

.euf-solid-theme .radio-default-states .helper::after, .euf-solid-theme .radio-color8-states .helper::after {
  border-color: #777777;
  background-color: #777777; }

.euf-solid-theme .radio-blue input:disabled ~ .helper::before, .euf-solid-theme .radio-blue input[disabled] ~ .helper::before, .euf-solid-theme .radio-blue input.disabled ~ .helper::before, .euf-solid-theme .radio-color6 input:disabled ~ .helper::before, .euf-solid-theme .radio-color6 input[disabled] ~ .helper::before, .euf-solid-theme .radio-color6 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-blue input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-blue input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-blue input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color6 input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color6 input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color6 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-blue input:checked ~ .helper::before, .euf-solid-theme .radio-color6 input:checked ~ .helper::before {
  color: #0192ff; }

.euf-solid-theme .radio-blue .helper::after, .euf-solid-theme .radio-color6 .helper::after {
  border-color: #0192ff;
  background-color: #0192ff; }

.euf-solid-theme .radio-blue-states input:disabled ~ .helper::before, .euf-solid-theme .radio-blue-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-blue-states input.disabled ~ .helper::before, .euf-solid-theme .radio-color6-states input:disabled ~ .helper::before, .euf-solid-theme .radio-color6-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-color6-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-blue-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-blue-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-blue-states input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color6-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color6-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color6-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-blue-states input:checked ~ .helper::before, .euf-solid-theme .radio-color6-states input:checked ~ .helper::before {
  color: #2980b9; }

.euf-solid-theme .radio-blue-states .helper::after, .euf-solid-theme .radio-color6-states .helper::after {
  border-color: #2980b9;
  background-color: #2980b9; }

.euf-solid-theme .radio-green input:disabled ~ .helper::before, .euf-solid-theme .radio-green input[disabled] ~ .helper::before, .euf-solid-theme .radio-green input.disabled ~ .helper::before, .euf-solid-theme .radio-color2 input:disabled ~ .helper::before, .euf-solid-theme .radio-color2 input[disabled] ~ .helper::before, .euf-solid-theme .radio-color2 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-green input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-green input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-green input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color2 input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color2 input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color2 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-green input:checked ~ .helper::before, .euf-solid-theme .radio-color2 input:checked ~ .helper::before {
  color: #36c358; }

.euf-solid-theme .radio-green .helper::after, .euf-solid-theme .radio-color2 .helper::after {
  border-color: #36c358;
  background-color: #36c358; }

.euf-solid-theme .radio-green-states input:disabled ~ .helper::before, .euf-solid-theme .radio-green-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-green-states input.disabled ~ .helper::before, .euf-solid-theme .radio-color2-states input:disabled ~ .helper::before, .euf-solid-theme .radio-color2-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-color2-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-green-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-green-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-green-states input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color2-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color2-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color2-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-green-states input:checked ~ .helper::before, .euf-solid-theme .radio-color2-states input:checked ~ .helper::before {
  color: #049F0C; }

.euf-solid-theme .radio-green-states .helper::after, .euf-solid-theme .radio-color2-states .helper::after {
  border-color: #049F0C;
  background-color: #049F0C; }

.euf-solid-theme .radio-azure input:disabled ~ .helper::before, .euf-solid-theme .radio-azure input[disabled] ~ .helper::before, .euf-solid-theme .radio-azure input.disabled ~ .helper::before, .euf-solid-theme .radio-color1 input:disabled ~ .helper::before, .euf-solid-theme .radio-color1 input[disabled] ~ .helper::before, .euf-solid-theme .radio-color1 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-azure input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-azure input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-azure input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color1 input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color1 input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color1 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-azure input:checked ~ .helper::before, .euf-solid-theme .radio-color1 input:checked ~ .helper::before {
  color: #2dbae7; }

.euf-solid-theme .radio-azure .helper::after, .euf-solid-theme .radio-color1 .helper::after {
  border-color: #2dbae7;
  background-color: #2dbae7; }

.euf-solid-theme .radio-azure-states input:disabled ~ .helper::before, .euf-solid-theme .radio-azure-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-azure-states input.disabled ~ .helper::before, .euf-solid-theme .radio-color1-states input:disabled ~ .helper::before, .euf-solid-theme .radio-color1-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-color1-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-azure-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-azure-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-azure-states input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color1-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color1-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color1-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-azure-states input:checked ~ .helper::before, .euf-solid-theme .radio-color1-states input:checked ~ .helper::before {
  color: #29a9d2; }

.euf-solid-theme .radio-azure-states .helper::after, .euf-solid-theme .radio-color1-states .helper::after {
  border-color: #29a9d2;
  background-color: #29a9d2; }

.euf-solid-theme .radio-orange input:disabled ~ .helper::before, .euf-solid-theme .radio-orange input[disabled] ~ .helper::before, .euf-solid-theme .radio-orange input.disabled ~ .helper::before, .euf-solid-theme .radio-color3 input:disabled ~ .helper::before, .euf-solid-theme .radio-color3 input[disabled] ~ .helper::before, .euf-solid-theme .radio-color3 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-orange input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-orange input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-orange input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color3 input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color3 input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color3 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-orange input:checked ~ .helper::before, .euf-solid-theme .radio-color3 input:checked ~ .helper::before {
  color: #fed201; }

.euf-solid-theme .radio-orange .helper::after, .euf-solid-theme .radio-color3 .helper::after {
  border-color: #fed201;
  background-color: #fed201; }

.euf-solid-theme .radio-orange-states input:disabled ~ .helper::before, .euf-solid-theme .radio-orange-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-orange-states input.disabled ~ .helper::before, .euf-solid-theme .radio-color3-states input:disabled ~ .helper::before, .euf-solid-theme .radio-color3-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-color3-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-orange-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-orange-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-orange-states input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color3-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color3-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color3-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-orange-states input:checked ~ .helper::before, .euf-solid-theme .radio-color3-states input:checked ~ .helper::before {
  color: #FFC107; }

.euf-solid-theme .radio-orange-states .helper::after, .euf-solid-theme .radio-color3-states .helper::after {
  border-color: #FFC107;
  background-color: #FFC107; }

.euf-solid-theme .radio-red input:disabled ~ .helper::before, .euf-solid-theme .radio-red input[disabled] ~ .helper::before, .euf-solid-theme .radio-red input.disabled ~ .helper::before, .euf-solid-theme .radio-color4 input:disabled ~ .helper::before, .euf-solid-theme .radio-color4 input[disabled] ~ .helper::before, .euf-solid-theme .radio-color4 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-red input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-red input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-red input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color4 input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color4 input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color4 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-red input:checked ~ .helper::before, .euf-solid-theme .radio-color4 input:checked ~ .helper::before {
  color: #ff5534; }

.euf-solid-theme .radio-red .helper::after, .euf-solid-theme .radio-color4 .helper::after {
  border-color: #ff5534;
  background-color: #ff5534; }

.euf-solid-theme .radio-red-states input:disabled ~ .helper::before, .euf-solid-theme .radio-red-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-red-states input.disabled ~ .helper::before, .euf-solid-theme .radio-color4-states input:disabled ~ .helper::before, .euf-solid-theme .radio-color4-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-color4-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-red-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-red-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-red-states input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color4-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color4-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color4-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-red-states input:checked ~ .helper::before, .euf-solid-theme .radio-color4-states input:checked ~ .helper::before {
  color: #d64031; }

.euf-solid-theme .radio-red-states .helper::after, .euf-solid-theme .radio-color4-states .helper::after {
  border-color: #d64031;
  background-color: #d64031; }

.euf-solid-theme .radio-pink input:disabled ~ .helper::before, .euf-solid-theme .radio-pink input[disabled] ~ .helper::before, .euf-solid-theme .radio-pink input.disabled ~ .helper::before, .euf-solid-theme .radio-color7 input:disabled ~ .helper::before, .euf-solid-theme .radio-color7 input[disabled] ~ .helper::before, .euf-solid-theme .radio-color7 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-pink input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-pink input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-pink input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color7 input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color7 input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color7 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-pink input:checked ~ .helper::before, .euf-solid-theme .radio-color7 input:checked ~ .helper::before {
  color: #fe4a65; }

.euf-solid-theme .radio-pink .helper::after, .euf-solid-theme .radio-color7 .helper::after {
  border-color: #fe4a65;
  background-color: #fe4a65; }

.euf-solid-theme .radio-pink-states input:disabled ~ .helper::before, .euf-solid-theme .radio-pink-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-pink-states input.disabled ~ .helper::before, .euf-solid-theme .radio-color7-states input:disabled ~ .helper::before, .euf-solid-theme .radio-color7-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-color7-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-pink-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-pink-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-pink-states input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color7-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color7-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color7-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-pink-states input:checked ~ .helper::before, .euf-solid-theme .radio-color7-states input:checked ~ .helper::before {
  color: #e03e56; }

.euf-solid-theme .radio-pink-states .helper::after, .euf-solid-theme .radio-color7-states .helper::after {
  border-color: #e03e56;
  background-color: #e03e56; }

.euf-solid-theme .radio-purple input:disabled ~ .helper::before, .euf-solid-theme .radio-purple input[disabled] ~ .helper::before, .euf-solid-theme .radio-purple input.disabled ~ .helper::before, .euf-solid-theme .radio-color5 input:disabled ~ .helper::before, .euf-solid-theme .radio-color5 input[disabled] ~ .helper::before, .euf-solid-theme .radio-color5 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-purple input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-purple input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-purple input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color5 input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color5 input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color5 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-purple input:checked ~ .helper::before, .euf-solid-theme .radio-color5 input:checked ~ .helper::before {
  color: #9b59b6; }

.euf-solid-theme .radio-purple .helper::after, .euf-solid-theme .radio-color5 .helper::after {
  border-color: #9b59b6;
  background-color: #9b59b6; }

.euf-solid-theme .radio-purple-states input:disabled ~ .helper::before, .euf-solid-theme .radio-purple-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-purple-states input.disabled ~ .helper::before, .euf-solid-theme .radio-color5-states input:disabled ~ .helper::before, .euf-solid-theme .radio-color5-states input[disabled] ~ .helper::before, .euf-solid-theme .radio-color5-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-purple-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-purple-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-purple-states input.disabled:checked ~ .helper::after, .euf-solid-theme .radio-color5-states input:disabled:checked ~ .helper::after, .euf-solid-theme .radio-color5-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .radio-color5-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-solid-theme .radio-purple-states input:checked ~ .helper::before, .euf-solid-theme .radio-color5-states input:checked ~ .helper::before {
  color: #9433a5; }

.euf-solid-theme .radio-purple-states .helper::after, .euf-solid-theme .radio-color5-states .helper::after {
  border-color: #9433a5;
  background-color: #9433a5; }

.euf-solid-theme .checkbox {
  position: relative;
  display: inline-block;
  background-color: transparent;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  text-decoration: none;
  font-size: 1rem;
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
  -webkit-transition:;
  -moz-transition:;
  -ms-transition:;
  -o-transition:;
  transition:; }
  .euf-solid-theme .checkbox + .checkbox {
    margin-top: 1rem; }
  .euf-solid-theme .checkbox .disabled label, .euf-solid-theme .checkbox .disabled i {
    cursor: not-allowed; }
  .euf-solid-theme .checkbox label {
    position: relative;
    text-align: left;
    display: block;
    padding-left: 2rem;
    min-height: 1.25rem;
    font-weight: 400; }
  .euf-solid-theme .checkbox input {
    position: absolute;
    opacity: 0;
    left: 0;
    margin-left: -1.25rem; }
    .euf-solid-theme .checkbox input:checked ~ .helper::after {
      height: 0.6rem;
      opacity: 1;
      -webkit-transition: height 0.28s ease;
      transition: height 0.28s ease; }
    .euf-solid-theme .checkbox input:checked ~ .helper::before {
      height: 1.6rem;
      -webkit-transition-delay: 0.28s;
      transition-delay: 0.28s;
      opacity: 1;
      -webkit-transition: height 0.28s ease;
      transition: height 0.28s ease; }
  .euf-solid-theme .checkbox .helper {
    position: absolute;
    display: block;
    user-select: none;
    z-index: 0;
    margin: -0.15rem 0 0;
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    left: 0;
    border: 0.12rem solid #a0a0a2;
    border-radius: 0.0625rem;
    -webkit-transition: border-color 0.28s ease;
    transition: border-color 0.28s ease; }
    .euf-solid-theme .checkbox .helper::before, .euf-solid-theme .checkbox .helper::after {
      opacity: 0;
      content: '';
      position: absolute;
      display: block;
      -webkit-transform-origin: left top;
      transform-origin: left top;
      width: 0.3rem;
      height: 0rem;
      border-radius: 0.25rem;
      -webkit-transition: opacity 0.28s ease,height 0s linear 0.28s;
      transition: opacity 0.28s ease,height 0s linear 0.28s; }
    .euf-solid-theme .checkbox .helper::after {
      top: 0.6rem;
      left: 0;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .euf-solid-theme .checkbox .helper::before {
      top: 1.1rem;
      left: 0.5rem;
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg);
      box-shadow: 0 0 0 0.0625rem #fff; }
  .euf-solid-theme .checkbox input:disabled ~ .helper, .euf-solid-theme .checkbox input[disabled] ~ .helper, .euf-solid-theme .checkbox input.disabled ~ .helper {
    border-color: #d2c7c7; }
    .euf-solid-theme .checkbox input:disabled ~ .helper::before, .euf-solid-theme .checkbox input:disabled ~ .helper::after, .euf-solid-theme .checkbox input[disabled] ~ .helper::before, .euf-solid-theme .checkbox input[disabled] ~ .helper::after, .euf-solid-theme .checkbox input.disabled ~ .helper::before, .euf-solid-theme .checkbox input.disabled ~ .helper::after {
      background-color: #d2c7c7; }
  .euf-solid-theme .checkbox input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox input.disabled:checked ~ .helper::after {
    background-color: #d2c7c7; }
  .euf-solid-theme .checkbox input:checked ~ .helper {
    color: #95a5a6; }
    .euf-solid-theme .checkbox input:checked ~ .helper::before, .euf-solid-theme .checkbox input:checked ~ .helper::after {
      background-color: #95a5a6; }
  .euf-solid-theme .checkbox .helper::after, .euf-solid-theme .checkbox .helper::before {
    background-color: #95a5a6; }
  .euf-solid-theme .checkbox:hover, .euf-solid-theme .checkbox:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    outline: 0 !important; }
  .euf-solid-theme .checkbox:active, .euf-solid-theme .checkbox.active,
  .open > .euf-solid-theme .checkbox.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important; }
  .euf-solid-theme .checkbox.checkbox-sm .helper {
    width: 1.2rem !important;
    height: 1.2rem !important; }
    .euf-solid-theme .checkbox.checkbox-sm .helper:after {
      top: .4rem !important; }
    .euf-solid-theme .checkbox.checkbox-sm .helper:before {
      height: 1.1rem !important;
      top: .8rem !important; }

.euf-solid-theme .checkbox-ftospetrol input:disabled ~ .helper, .euf-solid-theme .checkbox-ftospetrol input[disabled] ~ .helper, .euf-solid-theme .checkbox-ftospetrol input.disabled ~ .helper, .euf-solid-theme .checkbox-color10 input:disabled ~ .helper, .euf-solid-theme .checkbox-color10 input[disabled] ~ .helper, .euf-solid-theme .checkbox-color10 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-ftospetrol input:disabled ~ .helper::before, .euf-solid-theme .checkbox-ftospetrol input:disabled ~ .helper::after, .euf-solid-theme .checkbox-ftospetrol input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-ftospetrol input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-ftospetrol input.disabled ~ .helper::before, .euf-solid-theme .checkbox-ftospetrol input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color10 input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color10 input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color10 input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color10 input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color10 input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color10 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-ftospetrol input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-ftospetrol input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-ftospetrol input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-ftospetrol input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-ftospetrol input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-ftospetrol input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color10 input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color10 input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color10 input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color10 input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color10 input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color10 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-ftospetrol input:checked ~ .helper, .euf-solid-theme .checkbox-color10 input:checked ~ .helper {
  color: #3F5A63; }
  .euf-solid-theme .checkbox-ftospetrol input:checked ~ .helper::before, .euf-solid-theme .checkbox-ftospetrol input:checked ~ .helper::after, .euf-solid-theme .checkbox-color10 input:checked ~ .helper::before, .euf-solid-theme .checkbox-color10 input:checked ~ .helper::after {
    background-color: #3F5A63; }

.euf-solid-theme .checkbox-ftospetrol .helper::after, .euf-solid-theme .checkbox-ftospetrol .helper::before, .euf-solid-theme .checkbox-color10 .helper::after, .euf-solid-theme .checkbox-color10 .helper::before {
  background-color: #3F5A63; }

.euf-solid-theme .checkbox-ftospetrol-states input:disabled ~ .helper, .euf-solid-theme .checkbox-ftospetrol-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-ftospetrol-states input.disabled ~ .helper, .euf-solid-theme .checkbox-color10-states input:disabled ~ .helper, .euf-solid-theme .checkbox-color10-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-color10-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-ftospetrol-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-ftospetrol-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-ftospetrol-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-ftospetrol-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-ftospetrol-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-ftospetrol-states input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color10-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color10-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color10-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color10-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color10-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color10-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-ftospetrol-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-ftospetrol-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-ftospetrol-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-ftospetrol-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-ftospetrol-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-ftospetrol-states input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color10-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color10-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color10-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color10-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color10-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color10-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-ftospetrol-states input:checked ~ .helper, .euf-solid-theme .checkbox-color10-states input:checked ~ .helper {
  color: #3c788c; }
  .euf-solid-theme .checkbox-ftospetrol-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-ftospetrol-states input:checked ~ .helper::after, .euf-solid-theme .checkbox-color10-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-color10-states input:checked ~ .helper::after {
    background-color: #3c788c; }

.euf-solid-theme .checkbox-ftospetrol-states .helper::after, .euf-solid-theme .checkbox-ftospetrol-states .helper::before, .euf-solid-theme .checkbox-color10-states .helper::after, .euf-solid-theme .checkbox-color10-states .helper::before {
  background-color: #3c788c; }

.euf-solid-theme .checkbox-ftosblue input:disabled ~ .helper, .euf-solid-theme .checkbox-ftosblue input[disabled] ~ .helper, .euf-solid-theme .checkbox-ftosblue input.disabled ~ .helper, .euf-solid-theme .checkbox-color9 input:disabled ~ .helper, .euf-solid-theme .checkbox-color9 input[disabled] ~ .helper, .euf-solid-theme .checkbox-color9 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-ftosblue input:disabled ~ .helper::before, .euf-solid-theme .checkbox-ftosblue input:disabled ~ .helper::after, .euf-solid-theme .checkbox-ftosblue input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-ftosblue input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-ftosblue input.disabled ~ .helper::before, .euf-solid-theme .checkbox-ftosblue input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color9 input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color9 input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color9 input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color9 input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color9 input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color9 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-ftosblue input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-ftosblue input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-ftosblue input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-ftosblue input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-ftosblue input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-ftosblue input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color9 input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color9 input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color9 input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color9 input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color9 input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color9 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-ftosblue input:checked ~ .helper, .euf-solid-theme .checkbox-color9 input:checked ~ .helper {
  color: #27AAE1; }
  .euf-solid-theme .checkbox-ftosblue input:checked ~ .helper::before, .euf-solid-theme .checkbox-ftosblue input:checked ~ .helper::after, .euf-solid-theme .checkbox-color9 input:checked ~ .helper::before, .euf-solid-theme .checkbox-color9 input:checked ~ .helper::after {
    background-color: #27AAE1; }

.euf-solid-theme .checkbox-ftosblue .helper::after, .euf-solid-theme .checkbox-ftosblue .helper::before, .euf-solid-theme .checkbox-color9 .helper::after, .euf-solid-theme .checkbox-color9 .helper::before {
  background-color: #27AAE1; }

.euf-solid-theme .checkbox-ftosblue-states input:disabled ~ .helper, .euf-solid-theme .checkbox-ftosblue-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-ftosblue-states input.disabled ~ .helper, .euf-solid-theme .checkbox-color9-states input:disabled ~ .helper, .euf-solid-theme .checkbox-color9-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-color9-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-ftosblue-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-ftosblue-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-ftosblue-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-ftosblue-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-ftosblue-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-ftosblue-states input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color9-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color9-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color9-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color9-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color9-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color9-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-ftosblue-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-ftosblue-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-ftosblue-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-ftosblue-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-ftosblue-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-ftosblue-states input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color9-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color9-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color9-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color9-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color9-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color9-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-ftosblue-states input:checked ~ .helper, .euf-solid-theme .checkbox-color9-states input:checked ~ .helper {
  color: #1c98cc; }
  .euf-solid-theme .checkbox-ftosblue-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-ftosblue-states input:checked ~ .helper::after, .euf-solid-theme .checkbox-color9-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-color9-states input:checked ~ .helper::after {
    background-color: #1c98cc; }

.euf-solid-theme .checkbox-ftosblue-states .helper::after, .euf-solid-theme .checkbox-ftosblue-states .helper::before, .euf-solid-theme .checkbox-color9-states .helper::after, .euf-solid-theme .checkbox-color9-states .helper::before {
  background-color: #1c98cc; }

.euf-solid-theme .checkbox-default input:disabled ~ .helper, .euf-solid-theme .checkbox-default input[disabled] ~ .helper, .euf-solid-theme .checkbox-default input.disabled ~ .helper, .euf-solid-theme .checkbox-color8 input:disabled ~ .helper, .euf-solid-theme .checkbox-color8 input[disabled] ~ .helper, .euf-solid-theme .checkbox-color8 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-default input:disabled ~ .helper::before, .euf-solid-theme .checkbox-default input:disabled ~ .helper::after, .euf-solid-theme .checkbox-default input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-default input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-default input.disabled ~ .helper::before, .euf-solid-theme .checkbox-default input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color8 input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color8 input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color8 input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color8 input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color8 input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color8 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-default input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-default input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-default input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-default input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-default input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-default input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color8 input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color8 input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color8 input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color8 input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color8 input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color8 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-default input:checked ~ .helper, .euf-solid-theme .checkbox-color8 input:checked ~ .helper {
  color: #888888; }
  .euf-solid-theme .checkbox-default input:checked ~ .helper::before, .euf-solid-theme .checkbox-default input:checked ~ .helper::after, .euf-solid-theme .checkbox-color8 input:checked ~ .helper::before, .euf-solid-theme .checkbox-color8 input:checked ~ .helper::after {
    background-color: #888888; }

.euf-solid-theme .checkbox-default .helper::after, .euf-solid-theme .checkbox-default .helper::before, .euf-solid-theme .checkbox-color8 .helper::after, .euf-solid-theme .checkbox-color8 .helper::before {
  background-color: #888888; }

.euf-solid-theme .checkbox-default-states input:disabled ~ .helper, .euf-solid-theme .checkbox-default-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-default-states input.disabled ~ .helper, .euf-solid-theme .checkbox-color8-states input:disabled ~ .helper, .euf-solid-theme .checkbox-color8-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-color8-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-default-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-default-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-default-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-default-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-default-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-default-states input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color8-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color8-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color8-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color8-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color8-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color8-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-default-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-default-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-default-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-default-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-default-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-default-states input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color8-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color8-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color8-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color8-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color8-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color8-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-default-states input:checked ~ .helper, .euf-solid-theme .checkbox-color8-states input:checked ~ .helper {
  color: #777777; }
  .euf-solid-theme .checkbox-default-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-default-states input:checked ~ .helper::after, .euf-solid-theme .checkbox-color8-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-color8-states input:checked ~ .helper::after {
    background-color: #777777; }

.euf-solid-theme .checkbox-default-states .helper::after, .euf-solid-theme .checkbox-default-states .helper::before, .euf-solid-theme .checkbox-color8-states .helper::after, .euf-solid-theme .checkbox-color8-states .helper::before {
  background-color: #777777; }

.euf-solid-theme .checkbox-blue input:disabled ~ .helper, .euf-solid-theme .checkbox-blue input[disabled] ~ .helper, .euf-solid-theme .checkbox-blue input.disabled ~ .helper, .euf-solid-theme .checkbox-color6 input:disabled ~ .helper, .euf-solid-theme .checkbox-color6 input[disabled] ~ .helper, .euf-solid-theme .checkbox-color6 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-blue input:disabled ~ .helper::before, .euf-solid-theme .checkbox-blue input:disabled ~ .helper::after, .euf-solid-theme .checkbox-blue input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-blue input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-blue input.disabled ~ .helper::before, .euf-solid-theme .checkbox-blue input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color6 input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color6 input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color6 input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color6 input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color6 input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color6 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-blue input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-blue input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-blue input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-blue input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-blue input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-blue input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color6 input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color6 input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color6 input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color6 input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color6 input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color6 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-blue input:checked ~ .helper, .euf-solid-theme .checkbox-color6 input:checked ~ .helper {
  color: #0192ff; }
  .euf-solid-theme .checkbox-blue input:checked ~ .helper::before, .euf-solid-theme .checkbox-blue input:checked ~ .helper::after, .euf-solid-theme .checkbox-color6 input:checked ~ .helper::before, .euf-solid-theme .checkbox-color6 input:checked ~ .helper::after {
    background-color: #0192ff; }

.euf-solid-theme .checkbox-blue .helper::after, .euf-solid-theme .checkbox-blue .helper::before, .euf-solid-theme .checkbox-color6 .helper::after, .euf-solid-theme .checkbox-color6 .helper::before {
  background-color: #0192ff; }

.euf-solid-theme .checkbox-blue-states input:disabled ~ .helper, .euf-solid-theme .checkbox-blue-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-blue-states input.disabled ~ .helper, .euf-solid-theme .checkbox-color6-states input:disabled ~ .helper, .euf-solid-theme .checkbox-color6-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-color6-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-blue-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-blue-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-blue-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-blue-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-blue-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-blue-states input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color6-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color6-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color6-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color6-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color6-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color6-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-blue-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-blue-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-blue-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-blue-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-blue-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-blue-states input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color6-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color6-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color6-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color6-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color6-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color6-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-blue-states input:checked ~ .helper, .euf-solid-theme .checkbox-color6-states input:checked ~ .helper {
  color: #2980b9; }
  .euf-solid-theme .checkbox-blue-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-blue-states input:checked ~ .helper::after, .euf-solid-theme .checkbox-color6-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-color6-states input:checked ~ .helper::after {
    background-color: #2980b9; }

.euf-solid-theme .checkbox-blue-states .helper::after, .euf-solid-theme .checkbox-blue-states .helper::before, .euf-solid-theme .checkbox-color6-states .helper::after, .euf-solid-theme .checkbox-color6-states .helper::before {
  background-color: #2980b9; }

.euf-solid-theme .checkbox-green input:disabled ~ .helper, .euf-solid-theme .checkbox-green input[disabled] ~ .helper, .euf-solid-theme .checkbox-green input.disabled ~ .helper, .euf-solid-theme .checkbox-color2 input:disabled ~ .helper, .euf-solid-theme .checkbox-color2 input[disabled] ~ .helper, .euf-solid-theme .checkbox-color2 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-green input:disabled ~ .helper::before, .euf-solid-theme .checkbox-green input:disabled ~ .helper::after, .euf-solid-theme .checkbox-green input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-green input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-green input.disabled ~ .helper::before, .euf-solid-theme .checkbox-green input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color2 input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color2 input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color2 input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color2 input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color2 input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color2 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-green input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-green input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-green input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-green input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-green input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-green input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color2 input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color2 input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color2 input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color2 input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color2 input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color2 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-green input:checked ~ .helper, .euf-solid-theme .checkbox-color2 input:checked ~ .helper {
  color: #36c358; }
  .euf-solid-theme .checkbox-green input:checked ~ .helper::before, .euf-solid-theme .checkbox-green input:checked ~ .helper::after, .euf-solid-theme .checkbox-color2 input:checked ~ .helper::before, .euf-solid-theme .checkbox-color2 input:checked ~ .helper::after {
    background-color: #36c358; }

.euf-solid-theme .checkbox-green .helper::after, .euf-solid-theme .checkbox-green .helper::before, .euf-solid-theme .checkbox-color2 .helper::after, .euf-solid-theme .checkbox-color2 .helper::before {
  background-color: #36c358; }

.euf-solid-theme .checkbox-green-states input:disabled ~ .helper, .euf-solid-theme .checkbox-green-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-green-states input.disabled ~ .helper, .euf-solid-theme .checkbox-color2-states input:disabled ~ .helper, .euf-solid-theme .checkbox-color2-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-color2-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-green-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-green-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-green-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-green-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-green-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-green-states input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color2-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color2-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color2-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color2-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color2-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color2-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-green-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-green-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-green-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-green-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-green-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-green-states input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color2-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color2-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color2-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color2-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color2-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color2-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-green-states input:checked ~ .helper, .euf-solid-theme .checkbox-color2-states input:checked ~ .helper {
  color: #049F0C; }
  .euf-solid-theme .checkbox-green-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-green-states input:checked ~ .helper::after, .euf-solid-theme .checkbox-color2-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-color2-states input:checked ~ .helper::after {
    background-color: #049F0C; }

.euf-solid-theme .checkbox-green-states .helper::after, .euf-solid-theme .checkbox-green-states .helper::before, .euf-solid-theme .checkbox-color2-states .helper::after, .euf-solid-theme .checkbox-color2-states .helper::before {
  background-color: #049F0C; }

.euf-solid-theme .checkbox-azure input:disabled ~ .helper, .euf-solid-theme .checkbox-azure input[disabled] ~ .helper, .euf-solid-theme .checkbox-azure input.disabled ~ .helper, .euf-solid-theme .checkbox-color1 input:disabled ~ .helper, .euf-solid-theme .checkbox-color1 input[disabled] ~ .helper, .euf-solid-theme .checkbox-color1 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-azure input:disabled ~ .helper::before, .euf-solid-theme .checkbox-azure input:disabled ~ .helper::after, .euf-solid-theme .checkbox-azure input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-azure input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-azure input.disabled ~ .helper::before, .euf-solid-theme .checkbox-azure input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color1 input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color1 input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color1 input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color1 input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color1 input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color1 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-azure input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-azure input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-azure input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-azure input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-azure input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-azure input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color1 input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color1 input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color1 input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color1 input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color1 input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color1 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-azure input:checked ~ .helper, .euf-solid-theme .checkbox-color1 input:checked ~ .helper {
  color: #2dbae7; }
  .euf-solid-theme .checkbox-azure input:checked ~ .helper::before, .euf-solid-theme .checkbox-azure input:checked ~ .helper::after, .euf-solid-theme .checkbox-color1 input:checked ~ .helper::before, .euf-solid-theme .checkbox-color1 input:checked ~ .helper::after {
    background-color: #2dbae7; }

.euf-solid-theme .checkbox-azure .helper::after, .euf-solid-theme .checkbox-azure .helper::before, .euf-solid-theme .checkbox-color1 .helper::after, .euf-solid-theme .checkbox-color1 .helper::before {
  background-color: #2dbae7; }

.euf-solid-theme .checkbox-azure-states input:disabled ~ .helper, .euf-solid-theme .checkbox-azure-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-azure-states input.disabled ~ .helper, .euf-solid-theme .checkbox-color1-states input:disabled ~ .helper, .euf-solid-theme .checkbox-color1-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-color1-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-azure-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-azure-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-azure-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-azure-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-azure-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-azure-states input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color1-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color1-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color1-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color1-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color1-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color1-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-azure-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-azure-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-azure-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-azure-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-azure-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-azure-states input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color1-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color1-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color1-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color1-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color1-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color1-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-azure-states input:checked ~ .helper, .euf-solid-theme .checkbox-color1-states input:checked ~ .helper {
  color: #29a9d2; }
  .euf-solid-theme .checkbox-azure-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-azure-states input:checked ~ .helper::after, .euf-solid-theme .checkbox-color1-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-color1-states input:checked ~ .helper::after {
    background-color: #29a9d2; }

.euf-solid-theme .checkbox-azure-states .helper::after, .euf-solid-theme .checkbox-azure-states .helper::before, .euf-solid-theme .checkbox-color1-states .helper::after, .euf-solid-theme .checkbox-color1-states .helper::before {
  background-color: #29a9d2; }

.euf-solid-theme .checkbox-orange input:disabled ~ .helper, .euf-solid-theme .checkbox-orange input[disabled] ~ .helper, .euf-solid-theme .checkbox-orange input.disabled ~ .helper, .euf-solid-theme .checkbox-color3 input:disabled ~ .helper, .euf-solid-theme .checkbox-color3 input[disabled] ~ .helper, .euf-solid-theme .checkbox-color3 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-orange input:disabled ~ .helper::before, .euf-solid-theme .checkbox-orange input:disabled ~ .helper::after, .euf-solid-theme .checkbox-orange input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-orange input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-orange input.disabled ~ .helper::before, .euf-solid-theme .checkbox-orange input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color3 input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color3 input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color3 input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color3 input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color3 input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color3 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-orange input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-orange input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-orange input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-orange input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-orange input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-orange input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color3 input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color3 input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color3 input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color3 input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color3 input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color3 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-orange input:checked ~ .helper, .euf-solid-theme .checkbox-color3 input:checked ~ .helper {
  color: #fed201; }
  .euf-solid-theme .checkbox-orange input:checked ~ .helper::before, .euf-solid-theme .checkbox-orange input:checked ~ .helper::after, .euf-solid-theme .checkbox-color3 input:checked ~ .helper::before, .euf-solid-theme .checkbox-color3 input:checked ~ .helper::after {
    background-color: #fed201; }

.euf-solid-theme .checkbox-orange .helper::after, .euf-solid-theme .checkbox-orange .helper::before, .euf-solid-theme .checkbox-color3 .helper::after, .euf-solid-theme .checkbox-color3 .helper::before {
  background-color: #fed201; }

.euf-solid-theme .checkbox-orange-states input:disabled ~ .helper, .euf-solid-theme .checkbox-orange-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-orange-states input.disabled ~ .helper, .euf-solid-theme .checkbox-color3-states input:disabled ~ .helper, .euf-solid-theme .checkbox-color3-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-color3-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-orange-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-orange-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-orange-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-orange-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-orange-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-orange-states input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color3-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color3-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color3-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color3-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color3-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color3-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-orange-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-orange-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-orange-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-orange-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-orange-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-orange-states input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color3-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color3-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color3-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color3-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color3-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color3-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-orange-states input:checked ~ .helper, .euf-solid-theme .checkbox-color3-states input:checked ~ .helper {
  color: #FFC107; }
  .euf-solid-theme .checkbox-orange-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-orange-states input:checked ~ .helper::after, .euf-solid-theme .checkbox-color3-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-color3-states input:checked ~ .helper::after {
    background-color: #FFC107; }

.euf-solid-theme .checkbox-orange-states .helper::after, .euf-solid-theme .checkbox-orange-states .helper::before, .euf-solid-theme .checkbox-color3-states .helper::after, .euf-solid-theme .checkbox-color3-states .helper::before {
  background-color: #FFC107; }

.euf-solid-theme .checkbox-red input:disabled ~ .helper, .euf-solid-theme .checkbox-red input[disabled] ~ .helper, .euf-solid-theme .checkbox-red input.disabled ~ .helper, .euf-solid-theme .checkbox-color4 input:disabled ~ .helper, .euf-solid-theme .checkbox-color4 input[disabled] ~ .helper, .euf-solid-theme .checkbox-color4 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-red input:disabled ~ .helper::before, .euf-solid-theme .checkbox-red input:disabled ~ .helper::after, .euf-solid-theme .checkbox-red input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-red input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-red input.disabled ~ .helper::before, .euf-solid-theme .checkbox-red input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color4 input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color4 input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color4 input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color4 input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color4 input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color4 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-red input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-red input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-red input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-red input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-red input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-red input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color4 input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color4 input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color4 input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color4 input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color4 input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color4 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-red input:checked ~ .helper, .euf-solid-theme .checkbox-color4 input:checked ~ .helper {
  color: #ff5534; }
  .euf-solid-theme .checkbox-red input:checked ~ .helper::before, .euf-solid-theme .checkbox-red input:checked ~ .helper::after, .euf-solid-theme .checkbox-color4 input:checked ~ .helper::before, .euf-solid-theme .checkbox-color4 input:checked ~ .helper::after {
    background-color: #ff5534; }

.euf-solid-theme .checkbox-red .helper::after, .euf-solid-theme .checkbox-red .helper::before, .euf-solid-theme .checkbox-color4 .helper::after, .euf-solid-theme .checkbox-color4 .helper::before {
  background-color: #ff5534; }

.euf-solid-theme .checkbox-red-states input:disabled ~ .helper, .euf-solid-theme .checkbox-red-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-red-states input.disabled ~ .helper, .euf-solid-theme .checkbox-color4-states input:disabled ~ .helper, .euf-solid-theme .checkbox-color4-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-color4-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-red-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-red-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-red-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-red-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-red-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-red-states input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color4-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color4-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color4-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color4-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color4-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color4-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-red-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-red-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-red-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-red-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-red-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-red-states input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color4-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color4-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color4-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color4-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color4-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color4-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-red-states input:checked ~ .helper, .euf-solid-theme .checkbox-color4-states input:checked ~ .helper {
  color: #d64031; }
  .euf-solid-theme .checkbox-red-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-red-states input:checked ~ .helper::after, .euf-solid-theme .checkbox-color4-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-color4-states input:checked ~ .helper::after {
    background-color: #d64031; }

.euf-solid-theme .checkbox-red-states .helper::after, .euf-solid-theme .checkbox-red-states .helper::before, .euf-solid-theme .checkbox-color4-states .helper::after, .euf-solid-theme .checkbox-color4-states .helper::before {
  background-color: #d64031; }

.euf-solid-theme .checkbox-pink input:disabled ~ .helper, .euf-solid-theme .checkbox-pink input[disabled] ~ .helper, .euf-solid-theme .checkbox-pink input.disabled ~ .helper, .euf-solid-theme .checkbox-color7 input:disabled ~ .helper, .euf-solid-theme .checkbox-color7 input[disabled] ~ .helper, .euf-solid-theme .checkbox-color7 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-pink input:disabled ~ .helper::before, .euf-solid-theme .checkbox-pink input:disabled ~ .helper::after, .euf-solid-theme .checkbox-pink input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-pink input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-pink input.disabled ~ .helper::before, .euf-solid-theme .checkbox-pink input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color7 input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color7 input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color7 input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color7 input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color7 input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color7 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-pink input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-pink input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-pink input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-pink input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-pink input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-pink input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color7 input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color7 input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color7 input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color7 input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color7 input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color7 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-pink input:checked ~ .helper, .euf-solid-theme .checkbox-color7 input:checked ~ .helper {
  color: #fe4a65; }
  .euf-solid-theme .checkbox-pink input:checked ~ .helper::before, .euf-solid-theme .checkbox-pink input:checked ~ .helper::after, .euf-solid-theme .checkbox-color7 input:checked ~ .helper::before, .euf-solid-theme .checkbox-color7 input:checked ~ .helper::after {
    background-color: #fe4a65; }

.euf-solid-theme .checkbox-pink .helper::after, .euf-solid-theme .checkbox-pink .helper::before, .euf-solid-theme .checkbox-color7 .helper::after, .euf-solid-theme .checkbox-color7 .helper::before {
  background-color: #fe4a65; }

.euf-solid-theme .checkbox-pink-states input:disabled ~ .helper, .euf-solid-theme .checkbox-pink-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-pink-states input.disabled ~ .helper, .euf-solid-theme .checkbox-color7-states input:disabled ~ .helper, .euf-solid-theme .checkbox-color7-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-color7-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-pink-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-pink-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-pink-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-pink-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-pink-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-pink-states input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color7-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color7-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color7-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color7-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color7-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color7-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-pink-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-pink-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-pink-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-pink-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-pink-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-pink-states input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color7-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color7-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color7-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color7-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color7-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color7-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-pink-states input:checked ~ .helper, .euf-solid-theme .checkbox-color7-states input:checked ~ .helper {
  color: #e03e56; }
  .euf-solid-theme .checkbox-pink-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-pink-states input:checked ~ .helper::after, .euf-solid-theme .checkbox-color7-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-color7-states input:checked ~ .helper::after {
    background-color: #e03e56; }

.euf-solid-theme .checkbox-pink-states .helper::after, .euf-solid-theme .checkbox-pink-states .helper::before, .euf-solid-theme .checkbox-color7-states .helper::after, .euf-solid-theme .checkbox-color7-states .helper::before {
  background-color: #e03e56; }

.euf-solid-theme .checkbox-purple input:disabled ~ .helper, .euf-solid-theme .checkbox-purple input[disabled] ~ .helper, .euf-solid-theme .checkbox-purple input.disabled ~ .helper, .euf-solid-theme .checkbox-color5 input:disabled ~ .helper, .euf-solid-theme .checkbox-color5 input[disabled] ~ .helper, .euf-solid-theme .checkbox-color5 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-purple input:disabled ~ .helper::before, .euf-solid-theme .checkbox-purple input:disabled ~ .helper::after, .euf-solid-theme .checkbox-purple input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-purple input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-purple input.disabled ~ .helper::before, .euf-solid-theme .checkbox-purple input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color5 input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color5 input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color5 input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color5 input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color5 input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color5 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-purple input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-purple input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-purple input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-purple input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-purple input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-purple input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color5 input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color5 input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color5 input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color5 input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color5 input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color5 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-purple input:checked ~ .helper, .euf-solid-theme .checkbox-color5 input:checked ~ .helper {
  color: #9b59b6; }
  .euf-solid-theme .checkbox-purple input:checked ~ .helper::before, .euf-solid-theme .checkbox-purple input:checked ~ .helper::after, .euf-solid-theme .checkbox-color5 input:checked ~ .helper::before, .euf-solid-theme .checkbox-color5 input:checked ~ .helper::after {
    background-color: #9b59b6; }

.euf-solid-theme .checkbox-purple .helper::after, .euf-solid-theme .checkbox-purple .helper::before, .euf-solid-theme .checkbox-color5 .helper::after, .euf-solid-theme .checkbox-color5 .helper::before {
  background-color: #9b59b6; }

.euf-solid-theme .checkbox-purple-states input:disabled ~ .helper, .euf-solid-theme .checkbox-purple-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-purple-states input.disabled ~ .helper, .euf-solid-theme .checkbox-color5-states input:disabled ~ .helper, .euf-solid-theme .checkbox-color5-states input[disabled] ~ .helper, .euf-solid-theme .checkbox-color5-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-solid-theme .checkbox-purple-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-purple-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-purple-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-purple-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-purple-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-purple-states input.disabled ~ .helper::after, .euf-solid-theme .checkbox-color5-states input:disabled ~ .helper::before, .euf-solid-theme .checkbox-color5-states input:disabled ~ .helper::after, .euf-solid-theme .checkbox-color5-states input[disabled] ~ .helper::before, .euf-solid-theme .checkbox-color5-states input[disabled] ~ .helper::after, .euf-solid-theme .checkbox-color5-states input.disabled ~ .helper::before, .euf-solid-theme .checkbox-color5-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-solid-theme .checkbox-purple-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-purple-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-purple-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-purple-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-purple-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-purple-states input.disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color5-states input:disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color5-states input:disabled:checked ~ .helper::after, .euf-solid-theme .checkbox-color5-states input[disabled]:checked ~ .helper::before, .euf-solid-theme .checkbox-color5-states input[disabled]:checked ~ .helper::after, .euf-solid-theme .checkbox-color5-states input.disabled:checked ~ .helper::before, .euf-solid-theme .checkbox-color5-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-solid-theme .checkbox-purple-states input:checked ~ .helper, .euf-solid-theme .checkbox-color5-states input:checked ~ .helper {
  color: #9433a5; }
  .euf-solid-theme .checkbox-purple-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-purple-states input:checked ~ .helper::after, .euf-solid-theme .checkbox-color5-states input:checked ~ .helper::before, .euf-solid-theme .checkbox-color5-states input:checked ~ .helper::after {
    background-color: #9433a5; }

.euf-solid-theme .checkbox-purple-states .helper::after, .euf-solid-theme .checkbox-purple-states .helper::before, .euf-solid-theme .checkbox-color5-states .helper::after, .euf-solid-theme .checkbox-color5-states .helper::before {
  background-color: #9433a5; }

.euf-material-theme .inp > textarea, .euf-material-theme .dx-texteditor-input-container > textarea {
  width: 100%;
  border: 0;
  border-bottom-width: 0.0625rem;
  border-style: solid;
  border-color: #a0a0a2;
  border-radius: 0;
  background-color: transparent;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  text-decoration: none;
  z-index: 2;
  color: #58595b;
  overflow-y: scroll;
  resize: vertical; }

.euf-material-theme .inp > input, .euf-material-theme .dx-texteditor-input-container > input {
  width: 100%;
  border: 0;
  border-bottom-width: 0.0625rem;
  border-style: solid;
  border-color: #a0a0a2;
  border-radius: 0;
  background-color: transparent;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  text-decoration: none;
  font-size: 1rem;
  padding: 0.12rem 0.5rem 0.0625rem;
  height: 1.9rem;
  color: #95a5a6;
  -webkit-transition: border-color 0.28s ease;
  -moz-transition: border-color 0.28s ease;
  -ms-transition: border-color 0.28s ease;
  -o-transition: border-color 0.28s ease;
  transition: border-color 0.28s ease;
  color: #58595b; }
  .euf-material-theme .inp > input > input, .euf-material-theme .inp > input > textarea, .euf-material-theme .dx-texteditor-input-container > input > input, .euf-material-theme .dx-texteditor-input-container > input > textarea {
    border-color: default-color; }
    .euf-material-theme .inp > input > input:focus, .euf-material-theme .inp > input > input:active, .euf-material-theme .inp > input > input.active, .euf-material-theme .inp > input > textarea:focus, .euf-material-theme .inp > input > textarea:active, .euf-material-theme .inp > input > textarea.active, .euf-material-theme .dx-texteditor-input-container > input > input:focus, .euf-material-theme .dx-texteditor-input-container > input > input:active, .euf-material-theme .dx-texteditor-input-container > input > input.active, .euf-material-theme .dx-texteditor-input-container > input > textarea:focus, .euf-material-theme .dx-texteditor-input-container > input > textarea:active, .euf-material-theme .dx-texteditor-input-container > input > textarea.active {
      background-color: transparent;
      border-color: #95a5a6; }
    .euf-material-theme .inp > input > input:disabled, .euf-material-theme .inp > input > input[disabled], .euf-material-theme .inp > input > input.disabled, .euf-material-theme .inp > input > textarea:disabled, .euf-material-theme .inp > input > textarea[disabled], .euf-material-theme .inp > input > textarea.disabled, .euf-material-theme .dx-texteditor-input-container > input > input:disabled, .euf-material-theme .dx-texteditor-input-container > input > input[disabled], .euf-material-theme .dx-texteditor-input-container > input > input.disabled, .euf-material-theme .dx-texteditor-input-container > input > textarea:disabled, .euf-material-theme .dx-texteditor-input-container > input > textarea[disabled], .euf-material-theme .dx-texteditor-input-container > input > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp > input > input:disabled:focus, .euf-material-theme .inp > input > input:disabled:hover, .euf-material-theme .inp > input > input[disabled]:focus, .euf-material-theme .inp > input > input[disabled]:hover, .euf-material-theme .inp > input > input.disabled:focus, .euf-material-theme .inp > input > input.disabled:hover, .euf-material-theme .inp > input > textarea:disabled:focus, .euf-material-theme .inp > input > textarea:disabled:hover, .euf-material-theme .inp > input > textarea[disabled]:focus, .euf-material-theme .inp > input > textarea[disabled]:hover, .euf-material-theme .inp > input > textarea.disabled:focus, .euf-material-theme .inp > input > textarea.disabled:hover, .euf-material-theme .dx-texteditor-input-container > input > input:disabled:focus, .euf-material-theme .dx-texteditor-input-container > input > input:disabled:hover, .euf-material-theme .dx-texteditor-input-container > input > input[disabled]:focus, .euf-material-theme .dx-texteditor-input-container > input > input[disabled]:hover, .euf-material-theme .dx-texteditor-input-container > input > input.disabled:focus, .euf-material-theme .dx-texteditor-input-container > input > input.disabled:hover, .euf-material-theme .dx-texteditor-input-container > input > textarea:disabled:focus, .euf-material-theme .dx-texteditor-input-container > input > textarea:disabled:hover, .euf-material-theme .dx-texteditor-input-container > input > textarea[disabled]:focus, .euf-material-theme .dx-texteditor-input-container > input > textarea[disabled]:hover, .euf-material-theme .dx-texteditor-input-container > input > textarea.disabled:focus, .euf-material-theme .dx-texteditor-input-container > input > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }
  .euf-material-theme .inp > input[required], .euf-material-theme .dx-texteditor-input-container > input[required] {
    background: url(../../../assets/img/input-required.svg) no-repeat top right; }
  .euf-material-theme .inp > input:hover, .euf-material-theme .inp > input:focus, .euf-material-theme .dx-texteditor-input-container > input:hover, .euf-material-theme .dx-texteditor-input-container > input:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    outline: 0 !important; }
  .euf-material-theme .inp > input:active, .euf-material-theme .inp > input.active,
  .open > .euf-material-theme .inp > input.dropdown-toggle, .euf-material-theme .dx-texteditor-input-container > input:active, .euf-material-theme .dx-texteditor-input-container > input.active,
  .open > .euf-material-theme .dx-texteditor-input-container > input.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important; }

.euf-material-theme .inp-ftospetrol, .euf-material-theme .inp-color10 {
  color: #3F5A63; }
  .euf-material-theme .inp-ftospetrol > input, .euf-material-theme .inp-ftospetrol > textarea, .euf-material-theme .inp-color10 > input, .euf-material-theme .inp-color10 > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-ftospetrol > input:focus, .euf-material-theme .inp-ftospetrol > input:active, .euf-material-theme .inp-ftospetrol > input.active, .euf-material-theme .inp-ftospetrol > textarea:focus, .euf-material-theme .inp-ftospetrol > textarea:active, .euf-material-theme .inp-ftospetrol > textarea.active, .euf-material-theme .inp-color10 > input:focus, .euf-material-theme .inp-color10 > input:active, .euf-material-theme .inp-color10 > input.active, .euf-material-theme .inp-color10 > textarea:focus, .euf-material-theme .inp-color10 > textarea:active, .euf-material-theme .inp-color10 > textarea.active {
      background-color: transparent;
      border-color: #3F5A63; }
    .euf-material-theme .inp-ftospetrol > input:disabled, .euf-material-theme .inp-ftospetrol > input[disabled], .euf-material-theme .inp-ftospetrol > input.disabled, .euf-material-theme .inp-ftospetrol > textarea:disabled, .euf-material-theme .inp-ftospetrol > textarea[disabled], .euf-material-theme .inp-ftospetrol > textarea.disabled, .euf-material-theme .inp-color10 > input:disabled, .euf-material-theme .inp-color10 > input[disabled], .euf-material-theme .inp-color10 > input.disabled, .euf-material-theme .inp-color10 > textarea:disabled, .euf-material-theme .inp-color10 > textarea[disabled], .euf-material-theme .inp-color10 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-ftospetrol > input:disabled:focus, .euf-material-theme .inp-ftospetrol > input:disabled:hover, .euf-material-theme .inp-ftospetrol > input[disabled]:focus, .euf-material-theme .inp-ftospetrol > input[disabled]:hover, .euf-material-theme .inp-ftospetrol > input.disabled:focus, .euf-material-theme .inp-ftospetrol > input.disabled:hover, .euf-material-theme .inp-ftospetrol > textarea:disabled:focus, .euf-material-theme .inp-ftospetrol > textarea:disabled:hover, .euf-material-theme .inp-ftospetrol > textarea[disabled]:focus, .euf-material-theme .inp-ftospetrol > textarea[disabled]:hover, .euf-material-theme .inp-ftospetrol > textarea.disabled:focus, .euf-material-theme .inp-ftospetrol > textarea.disabled:hover, .euf-material-theme .inp-color10 > input:disabled:focus, .euf-material-theme .inp-color10 > input:disabled:hover, .euf-material-theme .inp-color10 > input[disabled]:focus, .euf-material-theme .inp-color10 > input[disabled]:hover, .euf-material-theme .inp-color10 > input.disabled:focus, .euf-material-theme .inp-color10 > input.disabled:hover, .euf-material-theme .inp-color10 > textarea:disabled:focus, .euf-material-theme .inp-color10 > textarea:disabled:hover, .euf-material-theme .inp-color10 > textarea[disabled]:focus, .euf-material-theme .inp-color10 > textarea[disabled]:hover, .euf-material-theme .inp-color10 > textarea.disabled:focus, .euf-material-theme .inp-color10 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-ftospetrol-states, .euf-material-theme .inp-color10-states {
  color: #3c788c; }
  .euf-material-theme .inp-ftospetrol-states > input, .euf-material-theme .inp-ftospetrol-states > textarea, .euf-material-theme .inp-color10-states > input, .euf-material-theme .inp-color10-states > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-ftospetrol-states > input:focus, .euf-material-theme .inp-ftospetrol-states > input:active, .euf-material-theme .inp-ftospetrol-states > input.active, .euf-material-theme .inp-ftospetrol-states > textarea:focus, .euf-material-theme .inp-ftospetrol-states > textarea:active, .euf-material-theme .inp-ftospetrol-states > textarea.active, .euf-material-theme .inp-color10-states > input:focus, .euf-material-theme .inp-color10-states > input:active, .euf-material-theme .inp-color10-states > input.active, .euf-material-theme .inp-color10-states > textarea:focus, .euf-material-theme .inp-color10-states > textarea:active, .euf-material-theme .inp-color10-states > textarea.active {
      background-color: transparent;
      border-color: #3c788c; }
    .euf-material-theme .inp-ftospetrol-states > input:disabled, .euf-material-theme .inp-ftospetrol-states > input[disabled], .euf-material-theme .inp-ftospetrol-states > input.disabled, .euf-material-theme .inp-ftospetrol-states > textarea:disabled, .euf-material-theme .inp-ftospetrol-states > textarea[disabled], .euf-material-theme .inp-ftospetrol-states > textarea.disabled, .euf-material-theme .inp-color10-states > input:disabled, .euf-material-theme .inp-color10-states > input[disabled], .euf-material-theme .inp-color10-states > input.disabled, .euf-material-theme .inp-color10-states > textarea:disabled, .euf-material-theme .inp-color10-states > textarea[disabled], .euf-material-theme .inp-color10-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-ftospetrol-states > input:disabled:focus, .euf-material-theme .inp-ftospetrol-states > input:disabled:hover, .euf-material-theme .inp-ftospetrol-states > input[disabled]:focus, .euf-material-theme .inp-ftospetrol-states > input[disabled]:hover, .euf-material-theme .inp-ftospetrol-states > input.disabled:focus, .euf-material-theme .inp-ftospetrol-states > input.disabled:hover, .euf-material-theme .inp-ftospetrol-states > textarea:disabled:focus, .euf-material-theme .inp-ftospetrol-states > textarea:disabled:hover, .euf-material-theme .inp-ftospetrol-states > textarea[disabled]:focus, .euf-material-theme .inp-ftospetrol-states > textarea[disabled]:hover, .euf-material-theme .inp-ftospetrol-states > textarea.disabled:focus, .euf-material-theme .inp-ftospetrol-states > textarea.disabled:hover, .euf-material-theme .inp-color10-states > input:disabled:focus, .euf-material-theme .inp-color10-states > input:disabled:hover, .euf-material-theme .inp-color10-states > input[disabled]:focus, .euf-material-theme .inp-color10-states > input[disabled]:hover, .euf-material-theme .inp-color10-states > input.disabled:focus, .euf-material-theme .inp-color10-states > input.disabled:hover, .euf-material-theme .inp-color10-states > textarea:disabled:focus, .euf-material-theme .inp-color10-states > textarea:disabled:hover, .euf-material-theme .inp-color10-states > textarea[disabled]:focus, .euf-material-theme .inp-color10-states > textarea[disabled]:hover, .euf-material-theme .inp-color10-states > textarea.disabled:focus, .euf-material-theme .inp-color10-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-ftosblue, .euf-material-theme .inp-color9 {
  color: #27AAE1; }
  .euf-material-theme .inp-ftosblue > input, .euf-material-theme .inp-ftosblue > textarea, .euf-material-theme .inp-color9 > input, .euf-material-theme .inp-color9 > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-ftosblue > input:focus, .euf-material-theme .inp-ftosblue > input:active, .euf-material-theme .inp-ftosblue > input.active, .euf-material-theme .inp-ftosblue > textarea:focus, .euf-material-theme .inp-ftosblue > textarea:active, .euf-material-theme .inp-ftosblue > textarea.active, .euf-material-theme .inp-color9 > input:focus, .euf-material-theme .inp-color9 > input:active, .euf-material-theme .inp-color9 > input.active, .euf-material-theme .inp-color9 > textarea:focus, .euf-material-theme .inp-color9 > textarea:active, .euf-material-theme .inp-color9 > textarea.active {
      background-color: transparent;
      border-color: #27AAE1; }
    .euf-material-theme .inp-ftosblue > input:disabled, .euf-material-theme .inp-ftosblue > input[disabled], .euf-material-theme .inp-ftosblue > input.disabled, .euf-material-theme .inp-ftosblue > textarea:disabled, .euf-material-theme .inp-ftosblue > textarea[disabled], .euf-material-theme .inp-ftosblue > textarea.disabled, .euf-material-theme .inp-color9 > input:disabled, .euf-material-theme .inp-color9 > input[disabled], .euf-material-theme .inp-color9 > input.disabled, .euf-material-theme .inp-color9 > textarea:disabled, .euf-material-theme .inp-color9 > textarea[disabled], .euf-material-theme .inp-color9 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-ftosblue > input:disabled:focus, .euf-material-theme .inp-ftosblue > input:disabled:hover, .euf-material-theme .inp-ftosblue > input[disabled]:focus, .euf-material-theme .inp-ftosblue > input[disabled]:hover, .euf-material-theme .inp-ftosblue > input.disabled:focus, .euf-material-theme .inp-ftosblue > input.disabled:hover, .euf-material-theme .inp-ftosblue > textarea:disabled:focus, .euf-material-theme .inp-ftosblue > textarea:disabled:hover, .euf-material-theme .inp-ftosblue > textarea[disabled]:focus, .euf-material-theme .inp-ftosblue > textarea[disabled]:hover, .euf-material-theme .inp-ftosblue > textarea.disabled:focus, .euf-material-theme .inp-ftosblue > textarea.disabled:hover, .euf-material-theme .inp-color9 > input:disabled:focus, .euf-material-theme .inp-color9 > input:disabled:hover, .euf-material-theme .inp-color9 > input[disabled]:focus, .euf-material-theme .inp-color9 > input[disabled]:hover, .euf-material-theme .inp-color9 > input.disabled:focus, .euf-material-theme .inp-color9 > input.disabled:hover, .euf-material-theme .inp-color9 > textarea:disabled:focus, .euf-material-theme .inp-color9 > textarea:disabled:hover, .euf-material-theme .inp-color9 > textarea[disabled]:focus, .euf-material-theme .inp-color9 > textarea[disabled]:hover, .euf-material-theme .inp-color9 > textarea.disabled:focus, .euf-material-theme .inp-color9 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-ftosblue-states, .euf-material-theme .inp-color9-states {
  color: #1c98cc; }
  .euf-material-theme .inp-ftosblue-states > input, .euf-material-theme .inp-ftosblue-states > textarea, .euf-material-theme .inp-color9-states > input, .euf-material-theme .inp-color9-states > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-ftosblue-states > input:focus, .euf-material-theme .inp-ftosblue-states > input:active, .euf-material-theme .inp-ftosblue-states > input.active, .euf-material-theme .inp-ftosblue-states > textarea:focus, .euf-material-theme .inp-ftosblue-states > textarea:active, .euf-material-theme .inp-ftosblue-states > textarea.active, .euf-material-theme .inp-color9-states > input:focus, .euf-material-theme .inp-color9-states > input:active, .euf-material-theme .inp-color9-states > input.active, .euf-material-theme .inp-color9-states > textarea:focus, .euf-material-theme .inp-color9-states > textarea:active, .euf-material-theme .inp-color9-states > textarea.active {
      background-color: transparent;
      border-color: #1c98cc; }
    .euf-material-theme .inp-ftosblue-states > input:disabled, .euf-material-theme .inp-ftosblue-states > input[disabled], .euf-material-theme .inp-ftosblue-states > input.disabled, .euf-material-theme .inp-ftosblue-states > textarea:disabled, .euf-material-theme .inp-ftosblue-states > textarea[disabled], .euf-material-theme .inp-ftosblue-states > textarea.disabled, .euf-material-theme .inp-color9-states > input:disabled, .euf-material-theme .inp-color9-states > input[disabled], .euf-material-theme .inp-color9-states > input.disabled, .euf-material-theme .inp-color9-states > textarea:disabled, .euf-material-theme .inp-color9-states > textarea[disabled], .euf-material-theme .inp-color9-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-ftosblue-states > input:disabled:focus, .euf-material-theme .inp-ftosblue-states > input:disabled:hover, .euf-material-theme .inp-ftosblue-states > input[disabled]:focus, .euf-material-theme .inp-ftosblue-states > input[disabled]:hover, .euf-material-theme .inp-ftosblue-states > input.disabled:focus, .euf-material-theme .inp-ftosblue-states > input.disabled:hover, .euf-material-theme .inp-ftosblue-states > textarea:disabled:focus, .euf-material-theme .inp-ftosblue-states > textarea:disabled:hover, .euf-material-theme .inp-ftosblue-states > textarea[disabled]:focus, .euf-material-theme .inp-ftosblue-states > textarea[disabled]:hover, .euf-material-theme .inp-ftosblue-states > textarea.disabled:focus, .euf-material-theme .inp-ftosblue-states > textarea.disabled:hover, .euf-material-theme .inp-color9-states > input:disabled:focus, .euf-material-theme .inp-color9-states > input:disabled:hover, .euf-material-theme .inp-color9-states > input[disabled]:focus, .euf-material-theme .inp-color9-states > input[disabled]:hover, .euf-material-theme .inp-color9-states > input.disabled:focus, .euf-material-theme .inp-color9-states > input.disabled:hover, .euf-material-theme .inp-color9-states > textarea:disabled:focus, .euf-material-theme .inp-color9-states > textarea:disabled:hover, .euf-material-theme .inp-color9-states > textarea[disabled]:focus, .euf-material-theme .inp-color9-states > textarea[disabled]:hover, .euf-material-theme .inp-color9-states > textarea.disabled:focus, .euf-material-theme .inp-color9-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-default, .euf-material-theme .inp-color8 {
  color: #9E9E9E; }
  .euf-material-theme .inp-default > input, .euf-material-theme .inp-default > textarea, .euf-material-theme .inp-color8 > input, .euf-material-theme .inp-color8 > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-default > input:focus, .euf-material-theme .inp-default > input:active, .euf-material-theme .inp-default > input.active, .euf-material-theme .inp-default > textarea:focus, .euf-material-theme .inp-default > textarea:active, .euf-material-theme .inp-default > textarea.active, .euf-material-theme .inp-color8 > input:focus, .euf-material-theme .inp-color8 > input:active, .euf-material-theme .inp-color8 > input.active, .euf-material-theme .inp-color8 > textarea:focus, .euf-material-theme .inp-color8 > textarea:active, .euf-material-theme .inp-color8 > textarea.active {
      background-color: transparent;
      border-color: #9E9E9E; }
    .euf-material-theme .inp-default > input:disabled, .euf-material-theme .inp-default > input[disabled], .euf-material-theme .inp-default > input.disabled, .euf-material-theme .inp-default > textarea:disabled, .euf-material-theme .inp-default > textarea[disabled], .euf-material-theme .inp-default > textarea.disabled, .euf-material-theme .inp-color8 > input:disabled, .euf-material-theme .inp-color8 > input[disabled], .euf-material-theme .inp-color8 > input.disabled, .euf-material-theme .inp-color8 > textarea:disabled, .euf-material-theme .inp-color8 > textarea[disabled], .euf-material-theme .inp-color8 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-default > input:disabled:focus, .euf-material-theme .inp-default > input:disabled:hover, .euf-material-theme .inp-default > input[disabled]:focus, .euf-material-theme .inp-default > input[disabled]:hover, .euf-material-theme .inp-default > input.disabled:focus, .euf-material-theme .inp-default > input.disabled:hover, .euf-material-theme .inp-default > textarea:disabled:focus, .euf-material-theme .inp-default > textarea:disabled:hover, .euf-material-theme .inp-default > textarea[disabled]:focus, .euf-material-theme .inp-default > textarea[disabled]:hover, .euf-material-theme .inp-default > textarea.disabled:focus, .euf-material-theme .inp-default > textarea.disabled:hover, .euf-material-theme .inp-color8 > input:disabled:focus, .euf-material-theme .inp-color8 > input:disabled:hover, .euf-material-theme .inp-color8 > input[disabled]:focus, .euf-material-theme .inp-color8 > input[disabled]:hover, .euf-material-theme .inp-color8 > input.disabled:focus, .euf-material-theme .inp-color8 > input.disabled:hover, .euf-material-theme .inp-color8 > textarea:disabled:focus, .euf-material-theme .inp-color8 > textarea:disabled:hover, .euf-material-theme .inp-color8 > textarea[disabled]:focus, .euf-material-theme .inp-color8 > textarea[disabled]:hover, .euf-material-theme .inp-color8 > textarea.disabled:focus, .euf-material-theme .inp-color8 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-default-states, .euf-material-theme .inp-color8-states {
  color: #BDBDBD; }
  .euf-material-theme .inp-default-states > input, .euf-material-theme .inp-default-states > textarea, .euf-material-theme .inp-color8-states > input, .euf-material-theme .inp-color8-states > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-default-states > input:focus, .euf-material-theme .inp-default-states > input:active, .euf-material-theme .inp-default-states > input.active, .euf-material-theme .inp-default-states > textarea:focus, .euf-material-theme .inp-default-states > textarea:active, .euf-material-theme .inp-default-states > textarea.active, .euf-material-theme .inp-color8-states > input:focus, .euf-material-theme .inp-color8-states > input:active, .euf-material-theme .inp-color8-states > input.active, .euf-material-theme .inp-color8-states > textarea:focus, .euf-material-theme .inp-color8-states > textarea:active, .euf-material-theme .inp-color8-states > textarea.active {
      background-color: transparent;
      border-color: #BDBDBD; }
    .euf-material-theme .inp-default-states > input:disabled, .euf-material-theme .inp-default-states > input[disabled], .euf-material-theme .inp-default-states > input.disabled, .euf-material-theme .inp-default-states > textarea:disabled, .euf-material-theme .inp-default-states > textarea[disabled], .euf-material-theme .inp-default-states > textarea.disabled, .euf-material-theme .inp-color8-states > input:disabled, .euf-material-theme .inp-color8-states > input[disabled], .euf-material-theme .inp-color8-states > input.disabled, .euf-material-theme .inp-color8-states > textarea:disabled, .euf-material-theme .inp-color8-states > textarea[disabled], .euf-material-theme .inp-color8-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-default-states > input:disabled:focus, .euf-material-theme .inp-default-states > input:disabled:hover, .euf-material-theme .inp-default-states > input[disabled]:focus, .euf-material-theme .inp-default-states > input[disabled]:hover, .euf-material-theme .inp-default-states > input.disabled:focus, .euf-material-theme .inp-default-states > input.disabled:hover, .euf-material-theme .inp-default-states > textarea:disabled:focus, .euf-material-theme .inp-default-states > textarea:disabled:hover, .euf-material-theme .inp-default-states > textarea[disabled]:focus, .euf-material-theme .inp-default-states > textarea[disabled]:hover, .euf-material-theme .inp-default-states > textarea.disabled:focus, .euf-material-theme .inp-default-states > textarea.disabled:hover, .euf-material-theme .inp-color8-states > input:disabled:focus, .euf-material-theme .inp-color8-states > input:disabled:hover, .euf-material-theme .inp-color8-states > input[disabled]:focus, .euf-material-theme .inp-color8-states > input[disabled]:hover, .euf-material-theme .inp-color8-states > input.disabled:focus, .euf-material-theme .inp-color8-states > input.disabled:hover, .euf-material-theme .inp-color8-states > textarea:disabled:focus, .euf-material-theme .inp-color8-states > textarea:disabled:hover, .euf-material-theme .inp-color8-states > textarea[disabled]:focus, .euf-material-theme .inp-color8-states > textarea[disabled]:hover, .euf-material-theme .inp-color8-states > textarea.disabled:focus, .euf-material-theme .inp-color8-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-blue, .euf-material-theme .inp-color6 {
  color: #3F51B5; }
  .euf-material-theme .inp-blue > input, .euf-material-theme .inp-blue > textarea, .euf-material-theme .inp-color6 > input, .euf-material-theme .inp-color6 > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-blue > input:focus, .euf-material-theme .inp-blue > input:active, .euf-material-theme .inp-blue > input.active, .euf-material-theme .inp-blue > textarea:focus, .euf-material-theme .inp-blue > textarea:active, .euf-material-theme .inp-blue > textarea.active, .euf-material-theme .inp-color6 > input:focus, .euf-material-theme .inp-color6 > input:active, .euf-material-theme .inp-color6 > input.active, .euf-material-theme .inp-color6 > textarea:focus, .euf-material-theme .inp-color6 > textarea:active, .euf-material-theme .inp-color6 > textarea.active {
      background-color: transparent;
      border-color: #3F51B5; }
    .euf-material-theme .inp-blue > input:disabled, .euf-material-theme .inp-blue > input[disabled], .euf-material-theme .inp-blue > input.disabled, .euf-material-theme .inp-blue > textarea:disabled, .euf-material-theme .inp-blue > textarea[disabled], .euf-material-theme .inp-blue > textarea.disabled, .euf-material-theme .inp-color6 > input:disabled, .euf-material-theme .inp-color6 > input[disabled], .euf-material-theme .inp-color6 > input.disabled, .euf-material-theme .inp-color6 > textarea:disabled, .euf-material-theme .inp-color6 > textarea[disabled], .euf-material-theme .inp-color6 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-blue > input:disabled:focus, .euf-material-theme .inp-blue > input:disabled:hover, .euf-material-theme .inp-blue > input[disabled]:focus, .euf-material-theme .inp-blue > input[disabled]:hover, .euf-material-theme .inp-blue > input.disabled:focus, .euf-material-theme .inp-blue > input.disabled:hover, .euf-material-theme .inp-blue > textarea:disabled:focus, .euf-material-theme .inp-blue > textarea:disabled:hover, .euf-material-theme .inp-blue > textarea[disabled]:focus, .euf-material-theme .inp-blue > textarea[disabled]:hover, .euf-material-theme .inp-blue > textarea.disabled:focus, .euf-material-theme .inp-blue > textarea.disabled:hover, .euf-material-theme .inp-color6 > input:disabled:focus, .euf-material-theme .inp-color6 > input:disabled:hover, .euf-material-theme .inp-color6 > input[disabled]:focus, .euf-material-theme .inp-color6 > input[disabled]:hover, .euf-material-theme .inp-color6 > input.disabled:focus, .euf-material-theme .inp-color6 > input.disabled:hover, .euf-material-theme .inp-color6 > textarea:disabled:focus, .euf-material-theme .inp-color6 > textarea:disabled:hover, .euf-material-theme .inp-color6 > textarea[disabled]:focus, .euf-material-theme .inp-color6 > textarea[disabled]:hover, .euf-material-theme .inp-color6 > textarea.disabled:focus, .euf-material-theme .inp-color6 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-blue-states, .euf-material-theme .inp-color6-states {
  color: #7986CB; }
  .euf-material-theme .inp-blue-states > input, .euf-material-theme .inp-blue-states > textarea, .euf-material-theme .inp-color6-states > input, .euf-material-theme .inp-color6-states > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-blue-states > input:focus, .euf-material-theme .inp-blue-states > input:active, .euf-material-theme .inp-blue-states > input.active, .euf-material-theme .inp-blue-states > textarea:focus, .euf-material-theme .inp-blue-states > textarea:active, .euf-material-theme .inp-blue-states > textarea.active, .euf-material-theme .inp-color6-states > input:focus, .euf-material-theme .inp-color6-states > input:active, .euf-material-theme .inp-color6-states > input.active, .euf-material-theme .inp-color6-states > textarea:focus, .euf-material-theme .inp-color6-states > textarea:active, .euf-material-theme .inp-color6-states > textarea.active {
      background-color: transparent;
      border-color: #7986CB; }
    .euf-material-theme .inp-blue-states > input:disabled, .euf-material-theme .inp-blue-states > input[disabled], .euf-material-theme .inp-blue-states > input.disabled, .euf-material-theme .inp-blue-states > textarea:disabled, .euf-material-theme .inp-blue-states > textarea[disabled], .euf-material-theme .inp-blue-states > textarea.disabled, .euf-material-theme .inp-color6-states > input:disabled, .euf-material-theme .inp-color6-states > input[disabled], .euf-material-theme .inp-color6-states > input.disabled, .euf-material-theme .inp-color6-states > textarea:disabled, .euf-material-theme .inp-color6-states > textarea[disabled], .euf-material-theme .inp-color6-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-blue-states > input:disabled:focus, .euf-material-theme .inp-blue-states > input:disabled:hover, .euf-material-theme .inp-blue-states > input[disabled]:focus, .euf-material-theme .inp-blue-states > input[disabled]:hover, .euf-material-theme .inp-blue-states > input.disabled:focus, .euf-material-theme .inp-blue-states > input.disabled:hover, .euf-material-theme .inp-blue-states > textarea:disabled:focus, .euf-material-theme .inp-blue-states > textarea:disabled:hover, .euf-material-theme .inp-blue-states > textarea[disabled]:focus, .euf-material-theme .inp-blue-states > textarea[disabled]:hover, .euf-material-theme .inp-blue-states > textarea.disabled:focus, .euf-material-theme .inp-blue-states > textarea.disabled:hover, .euf-material-theme .inp-color6-states > input:disabled:focus, .euf-material-theme .inp-color6-states > input:disabled:hover, .euf-material-theme .inp-color6-states > input[disabled]:focus, .euf-material-theme .inp-color6-states > input[disabled]:hover, .euf-material-theme .inp-color6-states > input.disabled:focus, .euf-material-theme .inp-color6-states > input.disabled:hover, .euf-material-theme .inp-color6-states > textarea:disabled:focus, .euf-material-theme .inp-color6-states > textarea:disabled:hover, .euf-material-theme .inp-color6-states > textarea[disabled]:focus, .euf-material-theme .inp-color6-states > textarea[disabled]:hover, .euf-material-theme .inp-color6-states > textarea.disabled:focus, .euf-material-theme .inp-color6-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-green, .euf-material-theme .inp-color2 {
  color: #4CAF50; }
  .euf-material-theme .inp-green > input, .euf-material-theme .inp-green > textarea, .euf-material-theme .inp-color2 > input, .euf-material-theme .inp-color2 > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-green > input:focus, .euf-material-theme .inp-green > input:active, .euf-material-theme .inp-green > input.active, .euf-material-theme .inp-green > textarea:focus, .euf-material-theme .inp-green > textarea:active, .euf-material-theme .inp-green > textarea.active, .euf-material-theme .inp-color2 > input:focus, .euf-material-theme .inp-color2 > input:active, .euf-material-theme .inp-color2 > input.active, .euf-material-theme .inp-color2 > textarea:focus, .euf-material-theme .inp-color2 > textarea:active, .euf-material-theme .inp-color2 > textarea.active {
      background-color: transparent;
      border-color: #4CAF50; }
    .euf-material-theme .inp-green > input:disabled, .euf-material-theme .inp-green > input[disabled], .euf-material-theme .inp-green > input.disabled, .euf-material-theme .inp-green > textarea:disabled, .euf-material-theme .inp-green > textarea[disabled], .euf-material-theme .inp-green > textarea.disabled, .euf-material-theme .inp-color2 > input:disabled, .euf-material-theme .inp-color2 > input[disabled], .euf-material-theme .inp-color2 > input.disabled, .euf-material-theme .inp-color2 > textarea:disabled, .euf-material-theme .inp-color2 > textarea[disabled], .euf-material-theme .inp-color2 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-green > input:disabled:focus, .euf-material-theme .inp-green > input:disabled:hover, .euf-material-theme .inp-green > input[disabled]:focus, .euf-material-theme .inp-green > input[disabled]:hover, .euf-material-theme .inp-green > input.disabled:focus, .euf-material-theme .inp-green > input.disabled:hover, .euf-material-theme .inp-green > textarea:disabled:focus, .euf-material-theme .inp-green > textarea:disabled:hover, .euf-material-theme .inp-green > textarea[disabled]:focus, .euf-material-theme .inp-green > textarea[disabled]:hover, .euf-material-theme .inp-green > textarea.disabled:focus, .euf-material-theme .inp-green > textarea.disabled:hover, .euf-material-theme .inp-color2 > input:disabled:focus, .euf-material-theme .inp-color2 > input:disabled:hover, .euf-material-theme .inp-color2 > input[disabled]:focus, .euf-material-theme .inp-color2 > input[disabled]:hover, .euf-material-theme .inp-color2 > input.disabled:focus, .euf-material-theme .inp-color2 > input.disabled:hover, .euf-material-theme .inp-color2 > textarea:disabled:focus, .euf-material-theme .inp-color2 > textarea:disabled:hover, .euf-material-theme .inp-color2 > textarea[disabled]:focus, .euf-material-theme .inp-color2 > textarea[disabled]:hover, .euf-material-theme .inp-color2 > textarea.disabled:focus, .euf-material-theme .inp-color2 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-green-states, .euf-material-theme .inp-color2-states {
  color: #81C784; }
  .euf-material-theme .inp-green-states > input, .euf-material-theme .inp-green-states > textarea, .euf-material-theme .inp-color2-states > input, .euf-material-theme .inp-color2-states > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-green-states > input:focus, .euf-material-theme .inp-green-states > input:active, .euf-material-theme .inp-green-states > input.active, .euf-material-theme .inp-green-states > textarea:focus, .euf-material-theme .inp-green-states > textarea:active, .euf-material-theme .inp-green-states > textarea.active, .euf-material-theme .inp-color2-states > input:focus, .euf-material-theme .inp-color2-states > input:active, .euf-material-theme .inp-color2-states > input.active, .euf-material-theme .inp-color2-states > textarea:focus, .euf-material-theme .inp-color2-states > textarea:active, .euf-material-theme .inp-color2-states > textarea.active {
      background-color: transparent;
      border-color: #81C784; }
    .euf-material-theme .inp-green-states > input:disabled, .euf-material-theme .inp-green-states > input[disabled], .euf-material-theme .inp-green-states > input.disabled, .euf-material-theme .inp-green-states > textarea:disabled, .euf-material-theme .inp-green-states > textarea[disabled], .euf-material-theme .inp-green-states > textarea.disabled, .euf-material-theme .inp-color2-states > input:disabled, .euf-material-theme .inp-color2-states > input[disabled], .euf-material-theme .inp-color2-states > input.disabled, .euf-material-theme .inp-color2-states > textarea:disabled, .euf-material-theme .inp-color2-states > textarea[disabled], .euf-material-theme .inp-color2-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-green-states > input:disabled:focus, .euf-material-theme .inp-green-states > input:disabled:hover, .euf-material-theme .inp-green-states > input[disabled]:focus, .euf-material-theme .inp-green-states > input[disabled]:hover, .euf-material-theme .inp-green-states > input.disabled:focus, .euf-material-theme .inp-green-states > input.disabled:hover, .euf-material-theme .inp-green-states > textarea:disabled:focus, .euf-material-theme .inp-green-states > textarea:disabled:hover, .euf-material-theme .inp-green-states > textarea[disabled]:focus, .euf-material-theme .inp-green-states > textarea[disabled]:hover, .euf-material-theme .inp-green-states > textarea.disabled:focus, .euf-material-theme .inp-green-states > textarea.disabled:hover, .euf-material-theme .inp-color2-states > input:disabled:focus, .euf-material-theme .inp-color2-states > input:disabled:hover, .euf-material-theme .inp-color2-states > input[disabled]:focus, .euf-material-theme .inp-color2-states > input[disabled]:hover, .euf-material-theme .inp-color2-states > input.disabled:focus, .euf-material-theme .inp-color2-states > input.disabled:hover, .euf-material-theme .inp-color2-states > textarea:disabled:focus, .euf-material-theme .inp-color2-states > textarea:disabled:hover, .euf-material-theme .inp-color2-states > textarea[disabled]:focus, .euf-material-theme .inp-color2-states > textarea[disabled]:hover, .euf-material-theme .inp-color2-states > textarea.disabled:focus, .euf-material-theme .inp-color2-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-azure, .euf-material-theme .inp-color1 {
  color: #03A9F4; }
  .euf-material-theme .inp-azure > input, .euf-material-theme .inp-azure > textarea, .euf-material-theme .inp-color1 > input, .euf-material-theme .inp-color1 > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-azure > input:focus, .euf-material-theme .inp-azure > input:active, .euf-material-theme .inp-azure > input.active, .euf-material-theme .inp-azure > textarea:focus, .euf-material-theme .inp-azure > textarea:active, .euf-material-theme .inp-azure > textarea.active, .euf-material-theme .inp-color1 > input:focus, .euf-material-theme .inp-color1 > input:active, .euf-material-theme .inp-color1 > input.active, .euf-material-theme .inp-color1 > textarea:focus, .euf-material-theme .inp-color1 > textarea:active, .euf-material-theme .inp-color1 > textarea.active {
      background-color: transparent;
      border-color: #03A9F4; }
    .euf-material-theme .inp-azure > input:disabled, .euf-material-theme .inp-azure > input[disabled], .euf-material-theme .inp-azure > input.disabled, .euf-material-theme .inp-azure > textarea:disabled, .euf-material-theme .inp-azure > textarea[disabled], .euf-material-theme .inp-azure > textarea.disabled, .euf-material-theme .inp-color1 > input:disabled, .euf-material-theme .inp-color1 > input[disabled], .euf-material-theme .inp-color1 > input.disabled, .euf-material-theme .inp-color1 > textarea:disabled, .euf-material-theme .inp-color1 > textarea[disabled], .euf-material-theme .inp-color1 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-azure > input:disabled:focus, .euf-material-theme .inp-azure > input:disabled:hover, .euf-material-theme .inp-azure > input[disabled]:focus, .euf-material-theme .inp-azure > input[disabled]:hover, .euf-material-theme .inp-azure > input.disabled:focus, .euf-material-theme .inp-azure > input.disabled:hover, .euf-material-theme .inp-azure > textarea:disabled:focus, .euf-material-theme .inp-azure > textarea:disabled:hover, .euf-material-theme .inp-azure > textarea[disabled]:focus, .euf-material-theme .inp-azure > textarea[disabled]:hover, .euf-material-theme .inp-azure > textarea.disabled:focus, .euf-material-theme .inp-azure > textarea.disabled:hover, .euf-material-theme .inp-color1 > input:disabled:focus, .euf-material-theme .inp-color1 > input:disabled:hover, .euf-material-theme .inp-color1 > input[disabled]:focus, .euf-material-theme .inp-color1 > input[disabled]:hover, .euf-material-theme .inp-color1 > input.disabled:focus, .euf-material-theme .inp-color1 > input.disabled:hover, .euf-material-theme .inp-color1 > textarea:disabled:focus, .euf-material-theme .inp-color1 > textarea:disabled:hover, .euf-material-theme .inp-color1 > textarea[disabled]:focus, .euf-material-theme .inp-color1 > textarea[disabled]:hover, .euf-material-theme .inp-color1 > textarea.disabled:focus, .euf-material-theme .inp-color1 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-azure-states, .euf-material-theme .inp-color1-states {
  color: #4FC3F7; }
  .euf-material-theme .inp-azure-states > input, .euf-material-theme .inp-azure-states > textarea, .euf-material-theme .inp-color1-states > input, .euf-material-theme .inp-color1-states > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-azure-states > input:focus, .euf-material-theme .inp-azure-states > input:active, .euf-material-theme .inp-azure-states > input.active, .euf-material-theme .inp-azure-states > textarea:focus, .euf-material-theme .inp-azure-states > textarea:active, .euf-material-theme .inp-azure-states > textarea.active, .euf-material-theme .inp-color1-states > input:focus, .euf-material-theme .inp-color1-states > input:active, .euf-material-theme .inp-color1-states > input.active, .euf-material-theme .inp-color1-states > textarea:focus, .euf-material-theme .inp-color1-states > textarea:active, .euf-material-theme .inp-color1-states > textarea.active {
      background-color: transparent;
      border-color: #4FC3F7; }
    .euf-material-theme .inp-azure-states > input:disabled, .euf-material-theme .inp-azure-states > input[disabled], .euf-material-theme .inp-azure-states > input.disabled, .euf-material-theme .inp-azure-states > textarea:disabled, .euf-material-theme .inp-azure-states > textarea[disabled], .euf-material-theme .inp-azure-states > textarea.disabled, .euf-material-theme .inp-color1-states > input:disabled, .euf-material-theme .inp-color1-states > input[disabled], .euf-material-theme .inp-color1-states > input.disabled, .euf-material-theme .inp-color1-states > textarea:disabled, .euf-material-theme .inp-color1-states > textarea[disabled], .euf-material-theme .inp-color1-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-azure-states > input:disabled:focus, .euf-material-theme .inp-azure-states > input:disabled:hover, .euf-material-theme .inp-azure-states > input[disabled]:focus, .euf-material-theme .inp-azure-states > input[disabled]:hover, .euf-material-theme .inp-azure-states > input.disabled:focus, .euf-material-theme .inp-azure-states > input.disabled:hover, .euf-material-theme .inp-azure-states > textarea:disabled:focus, .euf-material-theme .inp-azure-states > textarea:disabled:hover, .euf-material-theme .inp-azure-states > textarea[disabled]:focus, .euf-material-theme .inp-azure-states > textarea[disabled]:hover, .euf-material-theme .inp-azure-states > textarea.disabled:focus, .euf-material-theme .inp-azure-states > textarea.disabled:hover, .euf-material-theme .inp-color1-states > input:disabled:focus, .euf-material-theme .inp-color1-states > input:disabled:hover, .euf-material-theme .inp-color1-states > input[disabled]:focus, .euf-material-theme .inp-color1-states > input[disabled]:hover, .euf-material-theme .inp-color1-states > input.disabled:focus, .euf-material-theme .inp-color1-states > input.disabled:hover, .euf-material-theme .inp-color1-states > textarea:disabled:focus, .euf-material-theme .inp-color1-states > textarea:disabled:hover, .euf-material-theme .inp-color1-states > textarea[disabled]:focus, .euf-material-theme .inp-color1-states > textarea[disabled]:hover, .euf-material-theme .inp-color1-states > textarea.disabled:focus, .euf-material-theme .inp-color1-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-orange, .euf-material-theme .inp-color3 {
  color: #FFC107; }
  .euf-material-theme .inp-orange > input, .euf-material-theme .inp-orange > textarea, .euf-material-theme .inp-color3 > input, .euf-material-theme .inp-color3 > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-orange > input:focus, .euf-material-theme .inp-orange > input:active, .euf-material-theme .inp-orange > input.active, .euf-material-theme .inp-orange > textarea:focus, .euf-material-theme .inp-orange > textarea:active, .euf-material-theme .inp-orange > textarea.active, .euf-material-theme .inp-color3 > input:focus, .euf-material-theme .inp-color3 > input:active, .euf-material-theme .inp-color3 > input.active, .euf-material-theme .inp-color3 > textarea:focus, .euf-material-theme .inp-color3 > textarea:active, .euf-material-theme .inp-color3 > textarea.active {
      background-color: transparent;
      border-color: #FFC107; }
    .euf-material-theme .inp-orange > input:disabled, .euf-material-theme .inp-orange > input[disabled], .euf-material-theme .inp-orange > input.disabled, .euf-material-theme .inp-orange > textarea:disabled, .euf-material-theme .inp-orange > textarea[disabled], .euf-material-theme .inp-orange > textarea.disabled, .euf-material-theme .inp-color3 > input:disabled, .euf-material-theme .inp-color3 > input[disabled], .euf-material-theme .inp-color3 > input.disabled, .euf-material-theme .inp-color3 > textarea:disabled, .euf-material-theme .inp-color3 > textarea[disabled], .euf-material-theme .inp-color3 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-orange > input:disabled:focus, .euf-material-theme .inp-orange > input:disabled:hover, .euf-material-theme .inp-orange > input[disabled]:focus, .euf-material-theme .inp-orange > input[disabled]:hover, .euf-material-theme .inp-orange > input.disabled:focus, .euf-material-theme .inp-orange > input.disabled:hover, .euf-material-theme .inp-orange > textarea:disabled:focus, .euf-material-theme .inp-orange > textarea:disabled:hover, .euf-material-theme .inp-orange > textarea[disabled]:focus, .euf-material-theme .inp-orange > textarea[disabled]:hover, .euf-material-theme .inp-orange > textarea.disabled:focus, .euf-material-theme .inp-orange > textarea.disabled:hover, .euf-material-theme .inp-color3 > input:disabled:focus, .euf-material-theme .inp-color3 > input:disabled:hover, .euf-material-theme .inp-color3 > input[disabled]:focus, .euf-material-theme .inp-color3 > input[disabled]:hover, .euf-material-theme .inp-color3 > input.disabled:focus, .euf-material-theme .inp-color3 > input.disabled:hover, .euf-material-theme .inp-color3 > textarea:disabled:focus, .euf-material-theme .inp-color3 > textarea:disabled:hover, .euf-material-theme .inp-color3 > textarea[disabled]:focus, .euf-material-theme .inp-color3 > textarea[disabled]:hover, .euf-material-theme .inp-color3 > textarea.disabled:focus, .euf-material-theme .inp-color3 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-orange-states, .euf-material-theme .inp-color3-states {
  color: #FFD54F; }
  .euf-material-theme .inp-orange-states > input, .euf-material-theme .inp-orange-states > textarea, .euf-material-theme .inp-color3-states > input, .euf-material-theme .inp-color3-states > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-orange-states > input:focus, .euf-material-theme .inp-orange-states > input:active, .euf-material-theme .inp-orange-states > input.active, .euf-material-theme .inp-orange-states > textarea:focus, .euf-material-theme .inp-orange-states > textarea:active, .euf-material-theme .inp-orange-states > textarea.active, .euf-material-theme .inp-color3-states > input:focus, .euf-material-theme .inp-color3-states > input:active, .euf-material-theme .inp-color3-states > input.active, .euf-material-theme .inp-color3-states > textarea:focus, .euf-material-theme .inp-color3-states > textarea:active, .euf-material-theme .inp-color3-states > textarea.active {
      background-color: transparent;
      border-color: #FFD54F; }
    .euf-material-theme .inp-orange-states > input:disabled, .euf-material-theme .inp-orange-states > input[disabled], .euf-material-theme .inp-orange-states > input.disabled, .euf-material-theme .inp-orange-states > textarea:disabled, .euf-material-theme .inp-orange-states > textarea[disabled], .euf-material-theme .inp-orange-states > textarea.disabled, .euf-material-theme .inp-color3-states > input:disabled, .euf-material-theme .inp-color3-states > input[disabled], .euf-material-theme .inp-color3-states > input.disabled, .euf-material-theme .inp-color3-states > textarea:disabled, .euf-material-theme .inp-color3-states > textarea[disabled], .euf-material-theme .inp-color3-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-orange-states > input:disabled:focus, .euf-material-theme .inp-orange-states > input:disabled:hover, .euf-material-theme .inp-orange-states > input[disabled]:focus, .euf-material-theme .inp-orange-states > input[disabled]:hover, .euf-material-theme .inp-orange-states > input.disabled:focus, .euf-material-theme .inp-orange-states > input.disabled:hover, .euf-material-theme .inp-orange-states > textarea:disabled:focus, .euf-material-theme .inp-orange-states > textarea:disabled:hover, .euf-material-theme .inp-orange-states > textarea[disabled]:focus, .euf-material-theme .inp-orange-states > textarea[disabled]:hover, .euf-material-theme .inp-orange-states > textarea.disabled:focus, .euf-material-theme .inp-orange-states > textarea.disabled:hover, .euf-material-theme .inp-color3-states > input:disabled:focus, .euf-material-theme .inp-color3-states > input:disabled:hover, .euf-material-theme .inp-color3-states > input[disabled]:focus, .euf-material-theme .inp-color3-states > input[disabled]:hover, .euf-material-theme .inp-color3-states > input.disabled:focus, .euf-material-theme .inp-color3-states > input.disabled:hover, .euf-material-theme .inp-color3-states > textarea:disabled:focus, .euf-material-theme .inp-color3-states > textarea:disabled:hover, .euf-material-theme .inp-color3-states > textarea[disabled]:focus, .euf-material-theme .inp-color3-states > textarea[disabled]:hover, .euf-material-theme .inp-color3-states > textarea.disabled:focus, .euf-material-theme .inp-color3-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-red, .euf-material-theme .inp-color4 {
  color: #FF5722; }
  .euf-material-theme .inp-red > input, .euf-material-theme .inp-red > textarea, .euf-material-theme .inp-color4 > input, .euf-material-theme .inp-color4 > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-red > input:focus, .euf-material-theme .inp-red > input:active, .euf-material-theme .inp-red > input.active, .euf-material-theme .inp-red > textarea:focus, .euf-material-theme .inp-red > textarea:active, .euf-material-theme .inp-red > textarea.active, .euf-material-theme .inp-color4 > input:focus, .euf-material-theme .inp-color4 > input:active, .euf-material-theme .inp-color4 > input.active, .euf-material-theme .inp-color4 > textarea:focus, .euf-material-theme .inp-color4 > textarea:active, .euf-material-theme .inp-color4 > textarea.active {
      background-color: transparent;
      border-color: #FF5722; }
    .euf-material-theme .inp-red > input:disabled, .euf-material-theme .inp-red > input[disabled], .euf-material-theme .inp-red > input.disabled, .euf-material-theme .inp-red > textarea:disabled, .euf-material-theme .inp-red > textarea[disabled], .euf-material-theme .inp-red > textarea.disabled, .euf-material-theme .inp-color4 > input:disabled, .euf-material-theme .inp-color4 > input[disabled], .euf-material-theme .inp-color4 > input.disabled, .euf-material-theme .inp-color4 > textarea:disabled, .euf-material-theme .inp-color4 > textarea[disabled], .euf-material-theme .inp-color4 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-red > input:disabled:focus, .euf-material-theme .inp-red > input:disabled:hover, .euf-material-theme .inp-red > input[disabled]:focus, .euf-material-theme .inp-red > input[disabled]:hover, .euf-material-theme .inp-red > input.disabled:focus, .euf-material-theme .inp-red > input.disabled:hover, .euf-material-theme .inp-red > textarea:disabled:focus, .euf-material-theme .inp-red > textarea:disabled:hover, .euf-material-theme .inp-red > textarea[disabled]:focus, .euf-material-theme .inp-red > textarea[disabled]:hover, .euf-material-theme .inp-red > textarea.disabled:focus, .euf-material-theme .inp-red > textarea.disabled:hover, .euf-material-theme .inp-color4 > input:disabled:focus, .euf-material-theme .inp-color4 > input:disabled:hover, .euf-material-theme .inp-color4 > input[disabled]:focus, .euf-material-theme .inp-color4 > input[disabled]:hover, .euf-material-theme .inp-color4 > input.disabled:focus, .euf-material-theme .inp-color4 > input.disabled:hover, .euf-material-theme .inp-color4 > textarea:disabled:focus, .euf-material-theme .inp-color4 > textarea:disabled:hover, .euf-material-theme .inp-color4 > textarea[disabled]:focus, .euf-material-theme .inp-color4 > textarea[disabled]:hover, .euf-material-theme .inp-color4 > textarea.disabled:focus, .euf-material-theme .inp-color4 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-red-states, .euf-material-theme .inp-color4-states {
  color: #FF8A65; }
  .euf-material-theme .inp-red-states > input, .euf-material-theme .inp-red-states > textarea, .euf-material-theme .inp-color4-states > input, .euf-material-theme .inp-color4-states > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-red-states > input:focus, .euf-material-theme .inp-red-states > input:active, .euf-material-theme .inp-red-states > input.active, .euf-material-theme .inp-red-states > textarea:focus, .euf-material-theme .inp-red-states > textarea:active, .euf-material-theme .inp-red-states > textarea.active, .euf-material-theme .inp-color4-states > input:focus, .euf-material-theme .inp-color4-states > input:active, .euf-material-theme .inp-color4-states > input.active, .euf-material-theme .inp-color4-states > textarea:focus, .euf-material-theme .inp-color4-states > textarea:active, .euf-material-theme .inp-color4-states > textarea.active {
      background-color: transparent;
      border-color: #FF8A65; }
    .euf-material-theme .inp-red-states > input:disabled, .euf-material-theme .inp-red-states > input[disabled], .euf-material-theme .inp-red-states > input.disabled, .euf-material-theme .inp-red-states > textarea:disabled, .euf-material-theme .inp-red-states > textarea[disabled], .euf-material-theme .inp-red-states > textarea.disabled, .euf-material-theme .inp-color4-states > input:disabled, .euf-material-theme .inp-color4-states > input[disabled], .euf-material-theme .inp-color4-states > input.disabled, .euf-material-theme .inp-color4-states > textarea:disabled, .euf-material-theme .inp-color4-states > textarea[disabled], .euf-material-theme .inp-color4-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-red-states > input:disabled:focus, .euf-material-theme .inp-red-states > input:disabled:hover, .euf-material-theme .inp-red-states > input[disabled]:focus, .euf-material-theme .inp-red-states > input[disabled]:hover, .euf-material-theme .inp-red-states > input.disabled:focus, .euf-material-theme .inp-red-states > input.disabled:hover, .euf-material-theme .inp-red-states > textarea:disabled:focus, .euf-material-theme .inp-red-states > textarea:disabled:hover, .euf-material-theme .inp-red-states > textarea[disabled]:focus, .euf-material-theme .inp-red-states > textarea[disabled]:hover, .euf-material-theme .inp-red-states > textarea.disabled:focus, .euf-material-theme .inp-red-states > textarea.disabled:hover, .euf-material-theme .inp-color4-states > input:disabled:focus, .euf-material-theme .inp-color4-states > input:disabled:hover, .euf-material-theme .inp-color4-states > input[disabled]:focus, .euf-material-theme .inp-color4-states > input[disabled]:hover, .euf-material-theme .inp-color4-states > input.disabled:focus, .euf-material-theme .inp-color4-states > input.disabled:hover, .euf-material-theme .inp-color4-states > textarea:disabled:focus, .euf-material-theme .inp-color4-states > textarea:disabled:hover, .euf-material-theme .inp-color4-states > textarea[disabled]:focus, .euf-material-theme .inp-color4-states > textarea[disabled]:hover, .euf-material-theme .inp-color4-states > textarea.disabled:focus, .euf-material-theme .inp-color4-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-pink, .euf-material-theme .inp-color7 {
  color: #E91E63; }
  .euf-material-theme .inp-pink > input, .euf-material-theme .inp-pink > textarea, .euf-material-theme .inp-color7 > input, .euf-material-theme .inp-color7 > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-pink > input:focus, .euf-material-theme .inp-pink > input:active, .euf-material-theme .inp-pink > input.active, .euf-material-theme .inp-pink > textarea:focus, .euf-material-theme .inp-pink > textarea:active, .euf-material-theme .inp-pink > textarea.active, .euf-material-theme .inp-color7 > input:focus, .euf-material-theme .inp-color7 > input:active, .euf-material-theme .inp-color7 > input.active, .euf-material-theme .inp-color7 > textarea:focus, .euf-material-theme .inp-color7 > textarea:active, .euf-material-theme .inp-color7 > textarea.active {
      background-color: transparent;
      border-color: #E91E63; }
    .euf-material-theme .inp-pink > input:disabled, .euf-material-theme .inp-pink > input[disabled], .euf-material-theme .inp-pink > input.disabled, .euf-material-theme .inp-pink > textarea:disabled, .euf-material-theme .inp-pink > textarea[disabled], .euf-material-theme .inp-pink > textarea.disabled, .euf-material-theme .inp-color7 > input:disabled, .euf-material-theme .inp-color7 > input[disabled], .euf-material-theme .inp-color7 > input.disabled, .euf-material-theme .inp-color7 > textarea:disabled, .euf-material-theme .inp-color7 > textarea[disabled], .euf-material-theme .inp-color7 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-pink > input:disabled:focus, .euf-material-theme .inp-pink > input:disabled:hover, .euf-material-theme .inp-pink > input[disabled]:focus, .euf-material-theme .inp-pink > input[disabled]:hover, .euf-material-theme .inp-pink > input.disabled:focus, .euf-material-theme .inp-pink > input.disabled:hover, .euf-material-theme .inp-pink > textarea:disabled:focus, .euf-material-theme .inp-pink > textarea:disabled:hover, .euf-material-theme .inp-pink > textarea[disabled]:focus, .euf-material-theme .inp-pink > textarea[disabled]:hover, .euf-material-theme .inp-pink > textarea.disabled:focus, .euf-material-theme .inp-pink > textarea.disabled:hover, .euf-material-theme .inp-color7 > input:disabled:focus, .euf-material-theme .inp-color7 > input:disabled:hover, .euf-material-theme .inp-color7 > input[disabled]:focus, .euf-material-theme .inp-color7 > input[disabled]:hover, .euf-material-theme .inp-color7 > input.disabled:focus, .euf-material-theme .inp-color7 > input.disabled:hover, .euf-material-theme .inp-color7 > textarea:disabled:focus, .euf-material-theme .inp-color7 > textarea:disabled:hover, .euf-material-theme .inp-color7 > textarea[disabled]:focus, .euf-material-theme .inp-color7 > textarea[disabled]:hover, .euf-material-theme .inp-color7 > textarea.disabled:focus, .euf-material-theme .inp-color7 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-pink-states, .euf-material-theme .inp-color7-states {
  color: #F06292; }
  .euf-material-theme .inp-pink-states > input, .euf-material-theme .inp-pink-states > textarea, .euf-material-theme .inp-color7-states > input, .euf-material-theme .inp-color7-states > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-pink-states > input:focus, .euf-material-theme .inp-pink-states > input:active, .euf-material-theme .inp-pink-states > input.active, .euf-material-theme .inp-pink-states > textarea:focus, .euf-material-theme .inp-pink-states > textarea:active, .euf-material-theme .inp-pink-states > textarea.active, .euf-material-theme .inp-color7-states > input:focus, .euf-material-theme .inp-color7-states > input:active, .euf-material-theme .inp-color7-states > input.active, .euf-material-theme .inp-color7-states > textarea:focus, .euf-material-theme .inp-color7-states > textarea:active, .euf-material-theme .inp-color7-states > textarea.active {
      background-color: transparent;
      border-color: #F06292; }
    .euf-material-theme .inp-pink-states > input:disabled, .euf-material-theme .inp-pink-states > input[disabled], .euf-material-theme .inp-pink-states > input.disabled, .euf-material-theme .inp-pink-states > textarea:disabled, .euf-material-theme .inp-pink-states > textarea[disabled], .euf-material-theme .inp-pink-states > textarea.disabled, .euf-material-theme .inp-color7-states > input:disabled, .euf-material-theme .inp-color7-states > input[disabled], .euf-material-theme .inp-color7-states > input.disabled, .euf-material-theme .inp-color7-states > textarea:disabled, .euf-material-theme .inp-color7-states > textarea[disabled], .euf-material-theme .inp-color7-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-pink-states > input:disabled:focus, .euf-material-theme .inp-pink-states > input:disabled:hover, .euf-material-theme .inp-pink-states > input[disabled]:focus, .euf-material-theme .inp-pink-states > input[disabled]:hover, .euf-material-theme .inp-pink-states > input.disabled:focus, .euf-material-theme .inp-pink-states > input.disabled:hover, .euf-material-theme .inp-pink-states > textarea:disabled:focus, .euf-material-theme .inp-pink-states > textarea:disabled:hover, .euf-material-theme .inp-pink-states > textarea[disabled]:focus, .euf-material-theme .inp-pink-states > textarea[disabled]:hover, .euf-material-theme .inp-pink-states > textarea.disabled:focus, .euf-material-theme .inp-pink-states > textarea.disabled:hover, .euf-material-theme .inp-color7-states > input:disabled:focus, .euf-material-theme .inp-color7-states > input:disabled:hover, .euf-material-theme .inp-color7-states > input[disabled]:focus, .euf-material-theme .inp-color7-states > input[disabled]:hover, .euf-material-theme .inp-color7-states > input.disabled:focus, .euf-material-theme .inp-color7-states > input.disabled:hover, .euf-material-theme .inp-color7-states > textarea:disabled:focus, .euf-material-theme .inp-color7-states > textarea:disabled:hover, .euf-material-theme .inp-color7-states > textarea[disabled]:focus, .euf-material-theme .inp-color7-states > textarea[disabled]:hover, .euf-material-theme .inp-color7-states > textarea.disabled:focus, .euf-material-theme .inp-color7-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-purple, .euf-material-theme .inp-color5 {
  color: #9C27B0; }
  .euf-material-theme .inp-purple > input, .euf-material-theme .inp-purple > textarea, .euf-material-theme .inp-color5 > input, .euf-material-theme .inp-color5 > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-purple > input:focus, .euf-material-theme .inp-purple > input:active, .euf-material-theme .inp-purple > input.active, .euf-material-theme .inp-purple > textarea:focus, .euf-material-theme .inp-purple > textarea:active, .euf-material-theme .inp-purple > textarea.active, .euf-material-theme .inp-color5 > input:focus, .euf-material-theme .inp-color5 > input:active, .euf-material-theme .inp-color5 > input.active, .euf-material-theme .inp-color5 > textarea:focus, .euf-material-theme .inp-color5 > textarea:active, .euf-material-theme .inp-color5 > textarea.active {
      background-color: transparent;
      border-color: #9C27B0; }
    .euf-material-theme .inp-purple > input:disabled, .euf-material-theme .inp-purple > input[disabled], .euf-material-theme .inp-purple > input.disabled, .euf-material-theme .inp-purple > textarea:disabled, .euf-material-theme .inp-purple > textarea[disabled], .euf-material-theme .inp-purple > textarea.disabled, .euf-material-theme .inp-color5 > input:disabled, .euf-material-theme .inp-color5 > input[disabled], .euf-material-theme .inp-color5 > input.disabled, .euf-material-theme .inp-color5 > textarea:disabled, .euf-material-theme .inp-color5 > textarea[disabled], .euf-material-theme .inp-color5 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-purple > input:disabled:focus, .euf-material-theme .inp-purple > input:disabled:hover, .euf-material-theme .inp-purple > input[disabled]:focus, .euf-material-theme .inp-purple > input[disabled]:hover, .euf-material-theme .inp-purple > input.disabled:focus, .euf-material-theme .inp-purple > input.disabled:hover, .euf-material-theme .inp-purple > textarea:disabled:focus, .euf-material-theme .inp-purple > textarea:disabled:hover, .euf-material-theme .inp-purple > textarea[disabled]:focus, .euf-material-theme .inp-purple > textarea[disabled]:hover, .euf-material-theme .inp-purple > textarea.disabled:focus, .euf-material-theme .inp-purple > textarea.disabled:hover, .euf-material-theme .inp-color5 > input:disabled:focus, .euf-material-theme .inp-color5 > input:disabled:hover, .euf-material-theme .inp-color5 > input[disabled]:focus, .euf-material-theme .inp-color5 > input[disabled]:hover, .euf-material-theme .inp-color5 > input.disabled:focus, .euf-material-theme .inp-color5 > input.disabled:hover, .euf-material-theme .inp-color5 > textarea:disabled:focus, .euf-material-theme .inp-color5 > textarea:disabled:hover, .euf-material-theme .inp-color5 > textarea[disabled]:focus, .euf-material-theme .inp-color5 > textarea[disabled]:hover, .euf-material-theme .inp-color5 > textarea.disabled:focus, .euf-material-theme .inp-color5 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .inp-purple-states, .euf-material-theme .inp-color5-states {
  color: #BA68C8; }
  .euf-material-theme .inp-purple-states > input, .euf-material-theme .inp-purple-states > textarea, .euf-material-theme .inp-color5-states > input, .euf-material-theme .inp-color5-states > textarea {
    border-color: default-color; }
    .euf-material-theme .inp-purple-states > input:focus, .euf-material-theme .inp-purple-states > input:active, .euf-material-theme .inp-purple-states > input.active, .euf-material-theme .inp-purple-states > textarea:focus, .euf-material-theme .inp-purple-states > textarea:active, .euf-material-theme .inp-purple-states > textarea.active, .euf-material-theme .inp-color5-states > input:focus, .euf-material-theme .inp-color5-states > input:active, .euf-material-theme .inp-color5-states > input.active, .euf-material-theme .inp-color5-states > textarea:focus, .euf-material-theme .inp-color5-states > textarea:active, .euf-material-theme .inp-color5-states > textarea.active {
      background-color: transparent;
      border-color: #BA68C8; }
    .euf-material-theme .inp-purple-states > input:disabled, .euf-material-theme .inp-purple-states > input[disabled], .euf-material-theme .inp-purple-states > input.disabled, .euf-material-theme .inp-purple-states > textarea:disabled, .euf-material-theme .inp-purple-states > textarea[disabled], .euf-material-theme .inp-purple-states > textarea.disabled, .euf-material-theme .inp-color5-states > input:disabled, .euf-material-theme .inp-color5-states > input[disabled], .euf-material-theme .inp-color5-states > input.disabled, .euf-material-theme .inp-color5-states > textarea:disabled, .euf-material-theme .inp-color5-states > textarea[disabled], .euf-material-theme .inp-color5-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-material-theme .inp-purple-states > input:disabled:focus, .euf-material-theme .inp-purple-states > input:disabled:hover, .euf-material-theme .inp-purple-states > input[disabled]:focus, .euf-material-theme .inp-purple-states > input[disabled]:hover, .euf-material-theme .inp-purple-states > input.disabled:focus, .euf-material-theme .inp-purple-states > input.disabled:hover, .euf-material-theme .inp-purple-states > textarea:disabled:focus, .euf-material-theme .inp-purple-states > textarea:disabled:hover, .euf-material-theme .inp-purple-states > textarea[disabled]:focus, .euf-material-theme .inp-purple-states > textarea[disabled]:hover, .euf-material-theme .inp-purple-states > textarea.disabled:focus, .euf-material-theme .inp-purple-states > textarea.disabled:hover, .euf-material-theme .inp-color5-states > input:disabled:focus, .euf-material-theme .inp-color5-states > input:disabled:hover, .euf-material-theme .inp-color5-states > input[disabled]:focus, .euf-material-theme .inp-color5-states > input[disabled]:hover, .euf-material-theme .inp-color5-states > input.disabled:focus, .euf-material-theme .inp-color5-states > input.disabled:hover, .euf-material-theme .inp-color5-states > textarea:disabled:focus, .euf-material-theme .inp-color5-states > textarea:disabled:hover, .euf-material-theme .inp-color5-states > textarea[disabled]:focus, .euf-material-theme .inp-color5-states > textarea[disabled]:hover, .euf-material-theme .inp-color5-states > textarea.disabled:focus, .euf-material-theme .inp-color5-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-material-theme .color-container.ftospetrol div:before {
  content: "#3F5A63"; }

.euf-material-theme .color-containerftospetrol div:before {
  content: "#3F5A63"; }

.euf-material-theme .color-container.ftospetrol-states div:before {
  content: "#3c788c"; }

.euf-material-theme .color-containerftospetrol-states div:before {
  content: "#3c788c"; }

.euf-material-theme .color-container.ftosblue div:before {
  content: "#27AAE1"; }

.euf-material-theme .color-containerftosblue div:before {
  content: "#27AAE1"; }

.euf-material-theme .color-container.ftosblue-states div:before {
  content: "#1c98cc"; }

.euf-material-theme .color-containerftosblue-states div:before {
  content: "#1c98cc"; }

.euf-material-theme .color-container.default div:before {
  content: "#9E9E9E"; }

.euf-material-theme .color-containerdefault div:before {
  content: "#9E9E9E"; }

.euf-material-theme .color-container.default-states div:before {
  content: "#BDBDBD"; }

.euf-material-theme .color-containerdefault-states div:before {
  content: "#BDBDBD"; }

.euf-material-theme .color-container.blue div:before {
  content: "#3F51B5"; }

.euf-material-theme .color-containerblue div:before {
  content: "#3F51B5"; }

.euf-material-theme .color-container.blue-states div:before {
  content: "#7986CB"; }

.euf-material-theme .color-containerblue-states div:before {
  content: "#7986CB"; }

.euf-material-theme .color-container.green div:before {
  content: "#4CAF50"; }

.euf-material-theme .color-containergreen div:before {
  content: "#4CAF50"; }

.euf-material-theme .color-container.green-states div:before {
  content: "#81C784"; }

.euf-material-theme .color-containergreen-states div:before {
  content: "#81C784"; }

.euf-material-theme .color-container.azure div:before {
  content: "#03A9F4"; }

.euf-material-theme .color-containerazure div:before {
  content: "#03A9F4"; }

.euf-material-theme .color-container.azure-states div:before {
  content: "#4FC3F7"; }

.euf-material-theme .color-containerazure-states div:before {
  content: "#4FC3F7"; }

.euf-material-theme .color-container.orange div:before {
  content: "#FFC107"; }

.euf-material-theme .color-containerorange div:before {
  content: "#FFC107"; }

.euf-material-theme .color-container.orange-states div:before {
  content: "#FFD54F"; }

.euf-material-theme .color-containerorange-states div:before {
  content: "#FFD54F"; }

.euf-material-theme .color-container.red div:before {
  content: "#FF5722"; }

.euf-material-theme .color-containerred div:before {
  content: "#FF5722"; }

.euf-material-theme .color-container.red-states div:before {
  content: "#FF8A65"; }

.euf-material-theme .color-containerred-states div:before {
  content: "#FF8A65"; }

.euf-material-theme .color-container.pink div:before {
  content: "#E91E63"; }

.euf-material-theme .color-containerpink div:before {
  content: "#E91E63"; }

.euf-material-theme .color-container.pink-states div:before {
  content: "#F06292"; }

.euf-material-theme .color-containerpink-states div:before {
  content: "#F06292"; }

.euf-material-theme .color-container.purple div:before {
  content: "#9C27B0"; }

.euf-material-theme .color-containerpurple div:before {
  content: "#9C27B0"; }

.euf-material-theme .color-container.purple-states div:before {
  content: "#BA68C8"; }

.euf-material-theme .color-containerpurple-states div:before {
  content: "#BA68C8"; }

.euf-material-theme .has-error > input, .euf-material-theme .has-error > textarea {
  border-color: #FF5722; }
  .euf-material-theme .has-error > input:hover, .euf-material-theme .has-error > input:focus, .euf-material-theme .has-error > input:active, .euf-material-theme .has-error > input.active, .euf-material-theme .has-error > textarea:hover, .euf-material-theme .has-error > textarea:focus, .euf-material-theme .has-error > textarea:active, .euf-material-theme .has-error > textarea.active {
    border-color: #FF8A65; }

.euf-material-theme .has-success > input, .euf-material-theme .has-success > textarea {
  border-color: #4CAF50; }
  .euf-material-theme .has-success > input:hover, .euf-material-theme .has-success > input:focus, .euf-material-theme .has-success > input:active, .euf-material-theme .has-success > input.active, .euf-material-theme .has-success > textarea:hover, .euf-material-theme .has-success > textarea:focus, .euf-material-theme .has-success > textarea:active, .euf-material-theme .has-success > textarea.active {
    border-color: #81C784; }

.euf-material-theme .radio {
  position: relative;
  display: inline-block;
  background-color: transparent;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  text-decoration: none;
  font-size: 1rem;
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
  -webkit-transition:;
  -moz-transition:;
  -ms-transition:;
  -o-transition:;
  transition:; }
  .euf-material-theme .radio + .radio {
    /*margin-top: map(map($theme, radio),margin-top);*/
    margin-top: 0; }
  .euf-material-theme .radio .disabled label, .euf-material-theme .radio .disabled i {
    cursor: not-allowed; }
  .euf-material-theme .radio label {
    position: relative;
    text-align: left;
    display: block;
    padding-left: 2rem;
    min-height: 1.25rem;
    font-weight: 400; }
    .euf-material-theme .radio label small {
      display: inherit;
      font-size: 85%;
      margin-top: .5rem; }
  .euf-material-theme .radio input {
    position: absolute;
    opacity: 0;
    left: 0;
    margin-left: -1.25rem; }
    .euf-material-theme .radio input:checked ~ .helper::after {
      -webkit-transform: scale(0.5);
      transform: scale(0.5); }
    .euf-material-theme .radio input:not(:checked) ~ .flag {
      opacity: .9;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%); }
  .euf-material-theme .radio .helper {
    position: absolute;
    display: block;
    user-select: none;
    top: -0.25rem;
    left: -0.25rem; }
    .euf-material-theme .radio .helper::before, .euf-material-theme .radio .helper::after {
      content: '';
      position: absolute;
      left: 0.2rem;
      top: 0;
      margin: 0.1rem 0 0 0;
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 50%;
      border: 0.12rem solid #a0a0a2;
      -webkit-transition: -webkit-transform 0.28s ease;
      transition: -webkit-transform 0.28s ease;
      transition: transform 0.28s ease;
      transition: transform 0.28s ease, -webkit-transform 0.28s ease; }
    .euf-material-theme .radio .helper::after {
      -webkit-transform: scale(0);
      transform: scale(0); }
  .euf-material-theme .radio.radio-sm .helper {
    top: -0.1rem; }
    .euf-material-theme .radio.radio-sm .helper:after, .euf-material-theme .radio.radio-sm .helper:before {
      width: 1.2rem;
      height: 1.2rem; }
  .euf-material-theme .radio input:disabled ~ .helper::before, .euf-material-theme .radio input[disabled] ~ .helper::before, .euf-material-theme .radio input.disabled ~ .helper::before {
    color: #d2c7c7;
    border-color: #d2c7c7; }
  .euf-material-theme .radio input:disabled:checked ~ .helper::after, .euf-material-theme .radio input[disabled]:checked ~ .helper::after, .euf-material-theme .radio input.disabled:checked ~ .helper::after {
    background-color: #d2c7c7;
    border-color: #d2c7c7; }
  .euf-material-theme .radio input:checked ~ .helper::before {
    color: #95a5a6; }
  .euf-material-theme .radio .helper::after {
    border-color: #95a5a6;
    background-color: #95a5a6; }
  .euf-material-theme .radio:hover, .euf-material-theme .radio:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    outline: 0 !important; }
  .euf-material-theme .radio:active, .euf-material-theme .radio.active,
  .open > .euf-material-theme .radio.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important; }

.euf-material-theme .radio-ftospetrol input:disabled ~ .helper::before, .euf-material-theme .radio-ftospetrol input[disabled] ~ .helper::before, .euf-material-theme .radio-ftospetrol input.disabled ~ .helper::before, .euf-material-theme .radio-color10 input:disabled ~ .helper::before, .euf-material-theme .radio-color10 input[disabled] ~ .helper::before, .euf-material-theme .radio-color10 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-ftospetrol input:disabled:checked ~ .helper::after, .euf-material-theme .radio-ftospetrol input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-ftospetrol input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color10 input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color10 input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color10 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-ftospetrol input:checked ~ .helper::before, .euf-material-theme .radio-color10 input:checked ~ .helper::before {
  color: #3F5A63; }

.euf-material-theme .radio-ftospetrol .helper::after, .euf-material-theme .radio-color10 .helper::after {
  border-color: #3F5A63;
  background-color: #3F5A63; }

.euf-material-theme .radio-ftospetrol-states input:disabled ~ .helper::before, .euf-material-theme .radio-ftospetrol-states input[disabled] ~ .helper::before, .euf-material-theme .radio-ftospetrol-states input.disabled ~ .helper::before, .euf-material-theme .radio-color10-states input:disabled ~ .helper::before, .euf-material-theme .radio-color10-states input[disabled] ~ .helper::before, .euf-material-theme .radio-color10-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-ftospetrol-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-ftospetrol-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-ftospetrol-states input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color10-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color10-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color10-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-ftospetrol-states input:checked ~ .helper::before, .euf-material-theme .radio-color10-states input:checked ~ .helper::before {
  color: #3c788c; }

.euf-material-theme .radio-ftospetrol-states .helper::after, .euf-material-theme .radio-color10-states .helper::after {
  border-color: #3c788c;
  background-color: #3c788c; }

.euf-material-theme .radio-ftosblue input:disabled ~ .helper::before, .euf-material-theme .radio-ftosblue input[disabled] ~ .helper::before, .euf-material-theme .radio-ftosblue input.disabled ~ .helper::before, .euf-material-theme .radio-color9 input:disabled ~ .helper::before, .euf-material-theme .radio-color9 input[disabled] ~ .helper::before, .euf-material-theme .radio-color9 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-ftosblue input:disabled:checked ~ .helper::after, .euf-material-theme .radio-ftosblue input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-ftosblue input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color9 input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color9 input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color9 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-ftosblue input:checked ~ .helper::before, .euf-material-theme .radio-color9 input:checked ~ .helper::before {
  color: #27AAE1; }

.euf-material-theme .radio-ftosblue .helper::after, .euf-material-theme .radio-color9 .helper::after {
  border-color: #27AAE1;
  background-color: #27AAE1; }

.euf-material-theme .radio-ftosblue-states input:disabled ~ .helper::before, .euf-material-theme .radio-ftosblue-states input[disabled] ~ .helper::before, .euf-material-theme .radio-ftosblue-states input.disabled ~ .helper::before, .euf-material-theme .radio-color9-states input:disabled ~ .helper::before, .euf-material-theme .radio-color9-states input[disabled] ~ .helper::before, .euf-material-theme .radio-color9-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-ftosblue-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-ftosblue-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-ftosblue-states input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color9-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color9-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color9-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-ftosblue-states input:checked ~ .helper::before, .euf-material-theme .radio-color9-states input:checked ~ .helper::before {
  color: #1c98cc; }

.euf-material-theme .radio-ftosblue-states .helper::after, .euf-material-theme .radio-color9-states .helper::after {
  border-color: #1c98cc;
  background-color: #1c98cc; }

.euf-material-theme .radio-default input:disabled ~ .helper::before, .euf-material-theme .radio-default input[disabled] ~ .helper::before, .euf-material-theme .radio-default input.disabled ~ .helper::before, .euf-material-theme .radio-color8 input:disabled ~ .helper::before, .euf-material-theme .radio-color8 input[disabled] ~ .helper::before, .euf-material-theme .radio-color8 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-default input:disabled:checked ~ .helper::after, .euf-material-theme .radio-default input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-default input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color8 input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color8 input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color8 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-default input:checked ~ .helper::before, .euf-material-theme .radio-color8 input:checked ~ .helper::before {
  color: #9E9E9E; }

.euf-material-theme .radio-default .helper::after, .euf-material-theme .radio-color8 .helper::after {
  border-color: #9E9E9E;
  background-color: #9E9E9E; }

.euf-material-theme .radio-default-states input:disabled ~ .helper::before, .euf-material-theme .radio-default-states input[disabled] ~ .helper::before, .euf-material-theme .radio-default-states input.disabled ~ .helper::before, .euf-material-theme .radio-color8-states input:disabled ~ .helper::before, .euf-material-theme .radio-color8-states input[disabled] ~ .helper::before, .euf-material-theme .radio-color8-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-default-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-default-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-default-states input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color8-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color8-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color8-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-default-states input:checked ~ .helper::before, .euf-material-theme .radio-color8-states input:checked ~ .helper::before {
  color: #BDBDBD; }

.euf-material-theme .radio-default-states .helper::after, .euf-material-theme .radio-color8-states .helper::after {
  border-color: #BDBDBD;
  background-color: #BDBDBD; }

.euf-material-theme .radio-blue input:disabled ~ .helper::before, .euf-material-theme .radio-blue input[disabled] ~ .helper::before, .euf-material-theme .radio-blue input.disabled ~ .helper::before, .euf-material-theme .radio-color6 input:disabled ~ .helper::before, .euf-material-theme .radio-color6 input[disabled] ~ .helper::before, .euf-material-theme .radio-color6 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-blue input:disabled:checked ~ .helper::after, .euf-material-theme .radio-blue input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-blue input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color6 input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color6 input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color6 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-blue input:checked ~ .helper::before, .euf-material-theme .radio-color6 input:checked ~ .helper::before {
  color: #3F51B5; }

.euf-material-theme .radio-blue .helper::after, .euf-material-theme .radio-color6 .helper::after {
  border-color: #3F51B5;
  background-color: #3F51B5; }

.euf-material-theme .radio-blue-states input:disabled ~ .helper::before, .euf-material-theme .radio-blue-states input[disabled] ~ .helper::before, .euf-material-theme .radio-blue-states input.disabled ~ .helper::before, .euf-material-theme .radio-color6-states input:disabled ~ .helper::before, .euf-material-theme .radio-color6-states input[disabled] ~ .helper::before, .euf-material-theme .radio-color6-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-blue-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-blue-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-blue-states input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color6-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color6-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color6-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-blue-states input:checked ~ .helper::before, .euf-material-theme .radio-color6-states input:checked ~ .helper::before {
  color: #7986CB; }

.euf-material-theme .radio-blue-states .helper::after, .euf-material-theme .radio-color6-states .helper::after {
  border-color: #7986CB;
  background-color: #7986CB; }

.euf-material-theme .radio-green input:disabled ~ .helper::before, .euf-material-theme .radio-green input[disabled] ~ .helper::before, .euf-material-theme .radio-green input.disabled ~ .helper::before, .euf-material-theme .radio-color2 input:disabled ~ .helper::before, .euf-material-theme .radio-color2 input[disabled] ~ .helper::before, .euf-material-theme .radio-color2 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-green input:disabled:checked ~ .helper::after, .euf-material-theme .radio-green input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-green input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color2 input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color2 input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color2 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-green input:checked ~ .helper::before, .euf-material-theme .radio-color2 input:checked ~ .helper::before {
  color: #4CAF50; }

.euf-material-theme .radio-green .helper::after, .euf-material-theme .radio-color2 .helper::after {
  border-color: #4CAF50;
  background-color: #4CAF50; }

.euf-material-theme .radio-green-states input:disabled ~ .helper::before, .euf-material-theme .radio-green-states input[disabled] ~ .helper::before, .euf-material-theme .radio-green-states input.disabled ~ .helper::before, .euf-material-theme .radio-color2-states input:disabled ~ .helper::before, .euf-material-theme .radio-color2-states input[disabled] ~ .helper::before, .euf-material-theme .radio-color2-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-green-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-green-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-green-states input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color2-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color2-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color2-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-green-states input:checked ~ .helper::before, .euf-material-theme .radio-color2-states input:checked ~ .helper::before {
  color: #81C784; }

.euf-material-theme .radio-green-states .helper::after, .euf-material-theme .radio-color2-states .helper::after {
  border-color: #81C784;
  background-color: #81C784; }

.euf-material-theme .radio-azure input:disabled ~ .helper::before, .euf-material-theme .radio-azure input[disabled] ~ .helper::before, .euf-material-theme .radio-azure input.disabled ~ .helper::before, .euf-material-theme .radio-color1 input:disabled ~ .helper::before, .euf-material-theme .radio-color1 input[disabled] ~ .helper::before, .euf-material-theme .radio-color1 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-azure input:disabled:checked ~ .helper::after, .euf-material-theme .radio-azure input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-azure input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color1 input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color1 input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color1 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-azure input:checked ~ .helper::before, .euf-material-theme .radio-color1 input:checked ~ .helper::before {
  color: #03A9F4; }

.euf-material-theme .radio-azure .helper::after, .euf-material-theme .radio-color1 .helper::after {
  border-color: #03A9F4;
  background-color: #03A9F4; }

.euf-material-theme .radio-azure-states input:disabled ~ .helper::before, .euf-material-theme .radio-azure-states input[disabled] ~ .helper::before, .euf-material-theme .radio-azure-states input.disabled ~ .helper::before, .euf-material-theme .radio-color1-states input:disabled ~ .helper::before, .euf-material-theme .radio-color1-states input[disabled] ~ .helper::before, .euf-material-theme .radio-color1-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-azure-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-azure-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-azure-states input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color1-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color1-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color1-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-azure-states input:checked ~ .helper::before, .euf-material-theme .radio-color1-states input:checked ~ .helper::before {
  color: #4FC3F7; }

.euf-material-theme .radio-azure-states .helper::after, .euf-material-theme .radio-color1-states .helper::after {
  border-color: #4FC3F7;
  background-color: #4FC3F7; }

.euf-material-theme .radio-orange input:disabled ~ .helper::before, .euf-material-theme .radio-orange input[disabled] ~ .helper::before, .euf-material-theme .radio-orange input.disabled ~ .helper::before, .euf-material-theme .radio-color3 input:disabled ~ .helper::before, .euf-material-theme .radio-color3 input[disabled] ~ .helper::before, .euf-material-theme .radio-color3 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-orange input:disabled:checked ~ .helper::after, .euf-material-theme .radio-orange input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-orange input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color3 input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color3 input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color3 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-orange input:checked ~ .helper::before, .euf-material-theme .radio-color3 input:checked ~ .helper::before {
  color: #FFC107; }

.euf-material-theme .radio-orange .helper::after, .euf-material-theme .radio-color3 .helper::after {
  border-color: #FFC107;
  background-color: #FFC107; }

.euf-material-theme .radio-orange-states input:disabled ~ .helper::before, .euf-material-theme .radio-orange-states input[disabled] ~ .helper::before, .euf-material-theme .radio-orange-states input.disabled ~ .helper::before, .euf-material-theme .radio-color3-states input:disabled ~ .helper::before, .euf-material-theme .radio-color3-states input[disabled] ~ .helper::before, .euf-material-theme .radio-color3-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-orange-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-orange-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-orange-states input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color3-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color3-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color3-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-orange-states input:checked ~ .helper::before, .euf-material-theme .radio-color3-states input:checked ~ .helper::before {
  color: #FFD54F; }

.euf-material-theme .radio-orange-states .helper::after, .euf-material-theme .radio-color3-states .helper::after {
  border-color: #FFD54F;
  background-color: #FFD54F; }

.euf-material-theme .radio-red input:disabled ~ .helper::before, .euf-material-theme .radio-red input[disabled] ~ .helper::before, .euf-material-theme .radio-red input.disabled ~ .helper::before, .euf-material-theme .radio-color4 input:disabled ~ .helper::before, .euf-material-theme .radio-color4 input[disabled] ~ .helper::before, .euf-material-theme .radio-color4 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-red input:disabled:checked ~ .helper::after, .euf-material-theme .radio-red input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-red input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color4 input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color4 input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color4 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-red input:checked ~ .helper::before, .euf-material-theme .radio-color4 input:checked ~ .helper::before {
  color: #FF5722; }

.euf-material-theme .radio-red .helper::after, .euf-material-theme .radio-color4 .helper::after {
  border-color: #FF5722;
  background-color: #FF5722; }

.euf-material-theme .radio-red-states input:disabled ~ .helper::before, .euf-material-theme .radio-red-states input[disabled] ~ .helper::before, .euf-material-theme .radio-red-states input.disabled ~ .helper::before, .euf-material-theme .radio-color4-states input:disabled ~ .helper::before, .euf-material-theme .radio-color4-states input[disabled] ~ .helper::before, .euf-material-theme .radio-color4-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-red-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-red-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-red-states input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color4-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color4-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color4-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-red-states input:checked ~ .helper::before, .euf-material-theme .radio-color4-states input:checked ~ .helper::before {
  color: #FF8A65; }

.euf-material-theme .radio-red-states .helper::after, .euf-material-theme .radio-color4-states .helper::after {
  border-color: #FF8A65;
  background-color: #FF8A65; }

.euf-material-theme .radio-pink input:disabled ~ .helper::before, .euf-material-theme .radio-pink input[disabled] ~ .helper::before, .euf-material-theme .radio-pink input.disabled ~ .helper::before, .euf-material-theme .radio-color7 input:disabled ~ .helper::before, .euf-material-theme .radio-color7 input[disabled] ~ .helper::before, .euf-material-theme .radio-color7 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-pink input:disabled:checked ~ .helper::after, .euf-material-theme .radio-pink input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-pink input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color7 input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color7 input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color7 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-pink input:checked ~ .helper::before, .euf-material-theme .radio-color7 input:checked ~ .helper::before {
  color: #E91E63; }

.euf-material-theme .radio-pink .helper::after, .euf-material-theme .radio-color7 .helper::after {
  border-color: #E91E63;
  background-color: #E91E63; }

.euf-material-theme .radio-pink-states input:disabled ~ .helper::before, .euf-material-theme .radio-pink-states input[disabled] ~ .helper::before, .euf-material-theme .radio-pink-states input.disabled ~ .helper::before, .euf-material-theme .radio-color7-states input:disabled ~ .helper::before, .euf-material-theme .radio-color7-states input[disabled] ~ .helper::before, .euf-material-theme .radio-color7-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-pink-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-pink-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-pink-states input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color7-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color7-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color7-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-pink-states input:checked ~ .helper::before, .euf-material-theme .radio-color7-states input:checked ~ .helper::before {
  color: #F06292; }

.euf-material-theme .radio-pink-states .helper::after, .euf-material-theme .radio-color7-states .helper::after {
  border-color: #F06292;
  background-color: #F06292; }

.euf-material-theme .radio-purple input:disabled ~ .helper::before, .euf-material-theme .radio-purple input[disabled] ~ .helper::before, .euf-material-theme .radio-purple input.disabled ~ .helper::before, .euf-material-theme .radio-color5 input:disabled ~ .helper::before, .euf-material-theme .radio-color5 input[disabled] ~ .helper::before, .euf-material-theme .radio-color5 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-purple input:disabled:checked ~ .helper::after, .euf-material-theme .radio-purple input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-purple input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color5 input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color5 input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color5 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-purple input:checked ~ .helper::before, .euf-material-theme .radio-color5 input:checked ~ .helper::before {
  color: #9C27B0; }

.euf-material-theme .radio-purple .helper::after, .euf-material-theme .radio-color5 .helper::after {
  border-color: #9C27B0;
  background-color: #9C27B0; }

.euf-material-theme .radio-purple-states input:disabled ~ .helper::before, .euf-material-theme .radio-purple-states input[disabled] ~ .helper::before, .euf-material-theme .radio-purple-states input.disabled ~ .helper::before, .euf-material-theme .radio-color5-states input:disabled ~ .helper::before, .euf-material-theme .radio-color5-states input[disabled] ~ .helper::before, .euf-material-theme .radio-color5-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-purple-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-purple-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-purple-states input.disabled:checked ~ .helper::after, .euf-material-theme .radio-color5-states input:disabled:checked ~ .helper::after, .euf-material-theme .radio-color5-states input[disabled]:checked ~ .helper::after, .euf-material-theme .radio-color5-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-material-theme .radio-purple-states input:checked ~ .helper::before, .euf-material-theme .radio-color5-states input:checked ~ .helper::before {
  color: #BA68C8; }

.euf-material-theme .radio-purple-states .helper::after, .euf-material-theme .radio-color5-states .helper::after {
  border-color: #BA68C8;
  background-color: #BA68C8; }

.euf-material-theme .checkbox {
  position: relative;
  display: inline-block;
  background-color: transparent;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  text-decoration: none;
  font-size: 1rem;
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
  -webkit-transition:;
  -moz-transition:;
  -ms-transition:;
  -o-transition:;
  transition:; }
  .euf-material-theme .checkbox + .checkbox {
    margin-top: 1rem; }
  .euf-material-theme .checkbox .disabled label, .euf-material-theme .checkbox .disabled i {
    cursor: not-allowed; }
  .euf-material-theme .checkbox label {
    position: relative;
    text-align: left;
    display: block;
    padding-left: 2rem;
    min-height: 1.25rem;
    font-weight: 400; }
  .euf-material-theme .checkbox input {
    position: absolute;
    opacity: 0;
    left: 0;
    margin-left: -1.25rem; }
    .euf-material-theme .checkbox input:checked ~ .helper::after {
      height: 0.6rem;
      opacity: 1;
      -webkit-transition: height 0.28s ease;
      transition: height 0.28s ease; }
    .euf-material-theme .checkbox input:checked ~ .helper::before {
      height: 1.6rem;
      -webkit-transition-delay: 0.28s;
      transition-delay: 0.28s;
      opacity: 1;
      -webkit-transition: height 0.28s ease;
      transition: height 0.28s ease; }
  .euf-material-theme .checkbox .helper {
    position: absolute;
    display: block;
    user-select: none;
    z-index: 0;
    margin: -0.15rem 0 0;
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    left: 0;
    border: 0.12rem solid #a0a0a2;
    border-radius: 0.0625rem;
    -webkit-transition: border-color 0.28s ease;
    transition: border-color 0.28s ease; }
    .euf-material-theme .checkbox .helper::before, .euf-material-theme .checkbox .helper::after {
      opacity: 0;
      content: '';
      position: absolute;
      display: block;
      -webkit-transform-origin: left top;
      transform-origin: left top;
      width: 0.3rem;
      height: 0rem;
      border-radius: 0.25rem;
      -webkit-transition: opacity 0.28s ease,height 0s linear 0.28s;
      transition: opacity 0.28s ease,height 0s linear 0.28s; }
    .euf-material-theme .checkbox .helper::after {
      top: 0.6rem;
      left: 0;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .euf-material-theme .checkbox .helper::before {
      top: 1.1rem;
      left: 0.5rem;
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg);
      box-shadow: 0 0 0 0.0625rem #fff; }
  .euf-material-theme .checkbox input:disabled ~ .helper, .euf-material-theme .checkbox input[disabled] ~ .helper, .euf-material-theme .checkbox input.disabled ~ .helper {
    border-color: #d2c7c7; }
    .euf-material-theme .checkbox input:disabled ~ .helper::before, .euf-material-theme .checkbox input:disabled ~ .helper::after, .euf-material-theme .checkbox input[disabled] ~ .helper::before, .euf-material-theme .checkbox input[disabled] ~ .helper::after, .euf-material-theme .checkbox input.disabled ~ .helper::before, .euf-material-theme .checkbox input.disabled ~ .helper::after {
      background-color: #d2c7c7; }
  .euf-material-theme .checkbox input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox input.disabled:checked ~ .helper::after {
    background-color: #d2c7c7; }
  .euf-material-theme .checkbox input:checked ~ .helper {
    color: #95a5a6; }
    .euf-material-theme .checkbox input:checked ~ .helper::before, .euf-material-theme .checkbox input:checked ~ .helper::after {
      background-color: #95a5a6; }
  .euf-material-theme .checkbox .helper::after, .euf-material-theme .checkbox .helper::before {
    background-color: #95a5a6; }
  .euf-material-theme .checkbox:hover, .euf-material-theme .checkbox:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    outline: 0 !important; }
  .euf-material-theme .checkbox:active, .euf-material-theme .checkbox.active,
  .open > .euf-material-theme .checkbox.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important; }
  .euf-material-theme .checkbox.checkbox-sm .helper {
    width: 1.2rem !important;
    height: 1.2rem !important; }
    .euf-material-theme .checkbox.checkbox-sm .helper:after {
      top: .4rem !important; }
    .euf-material-theme .checkbox.checkbox-sm .helper:before {
      height: 1.1rem !important;
      top: .8rem !important; }

.euf-material-theme .checkbox-ftospetrol input:disabled ~ .helper, .euf-material-theme .checkbox-ftospetrol input[disabled] ~ .helper, .euf-material-theme .checkbox-ftospetrol input.disabled ~ .helper, .euf-material-theme .checkbox-color10 input:disabled ~ .helper, .euf-material-theme .checkbox-color10 input[disabled] ~ .helper, .euf-material-theme .checkbox-color10 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-ftospetrol input:disabled ~ .helper::before, .euf-material-theme .checkbox-ftospetrol input:disabled ~ .helper::after, .euf-material-theme .checkbox-ftospetrol input[disabled] ~ .helper::before, .euf-material-theme .checkbox-ftospetrol input[disabled] ~ .helper::after, .euf-material-theme .checkbox-ftospetrol input.disabled ~ .helper::before, .euf-material-theme .checkbox-ftospetrol input.disabled ~ .helper::after, .euf-material-theme .checkbox-color10 input:disabled ~ .helper::before, .euf-material-theme .checkbox-color10 input:disabled ~ .helper::after, .euf-material-theme .checkbox-color10 input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color10 input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color10 input.disabled ~ .helper::before, .euf-material-theme .checkbox-color10 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-ftospetrol input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-ftospetrol input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-ftospetrol input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-ftospetrol input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-ftospetrol input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-ftospetrol input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color10 input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color10 input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color10 input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color10 input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color10 input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color10 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-ftospetrol input:checked ~ .helper, .euf-material-theme .checkbox-color10 input:checked ~ .helper {
  color: #3F5A63; }
  .euf-material-theme .checkbox-ftospetrol input:checked ~ .helper::before, .euf-material-theme .checkbox-ftospetrol input:checked ~ .helper::after, .euf-material-theme .checkbox-color10 input:checked ~ .helper::before, .euf-material-theme .checkbox-color10 input:checked ~ .helper::after {
    background-color: #3F5A63; }

.euf-material-theme .checkbox-ftospetrol .helper::after, .euf-material-theme .checkbox-ftospetrol .helper::before, .euf-material-theme .checkbox-color10 .helper::after, .euf-material-theme .checkbox-color10 .helper::before {
  background-color: #3F5A63; }

.euf-material-theme .checkbox-ftospetrol-states input:disabled ~ .helper, .euf-material-theme .checkbox-ftospetrol-states input[disabled] ~ .helper, .euf-material-theme .checkbox-ftospetrol-states input.disabled ~ .helper, .euf-material-theme .checkbox-color10-states input:disabled ~ .helper, .euf-material-theme .checkbox-color10-states input[disabled] ~ .helper, .euf-material-theme .checkbox-color10-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-ftospetrol-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-ftospetrol-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-ftospetrol-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-ftospetrol-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-ftospetrol-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-ftospetrol-states input.disabled ~ .helper::after, .euf-material-theme .checkbox-color10-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-color10-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-color10-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color10-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color10-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-color10-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-ftospetrol-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-ftospetrol-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-ftospetrol-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-ftospetrol-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-ftospetrol-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-ftospetrol-states input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color10-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color10-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color10-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color10-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color10-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color10-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-ftospetrol-states input:checked ~ .helper, .euf-material-theme .checkbox-color10-states input:checked ~ .helper {
  color: #3c788c; }
  .euf-material-theme .checkbox-ftospetrol-states input:checked ~ .helper::before, .euf-material-theme .checkbox-ftospetrol-states input:checked ~ .helper::after, .euf-material-theme .checkbox-color10-states input:checked ~ .helper::before, .euf-material-theme .checkbox-color10-states input:checked ~ .helper::after {
    background-color: #3c788c; }

.euf-material-theme .checkbox-ftospetrol-states .helper::after, .euf-material-theme .checkbox-ftospetrol-states .helper::before, .euf-material-theme .checkbox-color10-states .helper::after, .euf-material-theme .checkbox-color10-states .helper::before {
  background-color: #3c788c; }

.euf-material-theme .checkbox-ftosblue input:disabled ~ .helper, .euf-material-theme .checkbox-ftosblue input[disabled] ~ .helper, .euf-material-theme .checkbox-ftosblue input.disabled ~ .helper, .euf-material-theme .checkbox-color9 input:disabled ~ .helper, .euf-material-theme .checkbox-color9 input[disabled] ~ .helper, .euf-material-theme .checkbox-color9 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-ftosblue input:disabled ~ .helper::before, .euf-material-theme .checkbox-ftosblue input:disabled ~ .helper::after, .euf-material-theme .checkbox-ftosblue input[disabled] ~ .helper::before, .euf-material-theme .checkbox-ftosblue input[disabled] ~ .helper::after, .euf-material-theme .checkbox-ftosblue input.disabled ~ .helper::before, .euf-material-theme .checkbox-ftosblue input.disabled ~ .helper::after, .euf-material-theme .checkbox-color9 input:disabled ~ .helper::before, .euf-material-theme .checkbox-color9 input:disabled ~ .helper::after, .euf-material-theme .checkbox-color9 input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color9 input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color9 input.disabled ~ .helper::before, .euf-material-theme .checkbox-color9 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-ftosblue input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-ftosblue input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-ftosblue input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-ftosblue input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-ftosblue input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-ftosblue input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color9 input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color9 input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color9 input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color9 input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color9 input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color9 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-ftosblue input:checked ~ .helper, .euf-material-theme .checkbox-color9 input:checked ~ .helper {
  color: #27AAE1; }
  .euf-material-theme .checkbox-ftosblue input:checked ~ .helper::before, .euf-material-theme .checkbox-ftosblue input:checked ~ .helper::after, .euf-material-theme .checkbox-color9 input:checked ~ .helper::before, .euf-material-theme .checkbox-color9 input:checked ~ .helper::after {
    background-color: #27AAE1; }

.euf-material-theme .checkbox-ftosblue .helper::after, .euf-material-theme .checkbox-ftosblue .helper::before, .euf-material-theme .checkbox-color9 .helper::after, .euf-material-theme .checkbox-color9 .helper::before {
  background-color: #27AAE1; }

.euf-material-theme .checkbox-ftosblue-states input:disabled ~ .helper, .euf-material-theme .checkbox-ftosblue-states input[disabled] ~ .helper, .euf-material-theme .checkbox-ftosblue-states input.disabled ~ .helper, .euf-material-theme .checkbox-color9-states input:disabled ~ .helper, .euf-material-theme .checkbox-color9-states input[disabled] ~ .helper, .euf-material-theme .checkbox-color9-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-ftosblue-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-ftosblue-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-ftosblue-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-ftosblue-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-ftosblue-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-ftosblue-states input.disabled ~ .helper::after, .euf-material-theme .checkbox-color9-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-color9-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-color9-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color9-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color9-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-color9-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-ftosblue-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-ftosblue-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-ftosblue-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-ftosblue-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-ftosblue-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-ftosblue-states input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color9-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color9-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color9-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color9-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color9-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color9-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-ftosblue-states input:checked ~ .helper, .euf-material-theme .checkbox-color9-states input:checked ~ .helper {
  color: #1c98cc; }
  .euf-material-theme .checkbox-ftosblue-states input:checked ~ .helper::before, .euf-material-theme .checkbox-ftosblue-states input:checked ~ .helper::after, .euf-material-theme .checkbox-color9-states input:checked ~ .helper::before, .euf-material-theme .checkbox-color9-states input:checked ~ .helper::after {
    background-color: #1c98cc; }

.euf-material-theme .checkbox-ftosblue-states .helper::after, .euf-material-theme .checkbox-ftosblue-states .helper::before, .euf-material-theme .checkbox-color9-states .helper::after, .euf-material-theme .checkbox-color9-states .helper::before {
  background-color: #1c98cc; }

.euf-material-theme .checkbox-default input:disabled ~ .helper, .euf-material-theme .checkbox-default input[disabled] ~ .helper, .euf-material-theme .checkbox-default input.disabled ~ .helper, .euf-material-theme .checkbox-color8 input:disabled ~ .helper, .euf-material-theme .checkbox-color8 input[disabled] ~ .helper, .euf-material-theme .checkbox-color8 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-default input:disabled ~ .helper::before, .euf-material-theme .checkbox-default input:disabled ~ .helper::after, .euf-material-theme .checkbox-default input[disabled] ~ .helper::before, .euf-material-theme .checkbox-default input[disabled] ~ .helper::after, .euf-material-theme .checkbox-default input.disabled ~ .helper::before, .euf-material-theme .checkbox-default input.disabled ~ .helper::after, .euf-material-theme .checkbox-color8 input:disabled ~ .helper::before, .euf-material-theme .checkbox-color8 input:disabled ~ .helper::after, .euf-material-theme .checkbox-color8 input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color8 input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color8 input.disabled ~ .helper::before, .euf-material-theme .checkbox-color8 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-default input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-default input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-default input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-default input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-default input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-default input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color8 input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color8 input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color8 input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color8 input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color8 input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color8 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-default input:checked ~ .helper, .euf-material-theme .checkbox-color8 input:checked ~ .helper {
  color: #9E9E9E; }
  .euf-material-theme .checkbox-default input:checked ~ .helper::before, .euf-material-theme .checkbox-default input:checked ~ .helper::after, .euf-material-theme .checkbox-color8 input:checked ~ .helper::before, .euf-material-theme .checkbox-color8 input:checked ~ .helper::after {
    background-color: #9E9E9E; }

.euf-material-theme .checkbox-default .helper::after, .euf-material-theme .checkbox-default .helper::before, .euf-material-theme .checkbox-color8 .helper::after, .euf-material-theme .checkbox-color8 .helper::before {
  background-color: #9E9E9E; }

.euf-material-theme .checkbox-default-states input:disabled ~ .helper, .euf-material-theme .checkbox-default-states input[disabled] ~ .helper, .euf-material-theme .checkbox-default-states input.disabled ~ .helper, .euf-material-theme .checkbox-color8-states input:disabled ~ .helper, .euf-material-theme .checkbox-color8-states input[disabled] ~ .helper, .euf-material-theme .checkbox-color8-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-default-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-default-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-default-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-default-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-default-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-default-states input.disabled ~ .helper::after, .euf-material-theme .checkbox-color8-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-color8-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-color8-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color8-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color8-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-color8-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-default-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-default-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-default-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-default-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-default-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-default-states input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color8-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color8-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color8-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color8-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color8-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color8-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-default-states input:checked ~ .helper, .euf-material-theme .checkbox-color8-states input:checked ~ .helper {
  color: #BDBDBD; }
  .euf-material-theme .checkbox-default-states input:checked ~ .helper::before, .euf-material-theme .checkbox-default-states input:checked ~ .helper::after, .euf-material-theme .checkbox-color8-states input:checked ~ .helper::before, .euf-material-theme .checkbox-color8-states input:checked ~ .helper::after {
    background-color: #BDBDBD; }

.euf-material-theme .checkbox-default-states .helper::after, .euf-material-theme .checkbox-default-states .helper::before, .euf-material-theme .checkbox-color8-states .helper::after, .euf-material-theme .checkbox-color8-states .helper::before {
  background-color: #BDBDBD; }

.euf-material-theme .checkbox-blue input:disabled ~ .helper, .euf-material-theme .checkbox-blue input[disabled] ~ .helper, .euf-material-theme .checkbox-blue input.disabled ~ .helper, .euf-material-theme .checkbox-color6 input:disabled ~ .helper, .euf-material-theme .checkbox-color6 input[disabled] ~ .helper, .euf-material-theme .checkbox-color6 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-blue input:disabled ~ .helper::before, .euf-material-theme .checkbox-blue input:disabled ~ .helper::after, .euf-material-theme .checkbox-blue input[disabled] ~ .helper::before, .euf-material-theme .checkbox-blue input[disabled] ~ .helper::after, .euf-material-theme .checkbox-blue input.disabled ~ .helper::before, .euf-material-theme .checkbox-blue input.disabled ~ .helper::after, .euf-material-theme .checkbox-color6 input:disabled ~ .helper::before, .euf-material-theme .checkbox-color6 input:disabled ~ .helper::after, .euf-material-theme .checkbox-color6 input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color6 input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color6 input.disabled ~ .helper::before, .euf-material-theme .checkbox-color6 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-blue input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-blue input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-blue input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-blue input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-blue input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-blue input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color6 input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color6 input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color6 input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color6 input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color6 input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color6 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-blue input:checked ~ .helper, .euf-material-theme .checkbox-color6 input:checked ~ .helper {
  color: #3F51B5; }
  .euf-material-theme .checkbox-blue input:checked ~ .helper::before, .euf-material-theme .checkbox-blue input:checked ~ .helper::after, .euf-material-theme .checkbox-color6 input:checked ~ .helper::before, .euf-material-theme .checkbox-color6 input:checked ~ .helper::after {
    background-color: #3F51B5; }

.euf-material-theme .checkbox-blue .helper::after, .euf-material-theme .checkbox-blue .helper::before, .euf-material-theme .checkbox-color6 .helper::after, .euf-material-theme .checkbox-color6 .helper::before {
  background-color: #3F51B5; }

.euf-material-theme .checkbox-blue-states input:disabled ~ .helper, .euf-material-theme .checkbox-blue-states input[disabled] ~ .helper, .euf-material-theme .checkbox-blue-states input.disabled ~ .helper, .euf-material-theme .checkbox-color6-states input:disabled ~ .helper, .euf-material-theme .checkbox-color6-states input[disabled] ~ .helper, .euf-material-theme .checkbox-color6-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-blue-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-blue-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-blue-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-blue-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-blue-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-blue-states input.disabled ~ .helper::after, .euf-material-theme .checkbox-color6-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-color6-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-color6-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color6-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color6-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-color6-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-blue-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-blue-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-blue-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-blue-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-blue-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-blue-states input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color6-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color6-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color6-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color6-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color6-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color6-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-blue-states input:checked ~ .helper, .euf-material-theme .checkbox-color6-states input:checked ~ .helper {
  color: #7986CB; }
  .euf-material-theme .checkbox-blue-states input:checked ~ .helper::before, .euf-material-theme .checkbox-blue-states input:checked ~ .helper::after, .euf-material-theme .checkbox-color6-states input:checked ~ .helper::before, .euf-material-theme .checkbox-color6-states input:checked ~ .helper::after {
    background-color: #7986CB; }

.euf-material-theme .checkbox-blue-states .helper::after, .euf-material-theme .checkbox-blue-states .helper::before, .euf-material-theme .checkbox-color6-states .helper::after, .euf-material-theme .checkbox-color6-states .helper::before {
  background-color: #7986CB; }

.euf-material-theme .checkbox-green input:disabled ~ .helper, .euf-material-theme .checkbox-green input[disabled] ~ .helper, .euf-material-theme .checkbox-green input.disabled ~ .helper, .euf-material-theme .checkbox-color2 input:disabled ~ .helper, .euf-material-theme .checkbox-color2 input[disabled] ~ .helper, .euf-material-theme .checkbox-color2 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-green input:disabled ~ .helper::before, .euf-material-theme .checkbox-green input:disabled ~ .helper::after, .euf-material-theme .checkbox-green input[disabled] ~ .helper::before, .euf-material-theme .checkbox-green input[disabled] ~ .helper::after, .euf-material-theme .checkbox-green input.disabled ~ .helper::before, .euf-material-theme .checkbox-green input.disabled ~ .helper::after, .euf-material-theme .checkbox-color2 input:disabled ~ .helper::before, .euf-material-theme .checkbox-color2 input:disabled ~ .helper::after, .euf-material-theme .checkbox-color2 input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color2 input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color2 input.disabled ~ .helper::before, .euf-material-theme .checkbox-color2 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-green input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-green input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-green input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-green input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-green input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-green input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color2 input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color2 input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color2 input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color2 input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color2 input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color2 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-green input:checked ~ .helper, .euf-material-theme .checkbox-color2 input:checked ~ .helper {
  color: #4CAF50; }
  .euf-material-theme .checkbox-green input:checked ~ .helper::before, .euf-material-theme .checkbox-green input:checked ~ .helper::after, .euf-material-theme .checkbox-color2 input:checked ~ .helper::before, .euf-material-theme .checkbox-color2 input:checked ~ .helper::after {
    background-color: #4CAF50; }

.euf-material-theme .checkbox-green .helper::after, .euf-material-theme .checkbox-green .helper::before, .euf-material-theme .checkbox-color2 .helper::after, .euf-material-theme .checkbox-color2 .helper::before {
  background-color: #4CAF50; }

.euf-material-theme .checkbox-green-states input:disabled ~ .helper, .euf-material-theme .checkbox-green-states input[disabled] ~ .helper, .euf-material-theme .checkbox-green-states input.disabled ~ .helper, .euf-material-theme .checkbox-color2-states input:disabled ~ .helper, .euf-material-theme .checkbox-color2-states input[disabled] ~ .helper, .euf-material-theme .checkbox-color2-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-green-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-green-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-green-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-green-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-green-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-green-states input.disabled ~ .helper::after, .euf-material-theme .checkbox-color2-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-color2-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-color2-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color2-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color2-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-color2-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-green-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-green-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-green-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-green-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-green-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-green-states input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color2-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color2-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color2-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color2-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color2-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color2-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-green-states input:checked ~ .helper, .euf-material-theme .checkbox-color2-states input:checked ~ .helper {
  color: #81C784; }
  .euf-material-theme .checkbox-green-states input:checked ~ .helper::before, .euf-material-theme .checkbox-green-states input:checked ~ .helper::after, .euf-material-theme .checkbox-color2-states input:checked ~ .helper::before, .euf-material-theme .checkbox-color2-states input:checked ~ .helper::after {
    background-color: #81C784; }

.euf-material-theme .checkbox-green-states .helper::after, .euf-material-theme .checkbox-green-states .helper::before, .euf-material-theme .checkbox-color2-states .helper::after, .euf-material-theme .checkbox-color2-states .helper::before {
  background-color: #81C784; }

.euf-material-theme .checkbox-azure input:disabled ~ .helper, .euf-material-theme .checkbox-azure input[disabled] ~ .helper, .euf-material-theme .checkbox-azure input.disabled ~ .helper, .euf-material-theme .checkbox-color1 input:disabled ~ .helper, .euf-material-theme .checkbox-color1 input[disabled] ~ .helper, .euf-material-theme .checkbox-color1 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-azure input:disabled ~ .helper::before, .euf-material-theme .checkbox-azure input:disabled ~ .helper::after, .euf-material-theme .checkbox-azure input[disabled] ~ .helper::before, .euf-material-theme .checkbox-azure input[disabled] ~ .helper::after, .euf-material-theme .checkbox-azure input.disabled ~ .helper::before, .euf-material-theme .checkbox-azure input.disabled ~ .helper::after, .euf-material-theme .checkbox-color1 input:disabled ~ .helper::before, .euf-material-theme .checkbox-color1 input:disabled ~ .helper::after, .euf-material-theme .checkbox-color1 input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color1 input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color1 input.disabled ~ .helper::before, .euf-material-theme .checkbox-color1 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-azure input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-azure input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-azure input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-azure input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-azure input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-azure input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color1 input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color1 input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color1 input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color1 input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color1 input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color1 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-azure input:checked ~ .helper, .euf-material-theme .checkbox-color1 input:checked ~ .helper {
  color: #03A9F4; }
  .euf-material-theme .checkbox-azure input:checked ~ .helper::before, .euf-material-theme .checkbox-azure input:checked ~ .helper::after, .euf-material-theme .checkbox-color1 input:checked ~ .helper::before, .euf-material-theme .checkbox-color1 input:checked ~ .helper::after {
    background-color: #03A9F4; }

.euf-material-theme .checkbox-azure .helper::after, .euf-material-theme .checkbox-azure .helper::before, .euf-material-theme .checkbox-color1 .helper::after, .euf-material-theme .checkbox-color1 .helper::before {
  background-color: #03A9F4; }

.euf-material-theme .checkbox-azure-states input:disabled ~ .helper, .euf-material-theme .checkbox-azure-states input[disabled] ~ .helper, .euf-material-theme .checkbox-azure-states input.disabled ~ .helper, .euf-material-theme .checkbox-color1-states input:disabled ~ .helper, .euf-material-theme .checkbox-color1-states input[disabled] ~ .helper, .euf-material-theme .checkbox-color1-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-azure-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-azure-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-azure-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-azure-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-azure-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-azure-states input.disabled ~ .helper::after, .euf-material-theme .checkbox-color1-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-color1-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-color1-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color1-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color1-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-color1-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-azure-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-azure-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-azure-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-azure-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-azure-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-azure-states input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color1-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color1-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color1-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color1-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color1-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color1-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-azure-states input:checked ~ .helper, .euf-material-theme .checkbox-color1-states input:checked ~ .helper {
  color: #4FC3F7; }
  .euf-material-theme .checkbox-azure-states input:checked ~ .helper::before, .euf-material-theme .checkbox-azure-states input:checked ~ .helper::after, .euf-material-theme .checkbox-color1-states input:checked ~ .helper::before, .euf-material-theme .checkbox-color1-states input:checked ~ .helper::after {
    background-color: #4FC3F7; }

.euf-material-theme .checkbox-azure-states .helper::after, .euf-material-theme .checkbox-azure-states .helper::before, .euf-material-theme .checkbox-color1-states .helper::after, .euf-material-theme .checkbox-color1-states .helper::before {
  background-color: #4FC3F7; }

.euf-material-theme .checkbox-orange input:disabled ~ .helper, .euf-material-theme .checkbox-orange input[disabled] ~ .helper, .euf-material-theme .checkbox-orange input.disabled ~ .helper, .euf-material-theme .checkbox-color3 input:disabled ~ .helper, .euf-material-theme .checkbox-color3 input[disabled] ~ .helper, .euf-material-theme .checkbox-color3 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-orange input:disabled ~ .helper::before, .euf-material-theme .checkbox-orange input:disabled ~ .helper::after, .euf-material-theme .checkbox-orange input[disabled] ~ .helper::before, .euf-material-theme .checkbox-orange input[disabled] ~ .helper::after, .euf-material-theme .checkbox-orange input.disabled ~ .helper::before, .euf-material-theme .checkbox-orange input.disabled ~ .helper::after, .euf-material-theme .checkbox-color3 input:disabled ~ .helper::before, .euf-material-theme .checkbox-color3 input:disabled ~ .helper::after, .euf-material-theme .checkbox-color3 input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color3 input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color3 input.disabled ~ .helper::before, .euf-material-theme .checkbox-color3 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-orange input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-orange input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-orange input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-orange input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-orange input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-orange input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color3 input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color3 input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color3 input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color3 input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color3 input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color3 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-orange input:checked ~ .helper, .euf-material-theme .checkbox-color3 input:checked ~ .helper {
  color: #FFC107; }
  .euf-material-theme .checkbox-orange input:checked ~ .helper::before, .euf-material-theme .checkbox-orange input:checked ~ .helper::after, .euf-material-theme .checkbox-color3 input:checked ~ .helper::before, .euf-material-theme .checkbox-color3 input:checked ~ .helper::after {
    background-color: #FFC107; }

.euf-material-theme .checkbox-orange .helper::after, .euf-material-theme .checkbox-orange .helper::before, .euf-material-theme .checkbox-color3 .helper::after, .euf-material-theme .checkbox-color3 .helper::before {
  background-color: #FFC107; }

.euf-material-theme .checkbox-orange-states input:disabled ~ .helper, .euf-material-theme .checkbox-orange-states input[disabled] ~ .helper, .euf-material-theme .checkbox-orange-states input.disabled ~ .helper, .euf-material-theme .checkbox-color3-states input:disabled ~ .helper, .euf-material-theme .checkbox-color3-states input[disabled] ~ .helper, .euf-material-theme .checkbox-color3-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-orange-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-orange-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-orange-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-orange-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-orange-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-orange-states input.disabled ~ .helper::after, .euf-material-theme .checkbox-color3-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-color3-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-color3-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color3-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color3-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-color3-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-orange-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-orange-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-orange-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-orange-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-orange-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-orange-states input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color3-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color3-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color3-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color3-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color3-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color3-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-orange-states input:checked ~ .helper, .euf-material-theme .checkbox-color3-states input:checked ~ .helper {
  color: #FFD54F; }
  .euf-material-theme .checkbox-orange-states input:checked ~ .helper::before, .euf-material-theme .checkbox-orange-states input:checked ~ .helper::after, .euf-material-theme .checkbox-color3-states input:checked ~ .helper::before, .euf-material-theme .checkbox-color3-states input:checked ~ .helper::after {
    background-color: #FFD54F; }

.euf-material-theme .checkbox-orange-states .helper::after, .euf-material-theme .checkbox-orange-states .helper::before, .euf-material-theme .checkbox-color3-states .helper::after, .euf-material-theme .checkbox-color3-states .helper::before {
  background-color: #FFD54F; }

.euf-material-theme .checkbox-red input:disabled ~ .helper, .euf-material-theme .checkbox-red input[disabled] ~ .helper, .euf-material-theme .checkbox-red input.disabled ~ .helper, .euf-material-theme .checkbox-color4 input:disabled ~ .helper, .euf-material-theme .checkbox-color4 input[disabled] ~ .helper, .euf-material-theme .checkbox-color4 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-red input:disabled ~ .helper::before, .euf-material-theme .checkbox-red input:disabled ~ .helper::after, .euf-material-theme .checkbox-red input[disabled] ~ .helper::before, .euf-material-theme .checkbox-red input[disabled] ~ .helper::after, .euf-material-theme .checkbox-red input.disabled ~ .helper::before, .euf-material-theme .checkbox-red input.disabled ~ .helper::after, .euf-material-theme .checkbox-color4 input:disabled ~ .helper::before, .euf-material-theme .checkbox-color4 input:disabled ~ .helper::after, .euf-material-theme .checkbox-color4 input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color4 input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color4 input.disabled ~ .helper::before, .euf-material-theme .checkbox-color4 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-red input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-red input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-red input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-red input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-red input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-red input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color4 input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color4 input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color4 input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color4 input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color4 input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color4 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-red input:checked ~ .helper, .euf-material-theme .checkbox-color4 input:checked ~ .helper {
  color: #FF5722; }
  .euf-material-theme .checkbox-red input:checked ~ .helper::before, .euf-material-theme .checkbox-red input:checked ~ .helper::after, .euf-material-theme .checkbox-color4 input:checked ~ .helper::before, .euf-material-theme .checkbox-color4 input:checked ~ .helper::after {
    background-color: #FF5722; }

.euf-material-theme .checkbox-red .helper::after, .euf-material-theme .checkbox-red .helper::before, .euf-material-theme .checkbox-color4 .helper::after, .euf-material-theme .checkbox-color4 .helper::before {
  background-color: #FF5722; }

.euf-material-theme .checkbox-red-states input:disabled ~ .helper, .euf-material-theme .checkbox-red-states input[disabled] ~ .helper, .euf-material-theme .checkbox-red-states input.disabled ~ .helper, .euf-material-theme .checkbox-color4-states input:disabled ~ .helper, .euf-material-theme .checkbox-color4-states input[disabled] ~ .helper, .euf-material-theme .checkbox-color4-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-red-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-red-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-red-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-red-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-red-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-red-states input.disabled ~ .helper::after, .euf-material-theme .checkbox-color4-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-color4-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-color4-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color4-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color4-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-color4-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-red-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-red-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-red-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-red-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-red-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-red-states input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color4-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color4-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color4-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color4-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color4-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color4-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-red-states input:checked ~ .helper, .euf-material-theme .checkbox-color4-states input:checked ~ .helper {
  color: #FF8A65; }
  .euf-material-theme .checkbox-red-states input:checked ~ .helper::before, .euf-material-theme .checkbox-red-states input:checked ~ .helper::after, .euf-material-theme .checkbox-color4-states input:checked ~ .helper::before, .euf-material-theme .checkbox-color4-states input:checked ~ .helper::after {
    background-color: #FF8A65; }

.euf-material-theme .checkbox-red-states .helper::after, .euf-material-theme .checkbox-red-states .helper::before, .euf-material-theme .checkbox-color4-states .helper::after, .euf-material-theme .checkbox-color4-states .helper::before {
  background-color: #FF8A65; }

.euf-material-theme .checkbox-pink input:disabled ~ .helper, .euf-material-theme .checkbox-pink input[disabled] ~ .helper, .euf-material-theme .checkbox-pink input.disabled ~ .helper, .euf-material-theme .checkbox-color7 input:disabled ~ .helper, .euf-material-theme .checkbox-color7 input[disabled] ~ .helper, .euf-material-theme .checkbox-color7 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-pink input:disabled ~ .helper::before, .euf-material-theme .checkbox-pink input:disabled ~ .helper::after, .euf-material-theme .checkbox-pink input[disabled] ~ .helper::before, .euf-material-theme .checkbox-pink input[disabled] ~ .helper::after, .euf-material-theme .checkbox-pink input.disabled ~ .helper::before, .euf-material-theme .checkbox-pink input.disabled ~ .helper::after, .euf-material-theme .checkbox-color7 input:disabled ~ .helper::before, .euf-material-theme .checkbox-color7 input:disabled ~ .helper::after, .euf-material-theme .checkbox-color7 input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color7 input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color7 input.disabled ~ .helper::before, .euf-material-theme .checkbox-color7 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-pink input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-pink input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-pink input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-pink input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-pink input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-pink input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color7 input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color7 input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color7 input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color7 input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color7 input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color7 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-pink input:checked ~ .helper, .euf-material-theme .checkbox-color7 input:checked ~ .helper {
  color: #E91E63; }
  .euf-material-theme .checkbox-pink input:checked ~ .helper::before, .euf-material-theme .checkbox-pink input:checked ~ .helper::after, .euf-material-theme .checkbox-color7 input:checked ~ .helper::before, .euf-material-theme .checkbox-color7 input:checked ~ .helper::after {
    background-color: #E91E63; }

.euf-material-theme .checkbox-pink .helper::after, .euf-material-theme .checkbox-pink .helper::before, .euf-material-theme .checkbox-color7 .helper::after, .euf-material-theme .checkbox-color7 .helper::before {
  background-color: #E91E63; }

.euf-material-theme .checkbox-pink-states input:disabled ~ .helper, .euf-material-theme .checkbox-pink-states input[disabled] ~ .helper, .euf-material-theme .checkbox-pink-states input.disabled ~ .helper, .euf-material-theme .checkbox-color7-states input:disabled ~ .helper, .euf-material-theme .checkbox-color7-states input[disabled] ~ .helper, .euf-material-theme .checkbox-color7-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-pink-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-pink-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-pink-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-pink-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-pink-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-pink-states input.disabled ~ .helper::after, .euf-material-theme .checkbox-color7-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-color7-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-color7-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color7-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color7-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-color7-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-pink-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-pink-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-pink-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-pink-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-pink-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-pink-states input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color7-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color7-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color7-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color7-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color7-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color7-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-pink-states input:checked ~ .helper, .euf-material-theme .checkbox-color7-states input:checked ~ .helper {
  color: #F06292; }
  .euf-material-theme .checkbox-pink-states input:checked ~ .helper::before, .euf-material-theme .checkbox-pink-states input:checked ~ .helper::after, .euf-material-theme .checkbox-color7-states input:checked ~ .helper::before, .euf-material-theme .checkbox-color7-states input:checked ~ .helper::after {
    background-color: #F06292; }

.euf-material-theme .checkbox-pink-states .helper::after, .euf-material-theme .checkbox-pink-states .helper::before, .euf-material-theme .checkbox-color7-states .helper::after, .euf-material-theme .checkbox-color7-states .helper::before {
  background-color: #F06292; }

.euf-material-theme .checkbox-purple input:disabled ~ .helper, .euf-material-theme .checkbox-purple input[disabled] ~ .helper, .euf-material-theme .checkbox-purple input.disabled ~ .helper, .euf-material-theme .checkbox-color5 input:disabled ~ .helper, .euf-material-theme .checkbox-color5 input[disabled] ~ .helper, .euf-material-theme .checkbox-color5 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-purple input:disabled ~ .helper::before, .euf-material-theme .checkbox-purple input:disabled ~ .helper::after, .euf-material-theme .checkbox-purple input[disabled] ~ .helper::before, .euf-material-theme .checkbox-purple input[disabled] ~ .helper::after, .euf-material-theme .checkbox-purple input.disabled ~ .helper::before, .euf-material-theme .checkbox-purple input.disabled ~ .helper::after, .euf-material-theme .checkbox-color5 input:disabled ~ .helper::before, .euf-material-theme .checkbox-color5 input:disabled ~ .helper::after, .euf-material-theme .checkbox-color5 input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color5 input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color5 input.disabled ~ .helper::before, .euf-material-theme .checkbox-color5 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-purple input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-purple input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-purple input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-purple input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-purple input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-purple input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color5 input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color5 input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color5 input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color5 input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color5 input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color5 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-purple input:checked ~ .helper, .euf-material-theme .checkbox-color5 input:checked ~ .helper {
  color: #9C27B0; }
  .euf-material-theme .checkbox-purple input:checked ~ .helper::before, .euf-material-theme .checkbox-purple input:checked ~ .helper::after, .euf-material-theme .checkbox-color5 input:checked ~ .helper::before, .euf-material-theme .checkbox-color5 input:checked ~ .helper::after {
    background-color: #9C27B0; }

.euf-material-theme .checkbox-purple .helper::after, .euf-material-theme .checkbox-purple .helper::before, .euf-material-theme .checkbox-color5 .helper::after, .euf-material-theme .checkbox-color5 .helper::before {
  background-color: #9C27B0; }

.euf-material-theme .checkbox-purple-states input:disabled ~ .helper, .euf-material-theme .checkbox-purple-states input[disabled] ~ .helper, .euf-material-theme .checkbox-purple-states input.disabled ~ .helper, .euf-material-theme .checkbox-color5-states input:disabled ~ .helper, .euf-material-theme .checkbox-color5-states input[disabled] ~ .helper, .euf-material-theme .checkbox-color5-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-material-theme .checkbox-purple-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-purple-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-purple-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-purple-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-purple-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-purple-states input.disabled ~ .helper::after, .euf-material-theme .checkbox-color5-states input:disabled ~ .helper::before, .euf-material-theme .checkbox-color5-states input:disabled ~ .helper::after, .euf-material-theme .checkbox-color5-states input[disabled] ~ .helper::before, .euf-material-theme .checkbox-color5-states input[disabled] ~ .helper::after, .euf-material-theme .checkbox-color5-states input.disabled ~ .helper::before, .euf-material-theme .checkbox-color5-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-material-theme .checkbox-purple-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-purple-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-purple-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-purple-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-purple-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-purple-states input.disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color5-states input:disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color5-states input:disabled:checked ~ .helper::after, .euf-material-theme .checkbox-color5-states input[disabled]:checked ~ .helper::before, .euf-material-theme .checkbox-color5-states input[disabled]:checked ~ .helper::after, .euf-material-theme .checkbox-color5-states input.disabled:checked ~ .helper::before, .euf-material-theme .checkbox-color5-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-material-theme .checkbox-purple-states input:checked ~ .helper, .euf-material-theme .checkbox-color5-states input:checked ~ .helper {
  color: #BA68C8; }
  .euf-material-theme .checkbox-purple-states input:checked ~ .helper::before, .euf-material-theme .checkbox-purple-states input:checked ~ .helper::after, .euf-material-theme .checkbox-color5-states input:checked ~ .helper::before, .euf-material-theme .checkbox-color5-states input:checked ~ .helper::after {
    background-color: #BA68C8; }

.euf-material-theme .checkbox-purple-states .helper::after, .euf-material-theme .checkbox-purple-states .helper::before, .euf-material-theme .checkbox-color5-states .helper::after, .euf-material-theme .checkbox-color5-states .helper::before {
  background-color: #BA68C8; }

.euf-flat-theme .inp, .euf-flat-theme .dx-texteditor-input-container {
  letter-spacing: 0.05rem; }
  .euf-flat-theme .inp > textarea, .euf-flat-theme .dx-texteditor-input-container > textarea {
    width: 100%;
    border: 0.125rem;
    border-bottom-width: 0.125rem;
    border-style: solid;
    border-color: #a0a0a2;
    border-radius: 0;
    background-color: transparent;
    text-overflow: ellipsis;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    text-decoration: none;
    z-index: 2;
    color: #58595b;
    overflow-y: scroll;
    resize: vertical; }
  .euf-flat-theme .inp > input, .euf-flat-theme .dx-texteditor-input-container > input {
    width: 100%;
    border: 0.125rem;
    border-bottom-width: 0.125rem;
    border-style: solid;
    border-color: #a0a0a2;
    border-radius: 0;
    background-color: transparent;
    text-overflow: ellipsis;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    text-decoration: none;
    font-size: 1rem;
    padding: 0.12rem 0.5rem;
    height: 2.5rem;
    color: #95a5a6;
    -webkit-transition: border-color 0.28s ease,background-color 0.28s ease;
    -moz-transition: border-color 0.28s ease,background-color 0.28s ease;
    -ms-transition: border-color 0.28s ease,background-color 0.28s ease;
    -o-transition: border-color 0.28s ease,background-color 0.28s ease;
    transition: border-color 0.28s ease,background-color 0.28s ease;
    color: #58595b; }
    .euf-flat-theme .inp > input > input, .euf-flat-theme .inp > input > textarea, .euf-flat-theme .dx-texteditor-input-container > input > input, .euf-flat-theme .dx-texteditor-input-container > input > textarea {
      border-color: default-color; }
      .euf-flat-theme .inp > input > input:focus, .euf-flat-theme .inp > input > input:active, .euf-flat-theme .inp > input > input.active, .euf-flat-theme .inp > input > textarea:focus, .euf-flat-theme .inp > input > textarea:active, .euf-flat-theme .inp > input > textarea.active, .euf-flat-theme .dx-texteditor-input-container > input > input:focus, .euf-flat-theme .dx-texteditor-input-container > input > input:active, .euf-flat-theme .dx-texteditor-input-container > input > input.active, .euf-flat-theme .dx-texteditor-input-container > input > textarea:focus, .euf-flat-theme .dx-texteditor-input-container > input > textarea:active, .euf-flat-theme .dx-texteditor-input-container > input > textarea.active {
        background-color: transparent;
        border-color: #95a5a6; }
      .euf-flat-theme .inp > input > input:disabled, .euf-flat-theme .inp > input > input[disabled], .euf-flat-theme .inp > input > input.disabled, .euf-flat-theme .inp > input > textarea:disabled, .euf-flat-theme .inp > input > textarea[disabled], .euf-flat-theme .inp > input > textarea.disabled, .euf-flat-theme .dx-texteditor-input-container > input > input:disabled, .euf-flat-theme .dx-texteditor-input-container > input > input[disabled], .euf-flat-theme .dx-texteditor-input-container > input > input.disabled, .euf-flat-theme .dx-texteditor-input-container > input > textarea:disabled, .euf-flat-theme .dx-texteditor-input-container > input > textarea[disabled], .euf-flat-theme .dx-texteditor-input-container > input > textarea.disabled {
        background-color: transparent;
        cursor: not-allowed;
        opacity: 0.8;
        filter: alpha(opacity=80); }
        .euf-flat-theme .inp > input > input:disabled:focus, .euf-flat-theme .inp > input > input:disabled:hover, .euf-flat-theme .inp > input > input[disabled]:focus, .euf-flat-theme .inp > input > input[disabled]:hover, .euf-flat-theme .inp > input > input.disabled:focus, .euf-flat-theme .inp > input > input.disabled:hover, .euf-flat-theme .inp > input > textarea:disabled:focus, .euf-flat-theme .inp > input > textarea:disabled:hover, .euf-flat-theme .inp > input > textarea[disabled]:focus, .euf-flat-theme .inp > input > textarea[disabled]:hover, .euf-flat-theme .inp > input > textarea.disabled:focus, .euf-flat-theme .inp > input > textarea.disabled:hover, .euf-flat-theme .dx-texteditor-input-container > input > input:disabled:focus, .euf-flat-theme .dx-texteditor-input-container > input > input:disabled:hover, .euf-flat-theme .dx-texteditor-input-container > input > input[disabled]:focus, .euf-flat-theme .dx-texteditor-input-container > input > input[disabled]:hover, .euf-flat-theme .dx-texteditor-input-container > input > input.disabled:focus, .euf-flat-theme .dx-texteditor-input-container > input > input.disabled:hover, .euf-flat-theme .dx-texteditor-input-container > input > textarea:disabled:focus, .euf-flat-theme .dx-texteditor-input-container > input > textarea:disabled:hover, .euf-flat-theme .dx-texteditor-input-container > input > textarea[disabled]:focus, .euf-flat-theme .dx-texteditor-input-container > input > textarea[disabled]:hover, .euf-flat-theme .dx-texteditor-input-container > input > textarea.disabled:focus, .euf-flat-theme .dx-texteditor-input-container > input > textarea.disabled:hover {
          background-color: transparent;
          border-color: #a0a0a2;
          outline: 0 !important; }
    .euf-flat-theme .inp > input[required], .euf-flat-theme .dx-texteditor-input-container > input[required] {
      background: url(../../../assets/img/input-required.svg) no-repeat top right; }
    .euf-flat-theme .inp > input:hover, .euf-flat-theme .inp > input:focus, .euf-flat-theme .dx-texteditor-input-container > input:hover, .euf-flat-theme .dx-texteditor-input-container > input:focus {
      opacity: 1;
      filter: alpha(opacity=100);
      outline: 0 !important; }
    .euf-flat-theme .inp > input:active, .euf-flat-theme .inp > input.active,
    .open > .euf-flat-theme .inp > input.dropdown-toggle, .euf-flat-theme .dx-texteditor-input-container > input:active, .euf-flat-theme .dx-texteditor-input-container > input.active,
    .open > .euf-flat-theme .dx-texteditor-input-container > input.dropdown-toggle {
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: 0 !important; }

.euf-flat-theme .card-login .preview p {
  padding-bottom: 2rem;
  padding-left: 1rem;
  text-align: center; }

.euf-flat-theme .card-login .inp > input {
  border: 0; }

.euf-flat-theme .inp-ftospetrol, .euf-flat-theme .inp-color10 {
  color: #3F5A63; }
  .euf-flat-theme .inp-ftospetrol > input, .euf-flat-theme .inp-ftospetrol > textarea, .euf-flat-theme .inp-color10 > input, .euf-flat-theme .inp-color10 > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-ftospetrol > input:focus, .euf-flat-theme .inp-ftospetrol > input:active, .euf-flat-theme .inp-ftospetrol > input.active, .euf-flat-theme .inp-ftospetrol > textarea:focus, .euf-flat-theme .inp-ftospetrol > textarea:active, .euf-flat-theme .inp-ftospetrol > textarea.active, .euf-flat-theme .inp-color10 > input:focus, .euf-flat-theme .inp-color10 > input:active, .euf-flat-theme .inp-color10 > input.active, .euf-flat-theme .inp-color10 > textarea:focus, .euf-flat-theme .inp-color10 > textarea:active, .euf-flat-theme .inp-color10 > textarea.active {
      background-color: transparent;
      border-color: #3F5A63; }
    .euf-flat-theme .inp-ftospetrol > input:disabled, .euf-flat-theme .inp-ftospetrol > input[disabled], .euf-flat-theme .inp-ftospetrol > input.disabled, .euf-flat-theme .inp-ftospetrol > textarea:disabled, .euf-flat-theme .inp-ftospetrol > textarea[disabled], .euf-flat-theme .inp-ftospetrol > textarea.disabled, .euf-flat-theme .inp-color10 > input:disabled, .euf-flat-theme .inp-color10 > input[disabled], .euf-flat-theme .inp-color10 > input.disabled, .euf-flat-theme .inp-color10 > textarea:disabled, .euf-flat-theme .inp-color10 > textarea[disabled], .euf-flat-theme .inp-color10 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-ftospetrol > input:disabled:focus, .euf-flat-theme .inp-ftospetrol > input:disabled:hover, .euf-flat-theme .inp-ftospetrol > input[disabled]:focus, .euf-flat-theme .inp-ftospetrol > input[disabled]:hover, .euf-flat-theme .inp-ftospetrol > input.disabled:focus, .euf-flat-theme .inp-ftospetrol > input.disabled:hover, .euf-flat-theme .inp-ftospetrol > textarea:disabled:focus, .euf-flat-theme .inp-ftospetrol > textarea:disabled:hover, .euf-flat-theme .inp-ftospetrol > textarea[disabled]:focus, .euf-flat-theme .inp-ftospetrol > textarea[disabled]:hover, .euf-flat-theme .inp-ftospetrol > textarea.disabled:focus, .euf-flat-theme .inp-ftospetrol > textarea.disabled:hover, .euf-flat-theme .inp-color10 > input:disabled:focus, .euf-flat-theme .inp-color10 > input:disabled:hover, .euf-flat-theme .inp-color10 > input[disabled]:focus, .euf-flat-theme .inp-color10 > input[disabled]:hover, .euf-flat-theme .inp-color10 > input.disabled:focus, .euf-flat-theme .inp-color10 > input.disabled:hover, .euf-flat-theme .inp-color10 > textarea:disabled:focus, .euf-flat-theme .inp-color10 > textarea:disabled:hover, .euf-flat-theme .inp-color10 > textarea[disabled]:focus, .euf-flat-theme .inp-color10 > textarea[disabled]:hover, .euf-flat-theme .inp-color10 > textarea.disabled:focus, .euf-flat-theme .inp-color10 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-ftospetrol-states, .euf-flat-theme .inp-color10-states {
  color: #3c788c; }
  .euf-flat-theme .inp-ftospetrol-states > input, .euf-flat-theme .inp-ftospetrol-states > textarea, .euf-flat-theme .inp-color10-states > input, .euf-flat-theme .inp-color10-states > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-ftospetrol-states > input:focus, .euf-flat-theme .inp-ftospetrol-states > input:active, .euf-flat-theme .inp-ftospetrol-states > input.active, .euf-flat-theme .inp-ftospetrol-states > textarea:focus, .euf-flat-theme .inp-ftospetrol-states > textarea:active, .euf-flat-theme .inp-ftospetrol-states > textarea.active, .euf-flat-theme .inp-color10-states > input:focus, .euf-flat-theme .inp-color10-states > input:active, .euf-flat-theme .inp-color10-states > input.active, .euf-flat-theme .inp-color10-states > textarea:focus, .euf-flat-theme .inp-color10-states > textarea:active, .euf-flat-theme .inp-color10-states > textarea.active {
      background-color: transparent;
      border-color: #3c788c; }
    .euf-flat-theme .inp-ftospetrol-states > input:disabled, .euf-flat-theme .inp-ftospetrol-states > input[disabled], .euf-flat-theme .inp-ftospetrol-states > input.disabled, .euf-flat-theme .inp-ftospetrol-states > textarea:disabled, .euf-flat-theme .inp-ftospetrol-states > textarea[disabled], .euf-flat-theme .inp-ftospetrol-states > textarea.disabled, .euf-flat-theme .inp-color10-states > input:disabled, .euf-flat-theme .inp-color10-states > input[disabled], .euf-flat-theme .inp-color10-states > input.disabled, .euf-flat-theme .inp-color10-states > textarea:disabled, .euf-flat-theme .inp-color10-states > textarea[disabled], .euf-flat-theme .inp-color10-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-ftospetrol-states > input:disabled:focus, .euf-flat-theme .inp-ftospetrol-states > input:disabled:hover, .euf-flat-theme .inp-ftospetrol-states > input[disabled]:focus, .euf-flat-theme .inp-ftospetrol-states > input[disabled]:hover, .euf-flat-theme .inp-ftospetrol-states > input.disabled:focus, .euf-flat-theme .inp-ftospetrol-states > input.disabled:hover, .euf-flat-theme .inp-ftospetrol-states > textarea:disabled:focus, .euf-flat-theme .inp-ftospetrol-states > textarea:disabled:hover, .euf-flat-theme .inp-ftospetrol-states > textarea[disabled]:focus, .euf-flat-theme .inp-ftospetrol-states > textarea[disabled]:hover, .euf-flat-theme .inp-ftospetrol-states > textarea.disabled:focus, .euf-flat-theme .inp-ftospetrol-states > textarea.disabled:hover, .euf-flat-theme .inp-color10-states > input:disabled:focus, .euf-flat-theme .inp-color10-states > input:disabled:hover, .euf-flat-theme .inp-color10-states > input[disabled]:focus, .euf-flat-theme .inp-color10-states > input[disabled]:hover, .euf-flat-theme .inp-color10-states > input.disabled:focus, .euf-flat-theme .inp-color10-states > input.disabled:hover, .euf-flat-theme .inp-color10-states > textarea:disabled:focus, .euf-flat-theme .inp-color10-states > textarea:disabled:hover, .euf-flat-theme .inp-color10-states > textarea[disabled]:focus, .euf-flat-theme .inp-color10-states > textarea[disabled]:hover, .euf-flat-theme .inp-color10-states > textarea.disabled:focus, .euf-flat-theme .inp-color10-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-ftosblue, .euf-flat-theme .inp-color9 {
  color: #27AAE1; }
  .euf-flat-theme .inp-ftosblue > input, .euf-flat-theme .inp-ftosblue > textarea, .euf-flat-theme .inp-color9 > input, .euf-flat-theme .inp-color9 > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-ftosblue > input:focus, .euf-flat-theme .inp-ftosblue > input:active, .euf-flat-theme .inp-ftosblue > input.active, .euf-flat-theme .inp-ftosblue > textarea:focus, .euf-flat-theme .inp-ftosblue > textarea:active, .euf-flat-theme .inp-ftosblue > textarea.active, .euf-flat-theme .inp-color9 > input:focus, .euf-flat-theme .inp-color9 > input:active, .euf-flat-theme .inp-color9 > input.active, .euf-flat-theme .inp-color9 > textarea:focus, .euf-flat-theme .inp-color9 > textarea:active, .euf-flat-theme .inp-color9 > textarea.active {
      background-color: transparent;
      border-color: #27AAE1; }
    .euf-flat-theme .inp-ftosblue > input:disabled, .euf-flat-theme .inp-ftosblue > input[disabled], .euf-flat-theme .inp-ftosblue > input.disabled, .euf-flat-theme .inp-ftosblue > textarea:disabled, .euf-flat-theme .inp-ftosblue > textarea[disabled], .euf-flat-theme .inp-ftosblue > textarea.disabled, .euf-flat-theme .inp-color9 > input:disabled, .euf-flat-theme .inp-color9 > input[disabled], .euf-flat-theme .inp-color9 > input.disabled, .euf-flat-theme .inp-color9 > textarea:disabled, .euf-flat-theme .inp-color9 > textarea[disabled], .euf-flat-theme .inp-color9 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-ftosblue > input:disabled:focus, .euf-flat-theme .inp-ftosblue > input:disabled:hover, .euf-flat-theme .inp-ftosblue > input[disabled]:focus, .euf-flat-theme .inp-ftosblue > input[disabled]:hover, .euf-flat-theme .inp-ftosblue > input.disabled:focus, .euf-flat-theme .inp-ftosblue > input.disabled:hover, .euf-flat-theme .inp-ftosblue > textarea:disabled:focus, .euf-flat-theme .inp-ftosblue > textarea:disabled:hover, .euf-flat-theme .inp-ftosblue > textarea[disabled]:focus, .euf-flat-theme .inp-ftosblue > textarea[disabled]:hover, .euf-flat-theme .inp-ftosblue > textarea.disabled:focus, .euf-flat-theme .inp-ftosblue > textarea.disabled:hover, .euf-flat-theme .inp-color9 > input:disabled:focus, .euf-flat-theme .inp-color9 > input:disabled:hover, .euf-flat-theme .inp-color9 > input[disabled]:focus, .euf-flat-theme .inp-color9 > input[disabled]:hover, .euf-flat-theme .inp-color9 > input.disabled:focus, .euf-flat-theme .inp-color9 > input.disabled:hover, .euf-flat-theme .inp-color9 > textarea:disabled:focus, .euf-flat-theme .inp-color9 > textarea:disabled:hover, .euf-flat-theme .inp-color9 > textarea[disabled]:focus, .euf-flat-theme .inp-color9 > textarea[disabled]:hover, .euf-flat-theme .inp-color9 > textarea.disabled:focus, .euf-flat-theme .inp-color9 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-ftosblue-states, .euf-flat-theme .inp-color9-states {
  color: #1c98cc; }
  .euf-flat-theme .inp-ftosblue-states > input, .euf-flat-theme .inp-ftosblue-states > textarea, .euf-flat-theme .inp-color9-states > input, .euf-flat-theme .inp-color9-states > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-ftosblue-states > input:focus, .euf-flat-theme .inp-ftosblue-states > input:active, .euf-flat-theme .inp-ftosblue-states > input.active, .euf-flat-theme .inp-ftosblue-states > textarea:focus, .euf-flat-theme .inp-ftosblue-states > textarea:active, .euf-flat-theme .inp-ftosblue-states > textarea.active, .euf-flat-theme .inp-color9-states > input:focus, .euf-flat-theme .inp-color9-states > input:active, .euf-flat-theme .inp-color9-states > input.active, .euf-flat-theme .inp-color9-states > textarea:focus, .euf-flat-theme .inp-color9-states > textarea:active, .euf-flat-theme .inp-color9-states > textarea.active {
      background-color: transparent;
      border-color: #1c98cc; }
    .euf-flat-theme .inp-ftosblue-states > input:disabled, .euf-flat-theme .inp-ftosblue-states > input[disabled], .euf-flat-theme .inp-ftosblue-states > input.disabled, .euf-flat-theme .inp-ftosblue-states > textarea:disabled, .euf-flat-theme .inp-ftosblue-states > textarea[disabled], .euf-flat-theme .inp-ftosblue-states > textarea.disabled, .euf-flat-theme .inp-color9-states > input:disabled, .euf-flat-theme .inp-color9-states > input[disabled], .euf-flat-theme .inp-color9-states > input.disabled, .euf-flat-theme .inp-color9-states > textarea:disabled, .euf-flat-theme .inp-color9-states > textarea[disabled], .euf-flat-theme .inp-color9-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-ftosblue-states > input:disabled:focus, .euf-flat-theme .inp-ftosblue-states > input:disabled:hover, .euf-flat-theme .inp-ftosblue-states > input[disabled]:focus, .euf-flat-theme .inp-ftosblue-states > input[disabled]:hover, .euf-flat-theme .inp-ftosblue-states > input.disabled:focus, .euf-flat-theme .inp-ftosblue-states > input.disabled:hover, .euf-flat-theme .inp-ftosblue-states > textarea:disabled:focus, .euf-flat-theme .inp-ftosblue-states > textarea:disabled:hover, .euf-flat-theme .inp-ftosblue-states > textarea[disabled]:focus, .euf-flat-theme .inp-ftosblue-states > textarea[disabled]:hover, .euf-flat-theme .inp-ftosblue-states > textarea.disabled:focus, .euf-flat-theme .inp-ftosblue-states > textarea.disabled:hover, .euf-flat-theme .inp-color9-states > input:disabled:focus, .euf-flat-theme .inp-color9-states > input:disabled:hover, .euf-flat-theme .inp-color9-states > input[disabled]:focus, .euf-flat-theme .inp-color9-states > input[disabled]:hover, .euf-flat-theme .inp-color9-states > input.disabled:focus, .euf-flat-theme .inp-color9-states > input.disabled:hover, .euf-flat-theme .inp-color9-states > textarea:disabled:focus, .euf-flat-theme .inp-color9-states > textarea:disabled:hover, .euf-flat-theme .inp-color9-states > textarea[disabled]:focus, .euf-flat-theme .inp-color9-states > textarea[disabled]:hover, .euf-flat-theme .inp-color9-states > textarea.disabled:focus, .euf-flat-theme .inp-color9-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-default, .euf-flat-theme .inp-color8 {
  color: #95a5a6; }
  .euf-flat-theme .inp-default > input, .euf-flat-theme .inp-default > textarea, .euf-flat-theme .inp-color8 > input, .euf-flat-theme .inp-color8 > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-default > input:focus, .euf-flat-theme .inp-default > input:active, .euf-flat-theme .inp-default > input.active, .euf-flat-theme .inp-default > textarea:focus, .euf-flat-theme .inp-default > textarea:active, .euf-flat-theme .inp-default > textarea.active, .euf-flat-theme .inp-color8 > input:focus, .euf-flat-theme .inp-color8 > input:active, .euf-flat-theme .inp-color8 > input.active, .euf-flat-theme .inp-color8 > textarea:focus, .euf-flat-theme .inp-color8 > textarea:active, .euf-flat-theme .inp-color8 > textarea.active {
      background-color: transparent;
      border-color: #95a5a6; }
    .euf-flat-theme .inp-default > input:disabled, .euf-flat-theme .inp-default > input[disabled], .euf-flat-theme .inp-default > input.disabled, .euf-flat-theme .inp-default > textarea:disabled, .euf-flat-theme .inp-default > textarea[disabled], .euf-flat-theme .inp-default > textarea.disabled, .euf-flat-theme .inp-color8 > input:disabled, .euf-flat-theme .inp-color8 > input[disabled], .euf-flat-theme .inp-color8 > input.disabled, .euf-flat-theme .inp-color8 > textarea:disabled, .euf-flat-theme .inp-color8 > textarea[disabled], .euf-flat-theme .inp-color8 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-default > input:disabled:focus, .euf-flat-theme .inp-default > input:disabled:hover, .euf-flat-theme .inp-default > input[disabled]:focus, .euf-flat-theme .inp-default > input[disabled]:hover, .euf-flat-theme .inp-default > input.disabled:focus, .euf-flat-theme .inp-default > input.disabled:hover, .euf-flat-theme .inp-default > textarea:disabled:focus, .euf-flat-theme .inp-default > textarea:disabled:hover, .euf-flat-theme .inp-default > textarea[disabled]:focus, .euf-flat-theme .inp-default > textarea[disabled]:hover, .euf-flat-theme .inp-default > textarea.disabled:focus, .euf-flat-theme .inp-default > textarea.disabled:hover, .euf-flat-theme .inp-color8 > input:disabled:focus, .euf-flat-theme .inp-color8 > input:disabled:hover, .euf-flat-theme .inp-color8 > input[disabled]:focus, .euf-flat-theme .inp-color8 > input[disabled]:hover, .euf-flat-theme .inp-color8 > input.disabled:focus, .euf-flat-theme .inp-color8 > input.disabled:hover, .euf-flat-theme .inp-color8 > textarea:disabled:focus, .euf-flat-theme .inp-color8 > textarea:disabled:hover, .euf-flat-theme .inp-color8 > textarea[disabled]:focus, .euf-flat-theme .inp-color8 > textarea[disabled]:hover, .euf-flat-theme .inp-color8 > textarea.disabled:focus, .euf-flat-theme .inp-color8 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-default-states, .euf-flat-theme .inp-color8-states {
  color: #7f8c8d; }
  .euf-flat-theme .inp-default-states > input, .euf-flat-theme .inp-default-states > textarea, .euf-flat-theme .inp-color8-states > input, .euf-flat-theme .inp-color8-states > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-default-states > input:focus, .euf-flat-theme .inp-default-states > input:active, .euf-flat-theme .inp-default-states > input.active, .euf-flat-theme .inp-default-states > textarea:focus, .euf-flat-theme .inp-default-states > textarea:active, .euf-flat-theme .inp-default-states > textarea.active, .euf-flat-theme .inp-color8-states > input:focus, .euf-flat-theme .inp-color8-states > input:active, .euf-flat-theme .inp-color8-states > input.active, .euf-flat-theme .inp-color8-states > textarea:focus, .euf-flat-theme .inp-color8-states > textarea:active, .euf-flat-theme .inp-color8-states > textarea.active {
      background-color: transparent;
      border-color: #7f8c8d; }
    .euf-flat-theme .inp-default-states > input:disabled, .euf-flat-theme .inp-default-states > input[disabled], .euf-flat-theme .inp-default-states > input.disabled, .euf-flat-theme .inp-default-states > textarea:disabled, .euf-flat-theme .inp-default-states > textarea[disabled], .euf-flat-theme .inp-default-states > textarea.disabled, .euf-flat-theme .inp-color8-states > input:disabled, .euf-flat-theme .inp-color8-states > input[disabled], .euf-flat-theme .inp-color8-states > input.disabled, .euf-flat-theme .inp-color8-states > textarea:disabled, .euf-flat-theme .inp-color8-states > textarea[disabled], .euf-flat-theme .inp-color8-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-default-states > input:disabled:focus, .euf-flat-theme .inp-default-states > input:disabled:hover, .euf-flat-theme .inp-default-states > input[disabled]:focus, .euf-flat-theme .inp-default-states > input[disabled]:hover, .euf-flat-theme .inp-default-states > input.disabled:focus, .euf-flat-theme .inp-default-states > input.disabled:hover, .euf-flat-theme .inp-default-states > textarea:disabled:focus, .euf-flat-theme .inp-default-states > textarea:disabled:hover, .euf-flat-theme .inp-default-states > textarea[disabled]:focus, .euf-flat-theme .inp-default-states > textarea[disabled]:hover, .euf-flat-theme .inp-default-states > textarea.disabled:focus, .euf-flat-theme .inp-default-states > textarea.disabled:hover, .euf-flat-theme .inp-color8-states > input:disabled:focus, .euf-flat-theme .inp-color8-states > input:disabled:hover, .euf-flat-theme .inp-color8-states > input[disabled]:focus, .euf-flat-theme .inp-color8-states > input[disabled]:hover, .euf-flat-theme .inp-color8-states > input.disabled:focus, .euf-flat-theme .inp-color8-states > input.disabled:hover, .euf-flat-theme .inp-color8-states > textarea:disabled:focus, .euf-flat-theme .inp-color8-states > textarea:disabled:hover, .euf-flat-theme .inp-color8-states > textarea[disabled]:focus, .euf-flat-theme .inp-color8-states > textarea[disabled]:hover, .euf-flat-theme .inp-color8-states > textarea.disabled:focus, .euf-flat-theme .inp-color8-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-blue, .euf-flat-theme .inp-color6 {
  color: #34495e; }
  .euf-flat-theme .inp-blue > input, .euf-flat-theme .inp-blue > textarea, .euf-flat-theme .inp-color6 > input, .euf-flat-theme .inp-color6 > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-blue > input:focus, .euf-flat-theme .inp-blue > input:active, .euf-flat-theme .inp-blue > input.active, .euf-flat-theme .inp-blue > textarea:focus, .euf-flat-theme .inp-blue > textarea:active, .euf-flat-theme .inp-blue > textarea.active, .euf-flat-theme .inp-color6 > input:focus, .euf-flat-theme .inp-color6 > input:active, .euf-flat-theme .inp-color6 > input.active, .euf-flat-theme .inp-color6 > textarea:focus, .euf-flat-theme .inp-color6 > textarea:active, .euf-flat-theme .inp-color6 > textarea.active {
      background-color: transparent;
      border-color: #34495e; }
    .euf-flat-theme .inp-blue > input:disabled, .euf-flat-theme .inp-blue > input[disabled], .euf-flat-theme .inp-blue > input.disabled, .euf-flat-theme .inp-blue > textarea:disabled, .euf-flat-theme .inp-blue > textarea[disabled], .euf-flat-theme .inp-blue > textarea.disabled, .euf-flat-theme .inp-color6 > input:disabled, .euf-flat-theme .inp-color6 > input[disabled], .euf-flat-theme .inp-color6 > input.disabled, .euf-flat-theme .inp-color6 > textarea:disabled, .euf-flat-theme .inp-color6 > textarea[disabled], .euf-flat-theme .inp-color6 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-blue > input:disabled:focus, .euf-flat-theme .inp-blue > input:disabled:hover, .euf-flat-theme .inp-blue > input[disabled]:focus, .euf-flat-theme .inp-blue > input[disabled]:hover, .euf-flat-theme .inp-blue > input.disabled:focus, .euf-flat-theme .inp-blue > input.disabled:hover, .euf-flat-theme .inp-blue > textarea:disabled:focus, .euf-flat-theme .inp-blue > textarea:disabled:hover, .euf-flat-theme .inp-blue > textarea[disabled]:focus, .euf-flat-theme .inp-blue > textarea[disabled]:hover, .euf-flat-theme .inp-blue > textarea.disabled:focus, .euf-flat-theme .inp-blue > textarea.disabled:hover, .euf-flat-theme .inp-color6 > input:disabled:focus, .euf-flat-theme .inp-color6 > input:disabled:hover, .euf-flat-theme .inp-color6 > input[disabled]:focus, .euf-flat-theme .inp-color6 > input[disabled]:hover, .euf-flat-theme .inp-color6 > input.disabled:focus, .euf-flat-theme .inp-color6 > input.disabled:hover, .euf-flat-theme .inp-color6 > textarea:disabled:focus, .euf-flat-theme .inp-color6 > textarea:disabled:hover, .euf-flat-theme .inp-color6 > textarea[disabled]:focus, .euf-flat-theme .inp-color6 > textarea[disabled]:hover, .euf-flat-theme .inp-color6 > textarea.disabled:focus, .euf-flat-theme .inp-color6 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-blue-states, .euf-flat-theme .inp-color6-states {
  color: #2c3e50; }
  .euf-flat-theme .inp-blue-states > input, .euf-flat-theme .inp-blue-states > textarea, .euf-flat-theme .inp-color6-states > input, .euf-flat-theme .inp-color6-states > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-blue-states > input:focus, .euf-flat-theme .inp-blue-states > input:active, .euf-flat-theme .inp-blue-states > input.active, .euf-flat-theme .inp-blue-states > textarea:focus, .euf-flat-theme .inp-blue-states > textarea:active, .euf-flat-theme .inp-blue-states > textarea.active, .euf-flat-theme .inp-color6-states > input:focus, .euf-flat-theme .inp-color6-states > input:active, .euf-flat-theme .inp-color6-states > input.active, .euf-flat-theme .inp-color6-states > textarea:focus, .euf-flat-theme .inp-color6-states > textarea:active, .euf-flat-theme .inp-color6-states > textarea.active {
      background-color: transparent;
      border-color: #2c3e50; }
    .euf-flat-theme .inp-blue-states > input:disabled, .euf-flat-theme .inp-blue-states > input[disabled], .euf-flat-theme .inp-blue-states > input.disabled, .euf-flat-theme .inp-blue-states > textarea:disabled, .euf-flat-theme .inp-blue-states > textarea[disabled], .euf-flat-theme .inp-blue-states > textarea.disabled, .euf-flat-theme .inp-color6-states > input:disabled, .euf-flat-theme .inp-color6-states > input[disabled], .euf-flat-theme .inp-color6-states > input.disabled, .euf-flat-theme .inp-color6-states > textarea:disabled, .euf-flat-theme .inp-color6-states > textarea[disabled], .euf-flat-theme .inp-color6-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-blue-states > input:disabled:focus, .euf-flat-theme .inp-blue-states > input:disabled:hover, .euf-flat-theme .inp-blue-states > input[disabled]:focus, .euf-flat-theme .inp-blue-states > input[disabled]:hover, .euf-flat-theme .inp-blue-states > input.disabled:focus, .euf-flat-theme .inp-blue-states > input.disabled:hover, .euf-flat-theme .inp-blue-states > textarea:disabled:focus, .euf-flat-theme .inp-blue-states > textarea:disabled:hover, .euf-flat-theme .inp-blue-states > textarea[disabled]:focus, .euf-flat-theme .inp-blue-states > textarea[disabled]:hover, .euf-flat-theme .inp-blue-states > textarea.disabled:focus, .euf-flat-theme .inp-blue-states > textarea.disabled:hover, .euf-flat-theme .inp-color6-states > input:disabled:focus, .euf-flat-theme .inp-color6-states > input:disabled:hover, .euf-flat-theme .inp-color6-states > input[disabled]:focus, .euf-flat-theme .inp-color6-states > input[disabled]:hover, .euf-flat-theme .inp-color6-states > input.disabled:focus, .euf-flat-theme .inp-color6-states > input.disabled:hover, .euf-flat-theme .inp-color6-states > textarea:disabled:focus, .euf-flat-theme .inp-color6-states > textarea:disabled:hover, .euf-flat-theme .inp-color6-states > textarea[disabled]:focus, .euf-flat-theme .inp-color6-states > textarea[disabled]:hover, .euf-flat-theme .inp-color6-states > textarea.disabled:focus, .euf-flat-theme .inp-color6-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-green, .euf-flat-theme .inp-color2 {
  color: #2ecc71; }
  .euf-flat-theme .inp-green > input, .euf-flat-theme .inp-green > textarea, .euf-flat-theme .inp-color2 > input, .euf-flat-theme .inp-color2 > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-green > input:focus, .euf-flat-theme .inp-green > input:active, .euf-flat-theme .inp-green > input.active, .euf-flat-theme .inp-green > textarea:focus, .euf-flat-theme .inp-green > textarea:active, .euf-flat-theme .inp-green > textarea.active, .euf-flat-theme .inp-color2 > input:focus, .euf-flat-theme .inp-color2 > input:active, .euf-flat-theme .inp-color2 > input.active, .euf-flat-theme .inp-color2 > textarea:focus, .euf-flat-theme .inp-color2 > textarea:active, .euf-flat-theme .inp-color2 > textarea.active {
      background-color: transparent;
      border-color: #2ecc71; }
    .euf-flat-theme .inp-green > input:disabled, .euf-flat-theme .inp-green > input[disabled], .euf-flat-theme .inp-green > input.disabled, .euf-flat-theme .inp-green > textarea:disabled, .euf-flat-theme .inp-green > textarea[disabled], .euf-flat-theme .inp-green > textarea.disabled, .euf-flat-theme .inp-color2 > input:disabled, .euf-flat-theme .inp-color2 > input[disabled], .euf-flat-theme .inp-color2 > input.disabled, .euf-flat-theme .inp-color2 > textarea:disabled, .euf-flat-theme .inp-color2 > textarea[disabled], .euf-flat-theme .inp-color2 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-green > input:disabled:focus, .euf-flat-theme .inp-green > input:disabled:hover, .euf-flat-theme .inp-green > input[disabled]:focus, .euf-flat-theme .inp-green > input[disabled]:hover, .euf-flat-theme .inp-green > input.disabled:focus, .euf-flat-theme .inp-green > input.disabled:hover, .euf-flat-theme .inp-green > textarea:disabled:focus, .euf-flat-theme .inp-green > textarea:disabled:hover, .euf-flat-theme .inp-green > textarea[disabled]:focus, .euf-flat-theme .inp-green > textarea[disabled]:hover, .euf-flat-theme .inp-green > textarea.disabled:focus, .euf-flat-theme .inp-green > textarea.disabled:hover, .euf-flat-theme .inp-color2 > input:disabled:focus, .euf-flat-theme .inp-color2 > input:disabled:hover, .euf-flat-theme .inp-color2 > input[disabled]:focus, .euf-flat-theme .inp-color2 > input[disabled]:hover, .euf-flat-theme .inp-color2 > input.disabled:focus, .euf-flat-theme .inp-color2 > input.disabled:hover, .euf-flat-theme .inp-color2 > textarea:disabled:focus, .euf-flat-theme .inp-color2 > textarea:disabled:hover, .euf-flat-theme .inp-color2 > textarea[disabled]:focus, .euf-flat-theme .inp-color2 > textarea[disabled]:hover, .euf-flat-theme .inp-color2 > textarea.disabled:focus, .euf-flat-theme .inp-color2 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-green-states, .euf-flat-theme .inp-color2-states {
  color: #27ae60; }
  .euf-flat-theme .inp-green-states > input, .euf-flat-theme .inp-green-states > textarea, .euf-flat-theme .inp-color2-states > input, .euf-flat-theme .inp-color2-states > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-green-states > input:focus, .euf-flat-theme .inp-green-states > input:active, .euf-flat-theme .inp-green-states > input.active, .euf-flat-theme .inp-green-states > textarea:focus, .euf-flat-theme .inp-green-states > textarea:active, .euf-flat-theme .inp-green-states > textarea.active, .euf-flat-theme .inp-color2-states > input:focus, .euf-flat-theme .inp-color2-states > input:active, .euf-flat-theme .inp-color2-states > input.active, .euf-flat-theme .inp-color2-states > textarea:focus, .euf-flat-theme .inp-color2-states > textarea:active, .euf-flat-theme .inp-color2-states > textarea.active {
      background-color: transparent;
      border-color: #27ae60; }
    .euf-flat-theme .inp-green-states > input:disabled, .euf-flat-theme .inp-green-states > input[disabled], .euf-flat-theme .inp-green-states > input.disabled, .euf-flat-theme .inp-green-states > textarea:disabled, .euf-flat-theme .inp-green-states > textarea[disabled], .euf-flat-theme .inp-green-states > textarea.disabled, .euf-flat-theme .inp-color2-states > input:disabled, .euf-flat-theme .inp-color2-states > input[disabled], .euf-flat-theme .inp-color2-states > input.disabled, .euf-flat-theme .inp-color2-states > textarea:disabled, .euf-flat-theme .inp-color2-states > textarea[disabled], .euf-flat-theme .inp-color2-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-green-states > input:disabled:focus, .euf-flat-theme .inp-green-states > input:disabled:hover, .euf-flat-theme .inp-green-states > input[disabled]:focus, .euf-flat-theme .inp-green-states > input[disabled]:hover, .euf-flat-theme .inp-green-states > input.disabled:focus, .euf-flat-theme .inp-green-states > input.disabled:hover, .euf-flat-theme .inp-green-states > textarea:disabled:focus, .euf-flat-theme .inp-green-states > textarea:disabled:hover, .euf-flat-theme .inp-green-states > textarea[disabled]:focus, .euf-flat-theme .inp-green-states > textarea[disabled]:hover, .euf-flat-theme .inp-green-states > textarea.disabled:focus, .euf-flat-theme .inp-green-states > textarea.disabled:hover, .euf-flat-theme .inp-color2-states > input:disabled:focus, .euf-flat-theme .inp-color2-states > input:disabled:hover, .euf-flat-theme .inp-color2-states > input[disabled]:focus, .euf-flat-theme .inp-color2-states > input[disabled]:hover, .euf-flat-theme .inp-color2-states > input.disabled:focus, .euf-flat-theme .inp-color2-states > input.disabled:hover, .euf-flat-theme .inp-color2-states > textarea:disabled:focus, .euf-flat-theme .inp-color2-states > textarea:disabled:hover, .euf-flat-theme .inp-color2-states > textarea[disabled]:focus, .euf-flat-theme .inp-color2-states > textarea[disabled]:hover, .euf-flat-theme .inp-color2-states > textarea.disabled:focus, .euf-flat-theme .inp-color2-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-azure, .euf-flat-theme .inp-color1 {
  color: #1abc9c; }
  .euf-flat-theme .inp-azure > input, .euf-flat-theme .inp-azure > textarea, .euf-flat-theme .inp-color1 > input, .euf-flat-theme .inp-color1 > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-azure > input:focus, .euf-flat-theme .inp-azure > input:active, .euf-flat-theme .inp-azure > input.active, .euf-flat-theme .inp-azure > textarea:focus, .euf-flat-theme .inp-azure > textarea:active, .euf-flat-theme .inp-azure > textarea.active, .euf-flat-theme .inp-color1 > input:focus, .euf-flat-theme .inp-color1 > input:active, .euf-flat-theme .inp-color1 > input.active, .euf-flat-theme .inp-color1 > textarea:focus, .euf-flat-theme .inp-color1 > textarea:active, .euf-flat-theme .inp-color1 > textarea.active {
      background-color: transparent;
      border-color: #1abc9c; }
    .euf-flat-theme .inp-azure > input:disabled, .euf-flat-theme .inp-azure > input[disabled], .euf-flat-theme .inp-azure > input.disabled, .euf-flat-theme .inp-azure > textarea:disabled, .euf-flat-theme .inp-azure > textarea[disabled], .euf-flat-theme .inp-azure > textarea.disabled, .euf-flat-theme .inp-color1 > input:disabled, .euf-flat-theme .inp-color1 > input[disabled], .euf-flat-theme .inp-color1 > input.disabled, .euf-flat-theme .inp-color1 > textarea:disabled, .euf-flat-theme .inp-color1 > textarea[disabled], .euf-flat-theme .inp-color1 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-azure > input:disabled:focus, .euf-flat-theme .inp-azure > input:disabled:hover, .euf-flat-theme .inp-azure > input[disabled]:focus, .euf-flat-theme .inp-azure > input[disabled]:hover, .euf-flat-theme .inp-azure > input.disabled:focus, .euf-flat-theme .inp-azure > input.disabled:hover, .euf-flat-theme .inp-azure > textarea:disabled:focus, .euf-flat-theme .inp-azure > textarea:disabled:hover, .euf-flat-theme .inp-azure > textarea[disabled]:focus, .euf-flat-theme .inp-azure > textarea[disabled]:hover, .euf-flat-theme .inp-azure > textarea.disabled:focus, .euf-flat-theme .inp-azure > textarea.disabled:hover, .euf-flat-theme .inp-color1 > input:disabled:focus, .euf-flat-theme .inp-color1 > input:disabled:hover, .euf-flat-theme .inp-color1 > input[disabled]:focus, .euf-flat-theme .inp-color1 > input[disabled]:hover, .euf-flat-theme .inp-color1 > input.disabled:focus, .euf-flat-theme .inp-color1 > input.disabled:hover, .euf-flat-theme .inp-color1 > textarea:disabled:focus, .euf-flat-theme .inp-color1 > textarea:disabled:hover, .euf-flat-theme .inp-color1 > textarea[disabled]:focus, .euf-flat-theme .inp-color1 > textarea[disabled]:hover, .euf-flat-theme .inp-color1 > textarea.disabled:focus, .euf-flat-theme .inp-color1 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-azure-states, .euf-flat-theme .inp-color1-states {
  color: #16a085; }
  .euf-flat-theme .inp-azure-states > input, .euf-flat-theme .inp-azure-states > textarea, .euf-flat-theme .inp-color1-states > input, .euf-flat-theme .inp-color1-states > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-azure-states > input:focus, .euf-flat-theme .inp-azure-states > input:active, .euf-flat-theme .inp-azure-states > input.active, .euf-flat-theme .inp-azure-states > textarea:focus, .euf-flat-theme .inp-azure-states > textarea:active, .euf-flat-theme .inp-azure-states > textarea.active, .euf-flat-theme .inp-color1-states > input:focus, .euf-flat-theme .inp-color1-states > input:active, .euf-flat-theme .inp-color1-states > input.active, .euf-flat-theme .inp-color1-states > textarea:focus, .euf-flat-theme .inp-color1-states > textarea:active, .euf-flat-theme .inp-color1-states > textarea.active {
      background-color: transparent;
      border-color: #16a085; }
    .euf-flat-theme .inp-azure-states > input:disabled, .euf-flat-theme .inp-azure-states > input[disabled], .euf-flat-theme .inp-azure-states > input.disabled, .euf-flat-theme .inp-azure-states > textarea:disabled, .euf-flat-theme .inp-azure-states > textarea[disabled], .euf-flat-theme .inp-azure-states > textarea.disabled, .euf-flat-theme .inp-color1-states > input:disabled, .euf-flat-theme .inp-color1-states > input[disabled], .euf-flat-theme .inp-color1-states > input.disabled, .euf-flat-theme .inp-color1-states > textarea:disabled, .euf-flat-theme .inp-color1-states > textarea[disabled], .euf-flat-theme .inp-color1-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-azure-states > input:disabled:focus, .euf-flat-theme .inp-azure-states > input:disabled:hover, .euf-flat-theme .inp-azure-states > input[disabled]:focus, .euf-flat-theme .inp-azure-states > input[disabled]:hover, .euf-flat-theme .inp-azure-states > input.disabled:focus, .euf-flat-theme .inp-azure-states > input.disabled:hover, .euf-flat-theme .inp-azure-states > textarea:disabled:focus, .euf-flat-theme .inp-azure-states > textarea:disabled:hover, .euf-flat-theme .inp-azure-states > textarea[disabled]:focus, .euf-flat-theme .inp-azure-states > textarea[disabled]:hover, .euf-flat-theme .inp-azure-states > textarea.disabled:focus, .euf-flat-theme .inp-azure-states > textarea.disabled:hover, .euf-flat-theme .inp-color1-states > input:disabled:focus, .euf-flat-theme .inp-color1-states > input:disabled:hover, .euf-flat-theme .inp-color1-states > input[disabled]:focus, .euf-flat-theme .inp-color1-states > input[disabled]:hover, .euf-flat-theme .inp-color1-states > input.disabled:focus, .euf-flat-theme .inp-color1-states > input.disabled:hover, .euf-flat-theme .inp-color1-states > textarea:disabled:focus, .euf-flat-theme .inp-color1-states > textarea:disabled:hover, .euf-flat-theme .inp-color1-states > textarea[disabled]:focus, .euf-flat-theme .inp-color1-states > textarea[disabled]:hover, .euf-flat-theme .inp-color1-states > textarea.disabled:focus, .euf-flat-theme .inp-color1-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-orange, .euf-flat-theme .inp-color3 {
  color: #e67e22; }
  .euf-flat-theme .inp-orange > input, .euf-flat-theme .inp-orange > textarea, .euf-flat-theme .inp-color3 > input, .euf-flat-theme .inp-color3 > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-orange > input:focus, .euf-flat-theme .inp-orange > input:active, .euf-flat-theme .inp-orange > input.active, .euf-flat-theme .inp-orange > textarea:focus, .euf-flat-theme .inp-orange > textarea:active, .euf-flat-theme .inp-orange > textarea.active, .euf-flat-theme .inp-color3 > input:focus, .euf-flat-theme .inp-color3 > input:active, .euf-flat-theme .inp-color3 > input.active, .euf-flat-theme .inp-color3 > textarea:focus, .euf-flat-theme .inp-color3 > textarea:active, .euf-flat-theme .inp-color3 > textarea.active {
      background-color: transparent;
      border-color: #e67e22; }
    .euf-flat-theme .inp-orange > input:disabled, .euf-flat-theme .inp-orange > input[disabled], .euf-flat-theme .inp-orange > input.disabled, .euf-flat-theme .inp-orange > textarea:disabled, .euf-flat-theme .inp-orange > textarea[disabled], .euf-flat-theme .inp-orange > textarea.disabled, .euf-flat-theme .inp-color3 > input:disabled, .euf-flat-theme .inp-color3 > input[disabled], .euf-flat-theme .inp-color3 > input.disabled, .euf-flat-theme .inp-color3 > textarea:disabled, .euf-flat-theme .inp-color3 > textarea[disabled], .euf-flat-theme .inp-color3 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-orange > input:disabled:focus, .euf-flat-theme .inp-orange > input:disabled:hover, .euf-flat-theme .inp-orange > input[disabled]:focus, .euf-flat-theme .inp-orange > input[disabled]:hover, .euf-flat-theme .inp-orange > input.disabled:focus, .euf-flat-theme .inp-orange > input.disabled:hover, .euf-flat-theme .inp-orange > textarea:disabled:focus, .euf-flat-theme .inp-orange > textarea:disabled:hover, .euf-flat-theme .inp-orange > textarea[disabled]:focus, .euf-flat-theme .inp-orange > textarea[disabled]:hover, .euf-flat-theme .inp-orange > textarea.disabled:focus, .euf-flat-theme .inp-orange > textarea.disabled:hover, .euf-flat-theme .inp-color3 > input:disabled:focus, .euf-flat-theme .inp-color3 > input:disabled:hover, .euf-flat-theme .inp-color3 > input[disabled]:focus, .euf-flat-theme .inp-color3 > input[disabled]:hover, .euf-flat-theme .inp-color3 > input.disabled:focus, .euf-flat-theme .inp-color3 > input.disabled:hover, .euf-flat-theme .inp-color3 > textarea:disabled:focus, .euf-flat-theme .inp-color3 > textarea:disabled:hover, .euf-flat-theme .inp-color3 > textarea[disabled]:focus, .euf-flat-theme .inp-color3 > textarea[disabled]:hover, .euf-flat-theme .inp-color3 > textarea.disabled:focus, .euf-flat-theme .inp-color3 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-orange-states, .euf-flat-theme .inp-color3-states {
  color: #d35400; }
  .euf-flat-theme .inp-orange-states > input, .euf-flat-theme .inp-orange-states > textarea, .euf-flat-theme .inp-color3-states > input, .euf-flat-theme .inp-color3-states > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-orange-states > input:focus, .euf-flat-theme .inp-orange-states > input:active, .euf-flat-theme .inp-orange-states > input.active, .euf-flat-theme .inp-orange-states > textarea:focus, .euf-flat-theme .inp-orange-states > textarea:active, .euf-flat-theme .inp-orange-states > textarea.active, .euf-flat-theme .inp-color3-states > input:focus, .euf-flat-theme .inp-color3-states > input:active, .euf-flat-theme .inp-color3-states > input.active, .euf-flat-theme .inp-color3-states > textarea:focus, .euf-flat-theme .inp-color3-states > textarea:active, .euf-flat-theme .inp-color3-states > textarea.active {
      background-color: transparent;
      border-color: #d35400; }
    .euf-flat-theme .inp-orange-states > input:disabled, .euf-flat-theme .inp-orange-states > input[disabled], .euf-flat-theme .inp-orange-states > input.disabled, .euf-flat-theme .inp-orange-states > textarea:disabled, .euf-flat-theme .inp-orange-states > textarea[disabled], .euf-flat-theme .inp-orange-states > textarea.disabled, .euf-flat-theme .inp-color3-states > input:disabled, .euf-flat-theme .inp-color3-states > input[disabled], .euf-flat-theme .inp-color3-states > input.disabled, .euf-flat-theme .inp-color3-states > textarea:disabled, .euf-flat-theme .inp-color3-states > textarea[disabled], .euf-flat-theme .inp-color3-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-orange-states > input:disabled:focus, .euf-flat-theme .inp-orange-states > input:disabled:hover, .euf-flat-theme .inp-orange-states > input[disabled]:focus, .euf-flat-theme .inp-orange-states > input[disabled]:hover, .euf-flat-theme .inp-orange-states > input.disabled:focus, .euf-flat-theme .inp-orange-states > input.disabled:hover, .euf-flat-theme .inp-orange-states > textarea:disabled:focus, .euf-flat-theme .inp-orange-states > textarea:disabled:hover, .euf-flat-theme .inp-orange-states > textarea[disabled]:focus, .euf-flat-theme .inp-orange-states > textarea[disabled]:hover, .euf-flat-theme .inp-orange-states > textarea.disabled:focus, .euf-flat-theme .inp-orange-states > textarea.disabled:hover, .euf-flat-theme .inp-color3-states > input:disabled:focus, .euf-flat-theme .inp-color3-states > input:disabled:hover, .euf-flat-theme .inp-color3-states > input[disabled]:focus, .euf-flat-theme .inp-color3-states > input[disabled]:hover, .euf-flat-theme .inp-color3-states > input.disabled:focus, .euf-flat-theme .inp-color3-states > input.disabled:hover, .euf-flat-theme .inp-color3-states > textarea:disabled:focus, .euf-flat-theme .inp-color3-states > textarea:disabled:hover, .euf-flat-theme .inp-color3-states > textarea[disabled]:focus, .euf-flat-theme .inp-color3-states > textarea[disabled]:hover, .euf-flat-theme .inp-color3-states > textarea.disabled:focus, .euf-flat-theme .inp-color3-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-red, .euf-flat-theme .inp-color4 {
  color: #e74c3c; }
  .euf-flat-theme .inp-red > input, .euf-flat-theme .inp-red > textarea, .euf-flat-theme .inp-color4 > input, .euf-flat-theme .inp-color4 > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-red > input:focus, .euf-flat-theme .inp-red > input:active, .euf-flat-theme .inp-red > input.active, .euf-flat-theme .inp-red > textarea:focus, .euf-flat-theme .inp-red > textarea:active, .euf-flat-theme .inp-red > textarea.active, .euf-flat-theme .inp-color4 > input:focus, .euf-flat-theme .inp-color4 > input:active, .euf-flat-theme .inp-color4 > input.active, .euf-flat-theme .inp-color4 > textarea:focus, .euf-flat-theme .inp-color4 > textarea:active, .euf-flat-theme .inp-color4 > textarea.active {
      background-color: transparent;
      border-color: #e74c3c; }
    .euf-flat-theme .inp-red > input:disabled, .euf-flat-theme .inp-red > input[disabled], .euf-flat-theme .inp-red > input.disabled, .euf-flat-theme .inp-red > textarea:disabled, .euf-flat-theme .inp-red > textarea[disabled], .euf-flat-theme .inp-red > textarea.disabled, .euf-flat-theme .inp-color4 > input:disabled, .euf-flat-theme .inp-color4 > input[disabled], .euf-flat-theme .inp-color4 > input.disabled, .euf-flat-theme .inp-color4 > textarea:disabled, .euf-flat-theme .inp-color4 > textarea[disabled], .euf-flat-theme .inp-color4 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-red > input:disabled:focus, .euf-flat-theme .inp-red > input:disabled:hover, .euf-flat-theme .inp-red > input[disabled]:focus, .euf-flat-theme .inp-red > input[disabled]:hover, .euf-flat-theme .inp-red > input.disabled:focus, .euf-flat-theme .inp-red > input.disabled:hover, .euf-flat-theme .inp-red > textarea:disabled:focus, .euf-flat-theme .inp-red > textarea:disabled:hover, .euf-flat-theme .inp-red > textarea[disabled]:focus, .euf-flat-theme .inp-red > textarea[disabled]:hover, .euf-flat-theme .inp-red > textarea.disabled:focus, .euf-flat-theme .inp-red > textarea.disabled:hover, .euf-flat-theme .inp-color4 > input:disabled:focus, .euf-flat-theme .inp-color4 > input:disabled:hover, .euf-flat-theme .inp-color4 > input[disabled]:focus, .euf-flat-theme .inp-color4 > input[disabled]:hover, .euf-flat-theme .inp-color4 > input.disabled:focus, .euf-flat-theme .inp-color4 > input.disabled:hover, .euf-flat-theme .inp-color4 > textarea:disabled:focus, .euf-flat-theme .inp-color4 > textarea:disabled:hover, .euf-flat-theme .inp-color4 > textarea[disabled]:focus, .euf-flat-theme .inp-color4 > textarea[disabled]:hover, .euf-flat-theme .inp-color4 > textarea.disabled:focus, .euf-flat-theme .inp-color4 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-red-states, .euf-flat-theme .inp-color4-states {
  color: #c0392b; }
  .euf-flat-theme .inp-red-states > input, .euf-flat-theme .inp-red-states > textarea, .euf-flat-theme .inp-color4-states > input, .euf-flat-theme .inp-color4-states > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-red-states > input:focus, .euf-flat-theme .inp-red-states > input:active, .euf-flat-theme .inp-red-states > input.active, .euf-flat-theme .inp-red-states > textarea:focus, .euf-flat-theme .inp-red-states > textarea:active, .euf-flat-theme .inp-red-states > textarea.active, .euf-flat-theme .inp-color4-states > input:focus, .euf-flat-theme .inp-color4-states > input:active, .euf-flat-theme .inp-color4-states > input.active, .euf-flat-theme .inp-color4-states > textarea:focus, .euf-flat-theme .inp-color4-states > textarea:active, .euf-flat-theme .inp-color4-states > textarea.active {
      background-color: transparent;
      border-color: #c0392b; }
    .euf-flat-theme .inp-red-states > input:disabled, .euf-flat-theme .inp-red-states > input[disabled], .euf-flat-theme .inp-red-states > input.disabled, .euf-flat-theme .inp-red-states > textarea:disabled, .euf-flat-theme .inp-red-states > textarea[disabled], .euf-flat-theme .inp-red-states > textarea.disabled, .euf-flat-theme .inp-color4-states > input:disabled, .euf-flat-theme .inp-color4-states > input[disabled], .euf-flat-theme .inp-color4-states > input.disabled, .euf-flat-theme .inp-color4-states > textarea:disabled, .euf-flat-theme .inp-color4-states > textarea[disabled], .euf-flat-theme .inp-color4-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-red-states > input:disabled:focus, .euf-flat-theme .inp-red-states > input:disabled:hover, .euf-flat-theme .inp-red-states > input[disabled]:focus, .euf-flat-theme .inp-red-states > input[disabled]:hover, .euf-flat-theme .inp-red-states > input.disabled:focus, .euf-flat-theme .inp-red-states > input.disabled:hover, .euf-flat-theme .inp-red-states > textarea:disabled:focus, .euf-flat-theme .inp-red-states > textarea:disabled:hover, .euf-flat-theme .inp-red-states > textarea[disabled]:focus, .euf-flat-theme .inp-red-states > textarea[disabled]:hover, .euf-flat-theme .inp-red-states > textarea.disabled:focus, .euf-flat-theme .inp-red-states > textarea.disabled:hover, .euf-flat-theme .inp-color4-states > input:disabled:focus, .euf-flat-theme .inp-color4-states > input:disabled:hover, .euf-flat-theme .inp-color4-states > input[disabled]:focus, .euf-flat-theme .inp-color4-states > input[disabled]:hover, .euf-flat-theme .inp-color4-states > input.disabled:focus, .euf-flat-theme .inp-color4-states > input.disabled:hover, .euf-flat-theme .inp-color4-states > textarea:disabled:focus, .euf-flat-theme .inp-color4-states > textarea:disabled:hover, .euf-flat-theme .inp-color4-states > textarea[disabled]:focus, .euf-flat-theme .inp-color4-states > textarea[disabled]:hover, .euf-flat-theme .inp-color4-states > textarea.disabled:focus, .euf-flat-theme .inp-color4-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-pink, .euf-flat-theme .inp-color7 {
  color: #F08F90; }
  .euf-flat-theme .inp-pink > input, .euf-flat-theme .inp-pink > textarea, .euf-flat-theme .inp-color7 > input, .euf-flat-theme .inp-color7 > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-pink > input:focus, .euf-flat-theme .inp-pink > input:active, .euf-flat-theme .inp-pink > input.active, .euf-flat-theme .inp-pink > textarea:focus, .euf-flat-theme .inp-pink > textarea:active, .euf-flat-theme .inp-pink > textarea.active, .euf-flat-theme .inp-color7 > input:focus, .euf-flat-theme .inp-color7 > input:active, .euf-flat-theme .inp-color7 > input.active, .euf-flat-theme .inp-color7 > textarea:focus, .euf-flat-theme .inp-color7 > textarea:active, .euf-flat-theme .inp-color7 > textarea.active {
      background-color: transparent;
      border-color: #F08F90; }
    .euf-flat-theme .inp-pink > input:disabled, .euf-flat-theme .inp-pink > input[disabled], .euf-flat-theme .inp-pink > input.disabled, .euf-flat-theme .inp-pink > textarea:disabled, .euf-flat-theme .inp-pink > textarea[disabled], .euf-flat-theme .inp-pink > textarea.disabled, .euf-flat-theme .inp-color7 > input:disabled, .euf-flat-theme .inp-color7 > input[disabled], .euf-flat-theme .inp-color7 > input.disabled, .euf-flat-theme .inp-color7 > textarea:disabled, .euf-flat-theme .inp-color7 > textarea[disabled], .euf-flat-theme .inp-color7 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-pink > input:disabled:focus, .euf-flat-theme .inp-pink > input:disabled:hover, .euf-flat-theme .inp-pink > input[disabled]:focus, .euf-flat-theme .inp-pink > input[disabled]:hover, .euf-flat-theme .inp-pink > input.disabled:focus, .euf-flat-theme .inp-pink > input.disabled:hover, .euf-flat-theme .inp-pink > textarea:disabled:focus, .euf-flat-theme .inp-pink > textarea:disabled:hover, .euf-flat-theme .inp-pink > textarea[disabled]:focus, .euf-flat-theme .inp-pink > textarea[disabled]:hover, .euf-flat-theme .inp-pink > textarea.disabled:focus, .euf-flat-theme .inp-pink > textarea.disabled:hover, .euf-flat-theme .inp-color7 > input:disabled:focus, .euf-flat-theme .inp-color7 > input:disabled:hover, .euf-flat-theme .inp-color7 > input[disabled]:focus, .euf-flat-theme .inp-color7 > input[disabled]:hover, .euf-flat-theme .inp-color7 > input.disabled:focus, .euf-flat-theme .inp-color7 > input.disabled:hover, .euf-flat-theme .inp-color7 > textarea:disabled:focus, .euf-flat-theme .inp-color7 > textarea:disabled:hover, .euf-flat-theme .inp-color7 > textarea[disabled]:focus, .euf-flat-theme .inp-color7 > textarea[disabled]:hover, .euf-flat-theme .inp-color7 > textarea.disabled:focus, .euf-flat-theme .inp-color7 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-pink-states, .euf-flat-theme .inp-color7-states {
  color: #F47983; }
  .euf-flat-theme .inp-pink-states > input, .euf-flat-theme .inp-pink-states > textarea, .euf-flat-theme .inp-color7-states > input, .euf-flat-theme .inp-color7-states > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-pink-states > input:focus, .euf-flat-theme .inp-pink-states > input:active, .euf-flat-theme .inp-pink-states > input.active, .euf-flat-theme .inp-pink-states > textarea:focus, .euf-flat-theme .inp-pink-states > textarea:active, .euf-flat-theme .inp-pink-states > textarea.active, .euf-flat-theme .inp-color7-states > input:focus, .euf-flat-theme .inp-color7-states > input:active, .euf-flat-theme .inp-color7-states > input.active, .euf-flat-theme .inp-color7-states > textarea:focus, .euf-flat-theme .inp-color7-states > textarea:active, .euf-flat-theme .inp-color7-states > textarea.active {
      background-color: transparent;
      border-color: #F47983; }
    .euf-flat-theme .inp-pink-states > input:disabled, .euf-flat-theme .inp-pink-states > input[disabled], .euf-flat-theme .inp-pink-states > input.disabled, .euf-flat-theme .inp-pink-states > textarea:disabled, .euf-flat-theme .inp-pink-states > textarea[disabled], .euf-flat-theme .inp-pink-states > textarea.disabled, .euf-flat-theme .inp-color7-states > input:disabled, .euf-flat-theme .inp-color7-states > input[disabled], .euf-flat-theme .inp-color7-states > input.disabled, .euf-flat-theme .inp-color7-states > textarea:disabled, .euf-flat-theme .inp-color7-states > textarea[disabled], .euf-flat-theme .inp-color7-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-pink-states > input:disabled:focus, .euf-flat-theme .inp-pink-states > input:disabled:hover, .euf-flat-theme .inp-pink-states > input[disabled]:focus, .euf-flat-theme .inp-pink-states > input[disabled]:hover, .euf-flat-theme .inp-pink-states > input.disabled:focus, .euf-flat-theme .inp-pink-states > input.disabled:hover, .euf-flat-theme .inp-pink-states > textarea:disabled:focus, .euf-flat-theme .inp-pink-states > textarea:disabled:hover, .euf-flat-theme .inp-pink-states > textarea[disabled]:focus, .euf-flat-theme .inp-pink-states > textarea[disabled]:hover, .euf-flat-theme .inp-pink-states > textarea.disabled:focus, .euf-flat-theme .inp-pink-states > textarea.disabled:hover, .euf-flat-theme .inp-color7-states > input:disabled:focus, .euf-flat-theme .inp-color7-states > input:disabled:hover, .euf-flat-theme .inp-color7-states > input[disabled]:focus, .euf-flat-theme .inp-color7-states > input[disabled]:hover, .euf-flat-theme .inp-color7-states > input.disabled:focus, .euf-flat-theme .inp-color7-states > input.disabled:hover, .euf-flat-theme .inp-color7-states > textarea:disabled:focus, .euf-flat-theme .inp-color7-states > textarea:disabled:hover, .euf-flat-theme .inp-color7-states > textarea[disabled]:focus, .euf-flat-theme .inp-color7-states > textarea[disabled]:hover, .euf-flat-theme .inp-color7-states > textarea.disabled:focus, .euf-flat-theme .inp-color7-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-purple, .euf-flat-theme .inp-color5 {
  color: #9b59b6; }
  .euf-flat-theme .inp-purple > input, .euf-flat-theme .inp-purple > textarea, .euf-flat-theme .inp-color5 > input, .euf-flat-theme .inp-color5 > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-purple > input:focus, .euf-flat-theme .inp-purple > input:active, .euf-flat-theme .inp-purple > input.active, .euf-flat-theme .inp-purple > textarea:focus, .euf-flat-theme .inp-purple > textarea:active, .euf-flat-theme .inp-purple > textarea.active, .euf-flat-theme .inp-color5 > input:focus, .euf-flat-theme .inp-color5 > input:active, .euf-flat-theme .inp-color5 > input.active, .euf-flat-theme .inp-color5 > textarea:focus, .euf-flat-theme .inp-color5 > textarea:active, .euf-flat-theme .inp-color5 > textarea.active {
      background-color: transparent;
      border-color: #9b59b6; }
    .euf-flat-theme .inp-purple > input:disabled, .euf-flat-theme .inp-purple > input[disabled], .euf-flat-theme .inp-purple > input.disabled, .euf-flat-theme .inp-purple > textarea:disabled, .euf-flat-theme .inp-purple > textarea[disabled], .euf-flat-theme .inp-purple > textarea.disabled, .euf-flat-theme .inp-color5 > input:disabled, .euf-flat-theme .inp-color5 > input[disabled], .euf-flat-theme .inp-color5 > input.disabled, .euf-flat-theme .inp-color5 > textarea:disabled, .euf-flat-theme .inp-color5 > textarea[disabled], .euf-flat-theme .inp-color5 > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-purple > input:disabled:focus, .euf-flat-theme .inp-purple > input:disabled:hover, .euf-flat-theme .inp-purple > input[disabled]:focus, .euf-flat-theme .inp-purple > input[disabled]:hover, .euf-flat-theme .inp-purple > input.disabled:focus, .euf-flat-theme .inp-purple > input.disabled:hover, .euf-flat-theme .inp-purple > textarea:disabled:focus, .euf-flat-theme .inp-purple > textarea:disabled:hover, .euf-flat-theme .inp-purple > textarea[disabled]:focus, .euf-flat-theme .inp-purple > textarea[disabled]:hover, .euf-flat-theme .inp-purple > textarea.disabled:focus, .euf-flat-theme .inp-purple > textarea.disabled:hover, .euf-flat-theme .inp-color5 > input:disabled:focus, .euf-flat-theme .inp-color5 > input:disabled:hover, .euf-flat-theme .inp-color5 > input[disabled]:focus, .euf-flat-theme .inp-color5 > input[disabled]:hover, .euf-flat-theme .inp-color5 > input.disabled:focus, .euf-flat-theme .inp-color5 > input.disabled:hover, .euf-flat-theme .inp-color5 > textarea:disabled:focus, .euf-flat-theme .inp-color5 > textarea:disabled:hover, .euf-flat-theme .inp-color5 > textarea[disabled]:focus, .euf-flat-theme .inp-color5 > textarea[disabled]:hover, .euf-flat-theme .inp-color5 > textarea.disabled:focus, .euf-flat-theme .inp-color5 > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .inp-purple-states, .euf-flat-theme .inp-color5-states {
  color: #8e44ad; }
  .euf-flat-theme .inp-purple-states > input, .euf-flat-theme .inp-purple-states > textarea, .euf-flat-theme .inp-color5-states > input, .euf-flat-theme .inp-color5-states > textarea {
    border-color: default-color; }
    .euf-flat-theme .inp-purple-states > input:focus, .euf-flat-theme .inp-purple-states > input:active, .euf-flat-theme .inp-purple-states > input.active, .euf-flat-theme .inp-purple-states > textarea:focus, .euf-flat-theme .inp-purple-states > textarea:active, .euf-flat-theme .inp-purple-states > textarea.active, .euf-flat-theme .inp-color5-states > input:focus, .euf-flat-theme .inp-color5-states > input:active, .euf-flat-theme .inp-color5-states > input.active, .euf-flat-theme .inp-color5-states > textarea:focus, .euf-flat-theme .inp-color5-states > textarea:active, .euf-flat-theme .inp-color5-states > textarea.active {
      background-color: transparent;
      border-color: #8e44ad; }
    .euf-flat-theme .inp-purple-states > input:disabled, .euf-flat-theme .inp-purple-states > input[disabled], .euf-flat-theme .inp-purple-states > input.disabled, .euf-flat-theme .inp-purple-states > textarea:disabled, .euf-flat-theme .inp-purple-states > textarea[disabled], .euf-flat-theme .inp-purple-states > textarea.disabled, .euf-flat-theme .inp-color5-states > input:disabled, .euf-flat-theme .inp-color5-states > input[disabled], .euf-flat-theme .inp-color5-states > input.disabled, .euf-flat-theme .inp-color5-states > textarea:disabled, .euf-flat-theme .inp-color5-states > textarea[disabled], .euf-flat-theme .inp-color5-states > textarea.disabled {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.8;
      filter: alpha(opacity=80); }
      .euf-flat-theme .inp-purple-states > input:disabled:focus, .euf-flat-theme .inp-purple-states > input:disabled:hover, .euf-flat-theme .inp-purple-states > input[disabled]:focus, .euf-flat-theme .inp-purple-states > input[disabled]:hover, .euf-flat-theme .inp-purple-states > input.disabled:focus, .euf-flat-theme .inp-purple-states > input.disabled:hover, .euf-flat-theme .inp-purple-states > textarea:disabled:focus, .euf-flat-theme .inp-purple-states > textarea:disabled:hover, .euf-flat-theme .inp-purple-states > textarea[disabled]:focus, .euf-flat-theme .inp-purple-states > textarea[disabled]:hover, .euf-flat-theme .inp-purple-states > textarea.disabled:focus, .euf-flat-theme .inp-purple-states > textarea.disabled:hover, .euf-flat-theme .inp-color5-states > input:disabled:focus, .euf-flat-theme .inp-color5-states > input:disabled:hover, .euf-flat-theme .inp-color5-states > input[disabled]:focus, .euf-flat-theme .inp-color5-states > input[disabled]:hover, .euf-flat-theme .inp-color5-states > input.disabled:focus, .euf-flat-theme .inp-color5-states > input.disabled:hover, .euf-flat-theme .inp-color5-states > textarea:disabled:focus, .euf-flat-theme .inp-color5-states > textarea:disabled:hover, .euf-flat-theme .inp-color5-states > textarea[disabled]:focus, .euf-flat-theme .inp-color5-states > textarea[disabled]:hover, .euf-flat-theme .inp-color5-states > textarea.disabled:focus, .euf-flat-theme .inp-color5-states > textarea.disabled:hover {
        background-color: transparent;
        border-color: #a0a0a2;
        outline: 0 !important; }

.euf-flat-theme .color-container.ftospetrol div:before {
  content: "#3F5A63"; }

.euf-flat-theme .color-containerftospetrol div:before {
  content: "#3F5A63"; }

.euf-flat-theme .color-container.ftospetrol-states div:before {
  content: "#3c788c"; }

.euf-flat-theme .color-containerftospetrol-states div:before {
  content: "#3c788c"; }

.euf-flat-theme .color-container.ftosblue div:before {
  content: "#27AAE1"; }

.euf-flat-theme .color-containerftosblue div:before {
  content: "#27AAE1"; }

.euf-flat-theme .color-container.ftosblue-states div:before {
  content: "#1c98cc"; }

.euf-flat-theme .color-containerftosblue-states div:before {
  content: "#1c98cc"; }

.euf-flat-theme .color-container.default div:before {
  content: "#95a5a6"; }

.euf-flat-theme .color-containerdefault div:before {
  content: "#95a5a6"; }

.euf-flat-theme .color-container.default-states div:before {
  content: "#7f8c8d"; }

.euf-flat-theme .color-containerdefault-states div:before {
  content: "#7f8c8d"; }

.euf-flat-theme .color-container.blue div:before {
  content: "#34495e"; }

.euf-flat-theme .color-containerblue div:before {
  content: "#34495e"; }

.euf-flat-theme .color-container.blue-states div:before {
  content: "#2c3e50"; }

.euf-flat-theme .color-containerblue-states div:before {
  content: "#2c3e50"; }

.euf-flat-theme .color-container.green div:before {
  content: "#2ecc71"; }

.euf-flat-theme .color-containergreen div:before {
  content: "#2ecc71"; }

.euf-flat-theme .color-container.green-states div:before {
  content: "#27ae60"; }

.euf-flat-theme .color-containergreen-states div:before {
  content: "#27ae60"; }

.euf-flat-theme .color-container.azure div:before {
  content: "#1abc9c"; }

.euf-flat-theme .color-containerazure div:before {
  content: "#1abc9c"; }

.euf-flat-theme .color-container.azure-states div:before {
  content: "#16a085"; }

.euf-flat-theme .color-containerazure-states div:before {
  content: "#16a085"; }

.euf-flat-theme .color-container.orange div:before {
  content: "#e67e22"; }

.euf-flat-theme .color-containerorange div:before {
  content: "#e67e22"; }

.euf-flat-theme .color-container.orange-states div:before {
  content: "#d35400"; }

.euf-flat-theme .color-containerorange-states div:before {
  content: "#d35400"; }

.euf-flat-theme .color-container.red div:before {
  content: "#e74c3c"; }

.euf-flat-theme .color-containerred div:before {
  content: "#e74c3c"; }

.euf-flat-theme .color-container.red-states div:before {
  content: "#c0392b"; }

.euf-flat-theme .color-containerred-states div:before {
  content: "#c0392b"; }

.euf-flat-theme .color-container.pink div:before {
  content: "#F08F90"; }

.euf-flat-theme .color-containerpink div:before {
  content: "#F08F90"; }

.euf-flat-theme .color-container.pink-states div:before {
  content: "#F47983"; }

.euf-flat-theme .color-containerpink-states div:before {
  content: "#F47983"; }

.euf-flat-theme .color-container.purple div:before {
  content: "#9b59b6"; }

.euf-flat-theme .color-containerpurple div:before {
  content: "#9b59b6"; }

.euf-flat-theme .color-container.purple-states div:before {
  content: "#8e44ad"; }

.euf-flat-theme .color-containerpurple-states div:before {
  content: "#8e44ad"; }

.euf-flat-theme .has-error > input, .euf-flat-theme .has-error > textarea {
  border-color: #e74c3c; }
  .euf-flat-theme .has-error > input:hover, .euf-flat-theme .has-error > input:focus, .euf-flat-theme .has-error > input:active, .euf-flat-theme .has-error > input.active, .euf-flat-theme .has-error > textarea:hover, .euf-flat-theme .has-error > textarea:focus, .euf-flat-theme .has-error > textarea:active, .euf-flat-theme .has-error > textarea.active {
    border-color: #c0392b; }

.euf-flat-theme .has-success > input, .euf-flat-theme .has-success > textarea {
  border-color: #2ecc71; }
  .euf-flat-theme .has-success > input:hover, .euf-flat-theme .has-success > input:focus, .euf-flat-theme .has-success > input:active, .euf-flat-theme .has-success > input.active, .euf-flat-theme .has-success > textarea:hover, .euf-flat-theme .has-success > textarea:focus, .euf-flat-theme .has-success > textarea:active, .euf-flat-theme .has-success > textarea.active {
    border-color: #27ae60; }

.euf-flat-theme .radio {
  position: relative;
  display: inline-block;
  background-color: transparent;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  text-decoration: none;
  font-size: 1rem;
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
  -webkit-transition:;
  -moz-transition:;
  -ms-transition:;
  -o-transition:;
  transition:; }
  .euf-flat-theme .radio + .radio {
    /*margin-top: map(map($theme, radio),margin-top);*/
    margin-top: 0; }
  .euf-flat-theme .radio .disabled label, .euf-flat-theme .radio .disabled i {
    cursor: not-allowed; }
  .euf-flat-theme .radio label {
    position: relative;
    text-align: left;
    display: block;
    padding-left: 2rem;
    min-height: 1.25rem;
    font-weight: 400; }
    .euf-flat-theme .radio label small {
      display: inherit;
      font-size: 85%;
      margin-top: .5rem; }
  .euf-flat-theme .radio input {
    position: absolute;
    opacity: 0;
    left: 0;
    margin-left: -1.25rem; }
    .euf-flat-theme .radio input:checked ~ .helper::after {
      -webkit-transform: scale(0.5);
      transform: scale(0.5); }
    .euf-flat-theme .radio input:not(:checked) ~ .flag {
      opacity: .9;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%); }
  .euf-flat-theme .radio .helper {
    position: absolute;
    display: block;
    user-select: none;
    top: -0.25rem;
    left: -0.25rem; }
    .euf-flat-theme .radio .helper::before, .euf-flat-theme .radio .helper::after {
      content: '';
      position: absolute;
      left: 0.2rem;
      top: 0;
      margin: 0.1rem 0 0 0;
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 50%;
      border: 0.15rem solid #a0a0a2;
      -webkit-transition: -webkit-transform 0.28s ease;
      transition: -webkit-transform 0.28s ease;
      transition: transform 0.28s ease;
      transition: transform 0.28s ease, -webkit-transform 0.28s ease; }
    .euf-flat-theme .radio .helper::after {
      -webkit-transform: scale(0);
      transform: scale(0); }
  .euf-flat-theme .radio.radio-sm .helper {
    top: -0.1rem; }
    .euf-flat-theme .radio.radio-sm .helper:after, .euf-flat-theme .radio.radio-sm .helper:before {
      width: 1.2rem;
      height: 1.2rem; }
  .euf-flat-theme .radio input:disabled ~ .helper::before, .euf-flat-theme .radio input[disabled] ~ .helper::before, .euf-flat-theme .radio input.disabled ~ .helper::before {
    color: #d2c7c7;
    border-color: #d2c7c7; }
  .euf-flat-theme .radio input:disabled:checked ~ .helper::after, .euf-flat-theme .radio input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio input.disabled:checked ~ .helper::after {
    background-color: #d2c7c7;
    border-color: #d2c7c7; }
  .euf-flat-theme .radio input:checked ~ .helper::before {
    color: #95a5a6; }
  .euf-flat-theme .radio .helper::after {
    border-color: #95a5a6;
    background-color: #95a5a6; }
  .euf-flat-theme .radio:hover, .euf-flat-theme .radio:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    outline: 0 !important; }
  .euf-flat-theme .radio:active, .euf-flat-theme .radio.active,
  .open > .euf-flat-theme .radio.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important; }

.euf-flat-theme .radio-ftospetrol input:disabled ~ .helper::before, .euf-flat-theme .radio-ftospetrol input[disabled] ~ .helper::before, .euf-flat-theme .radio-ftospetrol input.disabled ~ .helper::before, .euf-flat-theme .radio-color10 input:disabled ~ .helper::before, .euf-flat-theme .radio-color10 input[disabled] ~ .helper::before, .euf-flat-theme .radio-color10 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-ftospetrol input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-ftospetrol input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-ftospetrol input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color10 input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color10 input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color10 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-ftospetrol input:checked ~ .helper::before, .euf-flat-theme .radio-color10 input:checked ~ .helper::before {
  color: #3F5A63; }

.euf-flat-theme .radio-ftospetrol .helper::after, .euf-flat-theme .radio-color10 .helper::after {
  border-color: #3F5A63;
  background-color: #3F5A63; }

.euf-flat-theme .radio-ftospetrol-states input:disabled ~ .helper::before, .euf-flat-theme .radio-ftospetrol-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-ftospetrol-states input.disabled ~ .helper::before, .euf-flat-theme .radio-color10-states input:disabled ~ .helper::before, .euf-flat-theme .radio-color10-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-color10-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-ftospetrol-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-ftospetrol-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-ftospetrol-states input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color10-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color10-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color10-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-ftospetrol-states input:checked ~ .helper::before, .euf-flat-theme .radio-color10-states input:checked ~ .helper::before {
  color: #3c788c; }

.euf-flat-theme .radio-ftospetrol-states .helper::after, .euf-flat-theme .radio-color10-states .helper::after {
  border-color: #3c788c;
  background-color: #3c788c; }

.euf-flat-theme .radio-ftosblue input:disabled ~ .helper::before, .euf-flat-theme .radio-ftosblue input[disabled] ~ .helper::before, .euf-flat-theme .radio-ftosblue input.disabled ~ .helper::before, .euf-flat-theme .radio-color9 input:disabled ~ .helper::before, .euf-flat-theme .radio-color9 input[disabled] ~ .helper::before, .euf-flat-theme .radio-color9 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-ftosblue input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-ftosblue input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-ftosblue input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color9 input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color9 input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color9 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-ftosblue input:checked ~ .helper::before, .euf-flat-theme .radio-color9 input:checked ~ .helper::before {
  color: #27AAE1; }

.euf-flat-theme .radio-ftosblue .helper::after, .euf-flat-theme .radio-color9 .helper::after {
  border-color: #27AAE1;
  background-color: #27AAE1; }

.euf-flat-theme .radio-ftosblue-states input:disabled ~ .helper::before, .euf-flat-theme .radio-ftosblue-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-ftosblue-states input.disabled ~ .helper::before, .euf-flat-theme .radio-color9-states input:disabled ~ .helper::before, .euf-flat-theme .radio-color9-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-color9-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-ftosblue-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-ftosblue-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-ftosblue-states input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color9-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color9-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color9-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-ftosblue-states input:checked ~ .helper::before, .euf-flat-theme .radio-color9-states input:checked ~ .helper::before {
  color: #1c98cc; }

.euf-flat-theme .radio-ftosblue-states .helper::after, .euf-flat-theme .radio-color9-states .helper::after {
  border-color: #1c98cc;
  background-color: #1c98cc; }

.euf-flat-theme .radio-default input:disabled ~ .helper::before, .euf-flat-theme .radio-default input[disabled] ~ .helper::before, .euf-flat-theme .radio-default input.disabled ~ .helper::before, .euf-flat-theme .radio-color8 input:disabled ~ .helper::before, .euf-flat-theme .radio-color8 input[disabled] ~ .helper::before, .euf-flat-theme .radio-color8 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-default input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-default input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-default input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color8 input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color8 input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color8 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-default input:checked ~ .helper::before, .euf-flat-theme .radio-color8 input:checked ~ .helper::before {
  color: #95a5a6; }

.euf-flat-theme .radio-default .helper::after, .euf-flat-theme .radio-color8 .helper::after {
  border-color: #95a5a6;
  background-color: #95a5a6; }

.euf-flat-theme .radio-default-states input:disabled ~ .helper::before, .euf-flat-theme .radio-default-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-default-states input.disabled ~ .helper::before, .euf-flat-theme .radio-color8-states input:disabled ~ .helper::before, .euf-flat-theme .radio-color8-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-color8-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-default-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-default-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-default-states input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color8-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color8-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color8-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-default-states input:checked ~ .helper::before, .euf-flat-theme .radio-color8-states input:checked ~ .helper::before {
  color: #7f8c8d; }

.euf-flat-theme .radio-default-states .helper::after, .euf-flat-theme .radio-color8-states .helper::after {
  border-color: #7f8c8d;
  background-color: #7f8c8d; }

.euf-flat-theme .radio-blue input:disabled ~ .helper::before, .euf-flat-theme .radio-blue input[disabled] ~ .helper::before, .euf-flat-theme .radio-blue input.disabled ~ .helper::before, .euf-flat-theme .radio-color6 input:disabled ~ .helper::before, .euf-flat-theme .radio-color6 input[disabled] ~ .helper::before, .euf-flat-theme .radio-color6 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-blue input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-blue input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-blue input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color6 input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color6 input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color6 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-blue input:checked ~ .helper::before, .euf-flat-theme .radio-color6 input:checked ~ .helper::before {
  color: #34495e; }

.euf-flat-theme .radio-blue .helper::after, .euf-flat-theme .radio-color6 .helper::after {
  border-color: #34495e;
  background-color: #34495e; }

.euf-flat-theme .radio-blue-states input:disabled ~ .helper::before, .euf-flat-theme .radio-blue-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-blue-states input.disabled ~ .helper::before, .euf-flat-theme .radio-color6-states input:disabled ~ .helper::before, .euf-flat-theme .radio-color6-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-color6-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-blue-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-blue-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-blue-states input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color6-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color6-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color6-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-blue-states input:checked ~ .helper::before, .euf-flat-theme .radio-color6-states input:checked ~ .helper::before {
  color: #2c3e50; }

.euf-flat-theme .radio-blue-states .helper::after, .euf-flat-theme .radio-color6-states .helper::after {
  border-color: #2c3e50;
  background-color: #2c3e50; }

.euf-flat-theme .radio-green input:disabled ~ .helper::before, .euf-flat-theme .radio-green input[disabled] ~ .helper::before, .euf-flat-theme .radio-green input.disabled ~ .helper::before, .euf-flat-theme .radio-color2 input:disabled ~ .helper::before, .euf-flat-theme .radio-color2 input[disabled] ~ .helper::before, .euf-flat-theme .radio-color2 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-green input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-green input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-green input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color2 input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color2 input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color2 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-green input:checked ~ .helper::before, .euf-flat-theme .radio-color2 input:checked ~ .helper::before {
  color: #2ecc71; }

.euf-flat-theme .radio-green .helper::after, .euf-flat-theme .radio-color2 .helper::after {
  border-color: #2ecc71;
  background-color: #2ecc71; }

.euf-flat-theme .radio-green-states input:disabled ~ .helper::before, .euf-flat-theme .radio-green-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-green-states input.disabled ~ .helper::before, .euf-flat-theme .radio-color2-states input:disabled ~ .helper::before, .euf-flat-theme .radio-color2-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-color2-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-green-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-green-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-green-states input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color2-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color2-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color2-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-green-states input:checked ~ .helper::before, .euf-flat-theme .radio-color2-states input:checked ~ .helper::before {
  color: #27ae60; }

.euf-flat-theme .radio-green-states .helper::after, .euf-flat-theme .radio-color2-states .helper::after {
  border-color: #27ae60;
  background-color: #27ae60; }

.euf-flat-theme .radio-azure input:disabled ~ .helper::before, .euf-flat-theme .radio-azure input[disabled] ~ .helper::before, .euf-flat-theme .radio-azure input.disabled ~ .helper::before, .euf-flat-theme .radio-color1 input:disabled ~ .helper::before, .euf-flat-theme .radio-color1 input[disabled] ~ .helper::before, .euf-flat-theme .radio-color1 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-azure input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-azure input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-azure input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color1 input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color1 input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color1 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-azure input:checked ~ .helper::before, .euf-flat-theme .radio-color1 input:checked ~ .helper::before {
  color: #1abc9c; }

.euf-flat-theme .radio-azure .helper::after, .euf-flat-theme .radio-color1 .helper::after {
  border-color: #1abc9c;
  background-color: #1abc9c; }

.euf-flat-theme .radio-azure-states input:disabled ~ .helper::before, .euf-flat-theme .radio-azure-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-azure-states input.disabled ~ .helper::before, .euf-flat-theme .radio-color1-states input:disabled ~ .helper::before, .euf-flat-theme .radio-color1-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-color1-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-azure-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-azure-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-azure-states input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color1-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color1-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color1-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-azure-states input:checked ~ .helper::before, .euf-flat-theme .radio-color1-states input:checked ~ .helper::before {
  color: #16a085; }

.euf-flat-theme .radio-azure-states .helper::after, .euf-flat-theme .radio-color1-states .helper::after {
  border-color: #16a085;
  background-color: #16a085; }

.euf-flat-theme .radio-orange input:disabled ~ .helper::before, .euf-flat-theme .radio-orange input[disabled] ~ .helper::before, .euf-flat-theme .radio-orange input.disabled ~ .helper::before, .euf-flat-theme .radio-color3 input:disabled ~ .helper::before, .euf-flat-theme .radio-color3 input[disabled] ~ .helper::before, .euf-flat-theme .radio-color3 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-orange input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-orange input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-orange input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color3 input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color3 input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color3 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-orange input:checked ~ .helper::before, .euf-flat-theme .radio-color3 input:checked ~ .helper::before {
  color: #e67e22; }

.euf-flat-theme .radio-orange .helper::after, .euf-flat-theme .radio-color3 .helper::after {
  border-color: #e67e22;
  background-color: #e67e22; }

.euf-flat-theme .radio-orange-states input:disabled ~ .helper::before, .euf-flat-theme .radio-orange-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-orange-states input.disabled ~ .helper::before, .euf-flat-theme .radio-color3-states input:disabled ~ .helper::before, .euf-flat-theme .radio-color3-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-color3-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-orange-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-orange-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-orange-states input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color3-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color3-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color3-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-orange-states input:checked ~ .helper::before, .euf-flat-theme .radio-color3-states input:checked ~ .helper::before {
  color: #d35400; }

.euf-flat-theme .radio-orange-states .helper::after, .euf-flat-theme .radio-color3-states .helper::after {
  border-color: #d35400;
  background-color: #d35400; }

.euf-flat-theme .radio-red input:disabled ~ .helper::before, .euf-flat-theme .radio-red input[disabled] ~ .helper::before, .euf-flat-theme .radio-red input.disabled ~ .helper::before, .euf-flat-theme .radio-color4 input:disabled ~ .helper::before, .euf-flat-theme .radio-color4 input[disabled] ~ .helper::before, .euf-flat-theme .radio-color4 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-red input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-red input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-red input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color4 input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color4 input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color4 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-red input:checked ~ .helper::before, .euf-flat-theme .radio-color4 input:checked ~ .helper::before {
  color: #e74c3c; }

.euf-flat-theme .radio-red .helper::after, .euf-flat-theme .radio-color4 .helper::after {
  border-color: #e74c3c;
  background-color: #e74c3c; }

.euf-flat-theme .radio-red-states input:disabled ~ .helper::before, .euf-flat-theme .radio-red-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-red-states input.disabled ~ .helper::before, .euf-flat-theme .radio-color4-states input:disabled ~ .helper::before, .euf-flat-theme .radio-color4-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-color4-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-red-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-red-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-red-states input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color4-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color4-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color4-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-red-states input:checked ~ .helper::before, .euf-flat-theme .radio-color4-states input:checked ~ .helper::before {
  color: #c0392b; }

.euf-flat-theme .radio-red-states .helper::after, .euf-flat-theme .radio-color4-states .helper::after {
  border-color: #c0392b;
  background-color: #c0392b; }

.euf-flat-theme .radio-pink input:disabled ~ .helper::before, .euf-flat-theme .radio-pink input[disabled] ~ .helper::before, .euf-flat-theme .radio-pink input.disabled ~ .helper::before, .euf-flat-theme .radio-color7 input:disabled ~ .helper::before, .euf-flat-theme .radio-color7 input[disabled] ~ .helper::before, .euf-flat-theme .radio-color7 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-pink input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-pink input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-pink input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color7 input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color7 input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color7 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-pink input:checked ~ .helper::before, .euf-flat-theme .radio-color7 input:checked ~ .helper::before {
  color: #F08F90; }

.euf-flat-theme .radio-pink .helper::after, .euf-flat-theme .radio-color7 .helper::after {
  border-color: #F08F90;
  background-color: #F08F90; }

.euf-flat-theme .radio-pink-states input:disabled ~ .helper::before, .euf-flat-theme .radio-pink-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-pink-states input.disabled ~ .helper::before, .euf-flat-theme .radio-color7-states input:disabled ~ .helper::before, .euf-flat-theme .radio-color7-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-color7-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-pink-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-pink-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-pink-states input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color7-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color7-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color7-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-pink-states input:checked ~ .helper::before, .euf-flat-theme .radio-color7-states input:checked ~ .helper::before {
  color: #F47983; }

.euf-flat-theme .radio-pink-states .helper::after, .euf-flat-theme .radio-color7-states .helper::after {
  border-color: #F47983;
  background-color: #F47983; }

.euf-flat-theme .radio-purple input:disabled ~ .helper::before, .euf-flat-theme .radio-purple input[disabled] ~ .helper::before, .euf-flat-theme .radio-purple input.disabled ~ .helper::before, .euf-flat-theme .radio-color5 input:disabled ~ .helper::before, .euf-flat-theme .radio-color5 input[disabled] ~ .helper::before, .euf-flat-theme .radio-color5 input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-purple input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-purple input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-purple input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color5 input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color5 input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color5 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-purple input:checked ~ .helper::before, .euf-flat-theme .radio-color5 input:checked ~ .helper::before {
  color: #9b59b6; }

.euf-flat-theme .radio-purple .helper::after, .euf-flat-theme .radio-color5 .helper::after {
  border-color: #9b59b6;
  background-color: #9b59b6; }

.euf-flat-theme .radio-purple-states input:disabled ~ .helper::before, .euf-flat-theme .radio-purple-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-purple-states input.disabled ~ .helper::before, .euf-flat-theme .radio-color5-states input:disabled ~ .helper::before, .euf-flat-theme .radio-color5-states input[disabled] ~ .helper::before, .euf-flat-theme .radio-color5-states input.disabled ~ .helper::before {
  color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-purple-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-purple-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-purple-states input.disabled:checked ~ .helper::after, .euf-flat-theme .radio-color5-states input:disabled:checked ~ .helper::after, .euf-flat-theme .radio-color5-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .radio-color5-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7;
  border-color: #d2c7c7; }

.euf-flat-theme .radio-purple-states input:checked ~ .helper::before, .euf-flat-theme .radio-color5-states input:checked ~ .helper::before {
  color: #8e44ad; }

.euf-flat-theme .radio-purple-states .helper::after, .euf-flat-theme .radio-color5-states .helper::after {
  border-color: #8e44ad;
  background-color: #8e44ad; }

.euf-flat-theme .checkbox {
  position: relative;
  display: inline-block;
  background-color: transparent;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  text-decoration: none;
  font-size: 1rem;
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
  -webkit-transition:;
  -moz-transition:;
  -ms-transition:;
  -o-transition:;
  transition:; }
  .euf-flat-theme .checkbox + .checkbox {
    margin-top: 1rem; }
  .euf-flat-theme .checkbox .disabled label, .euf-flat-theme .checkbox .disabled i {
    cursor: not-allowed; }
  .euf-flat-theme .checkbox label {
    position: relative;
    text-align: left;
    display: block;
    padding-left: 2rem;
    min-height: 1.25rem;
    font-weight: 400; }
  .euf-flat-theme .checkbox input {
    position: absolute;
    opacity: 0;
    left: 0;
    margin-left: -1.25rem; }
    .euf-flat-theme .checkbox input:checked ~ .helper::after {
      height: 0.6rem;
      opacity: 1;
      -webkit-transition: height 0.28s ease;
      transition: height 0.28s ease; }
    .euf-flat-theme .checkbox input:checked ~ .helper::before {
      height: 1.6rem;
      -webkit-transition-delay: 0.28s;
      transition-delay: 0.28s;
      opacity: 1;
      -webkit-transition: height 0.28s ease;
      transition: height 0.28s ease; }
  .euf-flat-theme .checkbox .helper {
    position: absolute;
    display: block;
    user-select: none;
    z-index: 0;
    margin: -0.15rem 0 0;
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    left: 0;
    border: 0.15rem solid #a0a0a2;
    border-radius: 0.0625rem;
    -webkit-transition: border-color 0.28s ease;
    transition: border-color 0.28s ease; }
    .euf-flat-theme .checkbox .helper::before, .euf-flat-theme .checkbox .helper::after {
      opacity: 0;
      content: '';
      position: absolute;
      display: block;
      -webkit-transform-origin: left top;
      transform-origin: left top;
      width: 0.3rem;
      height: 0rem;
      border-radius: 0.25rem;
      -webkit-transition: opacity 0.28s ease,height 0s linear 0.28s;
      transition: opacity 0.28s ease,height 0s linear 0.28s; }
    .euf-flat-theme .checkbox .helper::after {
      top: 0.6rem;
      left: 0;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .euf-flat-theme .checkbox .helper::before {
      top: 1.1rem;
      left: 0.5rem;
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg);
      box-shadow: 0 0 0 0.0625rem #fff; }
  .euf-flat-theme .checkbox input:disabled ~ .helper, .euf-flat-theme .checkbox input[disabled] ~ .helper, .euf-flat-theme .checkbox input.disabled ~ .helper {
    border-color: #d2c7c7; }
    .euf-flat-theme .checkbox input:disabled ~ .helper::before, .euf-flat-theme .checkbox input:disabled ~ .helper::after, .euf-flat-theme .checkbox input[disabled] ~ .helper::before, .euf-flat-theme .checkbox input[disabled] ~ .helper::after, .euf-flat-theme .checkbox input.disabled ~ .helper::before, .euf-flat-theme .checkbox input.disabled ~ .helper::after {
      background-color: #d2c7c7; }
  .euf-flat-theme .checkbox input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox input.disabled:checked ~ .helper::after {
    background-color: #d2c7c7; }
  .euf-flat-theme .checkbox input:checked ~ .helper {
    color: #95a5a6; }
    .euf-flat-theme .checkbox input:checked ~ .helper::before, .euf-flat-theme .checkbox input:checked ~ .helper::after {
      background-color: #95a5a6; }
  .euf-flat-theme .checkbox .helper::after, .euf-flat-theme .checkbox .helper::before {
    background-color: #95a5a6; }
  .euf-flat-theme .checkbox:hover, .euf-flat-theme .checkbox:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    outline: 0 !important; }
  .euf-flat-theme .checkbox:active, .euf-flat-theme .checkbox.active,
  .open > .euf-flat-theme .checkbox.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important; }
  .euf-flat-theme .checkbox.checkbox-sm .helper {
    width: 1.2rem !important;
    height: 1.2rem !important; }
    .euf-flat-theme .checkbox.checkbox-sm .helper:after {
      top: .4rem !important; }
    .euf-flat-theme .checkbox.checkbox-sm .helper:before {
      height: 1.1rem !important;
      top: .8rem !important; }

.euf-flat-theme .checkbox-ftospetrol input:disabled ~ .helper, .euf-flat-theme .checkbox-ftospetrol input[disabled] ~ .helper, .euf-flat-theme .checkbox-ftospetrol input.disabled ~ .helper, .euf-flat-theme .checkbox-color10 input:disabled ~ .helper, .euf-flat-theme .checkbox-color10 input[disabled] ~ .helper, .euf-flat-theme .checkbox-color10 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-ftospetrol input:disabled ~ .helper::before, .euf-flat-theme .checkbox-ftospetrol input:disabled ~ .helper::after, .euf-flat-theme .checkbox-ftospetrol input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-ftospetrol input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-ftospetrol input.disabled ~ .helper::before, .euf-flat-theme .checkbox-ftospetrol input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color10 input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color10 input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color10 input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color10 input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color10 input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color10 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-ftospetrol input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-ftospetrol input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-ftospetrol input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-ftospetrol input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-ftospetrol input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-ftospetrol input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color10 input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color10 input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color10 input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color10 input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color10 input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color10 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-ftospetrol input:checked ~ .helper, .euf-flat-theme .checkbox-color10 input:checked ~ .helper {
  color: #3F5A63; }
  .euf-flat-theme .checkbox-ftospetrol input:checked ~ .helper::before, .euf-flat-theme .checkbox-ftospetrol input:checked ~ .helper::after, .euf-flat-theme .checkbox-color10 input:checked ~ .helper::before, .euf-flat-theme .checkbox-color10 input:checked ~ .helper::after {
    background-color: #3F5A63; }

.euf-flat-theme .checkbox-ftospetrol .helper::after, .euf-flat-theme .checkbox-ftospetrol .helper::before, .euf-flat-theme .checkbox-color10 .helper::after, .euf-flat-theme .checkbox-color10 .helper::before {
  background-color: #3F5A63; }

.euf-flat-theme .checkbox-ftospetrol-states input:disabled ~ .helper, .euf-flat-theme .checkbox-ftospetrol-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-ftospetrol-states input.disabled ~ .helper, .euf-flat-theme .checkbox-color10-states input:disabled ~ .helper, .euf-flat-theme .checkbox-color10-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-color10-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-ftospetrol-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-ftospetrol-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-ftospetrol-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-ftospetrol-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-ftospetrol-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-ftospetrol-states input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color10-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color10-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color10-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color10-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color10-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color10-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-ftospetrol-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-ftospetrol-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-ftospetrol-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-ftospetrol-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-ftospetrol-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-ftospetrol-states input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color10-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color10-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color10-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color10-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color10-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color10-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-ftospetrol-states input:checked ~ .helper, .euf-flat-theme .checkbox-color10-states input:checked ~ .helper {
  color: #3c788c; }
  .euf-flat-theme .checkbox-ftospetrol-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-ftospetrol-states input:checked ~ .helper::after, .euf-flat-theme .checkbox-color10-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-color10-states input:checked ~ .helper::after {
    background-color: #3c788c; }

.euf-flat-theme .checkbox-ftospetrol-states .helper::after, .euf-flat-theme .checkbox-ftospetrol-states .helper::before, .euf-flat-theme .checkbox-color10-states .helper::after, .euf-flat-theme .checkbox-color10-states .helper::before {
  background-color: #3c788c; }

.euf-flat-theme .checkbox-ftosblue input:disabled ~ .helper, .euf-flat-theme .checkbox-ftosblue input[disabled] ~ .helper, .euf-flat-theme .checkbox-ftosblue input.disabled ~ .helper, .euf-flat-theme .checkbox-color9 input:disabled ~ .helper, .euf-flat-theme .checkbox-color9 input[disabled] ~ .helper, .euf-flat-theme .checkbox-color9 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-ftosblue input:disabled ~ .helper::before, .euf-flat-theme .checkbox-ftosblue input:disabled ~ .helper::after, .euf-flat-theme .checkbox-ftosblue input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-ftosblue input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-ftosblue input.disabled ~ .helper::before, .euf-flat-theme .checkbox-ftosblue input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color9 input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color9 input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color9 input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color9 input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color9 input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color9 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-ftosblue input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-ftosblue input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-ftosblue input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-ftosblue input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-ftosblue input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-ftosblue input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color9 input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color9 input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color9 input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color9 input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color9 input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color9 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-ftosblue input:checked ~ .helper, .euf-flat-theme .checkbox-color9 input:checked ~ .helper {
  color: #27AAE1; }
  .euf-flat-theme .checkbox-ftosblue input:checked ~ .helper::before, .euf-flat-theme .checkbox-ftosblue input:checked ~ .helper::after, .euf-flat-theme .checkbox-color9 input:checked ~ .helper::before, .euf-flat-theme .checkbox-color9 input:checked ~ .helper::after {
    background-color: #27AAE1; }

.euf-flat-theme .checkbox-ftosblue .helper::after, .euf-flat-theme .checkbox-ftosblue .helper::before, .euf-flat-theme .checkbox-color9 .helper::after, .euf-flat-theme .checkbox-color9 .helper::before {
  background-color: #27AAE1; }

.euf-flat-theme .checkbox-ftosblue-states input:disabled ~ .helper, .euf-flat-theme .checkbox-ftosblue-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-ftosblue-states input.disabled ~ .helper, .euf-flat-theme .checkbox-color9-states input:disabled ~ .helper, .euf-flat-theme .checkbox-color9-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-color9-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-ftosblue-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-ftosblue-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-ftosblue-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-ftosblue-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-ftosblue-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-ftosblue-states input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color9-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color9-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color9-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color9-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color9-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color9-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-ftosblue-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-ftosblue-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-ftosblue-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-ftosblue-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-ftosblue-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-ftosblue-states input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color9-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color9-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color9-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color9-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color9-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color9-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-ftosblue-states input:checked ~ .helper, .euf-flat-theme .checkbox-color9-states input:checked ~ .helper {
  color: #1c98cc; }
  .euf-flat-theme .checkbox-ftosblue-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-ftosblue-states input:checked ~ .helper::after, .euf-flat-theme .checkbox-color9-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-color9-states input:checked ~ .helper::after {
    background-color: #1c98cc; }

.euf-flat-theme .checkbox-ftosblue-states .helper::after, .euf-flat-theme .checkbox-ftosblue-states .helper::before, .euf-flat-theme .checkbox-color9-states .helper::after, .euf-flat-theme .checkbox-color9-states .helper::before {
  background-color: #1c98cc; }

.euf-flat-theme .checkbox-default input:disabled ~ .helper, .euf-flat-theme .checkbox-default input[disabled] ~ .helper, .euf-flat-theme .checkbox-default input.disabled ~ .helper, .euf-flat-theme .checkbox-color8 input:disabled ~ .helper, .euf-flat-theme .checkbox-color8 input[disabled] ~ .helper, .euf-flat-theme .checkbox-color8 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-default input:disabled ~ .helper::before, .euf-flat-theme .checkbox-default input:disabled ~ .helper::after, .euf-flat-theme .checkbox-default input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-default input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-default input.disabled ~ .helper::before, .euf-flat-theme .checkbox-default input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color8 input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color8 input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color8 input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color8 input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color8 input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color8 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-default input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-default input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-default input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-default input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-default input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-default input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color8 input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color8 input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color8 input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color8 input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color8 input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color8 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-default input:checked ~ .helper, .euf-flat-theme .checkbox-color8 input:checked ~ .helper {
  color: #95a5a6; }
  .euf-flat-theme .checkbox-default input:checked ~ .helper::before, .euf-flat-theme .checkbox-default input:checked ~ .helper::after, .euf-flat-theme .checkbox-color8 input:checked ~ .helper::before, .euf-flat-theme .checkbox-color8 input:checked ~ .helper::after {
    background-color: #95a5a6; }

.euf-flat-theme .checkbox-default .helper::after, .euf-flat-theme .checkbox-default .helper::before, .euf-flat-theme .checkbox-color8 .helper::after, .euf-flat-theme .checkbox-color8 .helper::before {
  background-color: #95a5a6; }

.euf-flat-theme .checkbox-default-states input:disabled ~ .helper, .euf-flat-theme .checkbox-default-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-default-states input.disabled ~ .helper, .euf-flat-theme .checkbox-color8-states input:disabled ~ .helper, .euf-flat-theme .checkbox-color8-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-color8-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-default-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-default-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-default-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-default-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-default-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-default-states input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color8-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color8-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color8-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color8-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color8-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color8-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-default-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-default-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-default-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-default-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-default-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-default-states input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color8-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color8-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color8-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color8-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color8-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color8-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-default-states input:checked ~ .helper, .euf-flat-theme .checkbox-color8-states input:checked ~ .helper {
  color: #7f8c8d; }
  .euf-flat-theme .checkbox-default-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-default-states input:checked ~ .helper::after, .euf-flat-theme .checkbox-color8-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-color8-states input:checked ~ .helper::after {
    background-color: #7f8c8d; }

.euf-flat-theme .checkbox-default-states .helper::after, .euf-flat-theme .checkbox-default-states .helper::before, .euf-flat-theme .checkbox-color8-states .helper::after, .euf-flat-theme .checkbox-color8-states .helper::before {
  background-color: #7f8c8d; }

.euf-flat-theme .checkbox-blue input:disabled ~ .helper, .euf-flat-theme .checkbox-blue input[disabled] ~ .helper, .euf-flat-theme .checkbox-blue input.disabled ~ .helper, .euf-flat-theme .checkbox-color6 input:disabled ~ .helper, .euf-flat-theme .checkbox-color6 input[disabled] ~ .helper, .euf-flat-theme .checkbox-color6 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-blue input:disabled ~ .helper::before, .euf-flat-theme .checkbox-blue input:disabled ~ .helper::after, .euf-flat-theme .checkbox-blue input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-blue input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-blue input.disabled ~ .helper::before, .euf-flat-theme .checkbox-blue input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color6 input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color6 input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color6 input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color6 input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color6 input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color6 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-blue input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-blue input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-blue input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-blue input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-blue input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-blue input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color6 input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color6 input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color6 input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color6 input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color6 input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color6 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-blue input:checked ~ .helper, .euf-flat-theme .checkbox-color6 input:checked ~ .helper {
  color: #34495e; }
  .euf-flat-theme .checkbox-blue input:checked ~ .helper::before, .euf-flat-theme .checkbox-blue input:checked ~ .helper::after, .euf-flat-theme .checkbox-color6 input:checked ~ .helper::before, .euf-flat-theme .checkbox-color6 input:checked ~ .helper::after {
    background-color: #34495e; }

.euf-flat-theme .checkbox-blue .helper::after, .euf-flat-theme .checkbox-blue .helper::before, .euf-flat-theme .checkbox-color6 .helper::after, .euf-flat-theme .checkbox-color6 .helper::before {
  background-color: #34495e; }

.euf-flat-theme .checkbox-blue-states input:disabled ~ .helper, .euf-flat-theme .checkbox-blue-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-blue-states input.disabled ~ .helper, .euf-flat-theme .checkbox-color6-states input:disabled ~ .helper, .euf-flat-theme .checkbox-color6-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-color6-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-blue-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-blue-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-blue-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-blue-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-blue-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-blue-states input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color6-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color6-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color6-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color6-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color6-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color6-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-blue-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-blue-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-blue-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-blue-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-blue-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-blue-states input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color6-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color6-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color6-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color6-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color6-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color6-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-blue-states input:checked ~ .helper, .euf-flat-theme .checkbox-color6-states input:checked ~ .helper {
  color: #2c3e50; }
  .euf-flat-theme .checkbox-blue-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-blue-states input:checked ~ .helper::after, .euf-flat-theme .checkbox-color6-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-color6-states input:checked ~ .helper::after {
    background-color: #2c3e50; }

.euf-flat-theme .checkbox-blue-states .helper::after, .euf-flat-theme .checkbox-blue-states .helper::before, .euf-flat-theme .checkbox-color6-states .helper::after, .euf-flat-theme .checkbox-color6-states .helper::before {
  background-color: #2c3e50; }

.euf-flat-theme .checkbox-green input:disabled ~ .helper, .euf-flat-theme .checkbox-green input[disabled] ~ .helper, .euf-flat-theme .checkbox-green input.disabled ~ .helper, .euf-flat-theme .checkbox-color2 input:disabled ~ .helper, .euf-flat-theme .checkbox-color2 input[disabled] ~ .helper, .euf-flat-theme .checkbox-color2 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-green input:disabled ~ .helper::before, .euf-flat-theme .checkbox-green input:disabled ~ .helper::after, .euf-flat-theme .checkbox-green input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-green input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-green input.disabled ~ .helper::before, .euf-flat-theme .checkbox-green input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color2 input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color2 input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color2 input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color2 input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color2 input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color2 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-green input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-green input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-green input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-green input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-green input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-green input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color2 input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color2 input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color2 input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color2 input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color2 input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color2 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-green input:checked ~ .helper, .euf-flat-theme .checkbox-color2 input:checked ~ .helper {
  color: #2ecc71; }
  .euf-flat-theme .checkbox-green input:checked ~ .helper::before, .euf-flat-theme .checkbox-green input:checked ~ .helper::after, .euf-flat-theme .checkbox-color2 input:checked ~ .helper::before, .euf-flat-theme .checkbox-color2 input:checked ~ .helper::after {
    background-color: #2ecc71; }

.euf-flat-theme .checkbox-green .helper::after, .euf-flat-theme .checkbox-green .helper::before, .euf-flat-theme .checkbox-color2 .helper::after, .euf-flat-theme .checkbox-color2 .helper::before {
  background-color: #2ecc71; }

.euf-flat-theme .checkbox-green-states input:disabled ~ .helper, .euf-flat-theme .checkbox-green-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-green-states input.disabled ~ .helper, .euf-flat-theme .checkbox-color2-states input:disabled ~ .helper, .euf-flat-theme .checkbox-color2-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-color2-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-green-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-green-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-green-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-green-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-green-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-green-states input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color2-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color2-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color2-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color2-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color2-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color2-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-green-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-green-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-green-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-green-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-green-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-green-states input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color2-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color2-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color2-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color2-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color2-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color2-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-green-states input:checked ~ .helper, .euf-flat-theme .checkbox-color2-states input:checked ~ .helper {
  color: #27ae60; }
  .euf-flat-theme .checkbox-green-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-green-states input:checked ~ .helper::after, .euf-flat-theme .checkbox-color2-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-color2-states input:checked ~ .helper::after {
    background-color: #27ae60; }

.euf-flat-theme .checkbox-green-states .helper::after, .euf-flat-theme .checkbox-green-states .helper::before, .euf-flat-theme .checkbox-color2-states .helper::after, .euf-flat-theme .checkbox-color2-states .helper::before {
  background-color: #27ae60; }

.euf-flat-theme .checkbox-azure input:disabled ~ .helper, .euf-flat-theme .checkbox-azure input[disabled] ~ .helper, .euf-flat-theme .checkbox-azure input.disabled ~ .helper, .euf-flat-theme .checkbox-color1 input:disabled ~ .helper, .euf-flat-theme .checkbox-color1 input[disabled] ~ .helper, .euf-flat-theme .checkbox-color1 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-azure input:disabled ~ .helper::before, .euf-flat-theme .checkbox-azure input:disabled ~ .helper::after, .euf-flat-theme .checkbox-azure input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-azure input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-azure input.disabled ~ .helper::before, .euf-flat-theme .checkbox-azure input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color1 input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color1 input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color1 input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color1 input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color1 input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color1 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-azure input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-azure input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-azure input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-azure input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-azure input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-azure input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color1 input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color1 input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color1 input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color1 input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color1 input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color1 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-azure input:checked ~ .helper, .euf-flat-theme .checkbox-color1 input:checked ~ .helper {
  color: #1abc9c; }
  .euf-flat-theme .checkbox-azure input:checked ~ .helper::before, .euf-flat-theme .checkbox-azure input:checked ~ .helper::after, .euf-flat-theme .checkbox-color1 input:checked ~ .helper::before, .euf-flat-theme .checkbox-color1 input:checked ~ .helper::after {
    background-color: #1abc9c; }

.euf-flat-theme .checkbox-azure .helper::after, .euf-flat-theme .checkbox-azure .helper::before, .euf-flat-theme .checkbox-color1 .helper::after, .euf-flat-theme .checkbox-color1 .helper::before {
  background-color: #1abc9c; }

.euf-flat-theme .checkbox-azure-states input:disabled ~ .helper, .euf-flat-theme .checkbox-azure-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-azure-states input.disabled ~ .helper, .euf-flat-theme .checkbox-color1-states input:disabled ~ .helper, .euf-flat-theme .checkbox-color1-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-color1-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-azure-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-azure-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-azure-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-azure-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-azure-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-azure-states input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color1-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color1-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color1-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color1-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color1-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color1-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-azure-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-azure-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-azure-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-azure-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-azure-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-azure-states input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color1-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color1-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color1-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color1-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color1-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color1-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-azure-states input:checked ~ .helper, .euf-flat-theme .checkbox-color1-states input:checked ~ .helper {
  color: #16a085; }
  .euf-flat-theme .checkbox-azure-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-azure-states input:checked ~ .helper::after, .euf-flat-theme .checkbox-color1-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-color1-states input:checked ~ .helper::after {
    background-color: #16a085; }

.euf-flat-theme .checkbox-azure-states .helper::after, .euf-flat-theme .checkbox-azure-states .helper::before, .euf-flat-theme .checkbox-color1-states .helper::after, .euf-flat-theme .checkbox-color1-states .helper::before {
  background-color: #16a085; }

.euf-flat-theme .checkbox-orange input:disabled ~ .helper, .euf-flat-theme .checkbox-orange input[disabled] ~ .helper, .euf-flat-theme .checkbox-orange input.disabled ~ .helper, .euf-flat-theme .checkbox-color3 input:disabled ~ .helper, .euf-flat-theme .checkbox-color3 input[disabled] ~ .helper, .euf-flat-theme .checkbox-color3 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-orange input:disabled ~ .helper::before, .euf-flat-theme .checkbox-orange input:disabled ~ .helper::after, .euf-flat-theme .checkbox-orange input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-orange input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-orange input.disabled ~ .helper::before, .euf-flat-theme .checkbox-orange input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color3 input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color3 input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color3 input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color3 input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color3 input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color3 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-orange input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-orange input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-orange input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-orange input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-orange input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-orange input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color3 input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color3 input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color3 input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color3 input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color3 input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color3 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-orange input:checked ~ .helper, .euf-flat-theme .checkbox-color3 input:checked ~ .helper {
  color: #e67e22; }
  .euf-flat-theme .checkbox-orange input:checked ~ .helper::before, .euf-flat-theme .checkbox-orange input:checked ~ .helper::after, .euf-flat-theme .checkbox-color3 input:checked ~ .helper::before, .euf-flat-theme .checkbox-color3 input:checked ~ .helper::after {
    background-color: #e67e22; }

.euf-flat-theme .checkbox-orange .helper::after, .euf-flat-theme .checkbox-orange .helper::before, .euf-flat-theme .checkbox-color3 .helper::after, .euf-flat-theme .checkbox-color3 .helper::before {
  background-color: #e67e22; }

.euf-flat-theme .checkbox-orange-states input:disabled ~ .helper, .euf-flat-theme .checkbox-orange-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-orange-states input.disabled ~ .helper, .euf-flat-theme .checkbox-color3-states input:disabled ~ .helper, .euf-flat-theme .checkbox-color3-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-color3-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-orange-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-orange-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-orange-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-orange-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-orange-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-orange-states input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color3-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color3-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color3-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color3-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color3-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color3-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-orange-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-orange-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-orange-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-orange-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-orange-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-orange-states input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color3-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color3-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color3-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color3-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color3-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color3-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-orange-states input:checked ~ .helper, .euf-flat-theme .checkbox-color3-states input:checked ~ .helper {
  color: #d35400; }
  .euf-flat-theme .checkbox-orange-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-orange-states input:checked ~ .helper::after, .euf-flat-theme .checkbox-color3-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-color3-states input:checked ~ .helper::after {
    background-color: #d35400; }

.euf-flat-theme .checkbox-orange-states .helper::after, .euf-flat-theme .checkbox-orange-states .helper::before, .euf-flat-theme .checkbox-color3-states .helper::after, .euf-flat-theme .checkbox-color3-states .helper::before {
  background-color: #d35400; }

.euf-flat-theme .checkbox-red input:disabled ~ .helper, .euf-flat-theme .checkbox-red input[disabled] ~ .helper, .euf-flat-theme .checkbox-red input.disabled ~ .helper, .euf-flat-theme .checkbox-color4 input:disabled ~ .helper, .euf-flat-theme .checkbox-color4 input[disabled] ~ .helper, .euf-flat-theme .checkbox-color4 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-red input:disabled ~ .helper::before, .euf-flat-theme .checkbox-red input:disabled ~ .helper::after, .euf-flat-theme .checkbox-red input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-red input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-red input.disabled ~ .helper::before, .euf-flat-theme .checkbox-red input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color4 input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color4 input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color4 input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color4 input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color4 input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color4 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-red input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-red input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-red input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-red input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-red input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-red input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color4 input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color4 input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color4 input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color4 input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color4 input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color4 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-red input:checked ~ .helper, .euf-flat-theme .checkbox-color4 input:checked ~ .helper {
  color: #e74c3c; }
  .euf-flat-theme .checkbox-red input:checked ~ .helper::before, .euf-flat-theme .checkbox-red input:checked ~ .helper::after, .euf-flat-theme .checkbox-color4 input:checked ~ .helper::before, .euf-flat-theme .checkbox-color4 input:checked ~ .helper::after {
    background-color: #e74c3c; }

.euf-flat-theme .checkbox-red .helper::after, .euf-flat-theme .checkbox-red .helper::before, .euf-flat-theme .checkbox-color4 .helper::after, .euf-flat-theme .checkbox-color4 .helper::before {
  background-color: #e74c3c; }

.euf-flat-theme .checkbox-red-states input:disabled ~ .helper, .euf-flat-theme .checkbox-red-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-red-states input.disabled ~ .helper, .euf-flat-theme .checkbox-color4-states input:disabled ~ .helper, .euf-flat-theme .checkbox-color4-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-color4-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-red-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-red-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-red-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-red-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-red-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-red-states input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color4-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color4-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color4-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color4-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color4-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color4-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-red-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-red-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-red-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-red-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-red-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-red-states input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color4-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color4-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color4-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color4-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color4-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color4-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-red-states input:checked ~ .helper, .euf-flat-theme .checkbox-color4-states input:checked ~ .helper {
  color: #c0392b; }
  .euf-flat-theme .checkbox-red-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-red-states input:checked ~ .helper::after, .euf-flat-theme .checkbox-color4-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-color4-states input:checked ~ .helper::after {
    background-color: #c0392b; }

.euf-flat-theme .checkbox-red-states .helper::after, .euf-flat-theme .checkbox-red-states .helper::before, .euf-flat-theme .checkbox-color4-states .helper::after, .euf-flat-theme .checkbox-color4-states .helper::before {
  background-color: #c0392b; }

.euf-flat-theme .checkbox-pink input:disabled ~ .helper, .euf-flat-theme .checkbox-pink input[disabled] ~ .helper, .euf-flat-theme .checkbox-pink input.disabled ~ .helper, .euf-flat-theme .checkbox-color7 input:disabled ~ .helper, .euf-flat-theme .checkbox-color7 input[disabled] ~ .helper, .euf-flat-theme .checkbox-color7 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-pink input:disabled ~ .helper::before, .euf-flat-theme .checkbox-pink input:disabled ~ .helper::after, .euf-flat-theme .checkbox-pink input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-pink input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-pink input.disabled ~ .helper::before, .euf-flat-theme .checkbox-pink input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color7 input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color7 input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color7 input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color7 input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color7 input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color7 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-pink input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-pink input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-pink input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-pink input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-pink input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-pink input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color7 input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color7 input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color7 input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color7 input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color7 input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color7 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-pink input:checked ~ .helper, .euf-flat-theme .checkbox-color7 input:checked ~ .helper {
  color: #F08F90; }
  .euf-flat-theme .checkbox-pink input:checked ~ .helper::before, .euf-flat-theme .checkbox-pink input:checked ~ .helper::after, .euf-flat-theme .checkbox-color7 input:checked ~ .helper::before, .euf-flat-theme .checkbox-color7 input:checked ~ .helper::after {
    background-color: #F08F90; }

.euf-flat-theme .checkbox-pink .helper::after, .euf-flat-theme .checkbox-pink .helper::before, .euf-flat-theme .checkbox-color7 .helper::after, .euf-flat-theme .checkbox-color7 .helper::before {
  background-color: #F08F90; }

.euf-flat-theme .checkbox-pink-states input:disabled ~ .helper, .euf-flat-theme .checkbox-pink-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-pink-states input.disabled ~ .helper, .euf-flat-theme .checkbox-color7-states input:disabled ~ .helper, .euf-flat-theme .checkbox-color7-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-color7-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-pink-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-pink-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-pink-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-pink-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-pink-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-pink-states input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color7-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color7-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color7-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color7-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color7-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color7-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-pink-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-pink-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-pink-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-pink-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-pink-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-pink-states input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color7-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color7-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color7-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color7-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color7-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color7-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-pink-states input:checked ~ .helper, .euf-flat-theme .checkbox-color7-states input:checked ~ .helper {
  color: #F47983; }
  .euf-flat-theme .checkbox-pink-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-pink-states input:checked ~ .helper::after, .euf-flat-theme .checkbox-color7-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-color7-states input:checked ~ .helper::after {
    background-color: #F47983; }

.euf-flat-theme .checkbox-pink-states .helper::after, .euf-flat-theme .checkbox-pink-states .helper::before, .euf-flat-theme .checkbox-color7-states .helper::after, .euf-flat-theme .checkbox-color7-states .helper::before {
  background-color: #F47983; }

.euf-flat-theme .checkbox-purple input:disabled ~ .helper, .euf-flat-theme .checkbox-purple input[disabled] ~ .helper, .euf-flat-theme .checkbox-purple input.disabled ~ .helper, .euf-flat-theme .checkbox-color5 input:disabled ~ .helper, .euf-flat-theme .checkbox-color5 input[disabled] ~ .helper, .euf-flat-theme .checkbox-color5 input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-purple input:disabled ~ .helper::before, .euf-flat-theme .checkbox-purple input:disabled ~ .helper::after, .euf-flat-theme .checkbox-purple input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-purple input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-purple input.disabled ~ .helper::before, .euf-flat-theme .checkbox-purple input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color5 input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color5 input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color5 input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color5 input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color5 input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color5 input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-purple input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-purple input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-purple input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-purple input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-purple input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-purple input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color5 input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color5 input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color5 input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color5 input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color5 input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color5 input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-purple input:checked ~ .helper, .euf-flat-theme .checkbox-color5 input:checked ~ .helper {
  color: #9b59b6; }
  .euf-flat-theme .checkbox-purple input:checked ~ .helper::before, .euf-flat-theme .checkbox-purple input:checked ~ .helper::after, .euf-flat-theme .checkbox-color5 input:checked ~ .helper::before, .euf-flat-theme .checkbox-color5 input:checked ~ .helper::after {
    background-color: #9b59b6; }

.euf-flat-theme .checkbox-purple .helper::after, .euf-flat-theme .checkbox-purple .helper::before, .euf-flat-theme .checkbox-color5 .helper::after, .euf-flat-theme .checkbox-color5 .helper::before {
  background-color: #9b59b6; }

.euf-flat-theme .checkbox-purple-states input:disabled ~ .helper, .euf-flat-theme .checkbox-purple-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-purple-states input.disabled ~ .helper, .euf-flat-theme .checkbox-color5-states input:disabled ~ .helper, .euf-flat-theme .checkbox-color5-states input[disabled] ~ .helper, .euf-flat-theme .checkbox-color5-states input.disabled ~ .helper {
  border-color: #d2c7c7; }
  .euf-flat-theme .checkbox-purple-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-purple-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-purple-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-purple-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-purple-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-purple-states input.disabled ~ .helper::after, .euf-flat-theme .checkbox-color5-states input:disabled ~ .helper::before, .euf-flat-theme .checkbox-color5-states input:disabled ~ .helper::after, .euf-flat-theme .checkbox-color5-states input[disabled] ~ .helper::before, .euf-flat-theme .checkbox-color5-states input[disabled] ~ .helper::after, .euf-flat-theme .checkbox-color5-states input.disabled ~ .helper::before, .euf-flat-theme .checkbox-color5-states input.disabled ~ .helper::after {
    background-color: #d2c7c7; }

.euf-flat-theme .checkbox-purple-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-purple-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-purple-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-purple-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-purple-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-purple-states input.disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color5-states input:disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color5-states input:disabled:checked ~ .helper::after, .euf-flat-theme .checkbox-color5-states input[disabled]:checked ~ .helper::before, .euf-flat-theme .checkbox-color5-states input[disabled]:checked ~ .helper::after, .euf-flat-theme .checkbox-color5-states input.disabled:checked ~ .helper::before, .euf-flat-theme .checkbox-color5-states input.disabled:checked ~ .helper::after {
  background-color: #d2c7c7; }

.euf-flat-theme .checkbox-purple-states input:checked ~ .helper, .euf-flat-theme .checkbox-color5-states input:checked ~ .helper {
  color: #8e44ad; }
  .euf-flat-theme .checkbox-purple-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-purple-states input:checked ~ .helper::after, .euf-flat-theme .checkbox-color5-states input:checked ~ .helper::before, .euf-flat-theme .checkbox-color5-states input:checked ~ .helper::after {
    background-color: #8e44ad; }

.euf-flat-theme .checkbox-purple-states .helper::after, .euf-flat-theme .checkbox-purple-states .helper::before, .euf-flat-theme .checkbox-color5-states .helper::after, .euf-flat-theme .checkbox-color5-states .helper::before {
  background-color: #8e44ad; }

@media screen and (max-width: 640px) {
  .ew-forms .ew-form .row-flex {
    display: block; }
  .euf-solid-theme .label-container h5, .euf-flat-theme .label-container h5 {
    margin-bottom: 0.625rem; }
  .euf-solid-theme .ew-forms .ew-form .row-flex, .euf-flat-theme .ew-forms .ew-form .row-flex {
    display: block; }
  .euf-material-theme .labelAnimated {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    word-break: break-word;
    color: #9E9E9E;
    padding: 0.12rem 0.5rem 0.0625rem;
    transform: translateY(1.7rem);
    transition: all 0.4s;
    cursor: text;
    z-index: -1; }
  .euf-material-theme .active {
    transform: translateY(0); }
  .euf-material-theme input::-webkit-input-placeholder {
    visibility: hidden; }
  .euf-material-theme .label-container {
    display: none; } }

.euf-solid-theme {
  /* .dx-datagrid-headers .dx-header-row>td>.dx-datagrid-text-content*/ }
  .euf-solid-theme .main-section .data-header .data-container h5 {
    color: #FFF; }
  .euf-solid-theme .main-section .data-header .data-container span {
    color: #FFF; }
  .euf-solid-theme .ew-forms .ew-form .ew-form-title .title {
    color: #2dbae7; }
  .euf-solid-theme .ew-forms .ew-form .row-flex .label-container h5 {
    color: #888888; }
  .euf-solid-theme .ew-forms .ew-form {
    -webkit-box-shadow: 0 0.06rem 0.25rem rgba(0, 0, 0, 0.23);
    box-shadow: 0 0.06rem 0.25rem rgba(0, 0, 0, 0.23); }
  .euf-solid-theme .navbar.block-blue + #ebsContainer .ew-controllers ul li:hover p, .euf-solid-theme .navbar.block-blue + #ebsContainer .ew-controllers ul li.active p, .euf-solid-theme .navbar.block-blue + #ebsContainer .ew-controllers ul li.active h5 p {
    background: -moz-linear-gradient(top, #34a8ff 20%, #0192ff 100%);
    background: -webkit-linear-gradient(top, #34a8ff 20%, #0192ff 100%);
    background: linear-gradient(to bottom, #34a8ff 20%, #0192ff 100%); }
  .euf-solid-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-solid-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-solid-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-sort, .euf-solid-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #0192ff; }
  .euf-solid-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-solid-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #0192ff; }
  .euf-solid-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #0192ff;
    border-color: #0192ff; }
  .euf-solid-theme .navbar.block-azure-states + #ebsContainer .ew-controllers ul li:hover p, .euf-solid-theme .navbar.block-azure-states + #ebsContainer .ew-controllers ul li.active p, .euf-solid-theme .navbar.block-azure-states + #ebsContainer .ew-controllers ul li.active h5 p {
    background: -moz-linear-gradient(top, #51bbdd 20%, #29a9d2 100%);
    background: -webkit-linear-gradient(top, #51bbdd 20%, #29a9d2 100%);
    background: linear-gradient(to bottom, #51bbdd 20%, #29a9d2 100%); }
  .euf-solid-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-solid-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-solid-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-sort, .euf-solid-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #29a9d2 !important; }
  .euf-solid-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-solid-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #29a9d2; }
  .euf-solid-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #29a9d2;
    border-color: #29a9d2; }
  .euf-solid-theme .navbar.block-green-states + #ebsContainer .ew-controllers ul li:hover p, .euf-solid-theme .navbar.block-green-states + #ebsContainer .ew-controllers ul li.active p, .euf-solid-theme .navbar.block-green-states + #ebsContainer .ew-controllers ul li.active h5 p {
    background: -moz-linear-gradient(top, #05d110 20%, #049F0C 100%);
    background: -webkit-linear-gradient(top, #05d110 20%, #049F0C 100%);
    background: linear-gradient(to bottom, #05d110 20%, #049F0C 100%); }
  .euf-solid-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-solid-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-solid-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-sort, .euf-solid-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #049F0C; }
  .euf-solid-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-solid-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #049F0C; }
  .euf-solid-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #049F0C;
    border-color: #049F0C; }
  .euf-solid-theme .navbar.block-purple + #ebsContainer .ew-controllers ul li:hover p, .euf-solid-theme .navbar.block-purple + #ebsContainer .ew-controllers ul li.active p, .euf-solid-theme .navbar.block-purple + #ebsContainer .ew-controllers ul li.active h5 p {
    background: -moz-linear-gradient(top, #b07cc6 20%, #9b59b6 100%);
    background: -webkit-linear-gradient(top, #b07cc6 20%, #9b59b6 100%);
    background: linear-gradient(to bottom, #b07cc6 20%, #9b59b6 100%); }
  .euf-solid-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-solid-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-solid-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-sort, .euf-solid-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #9b59b6; }
  .euf-solid-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-solid-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #9b59b6; }
  .euf-solid-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #9b59b6;
    border-color: #9b59b6; }
  .euf-solid-theme .navbar.block-red + #ebsContainer .ew-controllers ul li:hover p, .euf-solid-theme .navbar.block-red + #ebsContainer .ew-controllers ul li.active p, .euf-solid-theme .navbar.block-red + #ebsContainer .ew-controllers ul li.active h5 p {
    background: -moz-linear-gradient(top, #ff8067 20%, #ff5534 100%);
    background: -webkit-linear-gradient(top, #ff8067 20%, #ff5534 100%);
    background: linear-gradient(to bottom, #ff8067 20%, #ff5534 100%); }
  .euf-solid-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-solid-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-solid-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-sort, .euf-solid-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #ff5534; }
  .euf-solid-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-solid-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #ff5534; }
  .euf-solid-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #ff5534;
    border-color: #ff5534; }
  .euf-solid-theme .navbar.block-pink-states + #ebsContainer .ew-controllers ul li:hover p, .euf-solid-theme .navbar.block-pink-states + #ebsContainer .ew-controllers ul li.active p, .euf-solid-theme .navbar.block-pink-states + #ebsContainer .ew-controllers ul li.active h5 p {
    background: -moz-linear-gradient(top, #e76a7c 20%, #e03e56 100%);
    background: -webkit-linear-gradient(top, #e76a7c 20%, #e03e56 100%);
    background: linear-gradient(to bottom, #e76a7c 20%, #e03e56 100%); }
  .euf-solid-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-solid-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-solid-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-sort, .euf-solid-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #e03e56; }
  .euf-solid-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-solid-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #e03e56; }
  .euf-solid-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #e03e56;
    border-color: #e03e56; }
  .euf-solid-theme .form-headers {
    -webkit-box-shadow: inset 0 0.187rem 0.25rem 0 rgba(16, 6, 6, 0.26),inset 0 0.187rem 0.187rem -0.125rem rgba(43, 17, 17, 0.39),inset 0 0.0625rem 1rem 0 rgba(16, 6, 6, 0.36);
    box-shadow: inset 0 0.187rem 0.25rem 0 rgba(16, 6, 6, 0.26),inset 0 0.187rem 0.187rem -0.125rem rgba(43, 17, 17, 0.39),inset 0 0.0625rem 1rem 0 rgba(16, 6, 6, 0.36); }
    .euf-solid-theme .form-headers.after-block-green:after {
      opacity: 0.15; }
    .euf-solid-theme .form-headers.after-block-green ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-solid-theme .form-headers.after-block-green ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(54, 195, 88, 0.7); }
    .euf-solid-theme .form-headers.after-block-green ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(136, 136, 136, 0.1); }
    .euf-solid-theme .form-headers.after-block-green ~ .container-fluid #ebsContainerContent td h4, .euf-solid-theme .form-headers.after-block-green ~ .container-fluid .ew-forms .row h4 {
      color: #36c358; }
    .euf-solid-theme .form-headers.after-block-pink:after {
      opacity: 0.3; }
    .euf-solid-theme .form-headers.after-block-pink ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-solid-theme .form-headers.after-block-pink ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(254, 74, 101, 0.7); }
    .euf-solid-theme .form-headers.after-block-pink ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(41, 128, 185, 0.1); }
    .euf-solid-theme .form-headers.after-block-pink ~ .container-fluid #ebsContainerContent td h4, .euf-solid-theme .form-headers.after-block-pink ~ .container-fluid .ew-forms .row h4 {
      color: #fe4a65; }
    .euf-solid-theme .form-headers.after-block-blue:after {
      opacity: 0.25; }
    .euf-solid-theme .form-headers.after-block-blue ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-solid-theme .form-headers.after-block-blue ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(1, 146, 255, 0.7); }
    .euf-solid-theme .form-headers.after-block-blue ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(148, 51, 165, 0.1); }
    .euf-solid-theme .form-headers.after-block-blue #ebsContainerContent td h4, .euf-solid-theme .form-headers.after-block-blue .ew-forms .row h4 {
      color: #0192ff; }
    .euf-solid-theme .form-headers.after-block-default-states:after {
      opacity: 0.55; }
    .euf-solid-theme .form-headers.after-block-default-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-solid-theme .form-headers.after-block-default-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(119, 119, 119, 0.7); }
    .euf-solid-theme .form-headers.after-block-default-states ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(214, 64, 49, 0.1); }
    .euf-solid-theme .form-headers.after-block-default-states ~ .container-fluid #ebsContainerContent td h4, .euf-solid-theme .form-headers.after-block-default-states ~ .container-fluid .ew-forms .row h4 {
      color: #777777; }
    .euf-solid-theme .form-headers.after-block-blue-states:after {
      opacity: 0.2; }
    .euf-solid-theme .form-headers.after-block-blue-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-solid-theme .form-headers.after-block-blue-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(41, 128, 185, 0.7); }
    .euf-solid-theme .form-headers.after-block-blue-states ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(254, 210, 1, 0.1); }
    .euf-solid-theme .form-headers.after-block-blue-states ~ .container-fluid #ebsContainerContent td h4, .euf-solid-theme .form-headers.after-block-blue-states ~ .container-fluid .ew-forms .row h4 {
      color: #2980b9; }
    .euf-solid-theme .form-headers.after-block-purple-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-solid-theme .form-headers.after-block-purple-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(148, 51, 165, 0.7); }
    .euf-solid-theme .form-headers.after-block-purple-states ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(254, 210, 1, 0.1); }
    .euf-solid-theme .form-headers.after-block-purple-states ~ .container-fluid #ebsContainerContent td h4, .euf-solid-theme .form-headers.after-block-purple-states ~ .container-fluid .ew-forms .row h4 {
      color: #9433a5; }

.euf-material-theme {
  /* .dx-datagrid-headers .dx-header-row>td>.dx-datagrid-text-content*/ }
  .euf-material-theme .main-section .data-header .data-container h5 {
    color: #FFF; }
  .euf-material-theme .main-section .data-header .data-container span {
    color: #FFF; }
  .euf-material-theme .ew-forms .ew-form .ew-form-title .title {
    color: #03A9F4; }
  .euf-material-theme .ew-forms .ew-form .row-flex .label-container h5 {
    color: #9E9E9E; }
  .euf-material-theme .ew-forms .ew-form {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0, 0, 0, 0.23); }
  .euf-material-theme .navbar.block-blue + #ebsContainer .ew-controllers ul li:hover p, .euf-material-theme .navbar.block-blue + #ebsContainer .ew-controllers ul li.active p, .euf-material-theme .navbar.block-blue + #ebsContainer .ew-controllers ul li.active h5 p {
    background-color: #3F51B5; }
  .euf-material-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-material-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-material-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-sort, .euf-material-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #3F51B5; }
  .euf-material-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-material-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #3F51B5; }
  .euf-material-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #3F51B5;
    border-color: #3F51B5; }
  .euf-material-theme .navbar.block-azure-states + #ebsContainer .ew-controllers ul li:hover p, .euf-material-theme .navbar.block-azure-states + #ebsContainer .ew-controllers ul li.active p, .euf-material-theme .navbar.block-azure-states + #ebsContainer .ew-controllers ul li.active h5 p {
    background-color: #4FC3F7; }
  .euf-material-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-material-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-material-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-sort, .euf-material-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #4FC3F7 !important; }
  .euf-material-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-material-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #4FC3F7; }
  .euf-material-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #4FC3F7;
    border-color: #4FC3F7; }
  .euf-material-theme .navbar.block-green-states + #ebsContainer .ew-controllers ul li:hover p, .euf-material-theme .navbar.block-green-states + #ebsContainer .ew-controllers ul li.active p, .euf-material-theme .navbar.block-green-states + #ebsContainer .ew-controllers ul li.active h5 p {
    background-color: #81C784; }
  .euf-material-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-material-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-material-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-sort, .euf-material-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #81C784; }
  .euf-material-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-material-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #81C784; }
  .euf-material-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #81C784;
    border-color: #81C784; }
  .euf-material-theme .navbar.block-purple + #ebsContainer .ew-controllers ul li:hover p, .euf-material-theme .navbar.block-purple + #ebsContainer .ew-controllers ul li.active p, .euf-material-theme .navbar.block-purple + #ebsContainer .ew-controllers ul li.active h5 p {
    background-color: #9C27B0; }
  .euf-material-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-material-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-material-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-sort, .euf-material-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #9C27B0; }
  .euf-material-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-material-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #9C27B0; }
  .euf-material-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #9C27B0;
    border-color: #9C27B0; }
  .euf-material-theme .navbar.block-red + #ebsContainer .ew-controllers ul li:hover p, .euf-material-theme .navbar.block-red + #ebsContainer .ew-controllers ul li.active p, .euf-material-theme .navbar.block-red + #ebsContainer .ew-controllers ul li.active h5 p {
    background-color: #FF5722; }
  .euf-material-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-material-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-material-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-sort, .euf-material-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #FF5722; }
  .euf-material-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-material-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #FF5722; }
  .euf-material-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #FF5722;
    border-color: #FF5722; }
  .euf-material-theme .navbar.block-pink-states + #ebsContainer .ew-controllers ul li:hover p, .euf-material-theme .navbar.block-pink-states + #ebsContainer .ew-controllers ul li.active p, .euf-material-theme .navbar.block-pink-states + #ebsContainer .ew-controllers ul li.active h5 p {
    background-color: #F06292; }
  .euf-material-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-material-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-material-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-sort, .euf-material-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #F06292; }
  .euf-material-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-material-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #F06292; }
  .euf-material-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #F06292;
    border-color: #F06292; }
  .euf-material-theme .form-headers {
    -webkit-box-shadow: inset 0 0.187rem 0.25rem 0 rgba(0, 0, 0, 0.47),inset 0 0.187rem 0.187rem -0.125rem rgba(43, 17, 17, 0.94),inset 0 0.0625rem 1.5rem 0 #100606;
    box-shadow: inset 0 0.187rem 0.25rem 0 rgba(0, 0, 0, 0.47),inset 0 0.187rem 0.187rem -0.125rem rgba(43, 17, 17, 0.94),inset 0 0.0625rem 1.5rem 0 #100606; }
    .euf-material-theme .form-headers.after-block-green:after {
      opacity: 0.85; }
    .euf-material-theme .form-headers.after-block-green ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-material-theme .form-headers.after-block-green ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(76, 175, 80, 0.7); }
    .euf-material-theme .form-headers.after-block-green ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(158, 158, 158, 0.1); }
    .euf-material-theme .form-headers.after-block-green ~ .container-fluid #ebsContainerContent td h4, .euf-material-theme .form-headers.after-block-green ~ .container-fluid .ew-forms .row h4 {
      color: #4CAF50; }
    .euf-material-theme .form-headers.after-block-pink:after {
      opacity: 0.6; }
    .euf-material-theme .form-headers.after-block-pink ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-material-theme .form-headers.after-block-pink ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(233, 30, 99, 0.7); }
    .euf-material-theme .form-headers.after-block-pink ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(121, 134, 203, 0.1); }
    .euf-material-theme .form-headers.after-block-pink ~ .container-fluid #ebsContainerContent td h4, .euf-material-theme .form-headers.after-block-pink ~ .container-fluid .ew-forms .row h4 {
      color: #E91E63; }
    .euf-material-theme .form-headers.after-block-blue:after {
      opacity: 0.75; }
    .euf-material-theme .form-headers.after-block-blue ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-material-theme .form-headers.after-block-blue ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(63, 81, 181, 0.7); }
    .euf-material-theme .form-headers.after-block-blue ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(186, 104, 200, 0.1); }
    .euf-material-theme .form-headers.after-block-blue #ebsContainerContent td h4, .euf-material-theme .form-headers.after-block-blue .ew-forms .row h4 {
      color: #3F51B5; }
    .euf-material-theme .form-headers.after-block-default-states:after {
      opacity: 0.75; }
    .euf-material-theme .form-headers.after-block-default-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-material-theme .form-headers.after-block-default-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(189, 189, 189, 0.7); }
    .euf-material-theme .form-headers.after-block-default-states ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(255, 138, 101, 0.1); }
    .euf-material-theme .form-headers.after-block-default-states ~ .container-fluid #ebsContainerContent td h4, .euf-material-theme .form-headers.after-block-default-states ~ .container-fluid .ew-forms .row h4 {
      color: #BDBDBD; }
    .euf-material-theme .form-headers.after-block-blue-states:after {
      opacity: 0.6; }
    .euf-material-theme .form-headers.after-block-blue-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-material-theme .form-headers.after-block-blue-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(121, 134, 203, 0.7); }
    .euf-material-theme .form-headers.after-block-blue-states ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(255, 193, 7, 0.1); }
    .euf-material-theme .form-headers.after-block-blue-states ~ .container-fluid #ebsContainerContent td h4, .euf-material-theme .form-headers.after-block-blue-states ~ .container-fluid .ew-forms .row h4 {
      color: #7986CB; }
    .euf-material-theme .form-headers.after-block-purple-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-material-theme .form-headers.after-block-purple-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(186, 104, 200, 0.7); }
    .euf-material-theme .form-headers.after-block-purple-states ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(255, 193, 7, 0.1); }
    .euf-material-theme .form-headers.after-block-purple-states ~ .container-fluid #ebsContainerContent td h4, .euf-material-theme .form-headers.after-block-purple-states ~ .container-fluid .ew-forms .row h4 {
      color: #BA68C8; }

.euf-flat-theme {
  /* .dx-datagrid-headers .dx-header-row>td>.dx-datagrid-text-content*/ }
  .euf-flat-theme .main-section .data-header .data-container h5 {
    color: #FFF; }
  .euf-flat-theme .main-section .data-header .data-container span {
    color: #FFF; }
  .euf-flat-theme .ew-forms .ew-form .ew-form-title .title {
    color: #1abc9c; }
  .euf-flat-theme .ew-forms .ew-form .row-flex .label-container h5 {
    color: #95a5a6; }
  .euf-flat-theme .ew-forms .ew-form {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .euf-flat-theme .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
    border-radius: 0; }
  .euf-flat-theme .dx-datagrid .dx-row > td:last-child {
    border-radius: 0; }
  .euf-flat-theme .navbar.block-blue + #ebsContainer .ew-controllers ul li:hover p, .euf-flat-theme .navbar.block-blue + #ebsContainer .ew-controllers ul li.active p, .euf-flat-theme .navbar.block-blue + #ebsContainer .ew-controllers ul li.active h5 p {
    background-color: #34495e; }
  .euf-flat-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-flat-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-flat-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-sort, .euf-flat-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #34495e; }
  .euf-flat-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-flat-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #34495e; }
  .euf-flat-theme .navbar.block-blue + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #34495e;
    border-color: #34495e; }
  .euf-flat-theme .navbar.block-azure-states + #ebsContainer .ew-controllers ul li:hover p, .euf-flat-theme .navbar.block-azure-states + #ebsContainer .ew-controllers ul li.active p, .euf-flat-theme .navbar.block-azure-states + #ebsContainer .ew-controllers ul li.active h5 p {
    background-color: #16a085; }
  .euf-flat-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-flat-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-flat-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-sort, .euf-flat-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #16a085 !important; }
  .euf-flat-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-flat-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #16a085; }
  .euf-flat-theme .navbar.block-azure-states + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #16a085;
    border-color: #16a085; }
  .euf-flat-theme .navbar.block-green-states + #ebsContainer .ew-controllers ul li:hover p, .euf-flat-theme .navbar.block-green-states + #ebsContainer .ew-controllers ul li.active p, .euf-flat-theme .navbar.block-green-states + #ebsContainer .ew-controllers ul li.active h5 p {
    background-color: #27ae60; }
  .euf-flat-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-flat-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-flat-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-sort, .euf-flat-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #27ae60; }
  .euf-flat-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-flat-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #27ae60; }
  .euf-flat-theme .navbar.block-green-states + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #27ae60;
    border-color: #27ae60; }
  .euf-flat-theme .navbar.block-purple + #ebsContainer .ew-controllers ul li:hover p, .euf-flat-theme .navbar.block-purple + #ebsContainer .ew-controllers ul li.active p, .euf-flat-theme .navbar.block-purple + #ebsContainer .ew-controllers ul li.active h5 p {
    background-color: #9b59b6; }
  .euf-flat-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-flat-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-flat-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-sort, .euf-flat-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #9b59b6; }
  .euf-flat-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-flat-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #9b59b6; }
  .euf-flat-theme .navbar.block-purple + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #9b59b6;
    border-color: #9b59b6; }
  .euf-flat-theme .navbar.block-red + #ebsContainer .ew-controllers ul li:hover p, .euf-flat-theme .navbar.block-red + #ebsContainer .ew-controllers ul li.active p, .euf-flat-theme .navbar.block-red + #ebsContainer .ew-controllers ul li.active h5 p {
    background-color: #e74c3c; }
  .euf-flat-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-flat-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-flat-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-sort, .euf-flat-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #e74c3c; }
  .euf-flat-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-flat-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #e74c3c; }
  .euf-flat-theme .navbar.block-red + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .euf-flat-theme .navbar.block-pink-states + #ebsContainer .ew-controllers ul li:hover p, .euf-flat-theme .navbar.block-pink-states + #ebsContainer .ew-controllers ul li.active p, .euf-flat-theme .navbar.block-pink-states + #ebsContainer .ew-controllers ul li.active h5 p {
    background-color: #F47983; }
  .euf-flat-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-datagrid-filter-row .dx-menu-item-content .dx-icon, .euf-flat-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-dropdowneditor-icon, .euf-flat-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-sort, .euf-flat-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {
    color: #F47983; }
  .euf-flat-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-checkbox-checked .dx-checkbox-icon, .euf-flat-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-state-hover .dx-checkbox-icon {
    border-color: #F47983; }
  .euf-flat-theme .navbar.block-pink-states + #ebsContainer .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #F47983;
    border-color: #F47983; }
  .euf-flat-theme .form-headers {
    -webkit-box-shadow: none;
    box-shadow: none; }
    .euf-flat-theme .form-headers.after-block-green:after {
      opacity: 1; }
    .euf-flat-theme .form-headers.after-block-green ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-flat-theme .form-headers.after-block-green ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(46, 204, 113, 0.7); }
    .euf-flat-theme .form-headers.after-block-green ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(149, 165, 166, 0.1); }
    .euf-flat-theme .form-headers.after-block-green ~ .container-fluid #ebsContainerContent td h4, .euf-flat-theme .form-headers.after-block-green ~ .container-fluid .ew-forms .row h4 {
      color: #2ecc71; }
    .euf-flat-theme .form-headers.after-block-pink:after {
      opacity: 1; }
    .euf-flat-theme .form-headers.after-block-pink ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-flat-theme .form-headers.after-block-pink ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(240, 143, 144, 0.7); }
    .euf-flat-theme .form-headers.after-block-pink ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(44, 62, 80, 0.1); }
    .euf-flat-theme .form-headers.after-block-pink ~ .container-fluid #ebsContainerContent td h4, .euf-flat-theme .form-headers.after-block-pink ~ .container-fluid .ew-forms .row h4 {
      color: #F08F90; }
    .euf-flat-theme .form-headers.after-block-blue:after {
      opacity: 1; }
    .euf-flat-theme .form-headers.after-block-blue ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-flat-theme .form-headers.after-block-blue ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(52, 73, 94, 0.7); }
    .euf-flat-theme .form-headers.after-block-blue ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(142, 68, 173, 0.1); }
    .euf-flat-theme .form-headers.after-block-blue #ebsContainerContent td h4, .euf-flat-theme .form-headers.after-block-blue .ew-forms .row h4 {
      color: #34495e; }
    .euf-flat-theme .form-headers.after-block-default-states:after {
      opacity: 1; }
    .euf-flat-theme .form-headers.after-block-default-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-flat-theme .form-headers.after-block-default-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(127, 140, 141, 0.7); }
    .euf-flat-theme .form-headers.after-block-default-states ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(192, 57, 43, 0.1); }
    .euf-flat-theme .form-headers.after-block-default-states ~ .container-fluid #ebsContainerContent td h4, .euf-flat-theme .form-headers.after-block-default-states ~ .container-fluid .ew-forms .row h4 {
      color: #7f8c8d; }
    .euf-flat-theme .form-headers.after-block-blue-states:after {
      opacity: 1; }
    .euf-flat-theme .form-headers.after-block-blue-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-flat-theme .form-headers.after-block-blue-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(44, 62, 80, 0.7); }
    .euf-flat-theme .form-headers.after-block-blue-states ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(230, 126, 34, 0.1); }
    .euf-flat-theme .form-headers.after-block-blue-states ~ .container-fluid #ebsContainerContent td h4, .euf-flat-theme .form-headers.after-block-blue-states ~ .container-fluid .ew-forms .row h4 {
      color: #2c3e50; }
    .euf-flat-theme .form-headers.after-block-purple-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row > td, .euf-flat-theme .form-headers.after-block-purple-states ~ .container-fluid .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
      background-color: rgba(142, 68, 173, 0.7); }
    .euf-flat-theme .form-headers.after-block-purple-states ~ .container-fluid .dx-datagrid .dx-row-alt > td {
      background-color: rgba(230, 126, 34, 0.1); }
    .euf-flat-theme .form-headers.after-block-purple-states ~ .container-fluid #ebsContainerContent td h4, .euf-flat-theme .form-headers.after-block-purple-states ~ .container-fluid .ew-forms .row h4 {
      color: #8e44ad; }

.euf-solid-theme .icon-blue {
  background: -moz-linear-gradient(top, #4087ea 20%, #533ce1 100%);
  background: -webkit-linear-gradient(top, #4087ea 20%, #533ce1 100%);
  background: linear-gradient(to bottom, #4087ea 20%, #533ce1 100%); }

.euf-solid-theme .icon-azure {
  background: -moz-linear-gradient(top, #45c0fd 20%, #4091ff 100%);
  background: -webkit-linear-gradient(top, #45c0fd 20%, #4091ff 100%);
  background: linear-gradient(to bottom, #45c0fd 20%, #4091ff 100%); }

.euf-solid-theme .icon-green {
  background: -moz-linear-gradient(top, #a1eb3a 20%, #6dc030 100%);
  background: -webkit-linear-gradient(top, #a1eb3a 20%, #6dc030 100%);
  background: linear-gradient(to bottom, #a1eb3a 20%, #6dc030 100%); }

.euf-solid-theme .icon-orange {
  background: -moz-linear-gradient(top, #ffb33b 20%, #ff5221 100%);
  background: -webkit-linear-gradient(top, #ffb33b 20%, #ff5221 100%);
  background: linear-gradient(to bottom, #ffb33b 20%, #ff5221 100%); }

.euf-solid-theme .icon-red {
  background: -moz-linear-gradient(top, #ff3b30 20%, #bb0502 100%);
  background: -webkit-linear-gradient(top, #ff3b30 20%, #bb0502 100%);
  background: linear-gradient(to bottom, #ff3b30 20%, #bb0502 100%); }

.euf-solid-theme .icon-purple {
  background: -moz-linear-gradient(top, #df55e1 20%, #943bea 100%);
  background: -webkit-linear-gradient(top, #df55e1 20%, #943bea 100%);
  background: linear-gradient(to bottom, #df55e1 20%, #943bea 100%); }

.euf-solid-theme .icon-pink {
  background: -moz-linear-gradient(top, #ff2a63 20%, #ff2e2e 100%);
  background: -webkit-linear-gradient(top, #ff2a63 20%, #ff2e2e 100%);
  background: linear-gradient(to bottom, #ff2a63 20%, #ff2e2e 100%); }

.euf-solid-theme .icon-black {
  background: -moz-linear-gradient(top, #787878 20%, #343434 100%);
  background: -webkit-linear-gradient(top, #787878 20%, #343434 100%);
  background: linear-gradient(to bottom, #787878 20%, #343434 100%); }

.euf-flat-theme .icon-ftospetrol, .euf-flat-theme .icon-color10 {
  background: #3F5A63; }

.euf-flat-theme .icon-ftospetrol-states, .euf-flat-theme .icon-color10-states {
  background: #3c788c; }

.euf-flat-theme .icon-ftosblue, .euf-flat-theme .icon-color9 {
  background: #27AAE1; }

.euf-flat-theme .icon-ftosblue-states, .euf-flat-theme .icon-color9-states {
  background: #1c98cc; }

.euf-flat-theme .icon-default, .euf-flat-theme .icon-color8 {
  background: #95a5a6; }

.euf-flat-theme .icon-default-states, .euf-flat-theme .icon-color8-states {
  background: #7f8c8d; }

.euf-flat-theme .icon-blue, .euf-flat-theme .icon-color6 {
  background: #34495e; }

.euf-flat-theme .icon-blue-states, .euf-flat-theme .icon-color6-states {
  background: #2c3e50; }

.euf-flat-theme .icon-green, .euf-flat-theme .icon-color2 {
  background: #2ecc71; }

.euf-flat-theme .icon-green-states, .euf-flat-theme .icon-color2-states {
  background: #27ae60; }

.euf-flat-theme .icon-azure, .euf-flat-theme .icon-color1 {
  background: #1abc9c; }

.euf-flat-theme .icon-azure-states, .euf-flat-theme .icon-color1-states {
  background: #16a085; }

.euf-flat-theme .icon-orange, .euf-flat-theme .icon-color3 {
  background: #e67e22; }

.euf-flat-theme .icon-orange-states, .euf-flat-theme .icon-color3-states {
  background: #d35400; }

.euf-flat-theme .icon-red, .euf-flat-theme .icon-color4 {
  background: #e74c3c; }

.euf-flat-theme .icon-red-states, .euf-flat-theme .icon-color4-states {
  background: #c0392b; }

.euf-flat-theme .icon-pink, .euf-flat-theme .icon-color7 {
  background: #F08F90; }

.euf-flat-theme .icon-pink-states, .euf-flat-theme .icon-color7-states {
  background: #F47983; }

.euf-flat-theme .icon-purple, .euf-flat-theme .icon-color5 {
  background: #9b59b6; }

.euf-flat-theme .icon-purple-states, .euf-flat-theme .icon-color5-states {
  background: #8e44ad; }

.euf-material-theme .icon-ftospetrol, .euf-material-theme .icon-color10 {
  background: #3F5A63; }

.euf-material-theme .icon-ftospetrol-states, .euf-material-theme .icon-color10-states {
  background: #3c788c; }

.euf-material-theme .icon-ftosblue, .euf-material-theme .icon-color9 {
  background: #27AAE1; }

.euf-material-theme .icon-ftosblue-states, .euf-material-theme .icon-color9-states {
  background: #1c98cc; }

.euf-material-theme .icon-default, .euf-material-theme .icon-color8 {
  background: #9E9E9E; }

.euf-material-theme .icon-default-states, .euf-material-theme .icon-color8-states {
  background: #BDBDBD; }

.euf-material-theme .icon-blue, .euf-material-theme .icon-color6 {
  background: #3F51B5; }

.euf-material-theme .icon-blue-states, .euf-material-theme .icon-color6-states {
  background: #7986CB; }

.euf-material-theme .icon-green, .euf-material-theme .icon-color2 {
  background: #4CAF50; }

.euf-material-theme .icon-green-states, .euf-material-theme .icon-color2-states {
  background: #81C784; }

.euf-material-theme .icon-azure, .euf-material-theme .icon-color1 {
  background: #03A9F4; }

.euf-material-theme .icon-azure-states, .euf-material-theme .icon-color1-states {
  background: #4FC3F7; }

.euf-material-theme .icon-orange, .euf-material-theme .icon-color3 {
  background: #FFC107; }

.euf-material-theme .icon-orange-states, .euf-material-theme .icon-color3-states {
  background: #FFD54F; }

.euf-material-theme .icon-red, .euf-material-theme .icon-color4 {
  background: #FF5722; }

.euf-material-theme .icon-red-states, .euf-material-theme .icon-color4-states {
  background: #FF8A65; }

.euf-material-theme .icon-pink, .euf-material-theme .icon-color7 {
  background: #E91E63; }

.euf-material-theme .icon-pink-states, .euf-material-theme .icon-color7-states {
  background: #F06292; }

.euf-material-theme .icon-purple, .euf-material-theme .icon-color5 {
  background: #9C27B0; }

.euf-material-theme .icon-purple-states, .euf-material-theme .icon-color5-states {
  background: #BA68C8; }

.euf-solid-theme .label-ftospetrol, .euf-solid-theme .label-color10 {
  border-color: #3F5A63;
  color: #3F5A63; }
  .euf-solid-theme .label-ftospetrol.label-fill, .euf-solid-theme .label-color10.label-fill {
    background-color: #3F5A63;
    color: #fff; }
  .euf-solid-theme .label-ftospetrol.label-with-hover, .euf-solid-theme .label-color10.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-ftospetrol.label-with-hover:hover, .euf-solid-theme .label-color10.label-with-hover:hover {
      background-color: #3F5A63; }

.euf-solid-theme .label-ftospetrol-states, .euf-solid-theme .label-color10-states {
  border-color: #3c788c;
  color: #3c788c; }
  .euf-solid-theme .label-ftospetrol-states.label-fill, .euf-solid-theme .label-color10-states.label-fill {
    background-color: #3c788c;
    color: #fff; }
  .euf-solid-theme .label-ftospetrol-states.label-with-hover, .euf-solid-theme .label-color10-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-ftospetrol-states.label-with-hover:hover, .euf-solid-theme .label-color10-states.label-with-hover:hover {
      background-color: #3c788c; }

.euf-solid-theme .label-ftosblue, .euf-solid-theme .label-color9 {
  border-color: #27AAE1;
  color: #27AAE1; }
  .euf-solid-theme .label-ftosblue.label-fill, .euf-solid-theme .label-color9.label-fill {
    background-color: #27AAE1;
    color: #fff; }
  .euf-solid-theme .label-ftosblue.label-with-hover, .euf-solid-theme .label-color9.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-ftosblue.label-with-hover:hover, .euf-solid-theme .label-color9.label-with-hover:hover {
      background-color: #27AAE1; }

.euf-solid-theme .label-ftosblue-states, .euf-solid-theme .label-color9-states {
  border-color: #1c98cc;
  color: #1c98cc; }
  .euf-solid-theme .label-ftosblue-states.label-fill, .euf-solid-theme .label-color9-states.label-fill {
    background-color: #1c98cc;
    color: #fff; }
  .euf-solid-theme .label-ftosblue-states.label-with-hover, .euf-solid-theme .label-color9-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-ftosblue-states.label-with-hover:hover, .euf-solid-theme .label-color9-states.label-with-hover:hover {
      background-color: #1c98cc; }

.euf-solid-theme .label-default, .euf-solid-theme .label-color8 {
  border-color: #888888;
  color: #888888; }
  .euf-solid-theme .label-default.label-fill, .euf-solid-theme .label-color8.label-fill {
    background-color: #888888;
    color: #fff; }
  .euf-solid-theme .label-default.label-with-hover, .euf-solid-theme .label-color8.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-default.label-with-hover:hover, .euf-solid-theme .label-color8.label-with-hover:hover {
      background-color: #888888; }

.euf-solid-theme .label-default-states, .euf-solid-theme .label-color8-states {
  border-color: #777777;
  color: #777777; }
  .euf-solid-theme .label-default-states.label-fill, .euf-solid-theme .label-color8-states.label-fill {
    background-color: #777777;
    color: #fff; }
  .euf-solid-theme .label-default-states.label-with-hover, .euf-solid-theme .label-color8-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-default-states.label-with-hover:hover, .euf-solid-theme .label-color8-states.label-with-hover:hover {
      background-color: #777777; }

.euf-solid-theme .label-blue, .euf-solid-theme .label-color6 {
  border-color: #0192ff;
  color: #0192ff; }
  .euf-solid-theme .label-blue.label-fill, .euf-solid-theme .label-color6.label-fill {
    background-color: #0192ff;
    color: #fff; }
  .euf-solid-theme .label-blue.label-with-hover, .euf-solid-theme .label-color6.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-blue.label-with-hover:hover, .euf-solid-theme .label-color6.label-with-hover:hover {
      background-color: #0192ff; }

.euf-solid-theme .label-blue-states, .euf-solid-theme .label-color6-states {
  border-color: #2980b9;
  color: #2980b9; }
  .euf-solid-theme .label-blue-states.label-fill, .euf-solid-theme .label-color6-states.label-fill {
    background-color: #2980b9;
    color: #fff; }
  .euf-solid-theme .label-blue-states.label-with-hover, .euf-solid-theme .label-color6-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-blue-states.label-with-hover:hover, .euf-solid-theme .label-color6-states.label-with-hover:hover {
      background-color: #2980b9; }

.euf-solid-theme .label-green, .euf-solid-theme .label-color2 {
  border-color: #36c358;
  color: #36c358; }
  .euf-solid-theme .label-green.label-fill, .euf-solid-theme .label-color2.label-fill {
    background-color: #36c358;
    color: #fff; }
  .euf-solid-theme .label-green.label-with-hover, .euf-solid-theme .label-color2.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-green.label-with-hover:hover, .euf-solid-theme .label-color2.label-with-hover:hover {
      background-color: #36c358; }

.euf-solid-theme .label-green-states, .euf-solid-theme .label-color2-states {
  border-color: #049F0C;
  color: #049F0C; }
  .euf-solid-theme .label-green-states.label-fill, .euf-solid-theme .label-color2-states.label-fill {
    background-color: #049F0C;
    color: #fff; }
  .euf-solid-theme .label-green-states.label-with-hover, .euf-solid-theme .label-color2-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-green-states.label-with-hover:hover, .euf-solid-theme .label-color2-states.label-with-hover:hover {
      background-color: #049F0C; }

.euf-solid-theme .label-azure, .euf-solid-theme .label-color1 {
  border-color: #2dbae7;
  color: #2dbae7; }
  .euf-solid-theme .label-azure.label-fill, .euf-solid-theme .label-color1.label-fill {
    background-color: #2dbae7;
    color: #fff; }
  .euf-solid-theme .label-azure.label-with-hover, .euf-solid-theme .label-color1.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-azure.label-with-hover:hover, .euf-solid-theme .label-color1.label-with-hover:hover {
      background-color: #2dbae7; }

.euf-solid-theme .label-azure-states, .euf-solid-theme .label-color1-states {
  border-color: #29a9d2;
  color: #29a9d2; }
  .euf-solid-theme .label-azure-states.label-fill, .euf-solid-theme .label-color1-states.label-fill {
    background-color: #29a9d2;
    color: #fff; }
  .euf-solid-theme .label-azure-states.label-with-hover, .euf-solid-theme .label-color1-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-azure-states.label-with-hover:hover, .euf-solid-theme .label-color1-states.label-with-hover:hover {
      background-color: #29a9d2; }

.euf-solid-theme .label-orange, .euf-solid-theme .label-color3 {
  border-color: #fed201;
  color: #fed201; }
  .euf-solid-theme .label-orange.label-fill, .euf-solid-theme .label-color3.label-fill {
    background-color: #fed201;
    color: #fff; }
  .euf-solid-theme .label-orange.label-with-hover, .euf-solid-theme .label-color3.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-orange.label-with-hover:hover, .euf-solid-theme .label-color3.label-with-hover:hover {
      background-color: #fed201; }

.euf-solid-theme .label-orange-states, .euf-solid-theme .label-color3-states {
  border-color: #FFC107;
  color: #FFC107; }
  .euf-solid-theme .label-orange-states.label-fill, .euf-solid-theme .label-color3-states.label-fill {
    background-color: #FFC107;
    color: #fff; }
  .euf-solid-theme .label-orange-states.label-with-hover, .euf-solid-theme .label-color3-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-orange-states.label-with-hover:hover, .euf-solid-theme .label-color3-states.label-with-hover:hover {
      background-color: #FFC107; }

.euf-solid-theme .label-red, .euf-solid-theme .label-color4 {
  border-color: #ff5534;
  color: #ff5534; }
  .euf-solid-theme .label-red.label-fill, .euf-solid-theme .label-color4.label-fill {
    background-color: #ff5534;
    color: #fff; }
  .euf-solid-theme .label-red.label-with-hover, .euf-solid-theme .label-color4.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-red.label-with-hover:hover, .euf-solid-theme .label-color4.label-with-hover:hover {
      background-color: #ff5534; }

.euf-solid-theme .label-red-states, .euf-solid-theme .label-color4-states {
  border-color: #d64031;
  color: #d64031; }
  .euf-solid-theme .label-red-states.label-fill, .euf-solid-theme .label-color4-states.label-fill {
    background-color: #d64031;
    color: #fff; }
  .euf-solid-theme .label-red-states.label-with-hover, .euf-solid-theme .label-color4-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-red-states.label-with-hover:hover, .euf-solid-theme .label-color4-states.label-with-hover:hover {
      background-color: #d64031; }

.euf-solid-theme .label-pink, .euf-solid-theme .label-color7 {
  border-color: #fe4a65;
  color: #fe4a65; }
  .euf-solid-theme .label-pink.label-fill, .euf-solid-theme .label-color7.label-fill {
    background-color: #fe4a65;
    color: #fff; }
  .euf-solid-theme .label-pink.label-with-hover, .euf-solid-theme .label-color7.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-pink.label-with-hover:hover, .euf-solid-theme .label-color7.label-with-hover:hover {
      background-color: #fe4a65; }

.euf-solid-theme .label-pink-states, .euf-solid-theme .label-color7-states {
  border-color: #e03e56;
  color: #e03e56; }
  .euf-solid-theme .label-pink-states.label-fill, .euf-solid-theme .label-color7-states.label-fill {
    background-color: #e03e56;
    color: #fff; }
  .euf-solid-theme .label-pink-states.label-with-hover, .euf-solid-theme .label-color7-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-pink-states.label-with-hover:hover, .euf-solid-theme .label-color7-states.label-with-hover:hover {
      background-color: #e03e56; }

.euf-solid-theme .label-purple, .euf-solid-theme .label-color5 {
  border-color: #9b59b6;
  color: #9b59b6; }
  .euf-solid-theme .label-purple.label-fill, .euf-solid-theme .label-color5.label-fill {
    background-color: #9b59b6;
    color: #fff; }
  .euf-solid-theme .label-purple.label-with-hover, .euf-solid-theme .label-color5.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-purple.label-with-hover:hover, .euf-solid-theme .label-color5.label-with-hover:hover {
      background-color: #9b59b6; }

.euf-solid-theme .label-purple-states, .euf-solid-theme .label-color5-states {
  border-color: #9433a5;
  color: #9433a5; }
  .euf-solid-theme .label-purple-states.label-fill, .euf-solid-theme .label-color5-states.label-fill {
    background-color: #9433a5;
    color: #fff; }
  .euf-solid-theme .label-purple-states.label-with-hover, .euf-solid-theme .label-color5-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-solid-theme .label-purple-states.label-with-hover:hover, .euf-solid-theme .label-color5-states.label-with-hover:hover {
      background-color: #9433a5; }

.euf-material-theme .label-ftospetrol, .euf-material-theme .label-color10 {
  border-color: #3F5A63;
  color: #3F5A63; }
  .euf-material-theme .label-ftospetrol.label-fill, .euf-material-theme .label-color10.label-fill {
    background-color: #3F5A63;
    color: #fff; }
  .euf-material-theme .label-ftospetrol.label-with-hover, .euf-material-theme .label-color10.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-ftospetrol.label-with-hover:hover, .euf-material-theme .label-color10.label-with-hover:hover {
      background-color: #3F5A63; }

.euf-material-theme .label-ftospetrol-states, .euf-material-theme .label-color10-states {
  border-color: #3c788c;
  color: #3c788c; }
  .euf-material-theme .label-ftospetrol-states.label-fill, .euf-material-theme .label-color10-states.label-fill {
    background-color: #3c788c;
    color: #fff; }
  .euf-material-theme .label-ftospetrol-states.label-with-hover, .euf-material-theme .label-color10-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-ftospetrol-states.label-with-hover:hover, .euf-material-theme .label-color10-states.label-with-hover:hover {
      background-color: #3c788c; }

.euf-material-theme .label-ftosblue, .euf-material-theme .label-color9 {
  border-color: #27AAE1;
  color: #27AAE1; }
  .euf-material-theme .label-ftosblue.label-fill, .euf-material-theme .label-color9.label-fill {
    background-color: #27AAE1;
    color: #fff; }
  .euf-material-theme .label-ftosblue.label-with-hover, .euf-material-theme .label-color9.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-ftosblue.label-with-hover:hover, .euf-material-theme .label-color9.label-with-hover:hover {
      background-color: #27AAE1; }

.euf-material-theme .label-ftosblue-states, .euf-material-theme .label-color9-states {
  border-color: #1c98cc;
  color: #1c98cc; }
  .euf-material-theme .label-ftosblue-states.label-fill, .euf-material-theme .label-color9-states.label-fill {
    background-color: #1c98cc;
    color: #fff; }
  .euf-material-theme .label-ftosblue-states.label-with-hover, .euf-material-theme .label-color9-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-ftosblue-states.label-with-hover:hover, .euf-material-theme .label-color9-states.label-with-hover:hover {
      background-color: #1c98cc; }

.euf-material-theme .label-default, .euf-material-theme .label-color8 {
  border-color: #9E9E9E;
  color: #9E9E9E; }
  .euf-material-theme .label-default.label-fill, .euf-material-theme .label-color8.label-fill {
    background-color: #9E9E9E;
    color: #fff; }
  .euf-material-theme .label-default.label-with-hover, .euf-material-theme .label-color8.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-default.label-with-hover:hover, .euf-material-theme .label-color8.label-with-hover:hover {
      background-color: #9E9E9E; }

.euf-material-theme .label-default-states, .euf-material-theme .label-color8-states {
  border-color: #BDBDBD;
  color: #BDBDBD; }
  .euf-material-theme .label-default-states.label-fill, .euf-material-theme .label-color8-states.label-fill {
    background-color: #BDBDBD;
    color: #fff; }
  .euf-material-theme .label-default-states.label-with-hover, .euf-material-theme .label-color8-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-default-states.label-with-hover:hover, .euf-material-theme .label-color8-states.label-with-hover:hover {
      background-color: #BDBDBD; }

.euf-material-theme .label-blue, .euf-material-theme .label-color6 {
  border-color: #3F51B5;
  color: #3F51B5; }
  .euf-material-theme .label-blue.label-fill, .euf-material-theme .label-color6.label-fill {
    background-color: #3F51B5;
    color: #fff; }
  .euf-material-theme .label-blue.label-with-hover, .euf-material-theme .label-color6.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-blue.label-with-hover:hover, .euf-material-theme .label-color6.label-with-hover:hover {
      background-color: #3F51B5; }

.euf-material-theme .label-blue-states, .euf-material-theme .label-color6-states {
  border-color: #7986CB;
  color: #7986CB; }
  .euf-material-theme .label-blue-states.label-fill, .euf-material-theme .label-color6-states.label-fill {
    background-color: #7986CB;
    color: #fff; }
  .euf-material-theme .label-blue-states.label-with-hover, .euf-material-theme .label-color6-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-blue-states.label-with-hover:hover, .euf-material-theme .label-color6-states.label-with-hover:hover {
      background-color: #7986CB; }

.euf-material-theme .label-green, .euf-material-theme .label-color2 {
  border-color: #4CAF50;
  color: #4CAF50; }
  .euf-material-theme .label-green.label-fill, .euf-material-theme .label-color2.label-fill {
    background-color: #4CAF50;
    color: #fff; }
  .euf-material-theme .label-green.label-with-hover, .euf-material-theme .label-color2.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-green.label-with-hover:hover, .euf-material-theme .label-color2.label-with-hover:hover {
      background-color: #4CAF50; }

.euf-material-theme .label-green-states, .euf-material-theme .label-color2-states {
  border-color: #81C784;
  color: #81C784; }
  .euf-material-theme .label-green-states.label-fill, .euf-material-theme .label-color2-states.label-fill {
    background-color: #81C784;
    color: #fff; }
  .euf-material-theme .label-green-states.label-with-hover, .euf-material-theme .label-color2-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-green-states.label-with-hover:hover, .euf-material-theme .label-color2-states.label-with-hover:hover {
      background-color: #81C784; }

.euf-material-theme .label-azure, .euf-material-theme .label-color1 {
  border-color: #03A9F4;
  color: #03A9F4; }
  .euf-material-theme .label-azure.label-fill, .euf-material-theme .label-color1.label-fill {
    background-color: #03A9F4;
    color: #fff; }
  .euf-material-theme .label-azure.label-with-hover, .euf-material-theme .label-color1.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-azure.label-with-hover:hover, .euf-material-theme .label-color1.label-with-hover:hover {
      background-color: #03A9F4; }

.euf-material-theme .label-azure-states, .euf-material-theme .label-color1-states {
  border-color: #4FC3F7;
  color: #4FC3F7; }
  .euf-material-theme .label-azure-states.label-fill, .euf-material-theme .label-color1-states.label-fill {
    background-color: #4FC3F7;
    color: #fff; }
  .euf-material-theme .label-azure-states.label-with-hover, .euf-material-theme .label-color1-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-azure-states.label-with-hover:hover, .euf-material-theme .label-color1-states.label-with-hover:hover {
      background-color: #4FC3F7; }

.euf-material-theme .label-orange, .euf-material-theme .label-color3 {
  border-color: #FFC107;
  color: #FFC107; }
  .euf-material-theme .label-orange.label-fill, .euf-material-theme .label-color3.label-fill {
    background-color: #FFC107;
    color: #fff; }
  .euf-material-theme .label-orange.label-with-hover, .euf-material-theme .label-color3.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-orange.label-with-hover:hover, .euf-material-theme .label-color3.label-with-hover:hover {
      background-color: #FFC107; }

.euf-material-theme .label-orange-states, .euf-material-theme .label-color3-states {
  border-color: #FFD54F;
  color: #FFD54F; }
  .euf-material-theme .label-orange-states.label-fill, .euf-material-theme .label-color3-states.label-fill {
    background-color: #FFD54F;
    color: #fff; }
  .euf-material-theme .label-orange-states.label-with-hover, .euf-material-theme .label-color3-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-orange-states.label-with-hover:hover, .euf-material-theme .label-color3-states.label-with-hover:hover {
      background-color: #FFD54F; }

.euf-material-theme .label-red, .euf-material-theme .label-color4 {
  border-color: #FF5722;
  color: #FF5722; }
  .euf-material-theme .label-red.label-fill, .euf-material-theme .label-color4.label-fill {
    background-color: #FF5722;
    color: #fff; }
  .euf-material-theme .label-red.label-with-hover, .euf-material-theme .label-color4.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-red.label-with-hover:hover, .euf-material-theme .label-color4.label-with-hover:hover {
      background-color: #FF5722; }

.euf-material-theme .label-red-states, .euf-material-theme .label-color4-states {
  border-color: #FF8A65;
  color: #FF8A65; }
  .euf-material-theme .label-red-states.label-fill, .euf-material-theme .label-color4-states.label-fill {
    background-color: #FF8A65;
    color: #fff; }
  .euf-material-theme .label-red-states.label-with-hover, .euf-material-theme .label-color4-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-red-states.label-with-hover:hover, .euf-material-theme .label-color4-states.label-with-hover:hover {
      background-color: #FF8A65; }

.euf-material-theme .label-pink, .euf-material-theme .label-color7 {
  border-color: #E91E63;
  color: #E91E63; }
  .euf-material-theme .label-pink.label-fill, .euf-material-theme .label-color7.label-fill {
    background-color: #E91E63;
    color: #fff; }
  .euf-material-theme .label-pink.label-with-hover, .euf-material-theme .label-color7.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-pink.label-with-hover:hover, .euf-material-theme .label-color7.label-with-hover:hover {
      background-color: #E91E63; }

.euf-material-theme .label-pink-states, .euf-material-theme .label-color7-states {
  border-color: #F06292;
  color: #F06292; }
  .euf-material-theme .label-pink-states.label-fill, .euf-material-theme .label-color7-states.label-fill {
    background-color: #F06292;
    color: #fff; }
  .euf-material-theme .label-pink-states.label-with-hover, .euf-material-theme .label-color7-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-pink-states.label-with-hover:hover, .euf-material-theme .label-color7-states.label-with-hover:hover {
      background-color: #F06292; }

.euf-material-theme .label-purple, .euf-material-theme .label-color5 {
  border-color: #9C27B0;
  color: #9C27B0; }
  .euf-material-theme .label-purple.label-fill, .euf-material-theme .label-color5.label-fill {
    background-color: #9C27B0;
    color: #fff; }
  .euf-material-theme .label-purple.label-with-hover, .euf-material-theme .label-color5.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-purple.label-with-hover:hover, .euf-material-theme .label-color5.label-with-hover:hover {
      background-color: #9C27B0; }

.euf-material-theme .label-purple-states, .euf-material-theme .label-color5-states {
  border-color: #BA68C8;
  color: #BA68C8; }
  .euf-material-theme .label-purple-states.label-fill, .euf-material-theme .label-color5-states.label-fill {
    background-color: #BA68C8;
    color: #fff; }
  .euf-material-theme .label-purple-states.label-with-hover, .euf-material-theme .label-color5-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-material-theme .label-purple-states.label-with-hover:hover, .euf-material-theme .label-color5-states.label-with-hover:hover {
      background-color: #BA68C8; }

.euf-flat-theme .label-ftospetrol, .euf-flat-theme .label-color10 {
  border-color: #3F5A63;
  color: #3F5A63; }
  .euf-flat-theme .label-ftospetrol.label-fill, .euf-flat-theme .label-color10.label-fill {
    background-color: #3F5A63;
    color: #fff; }
  .euf-flat-theme .label-ftospetrol.label-with-hover, .euf-flat-theme .label-color10.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-ftospetrol.label-with-hover:hover, .euf-flat-theme .label-color10.label-with-hover:hover {
      background-color: #3F5A63; }

.euf-flat-theme .label-ftospetrol-states, .euf-flat-theme .label-color10-states {
  border-color: #3c788c;
  color: #3c788c; }
  .euf-flat-theme .label-ftospetrol-states.label-fill, .euf-flat-theme .label-color10-states.label-fill {
    background-color: #3c788c;
    color: #fff; }
  .euf-flat-theme .label-ftospetrol-states.label-with-hover, .euf-flat-theme .label-color10-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-ftospetrol-states.label-with-hover:hover, .euf-flat-theme .label-color10-states.label-with-hover:hover {
      background-color: #3c788c; }

.euf-flat-theme .label-ftosblue, .euf-flat-theme .label-color9 {
  border-color: #27AAE1;
  color: #27AAE1; }
  .euf-flat-theme .label-ftosblue.label-fill, .euf-flat-theme .label-color9.label-fill {
    background-color: #27AAE1;
    color: #fff; }
  .euf-flat-theme .label-ftosblue.label-with-hover, .euf-flat-theme .label-color9.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-ftosblue.label-with-hover:hover, .euf-flat-theme .label-color9.label-with-hover:hover {
      background-color: #27AAE1; }

.euf-flat-theme .label-ftosblue-states, .euf-flat-theme .label-color9-states {
  border-color: #1c98cc;
  color: #1c98cc; }
  .euf-flat-theme .label-ftosblue-states.label-fill, .euf-flat-theme .label-color9-states.label-fill {
    background-color: #1c98cc;
    color: #fff; }
  .euf-flat-theme .label-ftosblue-states.label-with-hover, .euf-flat-theme .label-color9-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-ftosblue-states.label-with-hover:hover, .euf-flat-theme .label-color9-states.label-with-hover:hover {
      background-color: #1c98cc; }

.euf-flat-theme .label-default, .euf-flat-theme .label-color8 {
  border-color: #95a5a6;
  color: #95a5a6; }
  .euf-flat-theme .label-default.label-fill, .euf-flat-theme .label-color8.label-fill {
    background-color: #95a5a6;
    color: #fff; }
  .euf-flat-theme .label-default.label-with-hover, .euf-flat-theme .label-color8.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-default.label-with-hover:hover, .euf-flat-theme .label-color8.label-with-hover:hover {
      background-color: #95a5a6; }

.euf-flat-theme .label-default-states, .euf-flat-theme .label-color8-states {
  border-color: #7f8c8d;
  color: #7f8c8d; }
  .euf-flat-theme .label-default-states.label-fill, .euf-flat-theme .label-color8-states.label-fill {
    background-color: #7f8c8d;
    color: #fff; }
  .euf-flat-theme .label-default-states.label-with-hover, .euf-flat-theme .label-color8-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-default-states.label-with-hover:hover, .euf-flat-theme .label-color8-states.label-with-hover:hover {
      background-color: #7f8c8d; }

.euf-flat-theme .label-blue, .euf-flat-theme .label-color6 {
  border-color: #34495e;
  color: #34495e; }
  .euf-flat-theme .label-blue.label-fill, .euf-flat-theme .label-color6.label-fill {
    background-color: #34495e;
    color: #fff; }
  .euf-flat-theme .label-blue.label-with-hover, .euf-flat-theme .label-color6.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-blue.label-with-hover:hover, .euf-flat-theme .label-color6.label-with-hover:hover {
      background-color: #34495e; }

.euf-flat-theme .label-blue-states, .euf-flat-theme .label-color6-states {
  border-color: #2c3e50;
  color: #2c3e50; }
  .euf-flat-theme .label-blue-states.label-fill, .euf-flat-theme .label-color6-states.label-fill {
    background-color: #2c3e50;
    color: #fff; }
  .euf-flat-theme .label-blue-states.label-with-hover, .euf-flat-theme .label-color6-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-blue-states.label-with-hover:hover, .euf-flat-theme .label-color6-states.label-with-hover:hover {
      background-color: #2c3e50; }

.euf-flat-theme .label-green, .euf-flat-theme .label-color2 {
  border-color: #2ecc71;
  color: #2ecc71; }
  .euf-flat-theme .label-green.label-fill, .euf-flat-theme .label-color2.label-fill {
    background-color: #2ecc71;
    color: #fff; }
  .euf-flat-theme .label-green.label-with-hover, .euf-flat-theme .label-color2.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-green.label-with-hover:hover, .euf-flat-theme .label-color2.label-with-hover:hover {
      background-color: #2ecc71; }

.euf-flat-theme .label-green-states, .euf-flat-theme .label-color2-states {
  border-color: #27ae60;
  color: #27ae60; }
  .euf-flat-theme .label-green-states.label-fill, .euf-flat-theme .label-color2-states.label-fill {
    background-color: #27ae60;
    color: #fff; }
  .euf-flat-theme .label-green-states.label-with-hover, .euf-flat-theme .label-color2-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-green-states.label-with-hover:hover, .euf-flat-theme .label-color2-states.label-with-hover:hover {
      background-color: #27ae60; }

.euf-flat-theme .label-azure, .euf-flat-theme .label-color1 {
  border-color: #1abc9c;
  color: #1abc9c; }
  .euf-flat-theme .label-azure.label-fill, .euf-flat-theme .label-color1.label-fill {
    background-color: #1abc9c;
    color: #fff; }
  .euf-flat-theme .label-azure.label-with-hover, .euf-flat-theme .label-color1.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-azure.label-with-hover:hover, .euf-flat-theme .label-color1.label-with-hover:hover {
      background-color: #1abc9c; }

.euf-flat-theme .label-azure-states, .euf-flat-theme .label-color1-states {
  border-color: #16a085;
  color: #16a085; }
  .euf-flat-theme .label-azure-states.label-fill, .euf-flat-theme .label-color1-states.label-fill {
    background-color: #16a085;
    color: #fff; }
  .euf-flat-theme .label-azure-states.label-with-hover, .euf-flat-theme .label-color1-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-azure-states.label-with-hover:hover, .euf-flat-theme .label-color1-states.label-with-hover:hover {
      background-color: #16a085; }

.euf-flat-theme .label-orange, .euf-flat-theme .label-color3 {
  border-color: #e67e22;
  color: #e67e22; }
  .euf-flat-theme .label-orange.label-fill, .euf-flat-theme .label-color3.label-fill {
    background-color: #e67e22;
    color: #fff; }
  .euf-flat-theme .label-orange.label-with-hover, .euf-flat-theme .label-color3.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-orange.label-with-hover:hover, .euf-flat-theme .label-color3.label-with-hover:hover {
      background-color: #e67e22; }

.euf-flat-theme .label-orange-states, .euf-flat-theme .label-color3-states {
  border-color: #d35400;
  color: #d35400; }
  .euf-flat-theme .label-orange-states.label-fill, .euf-flat-theme .label-color3-states.label-fill {
    background-color: #d35400;
    color: #fff; }
  .euf-flat-theme .label-orange-states.label-with-hover, .euf-flat-theme .label-color3-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-orange-states.label-with-hover:hover, .euf-flat-theme .label-color3-states.label-with-hover:hover {
      background-color: #d35400; }

.euf-flat-theme .label-red, .euf-flat-theme .label-color4 {
  border-color: #e74c3c;
  color: #e74c3c; }
  .euf-flat-theme .label-red.label-fill, .euf-flat-theme .label-color4.label-fill {
    background-color: #e74c3c;
    color: #fff; }
  .euf-flat-theme .label-red.label-with-hover, .euf-flat-theme .label-color4.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-red.label-with-hover:hover, .euf-flat-theme .label-color4.label-with-hover:hover {
      background-color: #e74c3c; }

.euf-flat-theme .label-red-states, .euf-flat-theme .label-color4-states {
  border-color: #c0392b;
  color: #c0392b; }
  .euf-flat-theme .label-red-states.label-fill, .euf-flat-theme .label-color4-states.label-fill {
    background-color: #c0392b;
    color: #fff; }
  .euf-flat-theme .label-red-states.label-with-hover, .euf-flat-theme .label-color4-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-red-states.label-with-hover:hover, .euf-flat-theme .label-color4-states.label-with-hover:hover {
      background-color: #c0392b; }

.euf-flat-theme .label-pink, .euf-flat-theme .label-color7 {
  border-color: #F08F90;
  color: #F08F90; }
  .euf-flat-theme .label-pink.label-fill, .euf-flat-theme .label-color7.label-fill {
    background-color: #F08F90;
    color: #fff; }
  .euf-flat-theme .label-pink.label-with-hover, .euf-flat-theme .label-color7.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-pink.label-with-hover:hover, .euf-flat-theme .label-color7.label-with-hover:hover {
      background-color: #F08F90; }

.euf-flat-theme .label-pink-states, .euf-flat-theme .label-color7-states {
  border-color: #F47983;
  color: #F47983; }
  .euf-flat-theme .label-pink-states.label-fill, .euf-flat-theme .label-color7-states.label-fill {
    background-color: #F47983;
    color: #fff; }
  .euf-flat-theme .label-pink-states.label-with-hover, .euf-flat-theme .label-color7-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-pink-states.label-with-hover:hover, .euf-flat-theme .label-color7-states.label-with-hover:hover {
      background-color: #F47983; }

.euf-flat-theme .label-purple, .euf-flat-theme .label-color5 {
  border-color: #9b59b6;
  color: #9b59b6; }
  .euf-flat-theme .label-purple.label-fill, .euf-flat-theme .label-color5.label-fill {
    background-color: #9b59b6;
    color: #fff; }
  .euf-flat-theme .label-purple.label-with-hover, .euf-flat-theme .label-color5.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-purple.label-with-hover:hover, .euf-flat-theme .label-color5.label-with-hover:hover {
      background-color: #9b59b6; }

.euf-flat-theme .label-purple-states, .euf-flat-theme .label-color5-states {
  border-color: #8e44ad;
  color: #8e44ad; }
  .euf-flat-theme .label-purple-states.label-fill, .euf-flat-theme .label-color5-states.label-fill {
    background-color: #8e44ad;
    color: #fff; }
  .euf-flat-theme .label-purple-states.label-with-hover, .euf-flat-theme .label-color5-states.label-with-hover {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out; }
    .euf-flat-theme .label-purple-states.label-with-hover:hover, .euf-flat-theme .label-color5-states.label-with-hover:hover {
      background-color: #8e44ad; }

.euf-solid-theme {
  border-radius: 0.125rem; }
  .euf-solid-theme.fintech-os body {
    /*background-image: url(../../../assets/img/fintech-main-solidbg.jpg);*/
    background-position: 50% bottom;
    background-size: cover; }
  .euf-solid-theme.fintech-os:not(.ftos-designer) body.login-wrapper {
    background-position: 5% 40%; }
  .euf-solid-theme.digital-os body {
    background-image: url(../../../assets/img/home_background.jpg);
    background-position: 50% 40%;
    background-size: cover; }
  .euf-solid-theme.fintech-os .navbar .navbar-brand {
    padding-top: 0.5rem; }
    .euf-solid-theme.fintech-os .navbar .navbar-brand .logoImg {
      /*content: url("../../../assets/img/FTOS logo orizontal light-01.png");*/
      /*content: url("../../../../Custom/img/fintech_customer_logo.png");*/
      background: transparent url("../../../assets/img/FTOS logo orizontal light-01.png") no-repeat;
      background-size: contain;
      width: 300px;
      /*height: 100px;*/
      max-height: 100%;
      max-width: 20em; }
  .euf-solid-theme.fintech-os .logo-footer .logo-footer-img {
    background: transparent url("../../../assets/img/FTOS logo icon dark(1)-01.png") no-repeat;
    background-size: contain;
    width: 3em;
    height: 100px;
    max-height: 100%;
    display: inline-block; }
  .euf-solid-theme.fintech-os .card-login .powered-by {
    text-align: center;
    line-height: 2em; }
    .euf-solid-theme.fintech-os .card-login .powered-by .logo-card-login {
      background: transparent url("../../../assets/img/fintech_customer_logo.png") no-repeat center/contain;
      width: 5.5em;
      height: 2em;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: -.12em; }
  .euf-solid-theme.digital-os.dcx360 .navbar .navbar-brand .logoImg {
    background-image: url("../../../assets/img/dcx360 logo orizontal light.png") !important; }
  .euf-solid-theme.digital-os.dcx360 .card-login .logo-card-login {
    background-image: url("../../../assets/img/DCX360 logo orizontal dark.png"); }
  .euf-solid-theme.digital-os .navbar .navbar-header {
    width: 100%; }
  .euf-solid-theme.digital-os .navbar .navbar-brand .logoImg {
    background-image: url("../../../assets/img/DiOS logo orizontal light.png") !important;
    margin-top: 0.5rem;
    background-size: contain;
    background-repeat: no-repeat; }
  .euf-solid-theme.digital-os .logo-footer .logo-footer-img {
    content: url("../../../assets/img/DiOS logo vertical light.png"); }
  .euf-solid-theme.digital-os .card-login .logo-card-login {
    background: transparent url("../../../assets/img/DiOS logo orizontal dark (2).png") no-repeat center/contain;
    width: 5.5em;
    height: 2em;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -.12em; }
  .euf-solid-theme body {
    font-family: 'Solid-Font', sans-serif; }
    .euf-solid-theme body:after {
      opacity: 0.8; }
    .euf-solid-theme body:not(.euf-custom-theme).after-block-blue:after, .euf-solid-theme body:not(.euf-custom-theme).after-block-purple:after, .euf-solid-theme body:not(.euf-custom-theme).after-block-pink:after, .euf-solid-theme body:not(.euf-custom-theme).after-block-red:after {
      background: #001e34; }
    .euf-solid-theme body:not(.euf-custom-theme).after-block-blue-states:after, .euf-solid-theme body:not(.euf-custom-theme).after-block-purple-states:after, .euf-solid-theme body:not(.euf-custom-theme).after-block-pink-states:after, .euf-solid-theme body:not(.euf-custom-theme).after-block-red-states:after {
      background: #040c12; }
    .euf-solid-theme body:not(.euf-custom-theme).after-block-azure:after, .euf-solid-theme body:not(.euf-custom-theme).after-block-orange:after, .euf-solid-theme body:not(.euf-custom-theme).after-block-green:after {
      background: #222222; }
    .euf-solid-theme body:not(.euf-custom-theme).after-block-azure-states:after, .euf-solid-theme body:not(.euf-custom-theme).after-block-orange-states:after, .euf-solid-theme body:not(.euf-custom-theme).after-block-green-states:after {
      background: #111111; }
    .euf-solid-theme body .main-section {
      /*.content-wrapper{
                @include gradient-background(top, map($iosCore, background), darken(map($iosCore, background), 10%) );
             }*/ }
      .euf-solid-theme body .main-section.fintech-login-section:after {
        opacity: 0;
        filter: alpha(opacity=0); }
  .euf-solid-theme .block-ftospetrol, .euf-solid-theme .block-color10 {
    background: -moz-linear-gradient(top, #537682 20%, #3F5A63 100%);
    background: -webkit-linear-gradient(top, #537682 20%, #3F5A63 100%);
    background: linear-gradient(to bottom, #537682 20%, #3F5A63 100%); }
    .euf-solid-theme .block-ftospetrol.navbar, .euf-solid-theme .block-color10.navbar {
      background: -moz-linear-gradient(-45deg, #3F5A63 10%, #4b6b76 50%, #3F5A63 100%);
      background: -webkit-linear-gradient(-45deg, #3F5A63 10%, #4b6b76 50%, #3F5A63 100%);
      background: linear-gradient(135deg, #3F5A63 10%, #4b6b76 50%, #3F5A63 100%); }
  .euf-solid-theme .block-ftospetrol-states, .euf-solid-theme .block-color10-states {
    background: -moz-linear-gradient(top, #4b97b0 20%, #3c788c 100%);
    background: -webkit-linear-gradient(top, #4b97b0 20%, #3c788c 100%);
    background: linear-gradient(to bottom, #4b97b0 20%, #3c788c 100%); }
    .euf-solid-theme .block-ftospetrol-states.navbar, .euf-solid-theme .block-color10-states.navbar {
      background: -moz-linear-gradient(-45deg, #3c788c 10%, #458aa1 50%, #3c788c 100%);
      background: -webkit-linear-gradient(-45deg, #3c788c 10%, #458aa1 50%, #3c788c 100%);
      background: linear-gradient(135deg, #3c788c 10%, #458aa1 50%, #3c788c 100%); }
  .euf-solid-theme .block-ftosblue, .euf-solid-theme .block-color9 {
    background: -moz-linear-gradient(top, #54bce7 20%, #27AAE1 100%);
    background: -webkit-linear-gradient(top, #54bce7 20%, #27AAE1 100%);
    background: linear-gradient(to bottom, #54bce7 20%, #27AAE1 100%); }
    .euf-solid-theme .block-ftosblue.navbar, .euf-solid-theme .block-color9.navbar {
      background: -moz-linear-gradient(-45deg, #27AAE1 10%, #42b5e5 50%, #27AAE1 100%);
      background: -webkit-linear-gradient(-45deg, #27AAE1 10%, #42b5e5 50%, #27AAE1 100%);
      background: linear-gradient(135deg, #27AAE1 10%, #42b5e5 50%, #27AAE1 100%); }
  .euf-solid-theme .block-ftosblue-states, .euf-solid-theme .block-color9-states {
    background: -moz-linear-gradient(top, #37b1e4 20%, #1c98cc 100%);
    background: -webkit-linear-gradient(top, #37b1e4 20%, #1c98cc 100%);
    background: linear-gradient(to bottom, #37b1e4 20%, #1c98cc 100%); }
    .euf-solid-theme .block-ftosblue-states.navbar, .euf-solid-theme .block-color9-states.navbar {
      background: -moz-linear-gradient(-45deg, #1c98cc 10%, #25aae1 50%, #1c98cc 100%);
      background: -webkit-linear-gradient(-45deg, #1c98cc 10%, #25aae1 50%, #1c98cc 100%);
      background: linear-gradient(135deg, #1c98cc 10%, #25aae1 50%, #1c98cc 100%); }
  .euf-solid-theme .block-default, .euf-solid-theme .block-color8 {
    background: -moz-linear-gradient(top, #a2a2a2 20%, #888888 100%);
    background: -webkit-linear-gradient(top, #a2a2a2 20%, #888888 100%);
    background: linear-gradient(to bottom, #a2a2a2 20%, #888888 100%); }
    .euf-solid-theme .block-default.navbar, .euf-solid-theme .block-color8.navbar {
      background: -moz-linear-gradient(-45deg, #888888 10%, #979797 50%, #888888 100%);
      background: -webkit-linear-gradient(-45deg, #888888 10%, #979797 50%, #888888 100%);
      background: linear-gradient(135deg, #888888 10%, #979797 50%, #888888 100%); }
  .euf-solid-theme .block-default-states, .euf-solid-theme .block-color8-states {
    background: -moz-linear-gradient(top, #919191 20%, #777777 100%);
    background: -webkit-linear-gradient(top, #919191 20%, #777777 100%);
    background: linear-gradient(to bottom, #919191 20%, #777777 100%); }
    .euf-solid-theme .block-default-states.navbar, .euf-solid-theme .block-color8-states.navbar {
      background: -moz-linear-gradient(-45deg, #777777 10%, #868686 50%, #777777 100%);
      background: -webkit-linear-gradient(-45deg, #777777 10%, #868686 50%, #777777 100%);
      background: linear-gradient(135deg, #777777 10%, #868686 50%, #777777 100%); }
  .euf-solid-theme .block-blue, .euf-solid-theme .block-color6 {
    background: -moz-linear-gradient(top, #34a8ff 20%, #0192ff 100%);
    background: -webkit-linear-gradient(top, #34a8ff 20%, #0192ff 100%);
    background: linear-gradient(to bottom, #34a8ff 20%, #0192ff 100%); }
    .euf-solid-theme .block-blue.navbar, .euf-solid-theme .block-color6.navbar {
      background: -moz-linear-gradient(-45deg, #0192ff 10%, #209fff 50%, #0192ff 100%);
      background: -webkit-linear-gradient(-45deg, #0192ff 10%, #209fff 50%, #0192ff 100%);
      background: linear-gradient(135deg, #0192ff 10%, #209fff 50%, #0192ff 100%); }
  .euf-solid-theme .block-blue-states, .euf-solid-theme .block-color6-states {
    background: -moz-linear-gradient(top, #409ad5 20%, #2980b9 100%);
    background: -webkit-linear-gradient(top, #409ad5 20%, #2980b9 100%);
    background: linear-gradient(to bottom, #409ad5 20%, #2980b9 100%); }
    .euf-solid-theme .block-blue-states.navbar, .euf-solid-theme .block-color6-states.navbar {
      background: -moz-linear-gradient(-45deg, #2980b9 10%, #3091d1 50%, #2980b9 100%);
      background: -webkit-linear-gradient(-45deg, #2980b9 10%, #3091d1 50%, #2980b9 100%);
      background: linear-gradient(135deg, #2980b9 10%, #3091d1 50%, #2980b9 100%); }
  .euf-solid-theme .block-green, .euf-solid-theme .block-color2 {
    background: -moz-linear-gradient(top, #5bd177 20%, #36c358 100%);
    background: -webkit-linear-gradient(top, #5bd177 20%, #36c358 100%);
    background: linear-gradient(to bottom, #5bd177 20%, #36c358 100%); }
    .euf-solid-theme .block-green.navbar, .euf-solid-theme .block-color2.navbar {
      background: -moz-linear-gradient(-45deg, #36c358 10%, #4bcd6a 50%, #36c358 100%);
      background: -webkit-linear-gradient(-45deg, #36c358 10%, #4bcd6a 50%, #36c358 100%);
      background: linear-gradient(135deg, #36c358 10%, #4bcd6a 50%, #36c358 100%); }
  .euf-solid-theme .block-green-states, .euf-solid-theme .block-color2-states {
    background: -moz-linear-gradient(top, #05d110 20%, #049F0C 100%);
    background: -webkit-linear-gradient(top, #05d110 20%, #049F0C 100%);
    background: linear-gradient(to bottom, #05d110 20%, #049F0C 100%); }
    .euf-solid-theme .block-green-states.navbar, .euf-solid-theme .block-color2-states.navbar {
      background: -moz-linear-gradient(-45deg, #049F0C 10%, #05bd0e 50%, #049F0C 100%);
      background: -webkit-linear-gradient(-45deg, #049F0C 10%, #05bd0e 50%, #049F0C 100%);
      background: linear-gradient(135deg, #049F0C 10%, #05bd0e 50%, #049F0C 100%); }
  .euf-solid-theme .block-azure, .euf-solid-theme .block-color1 {
    background: -moz-linear-gradient(top, #5bc9ec 20%, #2dbae7 100%);
    background: -webkit-linear-gradient(top, #5bc9ec 20%, #2dbae7 100%);
    background: linear-gradient(to bottom, #5bc9ec 20%, #2dbae7 100%); }
    .euf-solid-theme .block-azure.navbar, .euf-solid-theme .block-color1.navbar {
      background: -moz-linear-gradient(-45deg, #2dbae7 10%, #48c3ea 50%, #2dbae7 100%);
      background: -webkit-linear-gradient(-45deg, #2dbae7 10%, #48c3ea 50%, #2dbae7 100%);
      background: linear-gradient(135deg, #2dbae7 10%, #48c3ea 50%, #2dbae7 100%); }
  .euf-solid-theme .block-azure-states, .euf-solid-theme .block-color1-states {
    background: -moz-linear-gradient(top, #51bbdd 20%, #29a9d2 100%);
    background: -webkit-linear-gradient(top, #51bbdd 20%, #29a9d2 100%);
    background: linear-gradient(to bottom, #51bbdd 20%, #29a9d2 100%); }
    .euf-solid-theme .block-azure-states.navbar, .euf-solid-theme .block-color1-states.navbar {
      background: -moz-linear-gradient(-45deg, #29a9d2 10%, #40b4da 50%, #29a9d2 100%);
      background: -webkit-linear-gradient(-45deg, #29a9d2 10%, #40b4da 50%, #29a9d2 100%);
      background: linear-gradient(135deg, #29a9d2 10%, #40b4da 50%, #29a9d2 100%); }
  .euf-solid-theme .block-orange, .euf-solid-theme .block-color3 {
    background: -moz-linear-gradient(top, #fedb34 20%, #fed201 100%);
    background: -webkit-linear-gradient(top, #fedb34 20%, #fed201 100%);
    background: linear-gradient(to bottom, #fedb34 20%, #fed201 100%); }
    .euf-solid-theme .block-orange.navbar, .euf-solid-theme .block-color3.navbar {
      background: -moz-linear-gradient(-45deg, #fed201 10%, #fed71f 50%, #fed201 100%);
      background: -webkit-linear-gradient(-45deg, #fed201 10%, #fed71f 50%, #fed201 100%);
      background: linear-gradient(135deg, #fed201 10%, #fed71f 50%, #fed201 100%); }
  .euf-solid-theme .block-orange-states, .euf-solid-theme .block-color3-states {
    background: -moz-linear-gradient(top, #ffce3a 20%, #FFC107 100%);
    background: -webkit-linear-gradient(top, #ffce3a 20%, #FFC107 100%);
    background: linear-gradient(to bottom, #ffce3a 20%, #FFC107 100%); }
    .euf-solid-theme .block-orange-states.navbar, .euf-solid-theme .block-color3-states.navbar {
      background: -moz-linear-gradient(-45deg, #FFC107 10%, #ffc926 50%, #FFC107 100%);
      background: -webkit-linear-gradient(-45deg, #FFC107 10%, #ffc926 50%, #FFC107 100%);
      background: linear-gradient(135deg, #FFC107 10%, #ffc926 50%, #FFC107 100%); }
  .euf-solid-theme .block-red, .euf-solid-theme .block-color4 {
    background: -moz-linear-gradient(top, #ff8067 20%, #ff5534 100%);
    background: -webkit-linear-gradient(top, #ff8067 20%, #ff5534 100%);
    background: linear-gradient(to bottom, #ff8067 20%, #ff5534 100%); }
    .euf-solid-theme .block-red.navbar, .euf-solid-theme .block-color4.navbar {
      background: -moz-linear-gradient(-45deg, #ff5534 10%, #ff6f53 50%, #ff5534 100%);
      background: -webkit-linear-gradient(-45deg, #ff5534 10%, #ff6f53 50%, #ff5534 100%);
      background: linear-gradient(135deg, #ff5534 10%, #ff6f53 50%, #ff5534 100%); }
  .euf-solid-theme .block-red-states, .euf-solid-theme .block-color4-states {
    background: -moz-linear-gradient(top, #de675c 20%, #d64031 100%);
    background: -webkit-linear-gradient(top, #de675c 20%, #d64031 100%);
    background: linear-gradient(to bottom, #de675c 20%, #d64031 100%); }
    .euf-solid-theme .block-red-states.navbar, .euf-solid-theme .block-color4-states.navbar {
      background: -moz-linear-gradient(-45deg, #d64031 10%, #db584b 50%, #d64031 100%);
      background: -webkit-linear-gradient(-45deg, #d64031 10%, #db584b 50%, #d64031 100%);
      background: linear-gradient(135deg, #d64031 10%, #db584b 50%, #d64031 100%); }
  .euf-solid-theme .block-pink, .euf-solid-theme .block-color7 {
    background: -moz-linear-gradient(top, #fe7d90 20%, #fe4a65 100%);
    background: -webkit-linear-gradient(top, #fe7d90 20%, #fe4a65 100%);
    background: linear-gradient(to bottom, #fe7d90 20%, #fe4a65 100%); }
    .euf-solid-theme .block-pink.navbar, .euf-solid-theme .block-color7.navbar {
      background: -moz-linear-gradient(-45deg, #fe4a65 10%, #fe687f 50%, #fe4a65 100%);
      background: -webkit-linear-gradient(-45deg, #fe4a65 10%, #fe687f 50%, #fe4a65 100%);
      background: linear-gradient(135deg, #fe4a65 10%, #fe687f 50%, #fe4a65 100%); }
  .euf-solid-theme .block-pink-states, .euf-solid-theme .block-color7-states {
    background: -moz-linear-gradient(top, #e76a7c 20%, #e03e56 100%);
    background: -webkit-linear-gradient(top, #e76a7c 20%, #e03e56 100%);
    background: linear-gradient(to bottom, #e76a7c 20%, #e03e56 100%); }
    .euf-solid-theme .block-pink-states.navbar, .euf-solid-theme .block-color7-states.navbar {
      background: -moz-linear-gradient(-45deg, #e03e56 10%, #e4586d 50%, #e03e56 100%);
      background: -webkit-linear-gradient(-45deg, #e03e56 10%, #e4586d 50%, #e03e56 100%);
      background: linear-gradient(135deg, #e03e56 10%, #e4586d 50%, #e03e56 100%); }
  .euf-solid-theme .block-purple, .euf-solid-theme .block-color5 {
    background: -moz-linear-gradient(top, #b07cc6 20%, #9b59b6 100%);
    background: -webkit-linear-gradient(top, #b07cc6 20%, #9b59b6 100%);
    background: linear-gradient(to bottom, #b07cc6 20%, #9b59b6 100%); }
    .euf-solid-theme .block-purple.navbar, .euf-solid-theme .block-color5.navbar {
      background: -moz-linear-gradient(-45deg, #9b59b6 10%, #a86ebf 50%, #9b59b6 100%);
      background: -webkit-linear-gradient(-45deg, #9b59b6 10%, #a86ebf 50%, #9b59b6 100%);
      background: linear-gradient(135deg, #9b59b6 10%, #a86ebf 50%, #9b59b6 100%); }
  .euf-solid-theme .block-purple-states, .euf-solid-theme .block-color5-states {
    background: -moz-linear-gradient(top, #b345c6 20%, #9433a5 100%);
    background: -webkit-linear-gradient(top, #b345c6 20%, #9433a5 100%);
    background: linear-gradient(to bottom, #b345c6 20%, #9433a5 100%); }
    .euf-solid-theme .block-purple-states.navbar, .euf-solid-theme .block-color5-states.navbar {
      background: -moz-linear-gradient(-45deg, #9433a5 10%, #a93abc 50%, #9433a5 100%);
      background: -webkit-linear-gradient(-45deg, #9433a5 10%, #a93abc 50%, #9433a5 100%);
      background: linear-gradient(135deg, #9433a5 10%, #a93abc 50%, #9433a5 100%); }
  .euf-solid-theme .after-block-ftospetrol:after, .euf-solid-theme .after-block-color10:after {
    background: -moz-radial-gradient(center, #496873 20%, #3F5A63 100%);
    background: -webkit-radial-gradient(center, #496873 20%, #3F5A63 100%);
    background: radial-gradient(ellipse at center, #496873 20%, #3F5A63 100%); }
  .euf-solid-theme .after-block-ftospetrol-states:after, .euf-solid-theme .after-block-color10-states:after {
    background: -moz-radial-gradient(center, #44879e 20%, #3c788c 100%);
    background: -webkit-radial-gradient(center, #44879e 20%, #3c788c 100%);
    background: radial-gradient(ellipse at center, #44879e 20%, #3c788c 100%); }
  .euf-solid-theme .after-block-ftosblue:after, .euf-solid-theme .after-block-color9:after {
    background: -moz-radial-gradient(center, #3db3e4 20%, #27AAE1 100%);
    background: -webkit-radial-gradient(center, #3db3e4 20%, #27AAE1 100%);
    background: radial-gradient(ellipse at center, #3db3e4 20%, #27AAE1 100%); }
  .euf-solid-theme .after-block-ftosblue-states:after, .euf-solid-theme .after-block-color9-states:after {
    background: -moz-radial-gradient(center, #21a8e1 20%, #1c98cc 100%);
    background: -webkit-radial-gradient(center, #21a8e1 20%, #1c98cc 100%);
    background: radial-gradient(ellipse at center, #21a8e1 20%, #1c98cc 100%); }
  .euf-solid-theme .after-block-default:after, .euf-solid-theme .after-block-color8:after {
    background: -moz-radial-gradient(center, #959595 20%, #888888 100%);
    background: -webkit-radial-gradient(center, #959595 20%, #888888 100%);
    background: radial-gradient(ellipse at center, #959595 20%, #888888 100%); }
  .euf-solid-theme .after-block-default-states:after, .euf-solid-theme .after-block-color8-states:after {
    background: -moz-radial-gradient(center, #848484 20%, #777777 100%);
    background: -webkit-radial-gradient(center, #848484 20%, #777777 100%);
    background: radial-gradient(ellipse at center, #848484 20%, #777777 100%); }
  .euf-solid-theme .after-block-blue:after, .euf-solid-theme .after-block-color6:after {
    background: -moz-radial-gradient(center, #1b9dff 20%, #0192ff 100%);
    background: -webkit-radial-gradient(center, #1b9dff 20%, #0192ff 100%);
    background: radial-gradient(ellipse at center, #1b9dff 20%, #0192ff 100%); }
  .euf-solid-theme .after-block-blue-states:after, .euf-solid-theme .after-block-color6-states:after {
    background: -moz-radial-gradient(center, #2e8ece 20%, #2980b9 100%);
    background: -webkit-radial-gradient(center, #2e8ece 20%, #2980b9 100%);
    background: radial-gradient(ellipse at center, #2e8ece 20%, #2980b9 100%); }
  .euf-solid-theme .after-block-green:after, .euf-solid-theme .after-block-color2:after {
    background: -moz-radial-gradient(center, #47cc67 20%, #36c358 100%);
    background: -webkit-radial-gradient(center, #47cc67 20%, #36c358 100%);
    background: radial-gradient(ellipse at center, #47cc67 20%, #36c358 100%); }
  .euf-solid-theme .after-block-green-states:after, .euf-solid-theme .after-block-color2-states:after {
    background: -moz-radial-gradient(center, #05b80e 20%, #049F0C 100%);
    background: -webkit-radial-gradient(center, #05b80e 20%, #049F0C 100%);
    background: radial-gradient(ellipse at center, #05b80e 20%, #049F0C 100%); }
  .euf-solid-theme .after-block-azure:after, .euf-solid-theme .after-block-color1:after {
    background: -moz-radial-gradient(center, #44c2ea 20%, #2dbae7 100%);
    background: -webkit-radial-gradient(center, #44c2ea 20%, #2dbae7 100%);
    background: radial-gradient(ellipse at center, #44c2ea 20%, #2dbae7 100%); }
  .euf-solid-theme .after-block-azure-states:after, .euf-solid-theme .after-block-color1-states:after {
    background: -moz-radial-gradient(center, #3cb3d9 20%, #29a9d2 100%);
    background: -webkit-radial-gradient(center, #3cb3d9 20%, #29a9d2 100%);
    background: radial-gradient(ellipse at center, #3cb3d9 20%, #29a9d2 100%); }
  .euf-solid-theme .after-block-orange:after, .euf-solid-theme .after-block-color3:after {
    background: -moz-radial-gradient(center, #fed71a 20%, #fed201 100%);
    background: -webkit-radial-gradient(center, #fed71a 20%, #fed201 100%);
    background: radial-gradient(ellipse at center, #fed71a 20%, #fed201 100%); }
  .euf-solid-theme .after-block-orange-states:after, .euf-solid-theme .after-block-color3-states:after {
    background: -moz-radial-gradient(center, #ffc721 20%, #FFC107 100%);
    background: -webkit-radial-gradient(center, #ffc721 20%, #FFC107 100%);
    background: radial-gradient(ellipse at center, #ffc721 20%, #FFC107 100%); }
  .euf-solid-theme .after-block-red:after, .euf-solid-theme .after-block-color4:after {
    background: -moz-radial-gradient(center, #ff6a4e 20%, #ff5534 100%);
    background: -webkit-radial-gradient(center, #ff6a4e 20%, #ff5534 100%);
    background: radial-gradient(ellipse at center, #ff6a4e 20%, #ff5534 100%); }
  .euf-solid-theme .after-block-red-states:after, .euf-solid-theme .after-block-color4-states:after {
    background: -moz-radial-gradient(center, #da5446 20%, #d64031 100%);
    background: -webkit-radial-gradient(center, #da5446 20%, #d64031 100%);
    background: radial-gradient(ellipse at center, #da5446 20%, #d64031 100%); }
  .euf-solid-theme .after-block-pink:after, .euf-solid-theme .after-block-color7:after {
    background: -moz-radial-gradient(center, #fe637b 20%, #fe4a65 100%);
    background: -webkit-radial-gradient(center, #fe637b 20%, #fe4a65 100%);
    background: radial-gradient(ellipse at center, #fe637b 20%, #fe4a65 100%); }
  .euf-solid-theme .after-block-pink-states:after, .euf-solid-theme .after-block-color7-states:after {
    background: -moz-radial-gradient(center, #e45469 20%, #e03e56 100%);
    background: -webkit-radial-gradient(center, #e45469 20%, #e03e56 100%);
    background: radial-gradient(ellipse at center, #e45469 20%, #e03e56 100%); }
  .euf-solid-theme .after-block-purple:after, .euf-solid-theme .after-block-color5:after {
    background: -moz-radial-gradient(center, #a66bbe 20%, #9b59b6 100%);
    background: -webkit-radial-gradient(center, #a66bbe 20%, #9b59b6 100%);
    background: radial-gradient(ellipse at center, #a66bbe 20%, #9b59b6 100%); }
  .euf-solid-theme .after-block-purple-states:after, .euf-solid-theme .after-block-color5-states:after {
    background: -moz-radial-gradient(center, #a539b8 20%, #9433a5 100%);
    background: -webkit-radial-gradient(center, #a539b8 20%, #9433a5 100%);
    background: radial-gradient(ellipse at center, #a539b8 20%, #9433a5 100%); }
  .euf-solid-theme .circle.purple, .euf-solid-theme .square.purple, .euf-solid-theme .rhombus.purple {
    background: -moz-linear-gradient(45deg, rgba(155, 89, 182, 0.7) 20%, #9433a5 100%);
    background: -webkit-linear-gradient(45deg, rgba(155, 89, 182, 0.7) 20%, #9433a5 100%);
    background: linear-gradient(45deg, rgba(155, 89, 182, 0.7) 20%, #9433a5 100%); }
    .euf-solid-theme .circle.purple.bordered, .euf-solid-theme .square.purple.bordered, .euf-solid-theme .rhombus.purple.bordered {
      border: 1rem solid rgba(155, 89, 182, 0.7); }
  .euf-solid-theme .circle.blue, .euf-solid-theme .square.blue, .euf-solid-theme .rhombus.blue {
    background: -moz-linear-gradient(45deg, rgba(1, 146, 255, 0.7) 20%, #2980b9 100%);
    background: -webkit-linear-gradient(45deg, rgba(1, 146, 255, 0.7) 20%, #2980b9 100%);
    background: linear-gradient(45deg, rgba(1, 146, 255, 0.7) 20%, #2980b9 100%); }
    .euf-solid-theme .circle.blue.bordered, .euf-solid-theme .square.blue.bordered, .euf-solid-theme .rhombus.blue.bordered {
      border: 1rem solid rgba(1, 146, 255, 0.7); }
  .euf-solid-theme .circle.azure, .euf-solid-theme .square.azure, .euf-solid-theme .rhombus.azure {
    background: -moz-linear-gradient(45deg, rgba(45, 186, 231, 0.7) 20%, #29a9d2 100%);
    background: -webkit-linear-gradient(45deg, rgba(45, 186, 231, 0.7) 20%, #29a9d2 100%);
    background: linear-gradient(45deg, rgba(45, 186, 231, 0.7) 20%, #29a9d2 100%); }
    .euf-solid-theme .circle.azure.bordered, .euf-solid-theme .square.azure.bordered, .euf-solid-theme .rhombus.azure.bordered {
      border: 1rem solid rgba(45, 186, 231, 0.7); }
  .euf-solid-theme .circle.green, .euf-solid-theme .square.green, .euf-solid-theme .rhombus.green {
    background: -moz-linear-gradient(45deg, rgba(54, 195, 88, 0.7) 20%, #049F0C 100%);
    background: -webkit-linear-gradient(45deg, rgba(54, 195, 88, 0.7) 20%, #049F0C 100%);
    background: linear-gradient(45deg, rgba(54, 195, 88, 0.7) 20%, #049F0C 100%); }
    .euf-solid-theme .circle.green.bordered, .euf-solid-theme .square.green.bordered, .euf-solid-theme .rhombus.green.bordered {
      border: 1rem solid rgba(54, 195, 88, 0.7); }
  .euf-solid-theme .circle.orange, .euf-solid-theme .square.orange, .euf-solid-theme .rhombus.orange {
    background: -moz-linear-gradient(45deg, rgba(254, 210, 1, 0.7) 20%, #FFC107 100%);
    background: -webkit-linear-gradient(45deg, rgba(254, 210, 1, 0.7) 20%, #FFC107 100%);
    background: linear-gradient(45deg, rgba(254, 210, 1, 0.7) 20%, #FFC107 100%); }
    .euf-solid-theme .circle.orange.bordered, .euf-solid-theme .square.orange.bordered, .euf-solid-theme .rhombus.orange.bordered {
      border: 1rem solid rgba(254, 210, 1, 0.7); }
  .euf-solid-theme .circle.blue, .euf-solid-theme .square.blue, .euf-solid-theme .rhombus.blue {
    background: -moz-linear-gradient(45deg, rgba(1, 146, 255, 0.7) 20%, #2980b9 100%);
    background: -webkit-linear-gradient(45deg, rgba(1, 146, 255, 0.7) 20%, #2980b9 100%);
    background: linear-gradient(45deg, rgba(1, 146, 255, 0.7) 20%, #2980b9 100%); }
    .euf-solid-theme .circle.blue.bordered, .euf-solid-theme .square.blue.bordered, .euf-solid-theme .rhombus.blue.bordered {
      border: 1rem solid rgba(1, 146, 255, 0.7); }
  .euf-solid-theme .circle.red, .euf-solid-theme .square.red, .euf-solid-theme .rhombus.red {
    background: -moz-linear-gradient(45deg, rgba(255, 85, 52, 0.7) 20%, #d64031 100%);
    background: -webkit-linear-gradient(45deg, rgba(255, 85, 52, 0.7) 20%, #d64031 100%);
    background: linear-gradient(45deg, rgba(255, 85, 52, 0.7) 20%, #d64031 100%); }
    .euf-solid-theme .circle.red.bordered, .euf-solid-theme .square.red.bordered, .euf-solid-theme .rhombus.red.bordered {
      border: 1rem solid rgba(255, 85, 52, 0.7); }
  .euf-solid-theme .circle.pink, .euf-solid-theme .square.pink, .euf-solid-theme .rhombus.pink {
    background: -moz-linear-gradient(45deg, rgba(254, 74, 101, 0.7) 20%, #e03e56 100%);
    background: -webkit-linear-gradient(45deg, rgba(254, 74, 101, 0.7) 20%, #e03e56 100%);
    background: linear-gradient(45deg, rgba(254, 74, 101, 0.7) 20%, #e03e56 100%); }
    .euf-solid-theme .circle.pink.bordered, .euf-solid-theme .square.pink.bordered, .euf-solid-theme .rhombus.pink.bordered {
      border: 1rem solid rgba(254, 74, 101, 0.7); }
  .euf-solid-theme asside.ebs-ui-config {
    -webkit-box-shadow: 0 0.5rem 0.625rem 0.0625rem rgba(0, 0, 0, 0.14),0 0.187rem 0.875rem 0.125rem rgba(0, 0, 0, 0.12),0 0.3125rem 0.3125rem -0.187rem rgba(0, 0, 0, 0.3);
    box-shadow: 0 0.5rem 0.625rem 0.0625rem rgba(0, 0, 0, 0.14),0 0.187rem 0.875rem 0.125rem rgba(0, 0, 0, 0.12),0 0.3125rem 0.3125rem -0.187rem rgba(0, 0, 0, 0.3);
    background-color: #fff; }
  .euf-solid-theme .login-error-message span {
    color: #ff5534; }
  .euf-solid-theme .main-container .main-header li.active {
    border-bottom: 5px solid #fed201; }

.euf-flat-theme {
  border-radius: 0.125rem; }
  .euf-flat-theme.fintech-os body, .euf-flat-theme.digital-os body {
    background-image: url(../../../assets/img/fintech-main-flatbg.png);
    background-position: 50%;
    background-size: cover; }
  .euf-flat-theme.fintech-os:not(.ftos-designer) body.login-wrapper {
    background-position: 5% 40%; }
  .euf-flat-theme.fintech-os .navbar .navbar-brand {
    padding-top: 0.5rem; }
    .euf-flat-theme.fintech-os .navbar .navbar-brand .logoImg {
      /*content: url("../../../assets/img/FTOS logo orizontal light-01.png");*/
      /*content: url("../../../../Custom/img/fintech_customer_logo.png");*/
      background: transparent url("../../../assets/img/FTOS logo orizontal light-01.png") no-repeat;
      background-size: contain;
      width: 300px;
      /*height: 100px;*/
      max-height: 100%;
      max-width: 20em; }
  .euf-flat-theme.fintech-os .logo-footer .logo-footer-img {
    background: transparent url("../../../assets/img/FTOS logo icon dark(1)-01.png") no-repeat;
    background-size: contain;
    width: 3em;
    height: 100px;
    max-height: 100%;
    display: inline-block; }
  .euf-flat-theme.fintech-os .card-login .powered-by {
    text-align: center;
    line-height: 2em; }
    .euf-flat-theme.fintech-os .card-login .powered-by .logo-card-login {
      background: transparent url("../../../assets/img/fintech_customer_logo.png") no-repeat center/contain;
      width: 5.5em;
      height: 2em;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: -.12em; }
  .euf-flat-theme.digital-os.dcx360 .navbar .navbar-brand .logoImg {
    background-image: url("../../../assets/img/dcx360 logo orizontal light.png") !important; }
  .euf-flat-theme.digital-os.dcx360 .card-login .logo-card-login {
    background-image: url("../../../assets/img/DCX360 logo orizontal dark.png"); }
  .euf-flat-theme.digital-os .navbar .navbar-header {
    width: 100%; }
  .euf-flat-theme.digital-os .navbar .navbar-brand .logoImg {
    background-image: url("../../../assets/img/DiOS logo orizontal light.png") !important;
    margin-top: 0.5rem;
    background-size: contain;
    background-repeat: no-repeat; }
  .euf-flat-theme.digital-os .logo-footer .logo-footer-img {
    content: url("../../../assets/img/DiOS logo vertical light.png"); }
  .euf-flat-theme.digital-os .card-login .logo-card-login {
    background: transparent url("../../../assets/img/DiOS logo orizontal dark (2).png") no-repeat center/contain;
    width: 5.5em;
    height: 2em;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -.12em; }
  .euf-flat-theme body {
    font-family: 'Flat-Font', sans-serif; }
    .euf-flat-theme body:after {
      opacity: 0.9; }
    .euf-flat-theme body:not(.euf-custom-theme).after-block-blue:after, .euf-flat-theme body:not(.euf-custom-theme).after-block-purple:after, .euf-flat-theme body:not(.euf-custom-theme).after-block-pink:after, .euf-flat-theme body:not(.euf-custom-theme).after-block-red:after {
      background: #2b3c4e; }
    .euf-flat-theme body:not(.euf-custom-theme).after-block-blue-states:after, .euf-flat-theme body:not(.euf-custom-theme).after-block-purple-states:after, .euf-flat-theme body:not(.euf-custom-theme).after-block-pink-states:after, .euf-flat-theme body:not(.euf-custom-theme).after-block-red-states:after {
      background: #233140; }
    .euf-flat-theme body:not(.euf-custom-theme).after-block-azure:after, .euf-flat-theme body:not(.euf-custom-theme).after-block-orange:after, .euf-flat-theme body:not(.euf-custom-theme).after-block-green:after {
      background: #87999a; }
    .euf-flat-theme body:not(.euf-custom-theme).after-block-azure-states:after, .euf-flat-theme body:not(.euf-custom-theme).after-block-orange-states:after, .euf-flat-theme body:not(.euf-custom-theme).after-block-green-states:after {
      background: #727f80; }
    .euf-flat-theme body .main-section {
      /*.content-wrapper{
                background-color: map($flatCore, background);
            }*/ }
      .euf-flat-theme body .main-section.fintech-login-section:after {
        opacity: 0.7;
        filter: alpha(opacity=70); }
  .euf-flat-theme .block-ftospetrol, .euf-flat-theme .block-color10 {
    background: #3F5A63; }
  .euf-flat-theme .block-ftospetrol-states, .euf-flat-theme .block-color10-states {
    background: #3c788c; }
  .euf-flat-theme .block-ftosblue, .euf-flat-theme .block-color9 {
    background: #27AAE1; }
  .euf-flat-theme .block-ftosblue-states, .euf-flat-theme .block-color9-states {
    background: #1c98cc; }
  .euf-flat-theme .block-default, .euf-flat-theme .block-color8 {
    background: #95a5a6; }
  .euf-flat-theme .block-default-states, .euf-flat-theme .block-color8-states {
    background: #7f8c8d; }
  .euf-flat-theme .block-blue, .euf-flat-theme .block-color6 {
    background: #34495e; }
  .euf-flat-theme .block-blue-states, .euf-flat-theme .block-color6-states {
    background: #2c3e50; }
  .euf-flat-theme .block-green, .euf-flat-theme .block-color2 {
    background: #2ecc71; }
  .euf-flat-theme .block-green-states, .euf-flat-theme .block-color2-states {
    background: #27ae60; }
  .euf-flat-theme .block-azure, .euf-flat-theme .block-color1 {
    background: #1abc9c; }
  .euf-flat-theme .block-azure-states, .euf-flat-theme .block-color1-states {
    background: #16a085; }
  .euf-flat-theme .block-orange, .euf-flat-theme .block-color3 {
    background: #e67e22; }
  .euf-flat-theme .block-orange-states, .euf-flat-theme .block-color3-states {
    background: #d35400; }
  .euf-flat-theme .block-red, .euf-flat-theme .block-color4 {
    background: #e74c3c; }
  .euf-flat-theme .block-red-states, .euf-flat-theme .block-color4-states {
    background: #c0392b; }
  .euf-flat-theme .block-pink, .euf-flat-theme .block-color7 {
    background: #F08F90; }
  .euf-flat-theme .block-pink-states, .euf-flat-theme .block-color7-states {
    background: #F47983; }
  .euf-flat-theme .block-purple, .euf-flat-theme .block-color5 {
    background: #9b59b6; }
  .euf-flat-theme .block-purple-states, .euf-flat-theme .block-color5-states {
    background: #8e44ad; }
  .euf-flat-theme .after-block-ftospetrol::after, .euf-flat-theme .after-block-color10::after {
    background: #3F5A63; }
  .euf-flat-theme .after-block-ftospetrol-states::after, .euf-flat-theme .after-block-color10-states::after {
    background: #3c788c; }
  .euf-flat-theme .after-block-ftosblue::after, .euf-flat-theme .after-block-color9::after {
    background: #27AAE1; }
  .euf-flat-theme .after-block-ftosblue-states::after, .euf-flat-theme .after-block-color9-states::after {
    background: #1c98cc; }
  .euf-flat-theme .after-block-default::after, .euf-flat-theme .after-block-color8::after {
    background: #95a5a6; }
  .euf-flat-theme .after-block-default-states::after, .euf-flat-theme .after-block-color8-states::after {
    background: #7f8c8d; }
  .euf-flat-theme .after-block-blue::after, .euf-flat-theme .after-block-color6::after {
    background: #34495e; }
  .euf-flat-theme .after-block-blue-states::after, .euf-flat-theme .after-block-color6-states::after {
    background: #2c3e50; }
  .euf-flat-theme .after-block-green::after, .euf-flat-theme .after-block-color2::after {
    background: #2ecc71; }
  .euf-flat-theme .after-block-green-states::after, .euf-flat-theme .after-block-color2-states::after {
    background: #27ae60; }
  .euf-flat-theme .after-block-azure::after, .euf-flat-theme .after-block-color1::after {
    background: #1abc9c; }
  .euf-flat-theme .after-block-azure-states::after, .euf-flat-theme .after-block-color1-states::after {
    background: #16a085; }
  .euf-flat-theme .after-block-orange::after, .euf-flat-theme .after-block-color3::after {
    background: #e67e22; }
  .euf-flat-theme .after-block-orange-states::after, .euf-flat-theme .after-block-color3-states::after {
    background: #d35400; }
  .euf-flat-theme .after-block-red::after, .euf-flat-theme .after-block-color4::after {
    background: #e74c3c; }
  .euf-flat-theme .after-block-red-states::after, .euf-flat-theme .after-block-color4-states::after {
    background: #c0392b; }
  .euf-flat-theme .after-block-pink::after, .euf-flat-theme .after-block-color7::after {
    background: #F08F90; }
  .euf-flat-theme .after-block-pink-states::after, .euf-flat-theme .after-block-color7-states::after {
    background: #F47983; }
  .euf-flat-theme .after-block-purple::after, .euf-flat-theme .after-block-color5::after {
    background: #9b59b6; }
  .euf-flat-theme .after-block-purple-states::after, .euf-flat-theme .after-block-color5-states::after {
    background: #8e44ad; }
  .euf-flat-theme .circle.purple, .euf-flat-theme .square.purple, .euf-flat-theme .rhombus.purple {
    background: -moz-linear-gradient(45deg, rgba(155, 89, 182, 0.7) 20%, #8e44ad 100%);
    background: -webkit-linear-gradient(45deg, rgba(155, 89, 182, 0.7) 20%, #8e44ad 100%);
    background: linear-gradient(45deg, rgba(155, 89, 182, 0.7) 20%, #8e44ad 100%); }
    .euf-flat-theme .circle.purple.bordered, .euf-flat-theme .square.purple.bordered, .euf-flat-theme .rhombus.purple.bordered {
      border: 1rem solid rgba(155, 89, 182, 0.7); }
  .euf-flat-theme .circle.blue, .euf-flat-theme .square.blue, .euf-flat-theme .rhombus.blue {
    background: -moz-linear-gradient(45deg, rgba(52, 73, 94, 0.7) 20%, #2c3e50 100%);
    background: -webkit-linear-gradient(45deg, rgba(52, 73, 94, 0.7) 20%, #2c3e50 100%);
    background: linear-gradient(45deg, rgba(52, 73, 94, 0.7) 20%, #2c3e50 100%); }
    .euf-flat-theme .circle.blue.bordered, .euf-flat-theme .square.blue.bordered, .euf-flat-theme .rhombus.blue.bordered {
      border: 1rem solid rgba(52, 73, 94, 0.7); }
  .euf-flat-theme .circle.azure, .euf-flat-theme .square.azure, .euf-flat-theme .rhombus.azure {
    background: -moz-linear-gradient(45deg, rgba(26, 188, 156, 0.7) 20%, #16a085 100%);
    background: -webkit-linear-gradient(45deg, rgba(26, 188, 156, 0.7) 20%, #16a085 100%);
    background: linear-gradient(45deg, rgba(26, 188, 156, 0.7) 20%, #16a085 100%); }
    .euf-flat-theme .circle.azure.bordered, .euf-flat-theme .square.azure.bordered, .euf-flat-theme .rhombus.azure.bordered {
      border: 1rem solid rgba(26, 188, 156, 0.7); }
  .euf-flat-theme .circle.green, .euf-flat-theme .square.green, .euf-flat-theme .rhombus.green {
    background: -moz-linear-gradient(45deg, rgba(46, 204, 113, 0.7) 20%, #27ae60 100%);
    background: -webkit-linear-gradient(45deg, rgba(46, 204, 113, 0.7) 20%, #27ae60 100%);
    background: linear-gradient(45deg, rgba(46, 204, 113, 0.7) 20%, #27ae60 100%); }
    .euf-flat-theme .circle.green.bordered, .euf-flat-theme .square.green.bordered, .euf-flat-theme .rhombus.green.bordered {
      border: 1rem solid rgba(46, 204, 113, 0.7); }
  .euf-flat-theme .circle.orange, .euf-flat-theme .square.orange, .euf-flat-theme .rhombus.orange {
    background: -moz-linear-gradient(45deg, rgba(230, 126, 34, 0.7) 20%, #d35400 100%);
    background: -webkit-linear-gradient(45deg, rgba(230, 126, 34, 0.7) 20%, #d35400 100%);
    background: linear-gradient(45deg, rgba(230, 126, 34, 0.7) 20%, #d35400 100%); }
    .euf-flat-theme .circle.orange.bordered, .euf-flat-theme .square.orange.bordered, .euf-flat-theme .rhombus.orange.bordered {
      border: 1rem solid rgba(230, 126, 34, 0.7); }
  .euf-flat-theme .circle.blue, .euf-flat-theme .square.blue, .euf-flat-theme .rhombus.blue {
    background: -moz-linear-gradient(45deg, rgba(52, 73, 94, 0.7) 20%, #2c3e50 100%);
    background: -webkit-linear-gradient(45deg, rgba(52, 73, 94, 0.7) 20%, #2c3e50 100%);
    background: linear-gradient(45deg, rgba(52, 73, 94, 0.7) 20%, #2c3e50 100%); }
    .euf-flat-theme .circle.blue.bordered, .euf-flat-theme .square.blue.bordered, .euf-flat-theme .rhombus.blue.bordered {
      border: 1rem solid rgba(52, 73, 94, 0.7); }
  .euf-flat-theme .circle.red, .euf-flat-theme .square.red, .euf-flat-theme .rhombus.red {
    background: -moz-linear-gradient(45deg, rgba(231, 76, 60, 0.7) 20%, #c0392b 100%);
    background: -webkit-linear-gradient(45deg, rgba(231, 76, 60, 0.7) 20%, #c0392b 100%);
    background: linear-gradient(45deg, rgba(231, 76, 60, 0.7) 20%, #c0392b 100%); }
    .euf-flat-theme .circle.red.bordered, .euf-flat-theme .square.red.bordered, .euf-flat-theme .rhombus.red.bordered {
      border: 1rem solid rgba(231, 76, 60, 0.7); }
  .euf-flat-theme .circle.pink, .euf-flat-theme .square.pink, .euf-flat-theme .rhombus.pink {
    background: -moz-linear-gradient(45deg, rgba(240, 143, 144, 0.7) 20%, #F47983 100%);
    background: -webkit-linear-gradient(45deg, rgba(240, 143, 144, 0.7) 20%, #F47983 100%);
    background: linear-gradient(45deg, rgba(240, 143, 144, 0.7) 20%, #F47983 100%); }
    .euf-flat-theme .circle.pink.bordered, .euf-flat-theme .square.pink.bordered, .euf-flat-theme .rhombus.pink.bordered {
      border: 1rem solid rgba(240, 143, 144, 0.7); }
  .euf-flat-theme asside.ebs-ui-config, .euf-flat-theme .side-container {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left: 0.0625rem solid #d9d9d9; }
  .euf-flat-theme .login-error-message span {
    color: #e74c3c; }
  .euf-flat-theme .main-container .main-header li.active {
    border-bottom: 5px solid #e67e22; }

.euf-material-theme {
  border-radius: 0.125rem; }
  .euf-material-theme.fintech-os body, .euf-material-theme.digital-os body {
    background-image: url(../../../assets/img/fintech-main-materialbg.jpg);
    background-size: cover; }
  .euf-material-theme.fintech-os .navbar .navbar-brand {
    padding-top: 0.5rem; }
    .euf-material-theme.fintech-os .navbar .navbar-brand .logoImg {
      /*content: url("../../../assets/img/FTOS logo orizontal light-01.png");*/
      /*content: url("../../../../Custom/img/fintech_customer_logo.png");*/
      background: transparent url("../../../assets/img/FTOS logo orizontal light-01.png") no-repeat;
      background-size: contain;
      width: 300px;
      /*height: 100px;*/
      max-height: 100%;
      max-width: 20em; }
  .euf-material-theme.fintech-os .logo-footer .logo-footer-img {
    background: transparent url("../../../assets/img/FTOS logo icon dark(1)-01.png") no-repeat;
    background-size: contain;
    width: 3em;
    height: 100px;
    max-height: 100%;
    display: inline-block; }
  .euf-material-theme.fintech-os .card-login .powered-by {
    text-align: center;
    line-height: 2em; }
    .euf-material-theme.fintech-os .card-login .powered-by .logo-card-login {
      background: transparent url("../../../assets/img/fintech_customer_logo.png") no-repeat center/contain;
      width: 5.5em;
      height: 2em;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: -.12em; }
  .euf-material-theme.digital-os.dcx360 .navbar .navbar-brand .logoImg {
    background-image: url("../../../assets/img/dcx360 logo orizontal light.png") !important; }
  .euf-material-theme.digital-os.dcx360 .card-login .logo-card-login {
    background-image: url("../../../assets/img/DCX360 logo orizontal dark.png"); }
  .euf-material-theme.digital-os .navbar .navbar-header {
    width: 100%; }
  .euf-material-theme.digital-os .navbar .navbar-brand .logoImg {
    background-image: url("../../../assets/img/DiOS logo orizontal light.png") !important;
    margin-top: 0.5rem;
    background-size: contain;
    background-repeat: no-repeat; }
  .euf-material-theme.digital-os .logo-footer .logo-footer-img {
    content: url("../../../assets/img/DiOS logo vertical light.png"); }
  .euf-material-theme.digital-os .card-login .logo-card-login {
    background: transparent url("../../../assets/img/DiOS logo orizontal dark (2).png") no-repeat center/contain;
    width: 5.5em;
    height: 2em;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -.12em; }
  .euf-material-theme body {
    font-family: 'Material-Font', sans-serif; }
    .euf-material-theme body:after {
      opacity: 0.9; }
    .euf-material-theme body:not(.euf-custom-theme).after-block-blue:after, .euf-material-theme body:not(.euf-custom-theme).after-block-purple:after, .euf-material-theme body:not(.euf-custom-theme).after-block-pink:after, .euf-material-theme body:not(.euf-custom-theme).after-block-red:after {
      background: #171e44; }
    .euf-material-theme body:not(.euf-custom-theme).after-block-blue-states:after, .euf-material-theme body:not(.euf-custom-theme).after-block-purple-states:after, .euf-material-theme body:not(.euf-custom-theme).after-block-pink-states:after, .euf-material-theme body:not(.euf-custom-theme).after-block-red-states:after {
      background: #303c7b; }
    .euf-material-theme body:not(.euf-custom-theme).after-block-azure:after, .euf-material-theme body:not(.euf-custom-theme).after-block-orange:after, .euf-material-theme body:not(.euf-custom-theme).after-block-green:after {
      background: #525252; }
    .euf-material-theme body:not(.euf-custom-theme).after-block-azure-states:after, .euf-material-theme body:not(.euf-custom-theme).after-block-orange-states:after, .euf-material-theme body:not(.euf-custom-theme).after-block-green-states:after {
      background: #717171; }
    .euf-material-theme body .main-section {
      /*.content-wrapper{
                background-color: map($materialCore, background);
            }*/ }
      .euf-material-theme body .main-section.fintech-login-section:after {
        opacity: 0.7;
        filter: alpha(opacity=70); }
  .euf-material-theme .block-ftospetrol, .euf-material-theme .block-color10 {
    background: #3F5A63; }
  .euf-material-theme .block-ftospetrol-states, .euf-material-theme .block-color10-states {
    background: #3c788c; }
  .euf-material-theme .block-ftosblue, .euf-material-theme .block-color9 {
    background: #27AAE1; }
  .euf-material-theme .block-ftosblue-states, .euf-material-theme .block-color9-states {
    background: #1c98cc; }
  .euf-material-theme .block-default, .euf-material-theme .block-color8 {
    background: #9E9E9E; }
  .euf-material-theme .block-default-states, .euf-material-theme .block-color8-states {
    background: #BDBDBD; }
  .euf-material-theme .block-blue, .euf-material-theme .block-color6 {
    background: #3F51B5; }
  .euf-material-theme .block-blue-states, .euf-material-theme .block-color6-states {
    background: #7986CB; }
  .euf-material-theme .block-green, .euf-material-theme .block-color2 {
    background: #4CAF50; }
  .euf-material-theme .block-green-states, .euf-material-theme .block-color2-states {
    background: #81C784; }
  .euf-material-theme .block-azure, .euf-material-theme .block-color1 {
    background: #03A9F4; }
  .euf-material-theme .block-azure-states, .euf-material-theme .block-color1-states {
    background: #4FC3F7; }
  .euf-material-theme .block-orange, .euf-material-theme .block-color3 {
    background: #FFC107; }
  .euf-material-theme .block-orange-states, .euf-material-theme .block-color3-states {
    background: #FFD54F; }
  .euf-material-theme .block-red, .euf-material-theme .block-color4 {
    background: #FF5722; }
  .euf-material-theme .block-red-states, .euf-material-theme .block-color4-states {
    background: #FF8A65; }
  .euf-material-theme .block-pink, .euf-material-theme .block-color7 {
    background: #E91E63; }
  .euf-material-theme .block-pink-states, .euf-material-theme .block-color7-states {
    background: #F06292; }
  .euf-material-theme .block-purple, .euf-material-theme .block-color5 {
    background: #9C27B0; }
  .euf-material-theme .block-purple-states, .euf-material-theme .block-color5-states {
    background: #BA68C8; }
  .euf-material-theme .after-block-ftospetrol::after, .euf-material-theme .after-block-color10::after {
    background: #3F5A63; }
  .euf-material-theme .after-block-ftospetrol-states::after, .euf-material-theme .after-block-color10-states::after {
    background: #3c788c; }
  .euf-material-theme .after-block-ftosblue::after, .euf-material-theme .after-block-color9::after {
    background: #27AAE1; }
  .euf-material-theme .after-block-ftosblue-states::after, .euf-material-theme .after-block-color9-states::after {
    background: #1c98cc; }
  .euf-material-theme .after-block-default::after, .euf-material-theme .after-block-color8::after {
    background: #9E9E9E; }
  .euf-material-theme .after-block-default-states::after, .euf-material-theme .after-block-color8-states::after {
    background: #BDBDBD; }
  .euf-material-theme .after-block-blue::after, .euf-material-theme .after-block-color6::after {
    background: #3F51B5; }
  .euf-material-theme .after-block-blue-states::after, .euf-material-theme .after-block-color6-states::after {
    background: #7986CB; }
  .euf-material-theme .after-block-green::after, .euf-material-theme .after-block-color2::after {
    background: #4CAF50; }
  .euf-material-theme .after-block-green-states::after, .euf-material-theme .after-block-color2-states::after {
    background: #81C784; }
  .euf-material-theme .after-block-azure::after, .euf-material-theme .after-block-color1::after {
    background: #03A9F4; }
  .euf-material-theme .after-block-azure-states::after, .euf-material-theme .after-block-color1-states::after {
    background: #4FC3F7; }
  .euf-material-theme .after-block-orange::after, .euf-material-theme .after-block-color3::after {
    background: #FFC107; }
  .euf-material-theme .after-block-orange-states::after, .euf-material-theme .after-block-color3-states::after {
    background: #FFD54F; }
  .euf-material-theme .after-block-red::after, .euf-material-theme .after-block-color4::after {
    background: #FF5722; }
  .euf-material-theme .after-block-red-states::after, .euf-material-theme .after-block-color4-states::after {
    background: #FF8A65; }
  .euf-material-theme .after-block-pink::after, .euf-material-theme .after-block-color7::after {
    background: #E91E63; }
  .euf-material-theme .after-block-pink-states::after, .euf-material-theme .after-block-color7-states::after {
    background: #F06292; }
  .euf-material-theme .after-block-purple::after, .euf-material-theme .after-block-color5::after {
    background: #9C27B0; }
  .euf-material-theme .after-block-purple-states::after, .euf-material-theme .after-block-color5-states::after {
    background: #BA68C8; }
  .euf-material-theme .circle.purple, .euf-material-theme .square.purple, .euf-material-theme .rhombus.purple {
    background: -moz-linear-gradient(45deg, rgba(156, 39, 176, 0.7) 20%, #BA68C8 100%);
    background: -webkit-linear-gradient(45deg, rgba(156, 39, 176, 0.7) 20%, #BA68C8 100%);
    background: linear-gradient(45deg, rgba(156, 39, 176, 0.7) 20%, #BA68C8 100%); }
    .euf-material-theme .circle.purple.bordered, .euf-material-theme .square.purple.bordered, .euf-material-theme .rhombus.purple.bordered {
      border: 1rem solid rgba(156, 39, 176, 0.7); }
  .euf-material-theme .circle.blue, .euf-material-theme .square.blue, .euf-material-theme .rhombus.blue {
    background: -moz-linear-gradient(45deg, rgba(63, 81, 181, 0.7) 20%, #7986CB 100%);
    background: -webkit-linear-gradient(45deg, rgba(63, 81, 181, 0.7) 20%, #7986CB 100%);
    background: linear-gradient(45deg, rgba(63, 81, 181, 0.7) 20%, #7986CB 100%); }
    .euf-material-theme .circle.blue.bordered, .euf-material-theme .square.blue.bordered, .euf-material-theme .rhombus.blue.bordered {
      border: 1rem solid rgba(63, 81, 181, 0.7); }
  .euf-material-theme .circle.azure, .euf-material-theme .square.azure, .euf-material-theme .rhombus.azure {
    background: -moz-linear-gradient(45deg, rgba(3, 169, 244, 0.7) 20%, #4FC3F7 100%);
    background: -webkit-linear-gradient(45deg, rgba(3, 169, 244, 0.7) 20%, #4FC3F7 100%);
    background: linear-gradient(45deg, rgba(3, 169, 244, 0.7) 20%, #4FC3F7 100%); }
    .euf-material-theme .circle.azure.bordered, .euf-material-theme .square.azure.bordered, .euf-material-theme .rhombus.azure.bordered {
      border: 1rem solid rgba(3, 169, 244, 0.7); }
  .euf-material-theme .circle.green, .euf-material-theme .square.green, .euf-material-theme .rhombus.green {
    background: -moz-linear-gradient(45deg, rgba(76, 175, 80, 0.7) 20%, #81C784 100%);
    background: -webkit-linear-gradient(45deg, rgba(76, 175, 80, 0.7) 20%, #81C784 100%);
    background: linear-gradient(45deg, rgba(76, 175, 80, 0.7) 20%, #81C784 100%); }
    .euf-material-theme .circle.green.bordered, .euf-material-theme .square.green.bordered, .euf-material-theme .rhombus.green.bordered {
      border: 1rem solid rgba(76, 175, 80, 0.7); }
  .euf-material-theme .circle.orange, .euf-material-theme .square.orange, .euf-material-theme .rhombus.orange {
    background: -moz-linear-gradient(45deg, rgba(255, 193, 7, 0.7) 20%, #FFD54F 100%);
    background: -webkit-linear-gradient(45deg, rgba(255, 193, 7, 0.7) 20%, #FFD54F 100%);
    background: linear-gradient(45deg, rgba(255, 193, 7, 0.7) 20%, #FFD54F 100%); }
    .euf-material-theme .circle.orange.bordered, .euf-material-theme .square.orange.bordered, .euf-material-theme .rhombus.orange.bordered {
      border: 1rem solid rgba(255, 193, 7, 0.7); }
  .euf-material-theme .circle.blue, .euf-material-theme .square.blue, .euf-material-theme .rhombus.blue {
    background: -moz-linear-gradient(45deg, rgba(63, 81, 181, 0.7) 20%, #7986CB 100%);
    background: -webkit-linear-gradient(45deg, rgba(63, 81, 181, 0.7) 20%, #7986CB 100%);
    background: linear-gradient(45deg, rgba(63, 81, 181, 0.7) 20%, #7986CB 100%); }
    .euf-material-theme .circle.blue.bordered, .euf-material-theme .square.blue.bordered, .euf-material-theme .rhombus.blue.bordered {
      border: 1rem solid rgba(63, 81, 181, 0.7); }
  .euf-material-theme .circle.red, .euf-material-theme .square.red, .euf-material-theme .rhombus.red {
    background: -moz-linear-gradient(45deg, rgba(255, 87, 34, 0.7) 20%, #FF8A65 100%);
    background: -webkit-linear-gradient(45deg, rgba(255, 87, 34, 0.7) 20%, #FF8A65 100%);
    background: linear-gradient(45deg, rgba(255, 87, 34, 0.7) 20%, #FF8A65 100%); }
    .euf-material-theme .circle.red.bordered, .euf-material-theme .square.red.bordered, .euf-material-theme .rhombus.red.bordered {
      border: 1rem solid rgba(255, 87, 34, 0.7); }
  .euf-material-theme .circle.pink, .euf-material-theme .square.pink, .euf-material-theme .rhombus.pink {
    background: -moz-linear-gradient(45deg, rgba(233, 30, 99, 0.7) 20%, #F06292 100%);
    background: -webkit-linear-gradient(45deg, rgba(233, 30, 99, 0.7) 20%, #F06292 100%);
    background: linear-gradient(45deg, rgba(233, 30, 99, 0.7) 20%, #F06292 100%); }
    .euf-material-theme .circle.pink.bordered, .euf-material-theme .square.pink.bordered, .euf-material-theme .rhombus.pink.bordered {
      border: 1rem solid rgba(233, 30, 99, 0.7); }
  .euf-material-theme asside.ebs-ui-config {
    background-color: #fff;
    -webkit-box-shadow: 0 0.5rem 0.625rem 0.0625rem rgba(0, 0, 0, 0.14),0 0.187rem 0.875rem 0.125rem rgba(0, 0, 0, 0.12),0 0.3125rem 0.3125rem -0.187rem rgba(0, 0, 0, 0.3);
    box-shadow: 0 0.5rem 0.625rem 0.0625rem rgba(0, 0, 0, 0.14),0 0.187rem 0.875rem 0.125rem rgba(0, 0, 0, 0.12),0 0.3125rem 0.3125rem -0.187rem rgba(0, 0, 0, 0.3); }
  .euf-material-theme .login-error-message span {
    color: #FF5722; }
  .euf-material-theme .main-container .main-header li.active {
    border-bottom: 5px solid #FFC107; }

.euf-solid-theme .navbar-default {
  -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.26); }
  .euf-solid-theme .navbar-default .navbar-nav > .active > a,
  .euf-solid-theme .navbar-default .navbar-nav > .active > a:not(.btn):hover,
  .euf-solid-theme .navbar-default .navbar-nav > .active > a:not(.btn):focus,
  .euf-solid-theme .navbar-default .navbar-nav > li > a:not(.btn):hover,
  .euf-solid-theme .navbar-default .navbar-nav > li > a:not(.btn):focus {
    color: white; }
  .euf-solid-theme .navbar-default .navbar-nav > .dropdown > a:hover .caret,
  .euf-solid-theme .navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-bottom-color: white;
    border-top-color: white; }
  .euf-solid-theme .navbar-default .navbar-nav li > a {
    color: white; }
  .euf-solid-theme .navbar-default .navbar-nav > .open > a,
  .euf-solid-theme .navbar-default .navbar-nav > .open > a:hover,
  .euf-solid-theme .navbar-default .navbar-nav > .open > a:focus {
    color: white; }
  .euf-solid-theme .navbar-default .navbar-nav .dropdown-menu {
    -webkit-box-shadow: 0 0.06rem 0.25rem rgba(0, 0, 0, 0.23);
    box-shadow: 0 0.06rem 0.25rem rgba(0, 0, 0, 0.23); }
  .euf-solid-theme .navbar-default .navbar-brand {
    color: #0192ff; }
  .euf-solid-theme .navbar-default:not(.navbar-transparent) .btn-default:hover {
    color: #0192ff;
    border-color: #0192ff; }

.euf-solid-theme .navbar-ebs-blue {
  background-color: #0192ff; }
  .euf-solid-theme .navbar-ebs-blue .ebs-nav-trigger {
    background-color: #0192ff;
    border-bottom: 1px solid #0192ff; }

.euf-solid-theme .navbar-ebs-azure {
  background-color: #2dbae7; }
  .euf-solid-theme .navbar-ebs-azure .ebs-nav-trigger {
    background-color: #2dbae7;
    border-bottom: 1px solid #2dbae7; }

.euf-solid-theme .navbar-ebs-green {
  background-color: #36c358; }
  .euf-solid-theme .navbar-ebs-green .ebs-nav-trigger {
    background-color: #36c358;
    border-bottom: 1px solid #36c358; }

.euf-solid-theme .navbar-ebs-orange {
  background-color: #fed201; }
  .euf-solid-theme .navbar-ebs-orange .ebs-nav-trigger {
    background-color: #fed201;
    border-bottom: 1px solid #fed201; }

.euf-solid-theme .navbar-ebs-red {
  background-color: #ff5534; }
  .euf-solid-theme .navbar-ebs-red .ebs-nav-trigger {
    background-color: #ff5534;
    border-bottom: 1px solid #ff5534; }

.euf-solid-theme .navbar-ebs-pink {
  background-color: #fe4a65; }
  .euf-solid-theme .navbar-ebs-pink .ebs-nav-trigger {
    background-color: #fe4a65;
    border-bottom: 1px solid #fe4a65; }

.euf-solid-theme .navbar-ebs-purple {
  background-color: #9b59b6; }
  .euf-solid-theme .navbar-ebs-purple .ebs-nav-trigger {
    background-color: #9b59b6;
    border-bottom: 1px solid #9b59b6; }

.euf-solid-theme .ebs-nav-trigger {
  box-sizing: content-box; }

.euf-solid-theme .navbar-right .userPictureHolder {
  border: 2px solid; }

.euf-solid-theme .left-navbar {
  border: 0;
  padding: 0 0.5rem; }

.euf-flat-theme .navbar-default {
  -webkit-box-shadow: none;
  box-shadow: none; }
  .euf-flat-theme .navbar-default .navbar-nav > .active > a,
  .euf-flat-theme .navbar-default .navbar-nav > .active > a:not(.btn):hover,
  .euf-flat-theme .navbar-default .navbar-nav > .active > a:not(.btn):focus,
  .euf-flat-theme .navbar-default .navbar-nav > li > a:not(.btn):hover,
  .euf-flat-theme .navbar-default .navbar-nav > li > a:not(.btn):focus {
    color: white; }
  .euf-flat-theme .navbar-default .navbar-nav > .dropdown > a:hover .caret,
  .euf-flat-theme .navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-bottom-color: white;
    border-top-color: white; }
  .euf-flat-theme .navbar-default .navbar-nav li > a {
    color: white; }
  .euf-flat-theme .navbar-default .navbar-nav > .open > a,
  .euf-flat-theme .navbar-default .navbar-nav > .open > a:hover,
  .euf-flat-theme .navbar-default .navbar-nav > .open > a:focus {
    color: white; }
  .euf-flat-theme .navbar-default .navbar-nav .dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .euf-flat-theme .navbar-default .navbar-brand {
    color: #34495e; }
  .euf-flat-theme .navbar-default:not(.navbar-transparent) .btn-default:hover {
    color: #34495e;
    border-color: #34495e; }

.euf-flat-theme .navbar-ebs-blue {
  background-color: #34495e; }
  .euf-flat-theme .navbar-ebs-blue .ebs-nav-trigger {
    background-color: #34495e;
    border-bottom: 1px solid #34495e; }

.euf-flat-theme .navbar-ebs-azure {
  background-color: #1abc9c; }
  .euf-flat-theme .navbar-ebs-azure .ebs-nav-trigger {
    background-color: #1abc9c;
    border-bottom: 1px solid #1abc9c; }

.euf-flat-theme .navbar-ebs-green {
  background-color: #2ecc71; }
  .euf-flat-theme .navbar-ebs-green .ebs-nav-trigger {
    background-color: #2ecc71;
    border-bottom: 1px solid #2ecc71; }

.euf-flat-theme .navbar-ebs-orange {
  background-color: #e67e22; }
  .euf-flat-theme .navbar-ebs-orange .ebs-nav-trigger {
    background-color: #e67e22;
    border-bottom: 1px solid #e67e22; }

.euf-flat-theme .navbar-ebs-red {
  background-color: #e74c3c; }
  .euf-flat-theme .navbar-ebs-red .ebs-nav-trigger {
    background-color: #e74c3c;
    border-bottom: 1px solid #e74c3c; }

.euf-flat-theme .navbar-ebs-pink {
  background-color: #F08F90; }
  .euf-flat-theme .navbar-ebs-pink .ebs-nav-trigger {
    background-color: #F08F90;
    border-bottom: 1px solid #F08F90; }

.euf-flat-theme .navbar-ebs-purple {
  background-color: #9b59b6; }
  .euf-flat-theme .navbar-ebs-purple .ebs-nav-trigger {
    background-color: #9b59b6;
    border-bottom: 1px solid #9b59b6; }

.euf-flat-theme .ebs-nav-trigger {
  box-sizing: content-box; }

.euf-flat-theme .navbar-right .userPictureHolder {
  border: 2px solid; }

.euf-flat-theme .left-navbar {
  border: 0;
  padding: 0; }

.euf-material-theme .navbar-default {
  -webkit-box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.26); }
  .euf-material-theme .navbar-default .navbar-nav > .active > a,
  .euf-material-theme .navbar-default .navbar-nav > .active > a:not(.btn):hover,
  .euf-material-theme .navbar-default .navbar-nav > .active > a:not(.btn):focus,
  .euf-material-theme .navbar-default .navbar-nav > li > a:not(.btn):hover,
  .euf-material-theme .navbar-default .navbar-nav > li > a:not(.btn):focus {
    color: white; }
  .euf-material-theme .navbar-default .navbar-nav > .dropdown > a:hover .caret,
  .euf-material-theme .navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-bottom-color: white;
    border-top-color: white; }
  .euf-material-theme .navbar-default .navbar-nav li > a {
    color: white; }
  .euf-material-theme .navbar-default .navbar-nav > .open > a,
  .euf-material-theme .navbar-default .navbar-nav > .open > a:hover,
  .euf-material-theme .navbar-default .navbar-nav > .open > a:focus {
    color: white; }
  .euf-material-theme .navbar-default .navbar-nav .dropdown-menu {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0, 0, 0, 0.23); }
  .euf-material-theme .navbar-default .navbar-brand {
    color: #3F51B5; }
  .euf-material-theme .navbar-default:not(.navbar-transparent) .btn-default:hover {
    color: #3F51B5;
    border-color: #3F51B5; }

.euf-material-theme .navbar-ebs-blue {
  background-color: #3F51B5; }
  .euf-material-theme .navbar-ebs-blue .ebs-nav-trigger {
    background-color: #3F51B5;
    border-bottom: 1px solid #3F51B5; }

.euf-material-theme .navbar-ebs-azure {
  background-color: #03A9F4; }
  .euf-material-theme .navbar-ebs-azure .ebs-nav-trigger {
    background-color: #03A9F4;
    border-bottom: 1px solid #03A9F4; }

.euf-material-theme .navbar-ebs-green {
  background-color: #4CAF50; }
  .euf-material-theme .navbar-ebs-green .ebs-nav-trigger {
    background-color: #4CAF50;
    border-bottom: 1px solid #4CAF50; }

.euf-material-theme .navbar-ebs-orange {
  background-color: #FFC107; }
  .euf-material-theme .navbar-ebs-orange .ebs-nav-trigger {
    background-color: #FFC107;
    border-bottom: 1px solid #FFC107; }

.euf-material-theme .navbar-ebs-red {
  background-color: #FF5722; }
  .euf-material-theme .navbar-ebs-red .ebs-nav-trigger {
    background-color: #FF5722;
    border-bottom: 1px solid #FF5722; }

.euf-material-theme .navbar-ebs-pink {
  background-color: #E91E63; }
  .euf-material-theme .navbar-ebs-pink .ebs-nav-trigger {
    background-color: #E91E63;
    border-bottom: 1px solid #E91E63; }

.euf-material-theme .navbar-ebs-purple {
  background-color: #9C27B0; }
  .euf-material-theme .navbar-ebs-purple .ebs-nav-trigger {
    background-color: #9C27B0;
    border-bottom: 1px solid #9C27B0; }

.euf-material-theme .ebs-nav-trigger {
  box-sizing: content-box; }

.euf-material-theme .navbar-right .userPictureHolder {
  border: 2px solid; }

.euf-material-theme .left-navbar {
  border: 0;
  padding: 0 0.5rem; }

.euf-solid-theme .after-block-blue a.menu-elem:hover, .euf-solid-theme .after-block-blue a.menu-elem:focus {
  color: #fe4a65; }
  .euf-solid-theme .after-block-blue a.menu-elem:hover:after, .euf-solid-theme .after-block-blue a.menu-elem:focus:after {
    background: #fe4a65; }

.euf-solid-theme .after-block-blue a.menu-elem + .model-0 .btn-float:hover {
  color: #fe4a65; }

.euf-solid-theme .after-block-azure a.menu-elem:hover, .euf-solid-theme .after-block-azure a.menu-elem:focus {
  color: #fed201; }
  .euf-solid-theme .after-block-azure a.menu-elem:hover:after, .euf-solid-theme .after-block-azure a.menu-elem:focus:after {
    background: #fed201; }

.euf-solid-theme .after-block-azure a.menu-elem + .model-0 .btn-float:hover {
  color: #fed201; }

.euf-solid-theme .after-block-green a.menu-elem:hover, .euf-solid-theme .after-block-green a.menu-elem:focus {
  color: #049F0C; }
  .euf-solid-theme .after-block-green a.menu-elem:hover:after, .euf-solid-theme .after-block-green a.menu-elem:focus:after {
    background: #049F0C; }

.euf-solid-theme .after-block-green a.menu-elem + .model-0 .btn-float:hover {
  color: #049F0C; }

.euf-solid-theme .after-block-purple a.menu-elem:hover, .euf-solid-theme .after-block-purple a.menu-elem:focus {
  color: #9433a5; }
  .euf-solid-theme .after-block-purple a.menu-elem:hover:after, .euf-solid-theme .after-block-purple a.menu-elem:focus:after {
    background: #9433a5; }

.euf-solid-theme .after-block-purple a.menu-elem + .model-0 .btn-float:hover {
  color: #9433a5; }

.euf-solid-theme .after-block-red a.menu-elem:hover, .euf-solid-theme .after-block-red a.menu-elem:focus {
  color: #888888; }
  .euf-solid-theme .after-block-red a.menu-elem:hover:after, .euf-solid-theme .after-block-red a.menu-elem:focus:after {
    background: #888888; }

.euf-solid-theme .after-block-red a.menu-elem + .model-0 .btn-float:hover {
  color: #888888; }

.euf-solid-theme .after-block-pink a.menu-elem:hover, .euf-solid-theme .after-block-pink a.menu-elem:focus {
  color: #fed201; }
  .euf-solid-theme .after-block-pink a.menu-elem:hover:after, .euf-solid-theme .after-block-pink a.menu-elem:focus:after {
    background: #fed201; }

.euf-solid-theme .after-block-pink a.menu-elem + .model-0 .btn-float:hover {
  color: #fed201; }

.euf-solid-theme .after-block-default a.menu-elem:hover, .euf-solid-theme .after-block-default a.menu-elem:focus {
  color: #fed201; }
  .euf-solid-theme .after-block-default a.menu-elem:hover:after, .euf-solid-theme .after-block-default a.menu-elem:focus:after {
    background: #fed201; }

.euf-solid-theme .after-block-default a.menu-elem + .model-0 .btn-float:hover {
  color: #fed201; }

.euf-solid-theme .after-block-pink-states a.menu-elem:hover, .euf-solid-theme .after-block-pink-states a.menu-elem:focus {
  color: #fed201; }
  .euf-solid-theme .after-block-pink-states a.menu-elem:hover:after, .euf-solid-theme .after-block-pink-states a.menu-elem:focus:after {
    background: #fed201; }

.euf-solid-theme .after-block-pink-states a.menu-elem + .model-0 .btn-float:hover {
  color: #fed201; }

.euf-solid-theme .after-block-default-states a.menu-elem:hover, .euf-solid-theme .after-block-default-states a.menu-elem:focus {
  color: #fed201; }
  .euf-solid-theme .after-block-default-states a.menu-elem:hover:after, .euf-solid-theme .after-block-default-states a.menu-elem:focus:after {
    background: #fed201; }

.euf-solid-theme .after-block-default-states a.menu-elem + .model-0 .btn-float:hover {
  color: #fed201; }

.euf-solid-theme .after-block-blue-states a.menu-elem:hover, .euf-solid-theme .after-block-blue-states a.menu-elem:focus {
  color: #fe4a65; }
  .euf-solid-theme .after-block-blue-states a.menu-elem:hover:after, .euf-solid-theme .after-block-blue-states a.menu-elem:focus:after {
    background: #fe4a65; }

.euf-solid-theme .after-block-blue-states a.menu-elem + .model-0 .btn-float:hover {
  color: #fe4a65; }

.euf-solid-theme .after-block-azure-states a.menu-elem:hover, .euf-solid-theme .after-block-azure-states a.menu-elem:focus {
  color: #fed201; }
  .euf-solid-theme .after-block-azure-states a.menu-elem:hover:after, .euf-solid-theme .after-block-azure-states a.menu-elem:focus:after {
    background: #fed201; }

.euf-solid-theme .after-block-azure-states a.menu-elem + .model-0 .btn-float:hover {
  color: #fed201; }

.euf-solid-theme .after-block-green-states a.menu-elem:hover, .euf-solid-theme .after-block-green-states a.menu-elem:focus {
  color: #049F0C; }
  .euf-solid-theme .after-block-green-states a.menu-elem:hover:after, .euf-solid-theme .after-block-green-states a.menu-elem:focus:after {
    background: #049F0C; }

.euf-solid-theme .after-block-green-states a.menu-elem + .model-0 .btn-float:hover {
  color: #049F0C; }

.euf-solid-theme .after-block-purple-states a.menu-elem:hover, .euf-solid-theme .after-block-purple-states a.menu-elem:focus {
  color: #9433a5; }
  .euf-solid-theme .after-block-purple-states a.menu-elem:hover:after, .euf-solid-theme .after-block-purple-states a.menu-elem:focus:after {
    background: #9433a5; }

.euf-solid-theme .after-block-purple-states a.menu-elem + .model-0 .btn-float:hover {
  color: #9433a5; }

.euf-solid-theme .after-block-red-states a.menu-elem:hover, .euf-solid-theme .after-block-red-states a.menu-elem:focus {
  color: #29a9d2; }
  .euf-solid-theme .after-block-red-states a.menu-elem:hover:after, .euf-solid-theme .after-block-red-states a.menu-elem:focus:after {
    background: #29a9d2; }

.euf-solid-theme .after-block-red-states a.menu-elem + .model-0 .btn-float:hover {
  color: #29a9d2; }

.euf-flat-theme .after-block-blue a.menu-elem:hover, .euf-flat-theme .after-block-blue a.menu-elem:focus {
  color: #F08F90; }
  .euf-flat-theme .after-block-blue a.menu-elem:hover:after, .euf-flat-theme .after-block-blue a.menu-elem:focus:after {
    background: #F08F90; }

.euf-flat-theme .after-block-blue a.menu-elem + .model-0 .btn-float:hover {
  color: #F08F90; }

.euf-flat-theme .after-block-azure a.menu-elem:hover, .euf-flat-theme .after-block-azure a.menu-elem:focus {
  color: #e67e22; }
  .euf-flat-theme .after-block-azure a.menu-elem:hover:after, .euf-flat-theme .after-block-azure a.menu-elem:focus:after {
    background: #e67e22; }

.euf-flat-theme .after-block-azure a.menu-elem + .model-0 .btn-float:hover {
  color: #e67e22; }

.euf-flat-theme .after-block-green a.menu-elem:hover, .euf-flat-theme .after-block-green a.menu-elem:focus {
  color: #27ae60; }
  .euf-flat-theme .after-block-green a.menu-elem:hover:after, .euf-flat-theme .after-block-green a.menu-elem:focus:after {
    background: #27ae60; }

.euf-flat-theme .after-block-green a.menu-elem + .model-0 .btn-float:hover {
  color: #27ae60; }

.euf-flat-theme .after-block-purple a.menu-elem:hover, .euf-flat-theme .after-block-purple a.menu-elem:focus {
  color: #8e44ad; }
  .euf-flat-theme .after-block-purple a.menu-elem:hover:after, .euf-flat-theme .after-block-purple a.menu-elem:focus:after {
    background: #8e44ad; }

.euf-flat-theme .after-block-purple a.menu-elem + .model-0 .btn-float:hover {
  color: #8e44ad; }

.euf-flat-theme .after-block-red a.menu-elem:hover, .euf-flat-theme .after-block-red a.menu-elem:focus {
  color: #95a5a6; }
  .euf-flat-theme .after-block-red a.menu-elem:hover:after, .euf-flat-theme .after-block-red a.menu-elem:focus:after {
    background: #95a5a6; }

.euf-flat-theme .after-block-red a.menu-elem + .model-0 .btn-float:hover {
  color: #95a5a6; }

.euf-flat-theme .after-block-pink a.menu-elem:hover, .euf-flat-theme .after-block-pink a.menu-elem:focus {
  color: #e67e22; }
  .euf-flat-theme .after-block-pink a.menu-elem:hover:after, .euf-flat-theme .after-block-pink a.menu-elem:focus:after {
    background: #e67e22; }

.euf-flat-theme .after-block-pink a.menu-elem + .model-0 .btn-float:hover {
  color: #e67e22; }

.euf-flat-theme .after-block-default a.menu-elem:hover, .euf-flat-theme .after-block-default a.menu-elem:focus {
  color: #e67e22; }
  .euf-flat-theme .after-block-default a.menu-elem:hover:after, .euf-flat-theme .after-block-default a.menu-elem:focus:after {
    background: #e67e22; }

.euf-flat-theme .after-block-default a.menu-elem + .model-0 .btn-float:hover {
  color: #e67e22; }

.euf-flat-theme .after-block-pink-states a.menu-elem:hover, .euf-flat-theme .after-block-pink-states a.menu-elem:focus {
  color: #e67e22; }
  .euf-flat-theme .after-block-pink-states a.menu-elem:hover:after, .euf-flat-theme .after-block-pink-states a.menu-elem:focus:after {
    background: #e67e22; }

.euf-flat-theme .after-block-pink-states a.menu-elem + .model-0 .btn-float:hover {
  color: #e67e22; }

.euf-flat-theme .after-block-default-states a.menu-elem:hover, .euf-flat-theme .after-block-default-states a.menu-elem:focus {
  color: #e67e22; }
  .euf-flat-theme .after-block-default-states a.menu-elem:hover:after, .euf-flat-theme .after-block-default-states a.menu-elem:focus:after {
    background: #e67e22; }

.euf-flat-theme .after-block-default-states a.menu-elem + .model-0 .btn-float:hover {
  color: #e67e22; }

.euf-flat-theme .after-block-blue-states a.menu-elem:hover, .euf-flat-theme .after-block-blue-states a.menu-elem:focus {
  color: #F08F90; }
  .euf-flat-theme .after-block-blue-states a.menu-elem:hover:after, .euf-flat-theme .after-block-blue-states a.menu-elem:focus:after {
    background: #F08F90; }

.euf-flat-theme .after-block-blue-states a.menu-elem + .model-0 .btn-float:hover {
  color: #F08F90; }

.euf-flat-theme .after-block-azure-states a.menu-elem:hover, .euf-flat-theme .after-block-azure-states a.menu-elem:focus {
  color: #e67e22; }
  .euf-flat-theme .after-block-azure-states a.menu-elem:hover:after, .euf-flat-theme .after-block-azure-states a.menu-elem:focus:after {
    background: #e67e22; }

.euf-flat-theme .after-block-azure-states a.menu-elem + .model-0 .btn-float:hover {
  color: #e67e22; }

.euf-flat-theme .after-block-green-states a.menu-elem:hover, .euf-flat-theme .after-block-green-states a.menu-elem:focus {
  color: #27ae60; }
  .euf-flat-theme .after-block-green-states a.menu-elem:hover:after, .euf-flat-theme .after-block-green-states a.menu-elem:focus:after {
    background: #27ae60; }

.euf-flat-theme .after-block-green-states a.menu-elem + .model-0 .btn-float:hover {
  color: #27ae60; }

.euf-flat-theme .after-block-purple-states a.menu-elem:hover, .euf-flat-theme .after-block-purple-states a.menu-elem:focus {
  color: #8e44ad; }
  .euf-flat-theme .after-block-purple-states a.menu-elem:hover:after, .euf-flat-theme .after-block-purple-states a.menu-elem:focus:after {
    background: #8e44ad; }

.euf-flat-theme .after-block-purple-states a.menu-elem + .model-0 .btn-float:hover {
  color: #8e44ad; }

.euf-flat-theme .after-block-red-states a.menu-elem:hover, .euf-flat-theme .after-block-red-states a.menu-elem:focus {
  color: #16a085; }
  .euf-flat-theme .after-block-red-states a.menu-elem:hover:after, .euf-flat-theme .after-block-red-states a.menu-elem:focus:after {
    background: #16a085; }

.euf-flat-theme .after-block-red-states a.menu-elem + .model-0 .btn-float:hover {
  color: #16a085; }

.euf-material-theme .after-block-blue a.menu-elem:hover, .euf-material-theme .after-block-blue a.menu-elem:focus {
  color: #E91E63; }
  .euf-material-theme .after-block-blue a.menu-elem:hover:after, .euf-material-theme .after-block-blue a.menu-elem:focus:after {
    background: #E91E63; }

.euf-material-theme .after-block-blue a.menu-elem + .model-0 .btn-float:hover {
  color: #E91E63; }

.euf-material-theme .after-block-azure a.menu-elem:hover, .euf-material-theme .after-block-azure a.menu-elem:focus {
  color: #FFC107; }
  .euf-material-theme .after-block-azure a.menu-elem:hover:after, .euf-material-theme .after-block-azure a.menu-elem:focus:after {
    background: #FFC107; }

.euf-material-theme .after-block-azure a.menu-elem + .model-0 .btn-float:hover {
  color: #FFC107; }

.euf-material-theme .after-block-green a.menu-elem:hover, .euf-material-theme .after-block-green a.menu-elem:focus {
  color: #81C784; }
  .euf-material-theme .after-block-green a.menu-elem:hover:after, .euf-material-theme .after-block-green a.menu-elem:focus:after {
    background: #81C784; }

.euf-material-theme .after-block-green a.menu-elem + .model-0 .btn-float:hover {
  color: #81C784; }

.euf-material-theme .after-block-purple a.menu-elem:hover, .euf-material-theme .after-block-purple a.menu-elem:focus {
  color: #BA68C8; }
  .euf-material-theme .after-block-purple a.menu-elem:hover:after, .euf-material-theme .after-block-purple a.menu-elem:focus:after {
    background: #BA68C8; }

.euf-material-theme .after-block-purple a.menu-elem + .model-0 .btn-float:hover {
  color: #BA68C8; }

.euf-material-theme .after-block-red a.menu-elem:hover, .euf-material-theme .after-block-red a.menu-elem:focus {
  color: #9E9E9E; }
  .euf-material-theme .after-block-red a.menu-elem:hover:after, .euf-material-theme .after-block-red a.menu-elem:focus:after {
    background: #9E9E9E; }

.euf-material-theme .after-block-red a.menu-elem + .model-0 .btn-float:hover {
  color: #9E9E9E; }

.euf-material-theme .after-block-pink a.menu-elem:hover, .euf-material-theme .after-block-pink a.menu-elem:focus {
  color: #FFC107; }
  .euf-material-theme .after-block-pink a.menu-elem:hover:after, .euf-material-theme .after-block-pink a.menu-elem:focus:after {
    background: #FFC107; }

.euf-material-theme .after-block-pink a.menu-elem + .model-0 .btn-float:hover {
  color: #FFC107; }

.euf-material-theme .after-block-default a.menu-elem:hover, .euf-material-theme .after-block-default a.menu-elem:focus {
  color: #FFC107; }
  .euf-material-theme .after-block-default a.menu-elem:hover:after, .euf-material-theme .after-block-default a.menu-elem:focus:after {
    background: #FFC107; }

.euf-material-theme .after-block-default a.menu-elem + .model-0 .btn-float:hover {
  color: #FFC107; }

.euf-material-theme .after-block-pink-states a.menu-elem:hover, .euf-material-theme .after-block-pink-states a.menu-elem:focus {
  color: #FFC107; }
  .euf-material-theme .after-block-pink-states a.menu-elem:hover:after, .euf-material-theme .after-block-pink-states a.menu-elem:focus:after {
    background: #FFC107; }

.euf-material-theme .after-block-pink-states a.menu-elem + .model-0 .btn-float:hover {
  color: #FFC107; }

.euf-material-theme .after-block-default-states a.menu-elem:hover, .euf-material-theme .after-block-default-states a.menu-elem:focus {
  color: #FFC107; }
  .euf-material-theme .after-block-default-states a.menu-elem:hover:after, .euf-material-theme .after-block-default-states a.menu-elem:focus:after {
    background: #FFC107; }

.euf-material-theme .after-block-default-states a.menu-elem + .model-0 .btn-float:hover {
  color: #FFC107; }

.euf-material-theme .after-block-blue-states a.menu-elem:hover, .euf-material-theme .after-block-blue-states a.menu-elem:focus {
  color: #E91E63; }
  .euf-material-theme .after-block-blue-states a.menu-elem:hover:after, .euf-material-theme .after-block-blue-states a.menu-elem:focus:after {
    background: #E91E63; }

.euf-material-theme .after-block-blue-states a.menu-elem + .model-0 .btn-float:hover {
  color: #E91E63; }

.euf-material-theme .after-block-azure-states a.menu-elem:hover, .euf-material-theme .after-block-azure-states a.menu-elem:focus {
  color: #FFC107; }
  .euf-material-theme .after-block-azure-states a.menu-elem:hover:after, .euf-material-theme .after-block-azure-states a.menu-elem:focus:after {
    background: #FFC107; }

.euf-material-theme .after-block-azure-states a.menu-elem + .model-0 .btn-float:hover {
  color: #FFC107; }

.euf-material-theme .after-block-green-states a.menu-elem:hover, .euf-material-theme .after-block-green-states a.menu-elem:focus {
  color: #81C784; }
  .euf-material-theme .after-block-green-states a.menu-elem:hover:after, .euf-material-theme .after-block-green-states a.menu-elem:focus:after {
    background: #81C784; }

.euf-material-theme .after-block-green-states a.menu-elem + .model-0 .btn-float:hover {
  color: #81C784; }

.euf-material-theme .after-block-purple-states a.menu-elem:hover, .euf-material-theme .after-block-purple-states a.menu-elem:focus {
  color: #BA68C8; }
  .euf-material-theme .after-block-purple-states a.menu-elem:hover:after, .euf-material-theme .after-block-purple-states a.menu-elem:focus:after {
    background: #BA68C8; }

.euf-material-theme .after-block-purple-states a.menu-elem + .model-0 .btn-float:hover {
  color: #BA68C8; }

.euf-material-theme .after-block-red-states a.menu-elem:hover, .euf-material-theme .after-block-red-states a.menu-elem:focus {
  color: #4FC3F7; }
  .euf-material-theme .after-block-red-states a.menu-elem:hover:after, .euf-material-theme .after-block-red-states a.menu-elem:focus:after {
    background: #4FC3F7; }

.euf-material-theme .after-block-red-states a.menu-elem + .model-0 .btn-float:hover {
  color: #4FC3F7; }

.euf-material-theme .main-section {
  border-radius: 2px;
  -webkit-box-shadow: 0 0.5rem 0.625rem 0.0625rem rgba(0, 0, 0, 0.14), 0 0.187rem 0.875rem 0.125rem rgba(0, 0, 0, 0.12), 0 0.3125rem 0.3125rem -0.187rem rgba(0, 0, 0, 0.3);
  box-shadow: 0 0.5rem 0.625rem 0.0625rem rgba(0, 0, 0, 0.14), 0 0.187rem 0.875rem 0.125rem rgba(0, 0, 0, 0.12), 0 0.3125rem 0.3125rem -0.187rem rgba(0, 0, 0, 0.3); }

.euf-material-theme .jq-toast-single {
  font-weight: 600; }

.euf-material-theme .jq-icon-info {
  background-color: #03A9F4;
  color: #fff;
  border-color: #03A9F4; }

.euf-material-theme .jq-icon-warning {
  background-color: #FFC107;
  color: #FFF !important;
  border-color: #FFC107; }

.euf-material-theme .jq-icon-error {
  background-color: #FF5722;
  color: #fff;
  border-color: #FF5722; }

.euf-material-theme .jq-icon-success {
  background-color: #4CAF50;
  color: #fff;
  border-color: #4CAF50; }

.euf-flat-theme .jq-toast-single {
  font-weight: 600; }

.euf-flat-theme .jq-icon-info {
  background-color: #1abc9c;
  color: #fff;
  border-color: #1abc9c; }

.euf-flat-theme .jq-icon-warning {
  background-color: #e67e22;
  color: #FFF !important;
  border-color: #e67e22; }

.euf-flat-theme .jq-icon-error {
  background-color: #e74c3c;
  color: #fff;
  border-color: #e74c3c; }

.euf-flat-theme .jq-icon-success {
  background-color: #2ecc71;
  color: #fff;
  border-color: #2ecc71; }

.euf-solid-theme .jq-toast-single {
  font-weight: 600; }

.euf-solid-theme .jq-icon-info {
  background-color: #2dbae7;
  color: #fff;
  border-color: #2dbae7; }

.euf-solid-theme .jq-icon-warning {
  background-color: #fed201;
  color: #FFF !important;
  border-color: #fed201; }

.euf-solid-theme .jq-icon-error {
  background-color: #ff5534;
  color: #fff;
  border-color: #ff5534; }

.euf-solid-theme .jq-icon-success {
  background-color: #36c358;
  color: #fff;
  border-color: #36c358; }

.euf-material-theme .text-ftospetrol,
.euf-material-theme .text-ftospetrol:hover,
.euf-material-theme .text-color10 {
  color: #3F5A63 !important; }

.euf-material-theme .text-ftospetrol:hover[data-color-bg="true"],
.euf-material-theme .text-color10[data-color-bg="true"] {
  background: #3F5A63 !important; }

.euf-material-theme .text-ftospetrol-states,
.euf-material-theme .text-ftospetrol-states:hover,
.euf-material-theme .text-color10-states,
.euf-material-theme .text-color10-states:hover {
  color: #3c788c !important; }

.euf-material-theme .text-ftospetrol-states:hover[data-color-bg="true"],
.euf-material-theme .text-color10:hover[data-color-bg="true"] {
  background: #3c788c !important; }

.euf-material-theme .text-ftosblue,
.euf-material-theme .text-ftosblue:hover,
.euf-material-theme .text-color9 {
  color: #27AAE1 !important; }

.euf-material-theme .text-ftosblue:hover[data-color-bg="true"],
.euf-material-theme .text-color9[data-color-bg="true"] {
  background: #27AAE1 !important; }

.euf-material-theme .text-ftosblue-states,
.euf-material-theme .text-ftosblue-states:hover,
.euf-material-theme .text-color9-states,
.euf-material-theme .text-color9-states:hover {
  color: #1c98cc !important; }

.euf-material-theme .text-ftosblue-states:hover[data-color-bg="true"],
.euf-material-theme .text-color9:hover[data-color-bg="true"] {
  background: #1c98cc !important; }

.euf-material-theme .text-default,
.euf-material-theme .text-default:hover,
.euf-material-theme .text-color8 {
  color: #9E9E9E !important; }

.euf-material-theme .text-default:hover[data-color-bg="true"],
.euf-material-theme .text-color8[data-color-bg="true"] {
  background: #9E9E9E !important; }

.euf-material-theme .text-default-states,
.euf-material-theme .text-default-states:hover,
.euf-material-theme .text-color8-states,
.euf-material-theme .text-color8-states:hover {
  color: #BDBDBD !important; }

.euf-material-theme .text-default-states:hover[data-color-bg="true"],
.euf-material-theme .text-color8:hover[data-color-bg="true"] {
  background: #BDBDBD !important; }

.euf-material-theme .text-blue,
.euf-material-theme .text-blue:hover,
.euf-material-theme .text-color6 {
  color: #3F51B5 !important; }

.euf-material-theme .text-blue:hover[data-color-bg="true"],
.euf-material-theme .text-color6[data-color-bg="true"] {
  background: #3F51B5 !important; }

.euf-material-theme .text-blue-states,
.euf-material-theme .text-blue-states:hover,
.euf-material-theme .text-color6-states,
.euf-material-theme .text-color6-states:hover {
  color: #7986CB !important; }

.euf-material-theme .text-blue-states:hover[data-color-bg="true"],
.euf-material-theme .text-color6:hover[data-color-bg="true"] {
  background: #7986CB !important; }

.euf-material-theme .text-green,
.euf-material-theme .text-green:hover,
.euf-material-theme .text-color2 {
  color: #4CAF50 !important; }

.euf-material-theme .text-green:hover[data-color-bg="true"],
.euf-material-theme .text-color2[data-color-bg="true"] {
  background: #4CAF50 !important; }

.euf-material-theme .text-green-states,
.euf-material-theme .text-green-states:hover,
.euf-material-theme .text-color2-states,
.euf-material-theme .text-color2-states:hover {
  color: #81C784 !important; }

.euf-material-theme .text-green-states:hover[data-color-bg="true"],
.euf-material-theme .text-color2:hover[data-color-bg="true"] {
  background: #81C784 !important; }

.euf-material-theme .text-azure,
.euf-material-theme .text-azure:hover,
.euf-material-theme .text-color1 {
  color: #03A9F4 !important; }

.euf-material-theme .text-azure:hover[data-color-bg="true"],
.euf-material-theme .text-color1[data-color-bg="true"] {
  background: #03A9F4 !important; }

.euf-material-theme .text-azure-states,
.euf-material-theme .text-azure-states:hover,
.euf-material-theme .text-color1-states,
.euf-material-theme .text-color1-states:hover {
  color: #4FC3F7 !important; }

.euf-material-theme .text-azure-states:hover[data-color-bg="true"],
.euf-material-theme .text-color1:hover[data-color-bg="true"] {
  background: #4FC3F7 !important; }

.euf-material-theme .text-orange,
.euf-material-theme .text-orange:hover,
.euf-material-theme .text-color3 {
  color: #FFC107 !important; }

.euf-material-theme .text-orange:hover[data-color-bg="true"],
.euf-material-theme .text-color3[data-color-bg="true"] {
  background: #FFC107 !important; }

.euf-material-theme .text-orange-states,
.euf-material-theme .text-orange-states:hover,
.euf-material-theme .text-color3-states,
.euf-material-theme .text-color3-states:hover {
  color: #FFD54F !important; }

.euf-material-theme .text-orange-states:hover[data-color-bg="true"],
.euf-material-theme .text-color3:hover[data-color-bg="true"] {
  background: #FFD54F !important; }

.euf-material-theme .text-red,
.euf-material-theme .text-red:hover,
.euf-material-theme .text-color4 {
  color: #FF5722 !important; }

.euf-material-theme .text-red:hover[data-color-bg="true"],
.euf-material-theme .text-color4[data-color-bg="true"] {
  background: #FF5722 !important; }

.euf-material-theme .text-red-states,
.euf-material-theme .text-red-states:hover,
.euf-material-theme .text-color4-states,
.euf-material-theme .text-color4-states:hover {
  color: #FF8A65 !important; }

.euf-material-theme .text-red-states:hover[data-color-bg="true"],
.euf-material-theme .text-color4:hover[data-color-bg="true"] {
  background: #FF8A65 !important; }

.euf-material-theme .text-pink,
.euf-material-theme .text-pink:hover,
.euf-material-theme .text-color7 {
  color: #E91E63 !important; }

.euf-material-theme .text-pink:hover[data-color-bg="true"],
.euf-material-theme .text-color7[data-color-bg="true"] {
  background: #E91E63 !important; }

.euf-material-theme .text-pink-states,
.euf-material-theme .text-pink-states:hover,
.euf-material-theme .text-color7-states,
.euf-material-theme .text-color7-states:hover {
  color: #F06292 !important; }

.euf-material-theme .text-pink-states:hover[data-color-bg="true"],
.euf-material-theme .text-color7:hover[data-color-bg="true"] {
  background: #F06292 !important; }

.euf-material-theme .text-purple,
.euf-material-theme .text-purple:hover,
.euf-material-theme .text-color5 {
  color: #9C27B0 !important; }

.euf-material-theme .text-purple:hover[data-color-bg="true"],
.euf-material-theme .text-color5[data-color-bg="true"] {
  background: #9C27B0 !important; }

.euf-material-theme .text-purple-states,
.euf-material-theme .text-purple-states:hover,
.euf-material-theme .text-color5-states,
.euf-material-theme .text-color5-states:hover {
  color: #BA68C8 !important; }

.euf-material-theme .text-purple-states:hover[data-color-bg="true"],
.euf-material-theme .text-color5:hover[data-color-bg="true"] {
  background: #BA68C8 !important; }

.euf-flat-theme .text-ftospetrol,
.euf-flat-theme .text-ftospetrol:hover,
.euf-flat-theme .text-color10 {
  color: #3F5A63 !important; }

.euf-flat-theme .text-ftospetrol:hover[data-color-bg="true"],
.euf-flat-theme .text-color10[data-color-bg="true"] {
  background: #3F5A63 !important; }

.euf-flat-theme .text-ftospetrol-states,
.euf-flat-theme .text-ftospetrol-states:hover,
.euf-flat-theme .text-color10-states,
.euf-flat-theme .text-color10-states:hover {
  color: #3c788c !important; }

.euf-flat-theme .text-ftospetrol-states:hover[data-color-bg="true"],
.euf-flat-theme .text-color10:hover[data-color-bg="true"] {
  background: #3c788c !important; }

.euf-flat-theme .text-ftosblue,
.euf-flat-theme .text-ftosblue:hover,
.euf-flat-theme .text-color9 {
  color: #27AAE1 !important; }

.euf-flat-theme .text-ftosblue:hover[data-color-bg="true"],
.euf-flat-theme .text-color9[data-color-bg="true"] {
  background: #27AAE1 !important; }

.euf-flat-theme .text-ftosblue-states,
.euf-flat-theme .text-ftosblue-states:hover,
.euf-flat-theme .text-color9-states,
.euf-flat-theme .text-color9-states:hover {
  color: #1c98cc !important; }

.euf-flat-theme .text-ftosblue-states:hover[data-color-bg="true"],
.euf-flat-theme .text-color9:hover[data-color-bg="true"] {
  background: #1c98cc !important; }

.euf-flat-theme .text-default,
.euf-flat-theme .text-default:hover,
.euf-flat-theme .text-color8 {
  color: #95a5a6 !important; }

.euf-flat-theme .text-default:hover[data-color-bg="true"],
.euf-flat-theme .text-color8[data-color-bg="true"] {
  background: #95a5a6 !important; }

.euf-flat-theme .text-default-states,
.euf-flat-theme .text-default-states:hover,
.euf-flat-theme .text-color8-states,
.euf-flat-theme .text-color8-states:hover {
  color: #7f8c8d !important; }

.euf-flat-theme .text-default-states:hover[data-color-bg="true"],
.euf-flat-theme .text-color8:hover[data-color-bg="true"] {
  background: #7f8c8d !important; }

.euf-flat-theme .text-blue,
.euf-flat-theme .text-blue:hover,
.euf-flat-theme .text-color6 {
  color: #34495e !important; }

.euf-flat-theme .text-blue:hover[data-color-bg="true"],
.euf-flat-theme .text-color6[data-color-bg="true"] {
  background: #34495e !important; }

.euf-flat-theme .text-blue-states,
.euf-flat-theme .text-blue-states:hover,
.euf-flat-theme .text-color6-states,
.euf-flat-theme .text-color6-states:hover {
  color: #2c3e50 !important; }

.euf-flat-theme .text-blue-states:hover[data-color-bg="true"],
.euf-flat-theme .text-color6:hover[data-color-bg="true"] {
  background: #2c3e50 !important; }

.euf-flat-theme .text-green,
.euf-flat-theme .text-green:hover,
.euf-flat-theme .text-color2 {
  color: #2ecc71 !important; }

.euf-flat-theme .text-green:hover[data-color-bg="true"],
.euf-flat-theme .text-color2[data-color-bg="true"] {
  background: #2ecc71 !important; }

.euf-flat-theme .text-green-states,
.euf-flat-theme .text-green-states:hover,
.euf-flat-theme .text-color2-states,
.euf-flat-theme .text-color2-states:hover {
  color: #27ae60 !important; }

.euf-flat-theme .text-green-states:hover[data-color-bg="true"],
.euf-flat-theme .text-color2:hover[data-color-bg="true"] {
  background: #27ae60 !important; }

.euf-flat-theme .text-azure,
.euf-flat-theme .text-azure:hover,
.euf-flat-theme .text-color1 {
  color: #1abc9c !important; }

.euf-flat-theme .text-azure:hover[data-color-bg="true"],
.euf-flat-theme .text-color1[data-color-bg="true"] {
  background: #1abc9c !important; }

.euf-flat-theme .text-azure-states,
.euf-flat-theme .text-azure-states:hover,
.euf-flat-theme .text-color1-states,
.euf-flat-theme .text-color1-states:hover {
  color: #16a085 !important; }

.euf-flat-theme .text-azure-states:hover[data-color-bg="true"],
.euf-flat-theme .text-color1:hover[data-color-bg="true"] {
  background: #16a085 !important; }

.euf-flat-theme .text-orange,
.euf-flat-theme .text-orange:hover,
.euf-flat-theme .text-color3 {
  color: #e67e22 !important; }

.euf-flat-theme .text-orange:hover[data-color-bg="true"],
.euf-flat-theme .text-color3[data-color-bg="true"] {
  background: #e67e22 !important; }

.euf-flat-theme .text-orange-states,
.euf-flat-theme .text-orange-states:hover,
.euf-flat-theme .text-color3-states,
.euf-flat-theme .text-color3-states:hover {
  color: #d35400 !important; }

.euf-flat-theme .text-orange-states:hover[data-color-bg="true"],
.euf-flat-theme .text-color3:hover[data-color-bg="true"] {
  background: #d35400 !important; }

.euf-flat-theme .text-red,
.euf-flat-theme .text-red:hover,
.euf-flat-theme .text-color4 {
  color: #e74c3c !important; }

.euf-flat-theme .text-red:hover[data-color-bg="true"],
.euf-flat-theme .text-color4[data-color-bg="true"] {
  background: #e74c3c !important; }

.euf-flat-theme .text-red-states,
.euf-flat-theme .text-red-states:hover,
.euf-flat-theme .text-color4-states,
.euf-flat-theme .text-color4-states:hover {
  color: #c0392b !important; }

.euf-flat-theme .text-red-states:hover[data-color-bg="true"],
.euf-flat-theme .text-color4:hover[data-color-bg="true"] {
  background: #c0392b !important; }

.euf-flat-theme .text-pink,
.euf-flat-theme .text-pink:hover,
.euf-flat-theme .text-color7 {
  color: #F08F90 !important; }

.euf-flat-theme .text-pink:hover[data-color-bg="true"],
.euf-flat-theme .text-color7[data-color-bg="true"] {
  background: #F08F90 !important; }

.euf-flat-theme .text-pink-states,
.euf-flat-theme .text-pink-states:hover,
.euf-flat-theme .text-color7-states,
.euf-flat-theme .text-color7-states:hover {
  color: #F47983 !important; }

.euf-flat-theme .text-pink-states:hover[data-color-bg="true"],
.euf-flat-theme .text-color7:hover[data-color-bg="true"] {
  background: #F47983 !important; }

.euf-flat-theme .text-purple,
.euf-flat-theme .text-purple:hover,
.euf-flat-theme .text-color5 {
  color: #9b59b6 !important; }

.euf-flat-theme .text-purple:hover[data-color-bg="true"],
.euf-flat-theme .text-color5[data-color-bg="true"] {
  background: #9b59b6 !important; }

.euf-flat-theme .text-purple-states,
.euf-flat-theme .text-purple-states:hover,
.euf-flat-theme .text-color5-states,
.euf-flat-theme .text-color5-states:hover {
  color: #8e44ad !important; }

.euf-flat-theme .text-purple-states:hover[data-color-bg="true"],
.euf-flat-theme .text-color5:hover[data-color-bg="true"] {
  background: #8e44ad !important; }

.euf-solid-theme .text-ftospetrol,
.euf-solid-theme .text-ftospetrol:hover,
.euf-solid-theme .text-color10 {
  color: #3F5A63 !important; }

.euf-solid-theme .text-ftospetrol:hover[data-color-bg="true"],
.euf-solid-theme .text-color10[data-color-bg="true"] {
  background: #3F5A63 !important; }

.euf-solid-theme .text-ftospetrol-states,
.euf-solid-theme .text-ftospetrol-states:hover,
.euf-solid-theme .text-color10-states,
.euf-solid-theme .text-color10-states:hover {
  color: #3c788c !important; }

.euf-solid-theme .text-ftospetrol-states:hover[data-color-bg="true"],
.euf-solid-theme .text-color10:hover[data-color-bg="true"] {
  background: #3c788c !important; }

.euf-solid-theme .text-ftosblue,
.euf-solid-theme .text-ftosblue:hover,
.euf-solid-theme .text-color9 {
  color: #27AAE1 !important; }

.euf-solid-theme .text-ftosblue:hover[data-color-bg="true"],
.euf-solid-theme .text-color9[data-color-bg="true"] {
  background: #27AAE1 !important; }

.euf-solid-theme .text-ftosblue-states,
.euf-solid-theme .text-ftosblue-states:hover,
.euf-solid-theme .text-color9-states,
.euf-solid-theme .text-color9-states:hover {
  color: #1c98cc !important; }

.euf-solid-theme .text-ftosblue-states:hover[data-color-bg="true"],
.euf-solid-theme .text-color9:hover[data-color-bg="true"] {
  background: #1c98cc !important; }

.euf-solid-theme .text-default,
.euf-solid-theme .text-default:hover,
.euf-solid-theme .text-color8 {
  color: #888888 !important; }

.euf-solid-theme .text-default:hover[data-color-bg="true"],
.euf-solid-theme .text-color8[data-color-bg="true"] {
  background: #888888 !important; }

.euf-solid-theme .text-default-states,
.euf-solid-theme .text-default-states:hover,
.euf-solid-theme .text-color8-states,
.euf-solid-theme .text-color8-states:hover {
  color: #777777 !important; }

.euf-solid-theme .text-default-states:hover[data-color-bg="true"],
.euf-solid-theme .text-color8:hover[data-color-bg="true"] {
  background: #777777 !important; }

.euf-solid-theme .text-blue,
.euf-solid-theme .text-blue:hover,
.euf-solid-theme .text-color6 {
  color: #0192ff !important; }

.euf-solid-theme .text-blue:hover[data-color-bg="true"],
.euf-solid-theme .text-color6[data-color-bg="true"] {
  background: #0192ff !important; }

.euf-solid-theme .text-blue-states,
.euf-solid-theme .text-blue-states:hover,
.euf-solid-theme .text-color6-states,
.euf-solid-theme .text-color6-states:hover {
  color: #2980b9 !important; }

.euf-solid-theme .text-blue-states:hover[data-color-bg="true"],
.euf-solid-theme .text-color6:hover[data-color-bg="true"] {
  background: #2980b9 !important; }

.euf-solid-theme .text-green,
.euf-solid-theme .text-green:hover,
.euf-solid-theme .text-color2 {
  color: #36c358 !important; }

.euf-solid-theme .text-green:hover[data-color-bg="true"],
.euf-solid-theme .text-color2[data-color-bg="true"] {
  background: #36c358 !important; }

.euf-solid-theme .text-green-states,
.euf-solid-theme .text-green-states:hover,
.euf-solid-theme .text-color2-states,
.euf-solid-theme .text-color2-states:hover {
  color: #049F0C !important; }

.euf-solid-theme .text-green-states:hover[data-color-bg="true"],
.euf-solid-theme .text-color2:hover[data-color-bg="true"] {
  background: #049F0C !important; }

.euf-solid-theme .text-azure,
.euf-solid-theme .text-azure:hover,
.euf-solid-theme .text-color1 {
  color: #2dbae7 !important; }

.euf-solid-theme .text-azure:hover[data-color-bg="true"],
.euf-solid-theme .text-color1[data-color-bg="true"] {
  background: #2dbae7 !important; }

.euf-solid-theme .text-azure-states,
.euf-solid-theme .text-azure-states:hover,
.euf-solid-theme .text-color1-states,
.euf-solid-theme .text-color1-states:hover {
  color: #29a9d2 !important; }

.euf-solid-theme .text-azure-states:hover[data-color-bg="true"],
.euf-solid-theme .text-color1:hover[data-color-bg="true"] {
  background: #29a9d2 !important; }

.euf-solid-theme .text-orange,
.euf-solid-theme .text-orange:hover,
.euf-solid-theme .text-color3 {
  color: #fed201 !important; }

.euf-solid-theme .text-orange:hover[data-color-bg="true"],
.euf-solid-theme .text-color3[data-color-bg="true"] {
  background: #fed201 !important; }

.euf-solid-theme .text-orange-states,
.euf-solid-theme .text-orange-states:hover,
.euf-solid-theme .text-color3-states,
.euf-solid-theme .text-color3-states:hover {
  color: #FFC107 !important; }

.euf-solid-theme .text-orange-states:hover[data-color-bg="true"],
.euf-solid-theme .text-color3:hover[data-color-bg="true"] {
  background: #FFC107 !important; }

.euf-solid-theme .text-red,
.euf-solid-theme .text-red:hover,
.euf-solid-theme .text-color4 {
  color: #ff5534 !important; }

.euf-solid-theme .text-red:hover[data-color-bg="true"],
.euf-solid-theme .text-color4[data-color-bg="true"] {
  background: #ff5534 !important; }

.euf-solid-theme .text-red-states,
.euf-solid-theme .text-red-states:hover,
.euf-solid-theme .text-color4-states,
.euf-solid-theme .text-color4-states:hover {
  color: #d64031 !important; }

.euf-solid-theme .text-red-states:hover[data-color-bg="true"],
.euf-solid-theme .text-color4:hover[data-color-bg="true"] {
  background: #d64031 !important; }

.euf-solid-theme .text-pink,
.euf-solid-theme .text-pink:hover,
.euf-solid-theme .text-color7 {
  color: #fe4a65 !important; }

.euf-solid-theme .text-pink:hover[data-color-bg="true"],
.euf-solid-theme .text-color7[data-color-bg="true"] {
  background: #fe4a65 !important; }

.euf-solid-theme .text-pink-states,
.euf-solid-theme .text-pink-states:hover,
.euf-solid-theme .text-color7-states,
.euf-solid-theme .text-color7-states:hover {
  color: #e03e56 !important; }

.euf-solid-theme .text-pink-states:hover[data-color-bg="true"],
.euf-solid-theme .text-color7:hover[data-color-bg="true"] {
  background: #e03e56 !important; }

.euf-solid-theme .text-purple,
.euf-solid-theme .text-purple:hover,
.euf-solid-theme .text-color5 {
  color: #9b59b6 !important; }

.euf-solid-theme .text-purple:hover[data-color-bg="true"],
.euf-solid-theme .text-color5[data-color-bg="true"] {
  background: #9b59b6 !important; }

.euf-solid-theme .text-purple-states,
.euf-solid-theme .text-purple-states:hover,
.euf-solid-theme .text-color5-states,
.euf-solid-theme .text-color5-states:hover {
  color: #9433a5 !important; }

.euf-solid-theme .text-purple-states:hover[data-color-bg="true"],
.euf-solid-theme .text-color5:hover[data-color-bg="true"] {
  background: #9433a5 !important; }

.euf-solid-theme .popover-body {
  padding: 9px; }

@media (max-width: 768px) {
  .euf-solid-theme .navbar-right .dropdown-menu {
    right: 0;
    left: auto; } }

.euf-solid-theme .btn-iconpicker:focus {
  border-color: #2dbae7; }

.euf-solid-theme .tooltip {
  border-radius: 0.625rem;
  z-index: 9999; }
  .euf-solid-theme .tooltip.show {
    filter: alpha(opacity=90);
    opacity: .9; }
  .euf-solid-theme .tooltip.bs-tooltip-top {
    padding: 5px 0;
    margin-top: -3px; }
  .euf-solid-theme .tooltip.bs-tooltip-right {
    padding: 0 5px;
    margin-left: 3px; }
  .euf-solid-theme .tooltip.bs-tooltip-bottom {
    padding: 5px 0;
    margin-top: 3px; }
  .euf-solid-theme .tooltip.bs-tooltip-left {
    padding: 0 5px;
    margin-left: -3px; }
  .euf-solid-theme .tooltip .arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .euf-solid-theme .tooltip .tooltip-inner {
    border-radius: 0.625rem;
    background-color: #2dbae7 !important; }
  .euf-solid-theme .tooltip.bs-tooltip-top .arrow {
    border-top-color: #2dbae7 !important;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .euf-solid-theme .tooltip.bs-tooltip-right .arrow {
    border-right-color: #2dbae7 !important;
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000; }
  .euf-solid-theme .tooltip.bs-tooltip-left .arrow {
    border-left-color: #2dbae7 !important;
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000; }
  .euf-solid-theme .tooltip.bs-tooltip-bottom .arrow {
    border-bottom-color: #2dbae7 !important;
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }

.euf-solid-theme .side-row:hover .side-row-content h5 {
  color: #2dbae7; }

.euf-solid-theme #loader h5 {
  color: #0192ff; }

.euf-solid-theme .preloader {
  border: 0.3rem solid #0192ff; }
  .euf-solid-theme .preloader > span:nth-child(1) {
    border: 0.5rem solid #e03e56; }
  .euf-solid-theme .preloader > span:nth-child(2) {
    background: -moz-linear-gradient(45deg, #2dbae7 20%, #29a9d2 100%);
    background: -webkit-linear-gradient(45deg, #2dbae7 20%, #29a9d2 100%);
    background: linear-gradient(45deg, #2dbae7 20%, #29a9d2 100%); }
  .euf-solid-theme .preloader > span:nth-child(3) {
    background: -moz-linear-gradient(top, #fed201 20%, #ffc107 100%);
    background: -webkit-linear-gradient(top, #fed201 20%, #ffc107 100%);
    background: linear-gradient(to bottom, #fed201 20%, #ffc107 100%); }

.euf-solid-theme .border-radius {
  border-radius: 0.625rem !important; }

.euf-solid-theme .border-radius-top {
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem; }

.euf-solid-theme .border-radius-bottom {
  border-bottom-right-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem; }

.euf-solid-theme .btn-iconpicker {
  border: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #d5d5d5;
  border-radius: 0.625rem;
  opacity: 1; }
  .euf-solid-theme .btn-iconpicker:hover {
    border-color: #d5d5d5; }

.euf-flat-theme .popover-body {
  padding: 9px; }

@media (max-width: 768px) {
  .euf-flat-theme .navbar-right .dropdown-menu {
    right: 0;
    left: auto; } }

.euf-flat-theme .btn-iconpicker:focus {
  border-color: #1abc9c; }

.euf-flat-theme .tooltip {
  border-radius: 0;
  z-index: 9999; }
  .euf-flat-theme .tooltip.show {
    filter: alpha(opacity=90);
    opacity: .9; }
  .euf-flat-theme .tooltip.bs-tooltip-top {
    padding: 5px 0;
    margin-top: -3px; }
  .euf-flat-theme .tooltip.bs-tooltip-right {
    padding: 0 5px;
    margin-left: 3px; }
  .euf-flat-theme .tooltip.bs-tooltip-bottom {
    padding: 5px 0;
    margin-top: 3px; }
  .euf-flat-theme .tooltip.bs-tooltip-left {
    padding: 0 5px;
    margin-left: -3px; }
  .euf-flat-theme .tooltip .arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .euf-flat-theme .tooltip .tooltip-inner {
    border-radius: 0;
    background-color: #1abc9c !important; }
  .euf-flat-theme .tooltip.bs-tooltip-top .arrow {
    border-top-color: #1abc9c !important;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .euf-flat-theme .tooltip.bs-tooltip-right .arrow {
    border-right-color: #1abc9c !important;
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000; }
  .euf-flat-theme .tooltip.bs-tooltip-left .arrow {
    border-left-color: #1abc9c !important;
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000; }
  .euf-flat-theme .tooltip.bs-tooltip-bottom .arrow {
    border-bottom-color: #1abc9c !important;
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }

.euf-flat-theme .side-row:hover .side-row-content h5 {
  color: #1abc9c; }

.euf-flat-theme #loader h5 {
  color: #34495e; }

.euf-flat-theme .preloader {
  border: 0.3rem solid #34495e; }
  .euf-flat-theme .preloader > span:nth-child(1) {
    border: 0.5rem solid #f47983; }
  .euf-flat-theme .preloader > span:nth-child(2) {
    background: -moz-linear-gradient(45deg, #1abc9c 20%, #16a085 100%);
    background: -webkit-linear-gradient(45deg, #1abc9c 20%, #16a085 100%);
    background: linear-gradient(45deg, #1abc9c 20%, #16a085 100%); }
  .euf-flat-theme .preloader > span:nth-child(3) {
    background: -moz-linear-gradient(top, #e67e22 20%, #d35400 100%);
    background: -webkit-linear-gradient(top, #e67e22 20%, #d35400 100%);
    background: linear-gradient(to bottom, #e67e22 20%, #d35400 100%); }

.euf-flat-theme .border-radius {
  border-radius: 0 !important; }

.euf-flat-theme .border-radius-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.euf-flat-theme .border-radius-bottom {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.euf-flat-theme .btn-iconpicker {
  border: 0.125rem;
  border-bottom-width: 0.125rem;
  border-style: solid;
  border-color: #a0a0a2;
  border-radius: 0;
  opacity: 1; }
  .euf-flat-theme .btn-iconpicker:hover {
    border-color: #a0a0a2; }

.euf-material-theme .popover-body {
  padding: 9px; }

@media (max-width: 768px) {
  .euf-material-theme .navbar-right .dropdown-menu {
    right: 0;
    left: auto; } }

.euf-material-theme .btn-iconpicker:focus {
  border-color: #03A9F4; }

.euf-material-theme .tooltip {
  border-radius: 0.125rem;
  z-index: 9999; }
  .euf-material-theme .tooltip.show {
    filter: alpha(opacity=90);
    opacity: .9; }
  .euf-material-theme .tooltip.bs-tooltip-top {
    padding: 5px 0;
    margin-top: -3px; }
  .euf-material-theme .tooltip.bs-tooltip-right {
    padding: 0 5px;
    margin-left: 3px; }
  .euf-material-theme .tooltip.bs-tooltip-bottom {
    padding: 5px 0;
    margin-top: 3px; }
  .euf-material-theme .tooltip.bs-tooltip-left {
    padding: 0 5px;
    margin-left: -3px; }
  .euf-material-theme .tooltip .arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .euf-material-theme .tooltip .tooltip-inner {
    border-radius: 0.125rem;
    background-color: #03A9F4 !important; }
  .euf-material-theme .tooltip.bs-tooltip-top .arrow {
    border-top-color: #03A9F4 !important;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .euf-material-theme .tooltip.bs-tooltip-right .arrow {
    border-right-color: #03A9F4 !important;
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000; }
  .euf-material-theme .tooltip.bs-tooltip-left .arrow {
    border-left-color: #03A9F4 !important;
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000; }
  .euf-material-theme .tooltip.bs-tooltip-bottom .arrow {
    border-bottom-color: #03A9F4 !important;
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }

.euf-material-theme .side-row:hover .side-row-content h5 {
  color: #03A9F4; }

.euf-material-theme #loader h5 {
  color: #3F51B5; }

.euf-material-theme .preloader {
  border: 0.3rem solid #3f51b5; }
  .euf-material-theme .preloader > span:nth-child(1) {
    border: 0.5rem solid #f06292; }
  .euf-material-theme .preloader > span:nth-child(2) {
    background: -moz-linear-gradient(45deg, #03a9f4 20%, #4FC3F7 100%);
    background: -webkit-linear-gradient(45deg, #03a9f4 20%, #4FC3F7 100%);
    background: linear-gradient(45deg, #03a9f4 20%, #4FC3F7 100%); }
  .euf-material-theme .preloader > span:nth-child(3) {
    background: -moz-linear-gradient(top, #ffc107 20%, #ffd54f 100%);
    background: -webkit-linear-gradient(top, #ffc107 20%, #ffd54f 100%);
    background: linear-gradient(to bottom, #ffc107 20%, #ffd54f 100%); }

.euf-material-theme .border-radius {
  border-radius: 0.125rem !important; }

.euf-material-theme .border-radius-top {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem; }

.euf-material-theme .border-radius-bottom {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem; }

.euf-material-theme .btn-iconpicker {
  border: 0;
  border-bottom-width: 0.0625rem;
  border-style: solid;
  border-color: #a0a0a2;
  border-radius: 0;
  opacity: 1; }
  .euf-material-theme .btn-iconpicker:hover {
    border-color: #a0a0a2; }

.euf-solid-theme .ebs-tour-single-step:first-of-type .ebs-effects .circle.blue.base {
  background: -moz-linear-gradient(45deg, rgba(1, 146, 255, 0.4) 20%, rgba(41, 128, 185, 0.2) 100%);
  background: -webkit-linear-gradient(45deg, rgba(1, 146, 255, 0.4) 20%, rgba(41, 128, 185, 0.2) 100%);
  background: linear-gradient(45deg, rgba(1, 146, 255, 0.4) 20%, rgba(41, 128, 185, 0.2) 100%); }

.euf-solid-theme .ebs-tour-single-step:first-of-type .ebs-effects .circle.pink.base {
  background: -moz-linear-gradient(top, rgba(254, 74, 101, 0.45) 20%, rgba(224, 62, 86, 0.15) 100%);
  background: -webkit-linear-gradient(top, rgba(254, 74, 101, 0.45) 20%, rgba(224, 62, 86, 0.15) 100%);
  background: linear-gradient(to bottom, rgba(254, 74, 101, 0.45) 20%, rgba(224, 62, 86, 0.15) 100%); }

.euf-solid-theme .ebs-tour-single-step:first-of-type .ebs-effects .circle.purple.base {
  background: -moz-linear-gradient(top, rgba(155, 89, 182, 0.35) 20%, rgba(148, 51, 165, 0.5) 100%);
  background: -webkit-linear-gradient(top, rgba(155, 89, 182, 0.35) 20%, rgba(148, 51, 165, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(155, 89, 182, 0.35) 20%, rgba(148, 51, 165, 0.5) 100%); }

.euf-solid-theme .ebs-tour-single-step:first-of-type .ebs-tour-info {
  background-image: url("../../../../Scripts/assets/img/fintech-form-header-solidbg.jpg");
  background-position: 50% 55%; }
  .euf-solid-theme .ebs-tour-single-step:first-of-type .ebs-tour-info:after {
    background: -moz-radial-gradient(center, rgba(1, 146, 255, 0.9) 20%, #293369 100%);
    background: -webkit-radial-gradient(center, rgba(1, 146, 255, 0.9) 20%, #293369 100%);
    background: radial-gradient(ellipse at center, rgba(1, 146, 255, 0.9) 20%, #293369 100%); }

.euf-solid-theme .ebs-tour-info {
  background-color: #0192ff;
  border-color: #0192ff; }
  .euf-solid-theme .ebs-tour-info .ebs-tour-close::after, .euf-solid-theme .ebs-tour-info .ebs-tour-close:before {
    /* these are the 2 lines of the 'X' icon */
    background: #777777; }

.euf-solid-theme .ebs-tour-nav a.inactive {
  color: #777777; }

.euf-solid-theme body.after-block-blue .clonned[data-tour-element="feed-trigger"] {
  background-color: #0192ff; }

.euf-solid-theme body.after-block-azure-states .clonned[data-tour-element="feed-trigger"] {
  background-color: #29a9d2; }

.euf-solid-theme body.after-block-green-states .clonned[data-tour-element="feed-trigger"] {
  background-color: #049F0C; }

.euf-solid-theme body.after-block-purple .clonned[data-tour-element="feed-trigger"] {
  background-color: #9b59b6; }

.euf-solid-theme body.after-block-red .clonned[data-tour-element="feed-trigger"] {
  background-color: #ff5534; }

.euf-solid-theme body.after-block-pink-states .clonned[data-tour-element="feed-trigger"] {
  background-color: #e03e56; }

@-webkit-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #2dbae7; }
  100% {
    box-shadow: 0 0 0 20px rgba(45, 186, 231, 0); } }

@-moz-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #2dbae7; }
  100% {
    box-shadow: 0 0 0 20px rgba(45, 186, 231, 0); } }

@-ms-keyframes cd-pulse {
  .euf-solid-theme 0% {
    box-shadow: 0 0 0 0 #2dbae7; }
  .euf-solid-theme 100% {
    box-shadow: 0 0 0 20px rgba(45, 186, 231, 0); } }

@-o-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #2dbae7; }
  100% {
    box-shadow: 0 0 0 20px rgba(45, 186, 231, 0); } }

@keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #2dbae7; }
  100% {
    box-shadow: 0 0 0 20px rgba(45, 186, 231, 0); } }

.euf-flat-theme .ebs-tour-single-step:first-of-type .ebs-effects .circle.blue.base {
  background: -moz-linear-gradient(45deg, rgba(52, 73, 94, 0.4) 20%, rgba(44, 62, 80, 0.2) 100%);
  background: -webkit-linear-gradient(45deg, rgba(52, 73, 94, 0.4) 20%, rgba(44, 62, 80, 0.2) 100%);
  background: linear-gradient(45deg, rgba(52, 73, 94, 0.4) 20%, rgba(44, 62, 80, 0.2) 100%); }

.euf-flat-theme .ebs-tour-single-step:first-of-type .ebs-effects .circle.pink.base {
  background: -moz-linear-gradient(top, rgba(240, 143, 144, 0.45) 20%, rgba(244, 121, 131, 0.15) 100%);
  background: -webkit-linear-gradient(top, rgba(240, 143, 144, 0.45) 20%, rgba(244, 121, 131, 0.15) 100%);
  background: linear-gradient(to bottom, rgba(240, 143, 144, 0.45) 20%, rgba(244, 121, 131, 0.15) 100%); }

.euf-flat-theme .ebs-tour-single-step:first-of-type .ebs-effects .circle.purple.base {
  background: -moz-linear-gradient(top, rgba(155, 89, 182, 0.35) 20%, rgba(142, 68, 173, 0.5) 100%);
  background: -webkit-linear-gradient(top, rgba(155, 89, 182, 0.35) 20%, rgba(142, 68, 173, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(155, 89, 182, 0.35) 20%, rgba(142, 68, 173, 0.5) 100%); }

.euf-flat-theme .ebs-tour-single-step:first-of-type .ebs-tour-info:after {
  opacity: 1; }

.euf-flat-theme .ebs-tour-single-step:first-of-type .ebs-tour-info:after {
  background: -moz-radial-gradient(center, rgba(52, 73, 94, 0.9) 20%, #293369 100%);
  background: -webkit-radial-gradient(center, rgba(52, 73, 94, 0.9) 20%, #293369 100%);
  background: radial-gradient(ellipse at center, rgba(52, 73, 94, 0.9) 20%, #293369 100%); }

.euf-flat-theme .ebs-tour-info {
  background-color: #34495e;
  border-color: #34495e; }
  .euf-flat-theme .ebs-tour-info .ebs-tour-close::after, .euf-flat-theme .ebs-tour-info .ebs-tour-close:before {
    /* these are the 2 lines of the 'X' icon */
    background: #7f8c8d; }

.euf-flat-theme .ebs-tour-nav a.inactive {
  color: #7f8c8d; }

.euf-flat-theme body.after-block-blue .clonned[data-tour-element="feed-trigger"] {
  background-color: #34495e; }

.euf-flat-theme body.after-block-azure-states .clonned[data-tour-element="feed-trigger"] {
  background-color: #16a085; }

.euf-flat-theme body.after-block-green-states .clonned[data-tour-element="feed-trigger"] {
  background-color: #27ae60; }

.euf-flat-theme body.after-block-purple .clonned[data-tour-element="feed-trigger"] {
  background-color: #9b59b6; }

.euf-flat-theme body.after-block-red .clonned[data-tour-element="feed-trigger"] {
  background-color: #e74c3c; }

.euf-flat-theme body.after-block-pink-states .clonned[data-tour-element="feed-trigger"] {
  background-color: #F47983; }

@-webkit-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #1abc9c; }
  100% {
    box-shadow: 0 0 0 20px rgba(26, 188, 156, 0); } }

@-moz-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #1abc9c; }
  100% {
    box-shadow: 0 0 0 20px rgba(26, 188, 156, 0); } }

@-ms-keyframes cd-pulse {
  .euf-flat-theme 0% {
    box-shadow: 0 0 0 0 #1abc9c; }
  .euf-flat-theme 100% {
    box-shadow: 0 0 0 20px rgba(26, 188, 156, 0); } }

@-o-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #1abc9c; }
  100% {
    box-shadow: 0 0 0 20px rgba(26, 188, 156, 0); } }

@keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #1abc9c; }
  100% {
    box-shadow: 0 0 0 20px rgba(26, 188, 156, 0); } }

.euf-material-theme .ebs-tour-single-step:first-of-type .ebs-effects .circle.blue.base {
  background: -moz-linear-gradient(45deg, rgba(63, 81, 181, 0.4) 20%, rgba(121, 134, 203, 0.2) 100%);
  background: -webkit-linear-gradient(45deg, rgba(63, 81, 181, 0.4) 20%, rgba(121, 134, 203, 0.2) 100%);
  background: linear-gradient(45deg, rgba(63, 81, 181, 0.4) 20%, rgba(121, 134, 203, 0.2) 100%); }

.euf-material-theme .ebs-tour-single-step:first-of-type .ebs-effects .circle.pink.base {
  background: -moz-linear-gradient(top, rgba(233, 30, 99, 0.45) 20%, rgba(240, 98, 146, 0.15) 100%);
  background: -webkit-linear-gradient(top, rgba(233, 30, 99, 0.45) 20%, rgba(240, 98, 146, 0.15) 100%);
  background: linear-gradient(to bottom, rgba(233, 30, 99, 0.45) 20%, rgba(240, 98, 146, 0.15) 100%); }

.euf-material-theme .ebs-tour-single-step:first-of-type .ebs-effects .circle.purple.base {
  background: -moz-linear-gradient(top, rgba(156, 39, 176, 0.35) 20%, rgba(186, 104, 200, 0.5) 100%);
  background: -webkit-linear-gradient(top, rgba(156, 39, 176, 0.35) 20%, rgba(186, 104, 200, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(156, 39, 176, 0.35) 20%, rgba(186, 104, 200, 0.5) 100%); }

.euf-material-theme .ebs-tour-single-step:first-of-type .ebs-tour-info {
  background-image: url("../../../../Scripts/assets/img/fintech-form-header-materialbg.jpg"); }
  .euf-material-theme .ebs-tour-single-step:first-of-type .ebs-tour-info:after {
    background: -moz-radial-gradient(center, rgba(63, 81, 181, 0.9) 20%, #293369 100%);
    background: -webkit-radial-gradient(center, rgba(63, 81, 181, 0.9) 20%, #293369 100%);
    background: radial-gradient(ellipse at center, rgba(63, 81, 181, 0.9) 20%, #293369 100%); }

.euf-material-theme .ebs-tour-info {
  background-color: #3F51B5;
  border-color: #3F51B5; }
  .euf-material-theme .ebs-tour-info .ebs-tour-close::after, .euf-material-theme .ebs-tour-info .ebs-tour-close:before {
    /* these are the 2 lines of the 'X' icon */
    background: #BDBDBD; }

.euf-material-theme .ebs-tour-nav a.inactive {
  color: #BDBDBD; }

.euf-material-theme body.after-block-blue .clonned[data-tour-element="feed-trigger"] {
  background-color: #3F51B5; }

.euf-material-theme body.after-block-azure-states .clonned[data-tour-element="feed-trigger"] {
  background-color: #4FC3F7; }

.euf-material-theme body.after-block-green-states .clonned[data-tour-element="feed-trigger"] {
  background-color: #81C784; }

.euf-material-theme body.after-block-purple .clonned[data-tour-element="feed-trigger"] {
  background-color: #9C27B0; }

.euf-material-theme body.after-block-red .clonned[data-tour-element="feed-trigger"] {
  background-color: #FF5722; }

.euf-material-theme body.after-block-pink-states .clonned[data-tour-element="feed-trigger"] {
  background-color: #F06292; }

@-webkit-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #03a9f4; }
  100% {
    box-shadow: 0 0 0 20px rgba(3, 169, 244, 0); } }

@-moz-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #03a9f4; }
  100% {
    box-shadow: 0 0 0 20px rgba(3, 169, 244, 0); } }

@-ms-keyframes cd-pulse {
  .euf-material-theme 0% {
    box-shadow: 0 0 0 0 #03a9f4; }
  .euf-material-theme 100% {
    box-shadow: 0 0 0 20px rgba(3, 169, 244, 0); } }

@-o-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #03a9f4; }
  100% {
    box-shadow: 0 0 0 20px rgba(3, 169, 244, 0); } }

@keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #03a9f4; }
  100% {
    box-shadow: 0 0 0 20px rgba(3, 169, 244, 0); } }

/*# sourceMappingURL=theme-bundle.css.map */