﻿/*
  new styles (rebranding and improvements)
*/
/*
    All colors to be defined in this file.
    Two levels of definition:
      - 1. Palette colors: brand named colors and basic theme colors. Should be primarally used to define component colors
      - 2. Component colors. Reuse them in component-related styles.
*/
.y-layout-general .btn {
  padding: initial;
  width: initial;
  text-shadow: initial;
  border: none;
  background-image: none;
  background: none;
  box-shadow: none;
}
.y-layout-impersonate .btn a,
.y-layout-general .btn a,
.y-layout-impersonate .button,
.y-layout-general .button,
.y-layout-impersonate .button:hover,
.y-layout-general .button:hover {
  outline: none;
  filter: unset;
  border: 0;
  padding-right: 1em;
  padding-left: 1em;
}
.y-layout-impersonate .btn a,
.y-layout-general .btn a,
.y-layout-impersonate .button,
.y-layout-general .button {
  background: #2c7cf2;
  margin-right: 3px;
  margin-bottom: 2px;
  border-radius: 3px;
  color: #fefefe;
  border: 1px solid transparent;
}
.y-layout-impersonate .btn a:hover,
.y-layout-general .btn a:hover,
.y-layout-impersonate .button:hover,
.y-layout-general .button:hover {
  background: #0e66e7;
  color: #f9f9f9;
  border: 1px solid transparent;
}
.y-layout-impersonate .btn a.is-focus,
.y-layout-general .btn a.is-focus,
.y-layout-impersonate .button.is-focus,
.y-layout-general .button.is-focus,
.y-layout-impersonate .btn a:focus,
.y-layout-general .btn a:focus,
.y-layout-impersonate .button:focus,
.y-layout-general .button:focus {
  text-decoration: none;
  background: #2c7cf2;
  color: #fefefe;
  border: 1px solid black;
}
.y-layout-impersonate .btn a.is-alternative,
.y-layout-general .btn a.is-alternative,
.y-layout-impersonate .button.is-alternative,
.y-layout-general .button.is-alternative {
  background: #fefefe;
  color: #2c7cf2;
  border: 1px solid #2c7cf2;
}
.y-layout-impersonate .btn a.is-alternative:focus,
.y-layout-general .btn a.is-alternative:focus,
.y-layout-impersonate .button.is-alternative:focus,
.y-layout-general .button.is-alternative:focus {
  border: 1px solid black;
}
.y-layout-impersonate .btn a.is-alternative:hover,
.y-layout-general .btn a.is-alternative:hover,
.y-layout-impersonate .button.is-alternative:hover,
.y-layout-general .button.is-alternative:hover {
  color: #fefefe;
  background: #2c7cf2;
}
.y-layout-impersonate .btn a.is-danger,
.y-layout-general .btn a.is-danger,
.y-layout-impersonate .button.is-danger,
.y-layout-general .button.is-danger {
  background: #2c7cf2;
  color: #fefefe;
}
.y-layout-impersonate .btn a.is-danger:focus,
.y-layout-general .btn a.is-danger:focus,
.y-layout-impersonate .button.is-danger:focus,
.y-layout-general .button.is-danger:focus {
  border: 1px solid black;
}
.y-layout-impersonate .btn a.is-danger:hover,
.y-layout-general .btn a.is-danger:hover,
.y-layout-impersonate .button.is-danger:hover,
.y-layout-general .button.is-danger:hover {
  color: #f9f9f9;
  background: #0e66e7;
}
.y-layout-impersonate .btn a.button-disabled,
.y-layout-general .btn a.button-disabled,
.y-layout-impersonate .button.button-disabled,
.y-layout-general .button.button-disabled {
  background-color: gray;
  border: 5px;
}
.y-layout-impersonate .btn a.button-disabled:focus,
.y-layout-general .btn a.button-disabled:focus,
.y-layout-impersonate .button.button-disabled:focus,
.y-layout-general .button.button-disabled:focus {
  border: 1px solid black;
}
.y-layout-impersonate .btn a.button-disabled:hover,
.y-layout-general .btn a.button-disabled:hover,
.y-layout-impersonate .button.button-disabled:hover,
.y-layout-general .button.button-disabled:hover {
  color: #f9f9f9;
  background-color: gray;
}
.y-layout-impersonate button.ui-datepicker-trigger,
.y-layout-general button.ui-datepicker-trigger {
  background-color: transparent;
  box-sizing: border-box;
  border: 0;
  padding-top: 2px;
  margin-left: 5px;
}
.y-layout-impersonate button.ui-datepicker-trigger:before,
.y-layout-general button.ui-datepicker-trigger:before {
  width: 14px;
  height: 14px;
  font-size: 14px;
  font-family: FontAwesome;
  /* fa-calendar */
  content: "\f073";
}
.y-layout-impersonate button.ui-datepicker-trigger img,
.y-layout-general button.ui-datepicker-trigger img {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  padding-left: 14px;
  margin-left: -14px;
}
.y-layout-impersonate a,
.y-layout-general a {
  color: #2c7cf2;
}
.y-layout-impersonate a:hover,
.y-layout-general a:hover {
  color: #0e66e7;
}
.y-layout-impersonate .y-button,
.y-layout-general .y-button {
  border: 0;
  border-radius: 3px;
  background: #2c7cf2;
  color: #fefefe !important;
}
.y-layout-impersonate .y-button:hover,
.y-layout-general .y-button:hover {
  background: #0e66e7 !important;
  color: #f9f9f9;
}
.y-layout-impersonate .y-button .fa,
.y-layout-general .y-button .fa {
  font-size: 16px;
}
.y-layout-impersonate .y-button#searchBtn,
.y-layout-general .y-button#searchBtn {
  height: 40px;
  width: 40px;
}
.y-layout-impersonate .paginationImage,
.y-layout-general .paginationImage {
  background-image: none;
  padding: 1px 2px;
}
.y-layout-fluid .btn {
  margin: 1px 2px;
}
.y-layout-fluid .btn.btn-primary {
  background: #2c7cf2;
  border: 1px solid transparent;
}
.y-layout-fluid .btn.btn-primary:hover {
  background: #0e66e7;
  color: #f9f9f9;
  border: 1px solid transparent;
  text-shadow: none;
}
.y-layout-fluid .btn.btn-default,
.y-layout-fluid .btn.is-alternative {
  background: #fefefe;
  color: #2c7cf2;
  border: 1px solid #2c7cf2;
  text-shadow: none;
}
.y-layout-fluid .btn.btn-default:focus,
.y-layout-fluid .btn.is-alternative:focus {
  border: 1px solid black;
  text-shadow: none;
}
.y-layout-fluid .btn.btn-default:hover,
.y-layout-fluid .btn.is-alternative:hover {
  color: #fefefe;
  background: #2c7cf2;
  text-shadow: none;
}
.y-layout-fluid a {
  color: #2c7cf2;
}
.y-layout-fluid a:hover {
  color: #0e66e7;
}
.y-layout-impersonate input.button {
  width: auto;
}
.y-layout-impersonate select,
.y-layout-general select {
  border-radius: 3px;
  margin-bottom: 2px;
}
.y-layout-impersonate select[multiple],
.y-layout-general select[multiple] {
  height: auto;
}
.y-layout-impersonate input[type="text"]:not(#licensePlate):not(.form-control),
.y-layout-general input[type="text"]:not(#licensePlate):not(.form-control),
.y-layout-impersonate input[type="password"]:not(.form-control),
.y-layout-general input[type="password"]:not(.form-control),
.y-layout-impersonate input.text-box,
.y-layout-general input.text-box,
.y-layout-impersonate input.text,
.y-layout-general input.text,
.y-layout-impersonate textarea,
.y-layout-general textarea {
  box-sizing: border-box;
  border-radius: 3px !important;
  padding: 1px 4px;
  margin-bottom: 2px;
}
.y-layout-impersonate input[type="text"]:not(#licensePlate):not(.form-control),
.y-layout-general input[type="text"]:not(#licensePlate):not(.form-control),
.y-layout-impersonate input[type="password"]:not(.form-control),
.y-layout-general input[type="password"]:not(.form-control),
.y-layout-impersonate input.text-box,
.y-layout-general input.text-box,
.y-layout-impersonate input.text,
.y-layout-general input.text {
  height: 26px;
}
.y-layout-impersonate input[type="file"].text,
.y-layout-general input[type="file"].text {
  box-sizing: content-box;
}
html {
  background-color: #FFFFFF;
}
.main {
  background-color: transparent;
}
div#footer {
  background-image: none !important;
}
#top-menu-bar.nav.nav-tabs > li > a,
#top-menu-bar.nav-tabs > li > a {
  background-color: transparent;
  background-image: none;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: #2c7cf2;
}
#top-menu-bar.nav.nav-tabs > li > a:hover,
#top-menu-bar.nav-tabs > li > a:hover {
  color: #193e9c;
}
#top-menu-bar.nav.nav-tabs > li > a:focus,
#top-menu-bar.nav-tabs > li > a:focus {
  color: #193e9c;
}
#top-menu-bar .dropdown .dropdown-toggle .caret {
  border-top-color: #2c7cf2;
}
#top-menu-bar .dropdown .dropdown-toggle:hover .caret {
  border-top-color: #193e9c;
}
#top-menu-bar .dropdown.open .dropdown-toggle .caret {
  border-top-color: #193e9c;
}
#top-menu-bar .dropdown-menu > li:hover > a {
  background-color: #2c7cf2;
  color: #FFFFFF;
  background-image: none;
}
th.list,
th.listSorted,
table.puff th {
  background-image: none;
  background-repeat: no-repeat;
}
th.listSorted i {
  font-size: 11px;
}
table.table-striped > tbody > tr:nth-child(odd) > td {
  background-color: #f2f2f2;
  border-bottom: #dfdfdf;
}
table.table-striped > tbody > tr:nth-child(even) > td {
  background-color: #ffffff;
  border-bottom: #dfdfdf;
}
table.table-striped > tbody > tr:hover > td {
  background-color: #ececec;
  border-bottom: #dfdfdf;
}
.y-layout-impersonate h1,
.y-layout-general h1,
.y-layout-public h1,
.y-layout-impersonate h2,
.y-layout-general h2,
.y-layout-public h2,
.y-layout-impersonate h3,
.y-layout-general h3,
.y-layout-public h3,
.y-layout-impersonate b,
.y-layout-general b,
.y-layout-public b {
  color: #193e9c;
}
.paginationLink {
  color: #2c7cf2;
}
.paginationLink:hover,
.paginationLink:focus {
  color: #050045;
}