/* breadcrumb */
.bredcrumb {
  display: block;
  margin: 15px 0 15px 0; }

.breadcrumb-item {
  display: inline;
  white-space: nowrap; }
  .breadcrumb-item:after {
    content: " >"; }
  .breadcrumb-item:last-child:after {
    content: ""; }

.breadcrumb--mobile {
  margin: 11px 0 18px; }

.bredcrumb-item--mobile {
  padding: 9px 0 9px 9px; }
  .bredcrumb-item--mobile i {
    padding-right: 9px; }
  .bredcrumb-item--mobile:after {
    margin-left: 14px;
    content: unset; }
  .bredcrumb-item--mobile:last-child:after {
    content: unset; }

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  font-family: "Lato", Helvetica, Arial, sans-serif; }

body {
  font-size: 14px;
  line-height: 1.42857;
  color: #333333; }

a {
  color: #EA7600;
  font-weight: 400; }

h1, h2, h3, h4, h5, h6 {
  color: #6E6259;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 12.5px; }

p {
  line-height: 1.42857;
  margin: 0 0 12.5px; }

.container {
  padding: 0;
  float: left;
  width: 100%; }

.row {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 0;
  position: relative; }

ul, ol {
  margin-bottom: 0; }

input[type="checkbox"] {
  margin-right: 2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
  transform: scale(2.5, 2.5);
  -ms-transform: scale(2.5, 2.5);
  -webkit-transform: scale(2.5, 2.5);
  -moz-transform: scale(2.5, 2.5);
  -o-transform: scale(2.5, 2.5); }

input[type=text], textarea {
  -webkit-appearance: none;
  border-radius: 0; }

#pwusernamefield, #pwusernamelabel, #pwusernamesms {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  width: 80% !important;
  max-width: 80% !important;
  margin-right: 0.5rem; }

#smscopy {
  vertical-align: top;
  marign: 0; }

#menu {
  position: fixed;
  z-index: 22;
  left: 0;
  top: 0;
  bottom: 0;
  width: 80%;
  overflow: scroll;
  background: #4e4e4e;
  opacity: 0; }
  #menu ul {
    width: 100%; }
  #menu li {
    width: 100%;
    background: #4e4e4e;
    margin: 0;
    height: 4.8rem;
    line-height: 4.8rem;
    border-bottom: 1px solid #3F3F3F;
    font-weight: normal;
    font-size: 1.5rem;
    padding: 0 2rem;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box; }
    #menu li img.menu-image {
      display: inline-block;
      height: 1.8rem;
      padding: 1.4rem 0; }
    #menu li a {
      line-height: 4.8rem;
      display: inline-block;
      color: white;
      vertical-align: top; }
    #menu li a.flagWidget {
      height: 4.8rem;
      text-align: center;
      float: right; }
      #menu li a.flagWidget img {
        padding: 1.2rem 0;
        height: 2.4rem; }
  #menu li:active {
    background: gray; }
  #menu li.header {
    background: #3F3F3F;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff; }
  #menu li.disabled, #menu li:active.disabled {
    background: #4e4e4e; }
    #menu li.disabled a, #menu li.disabled a:hover, #menu li:active.disabled a, #menu li:active.disabled a:hover {
      color: #3F3F3F; }

#helpScroller {
  position: fixed;
  z-index: 11;
  right: 0;
  top: 0;
  bottom: 0;
  width: 90%;
  margin: 0;
  padding: 0;
  background: #f5f5f0;
  border-left: solid 1px #d4d6d8;
  box-sizing: border-box; }
  #helpScroller #helparea {
    width: 100%;
    padding: 1rem;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box; }
    #helpScroller #helparea h1 {
      font-size: 2rem !important; }
    #helpScroller #helparea #btnClose {
      float: right; }

