/* normal background color */
  html,body, .field-string input[disabled], .field-select select[disabled], .field-textarea textarea[disabled], button[disabled=disabled], button:disabled, .field-select-important, .logged > body > nav li a.current, .formular table th, .modal header, .modal footer, .form-login .field-string input, #order-form > div h1, #order-form > div h2, #order-form > div h3 {background-color: #f0f0f0;}


  @media (max-width: 767px) {
    #userMessages {background-color: #f0f0f0;}
  }

/* content background color */
  .sticky #content section > .formular > header, .sticky #content > section > .ng-scope > .grid > header, #content > section {background-color: rgba(255,255,255,0.95);}
  .field-select:not(.field-select-important) select:not([disabled]), .field-textarea textarea:not([disabled]) {background-color: rgba(255,255,255,0.85);}
  .sticky #content section > .formular > header:hover, .sticky #content > section > .ng-scope > .grid > header:hover, .ui-grid-render-container, .logged > body > header, .logged > body > nav, #content > section:hover, .logged > body > nav ul, .logged > body > nav > ol, .field-string input:focus, .field-select:not(.field-select-important) select:focus, .field-textarea textarea:focus {background-color: #fff;}
  .field-string input:not([disabled]), .field-select:not(.field-select-important) select:not([disabled]), .field-textarea textarea:not([disabled]) {background-color: #fff;}

/* form field focus */
  .field input:focus, .field select:focus, .field textarea:focus {border-color:#d0d0d0;}

/* box-shadow */
  .field input:focus, .field select:focus, .field textarea:focus, .button:focus, .sticky #content section > .formular > header, .sticky #content > section > .ng-scope > .grid > header {box-shadow: 0 0 2px 2px rgba(0,0,0,0.03);}

/* transitions */

  /* color */
  a {transition:color 0.1s linear;}

  /* border-color */
  .field input:focus, .field select:focus, .field textarea:focus, .button:focus {transition:border-color 0.1s linear;}

  /* background-color */
  .field-string input:not([disabled]), .field-select:not(.field-select-important) select:not([disabled]), .field-textarea textarea:not([disabled]), .button, #content > section, .formular section, .sticky #content section > .formular > header, .sticky #content > section > .ng-scope > .grid > header {transition:background-color 0.1s ease-in;}

  /* box-shadow */
  .field input:focus, .field select:focus, .field textarea:focus, .button:focus {transition:box-shadow 0.1s linear;}

/* light background color */
  .modal, .ui-grid-menu-button:hover, #userMessages div, .formular section, .logged > body > nav li:hover, .logged > body > nav > ul > li:hover ul {background-color: #fafafa;}

/* normal text color */
  html,body, .logged > body > nav li a.current, .values dd span, .logged > body > header strong, .logged > body > header .current, #userMessages p span {color: #3e3e3e;}

/* light text color */
  #content > section .subheader li, .values, #content > section > header > ul, sup, .logged > body > header, .form .hint {color: #7d7d7d;}

/* border color */
  .field-string input, .field-select select, .field-textarea textarea, section > .fields-row, .sticky #content section > .formular > header, .sticky #content > section > .ng-scope > .grid > header, .table > table > tbody > tr > td, .table > table > tbody > tr > th, .formular section, .grid-cols > .grid-row > div, .control .field-string input, .control .field-select select, .field-textarea textarea, #content > section, .logged > body > nav, .logged > body > nav li a.current, .logged > body > nav li a.current:hover, .logged > body > header > div > div, .logged > body > nav > ul > li ul, .logged > body > nav > ol a, .logged > body > nav > ol:hover, .logged > body > nav > ol > li {border-color: #e8e8e8;}

/* strong button styles  */
  .button:not([disabled]):not(.button-unimportant), .moment-picker td.selected, .moment-picker .header-view th:hover {background: #2a295c;color: #fff;}
  .button:not([disabled]):hover, .button:not([disabled]):focus {background: #ec2224;color: #fff;}
  .button-unimportant, .button-unimportant:hover {background: #aaa;color:#fff}

/* header animated bar */
  .logged > body > header > div > div.loading::after {background-color: #75ad10;}

/* ui grid */
  .ui-grid-row:nth-child(even) .ui-grid-cell {background-color: #f9f9f9;}
  .ui-grid-row:hover > div > div {background-color: #f2f2f2 !important;}

/* active text color */
  a:hover {color: #ec2224;}
  #content > section {border-top-color: #ec2224;}
  .sticky #content section > .formular > header, .logged > body > header > div > .important {border-bottom-color:#ec2224;}

/* button disabled */
  .button[disabled] {color: #7d7d7d;}

/* formular */
  .errName {color:#ec2224;}

/* person config */
#person-config-details-basics .grid-row > h2, #person-config-create-basics .grid-row > h2 {padding-left: 15px;min-width: 226px;}
#person-config-details-basics .grid-row, #person-config-create-basics .grid-row {display: flex;justify-content: space-between;align-items: center;align-content: center;}
#person-config-details-basics .grid-row .field-string .hint, #person-config-create-basics .grid-row .field-string .hint {min-height:0px;}
#person-config-details-basics .grid-row .field-string .messages, #person-config-create-basics .grid-row .field-string .messages {margin-top:0px;}
#person-config-details-basics .grid-cols > .grid-row > div:not(:first-child), #person-config-create-basics .grid-cols > .grid-row > div:not(:first-child) {border-left-width:0px;}
#person-config-details-basics .grid-row .field-checkbox, #person-config-create-basics .grid-row .field-checkbox {display: flex;flex-direction: column;align-items: center;}
#person-config-details-basics .grid-row .field-checkbox .control input, #person-config-create-basics .grid-row .field-checkbox .control input {margin:5px 0px 0px 0px;}