#main {
  position: fixed;
  z-index: 33;
  left: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  -webkit-transition: all 200ms ease-in 50ms;
  -moz-transition: all 200ms ease-in 50ms;
  -o-transition: all 200ms ease-in 50ms;
  transition: all 200ms ease-in 50ms;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  #main header {
    width: 100%;
    background-color: white;
    /*padding: 1.5rem;*/
    /*box-sizing: border-box;*/
    color: #000;
    /*.column, .columns {
            margin: 0;
        }

        .row .six.columns {
            width: 50%;

            @media screen and (max-width:400px) {
                width: 53%;
            }
        }

        .row .three.columns {
            width: 25%;

            @media screen and (max-width:400px) {
                &.mobile-header-left {
                    width: 15%;
                }

                &.mobile-header-right {
                    width: 31%;
                }
            }
        }*/ }
    #main header .header-col-3,
    #main header .header-col-6 {
      margin-left: 0; }
    #main header .header-col-3 {
      width: 26.08%; }
    #main header .header-col-3:first-child {
      width: 21.68%; }
    #main header .header-col-6 {
      width: 52.2%; }
    #main header .header-col-6:first-child {
      width: 47.8%; }
    #main header .top {
      padding: 1rem 1.5rem;
      margin: 0;
      box-sizing: border-box;
      /*.test-logo {
                width: 48px;
                position: absolute;
                top: 9px;
                left: 52px;
            }*/ }
      #main header .top #menuButton {
        display: inline-block; }
        #main header .top #menuButton .navbar-toggle {
          position: relative;
          padding: 12px 8px;
          margin: 0;
          background-color: #EA7600;
          border-radius: 50%;
          border: none; }
          #main header .top #menuButton .navbar-toggle:focus {
            outline: 0; }
          #main header .top #menuButton .navbar-toggle .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
            background-color: #fff; }
            #main header .top #menuButton .navbar-toggle .icon-bar + .icon-bar {
              margin-top: 4px; }
      #main header .top #backButton {
        margin: 0;
        padding: 0;
        float: left;
        display: inline-block; }
        #main header .top #backButton button {
          -webkit-tap-highlight-color: transparent;
          border: none;
          display: inline-block;
          padding: 0;
          margin: 0;
          float: left;
          width: 38px;
          height: 38px;
          background-image: url(../images/mobile/back.png);
          background-color: #EA7600;
          background-size: contain;
          background-repeat: no-repeat no-repeat;
          background-position: center center; }
      #main header .top #notificationButton {
        float: right;
        margin: 11px 8px 0 0; }
        #main header .top #notificationButton a {
          float: right; }
          #main header .top #notificationButton a img {
            float: right;
            width: 24px; }
      #main header .top #header-time {
        font-size: 2rem;
        font-weight: 900;
        text-align: center;
        line-height: 3.9rem;
        color: #6E6259; }
      #main header .top img.header-logo-mobile {
        height: 24px;
        margin-bottom: -2px;
        margin-right: 5px;
        vertical-align: sub; }
      #main header .top .test-icon-container {
        position: absolute;
        right: 10px; }
      #main header .top .test-icon {
        top: 12px;
        position: fixed;
        opacity: 0.6;
        z-index: 1000; }
    #main header .bottom h1 {
      border: 1px solid #d4d6d8;
      border-left: none;
      border-right: none;
      display: block;
      line-height: 2rem;
      font-size: 1.4rem;
      background: #f5f5f0;
      text-align: center;
      color: #6E6259;
      margin: 0; }
  #main #content {
    padding: 0;
    width: 100%;
    color: #333333; }
    #main #content h1 {
      font-size: 1.7rem; }
    #main #content section.panel.panel-gray {
      background: #f5f5f0;
      border-bottom: 1px solid #d4d6d8; }
    #main #content section.panel .editor-field, #main #content section.panel .editor-select, #main #content section.panel .editor-textarea, #main #content section.panel .otherinfo-field {
      max-width: 16rem;
      width: 16rem;
      margin: 0.2rem;
      padding: 0.6rem 0.6rem 0.8rem;
      font-family: "Lato", Helvetica, Arial, sans-serif;
      background: #f5f5f0;
      color: #000;
      border: solid 1px #d4d6d8;
      font-size: 1.4rem;
      line-height: 1.4rem; }
      #main #content section.panel .editor-field.placeholder, #main #content section.panel .editor-select.placeholder, #main #content section.panel .editor-textarea.placeholder, #main #content section.panel .otherinfo-field.placeholder {
        color: #A59C94; }
    #main #content section.panel .editor-label, #main #content section.panel .otherinfo-label {
      font-size: 1.5rem;
      line-height: 1.5rem;
      font-weight: bold;
      margin-top: 1rem;
      margin-bottom: 0.6rem; }
    #main #content section.panel #CaptchaImage {
      max-width: 18rem;
      min-width: 18rem; }
  #main #wrapper {
    box-sizing: border-box;
    width: 100%; }

/*#main #content section.panel.panel-gray.login-fields {
    border: 1px solid $LFV2015-gray-border;
}*/
#main.open {
  left: 80%; }

#main.openHelp {
  left: -90%; }

@media screen and (min-width: 480px) {
  #menu {
    width: 25rem; }
  #main.open {
    left: 25rem; } }

section.panel, div.panel {
  margin: 0;
  padding: 1.5rem;
  background: #fff; }

.input-validation-error {
  outline: 2px solid #D80000 !important; }
  .input-validation-error:hover {
    outline: 2px solid #D80000 !important; }

section.error {
  outline: 2px solid #D80000 !important; }

.field-validation-error, .validation-summary-errors {
  display: block;
  font-weight: bold;
  font-size: 13px;
  position: relative;
  border-image: initial; }
  .field-validation-error--margin-bottom, .validation-summary-errors--margin-bottom {
    margin-bottom: 24px;
    /* Fix to compensate for the margin that .tor-link-text-table usually provides, hence not applied globally on .validation-summary-errors */ }
  .field-validation-error ul, .validation-summary-errors ul {
    margin: 0; }
    .field-validation-error ul li, .validation-summary-errors ul li {
      margin: 0; }

.field-validation-error {
  margin: 6px 0;
  padding: 6px 7px;
  background: #f5f5f0;
  outline: 2px solid #D80000 !important; }

.validation-summary-errors {
  padding: 0; }
  .validation-summary-errors ul {
    margin: 0;
    padding: 0; }
    .validation-summary-errors ul li, .validation-summary-errors ul li:hover {
      background: #ff0000;
      border: none;
      color: #fff;
      margin: 4px 0 0;
      padding: 6px 7px; }

#errorMessages {
  background: #f5f5f0;
  outline: 2px solid #D80000 !important;
  margin: 4px;
  font-size: 14px; }
  #errorMessages ol {
    margin-top: 0.6em;
    margin-bottom: 0; }
  #errorMessages li {
    margin-bottom: 0.6em; }
  #errorMessages li:last {
    margin-bottom: 0; }

.header-mobile-link {
  float: right;
  font-weight: 600;
  margin: 0;
  margin-top: 11px;
  /*margin-right: 10px;*/
  font-size: 1.1rem; }

.custom-message-area {
  background: #FF4242;
  border: 1px solid #FF0000;
  color: white;
  margin: 0;
  padding: 0.6rem;
  font-weight: bold; }

.action-button {
  padding: 0;
  margin: 0.2rem;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #E6A65D;
  background-color: #EA7600;
  vertical-align: top;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 17px; }
  .action-button img {
    vertical-align: middle;
    padding: 3px; }

.action-button.small img {
  width: 2.4rem;
  height: 2.4rem; }

.action-button.disabled, .action-button[disabled], .action-button[disabled]:hover, .action-button.disabled:hover {
  cursor: default;
  border: 1px solid #d4d6d8;
  background-color: #f5f5f0; }
  .action-button.disabled img, .action-button[disabled] img, .action-button[disabled]:hover img, .action-button.disabled:hover img {
    opacity: 0.25; }

.action-button:hover {
  background-color: #E6A65D;
  border: 1px solid #E6A65D; }

.row.actions {
  padding: 0 1.1rem; }
  section.panel .row.actions, #wrapper > .row.actions {
    padding: 0; }

.login-required-message {
  min-height: 30px;
  text-align: center;
  color: white;
  width: 100%;
  background-color: #ff0000; }
  .login-required-message p {
    margin: 0;
    font-weight: bold;
    line-height: 30px; }

.uppercase {
  text-transform: uppercase; }