/*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/Includes/Fonts/OpenSans-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/Includes/Fonts/OpenSans-Italic.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/Includes/Fonts/OpenSans.woff) format('woff');
}
*/
body {
  background: #e0e0e0; }

a {
  cursor: pointer; }

table a, .table a {
  color: #000; }

table tbody tr:nth-child(even), table tbody .tr:nth-child(even), table .tbody tr:nth-child(even), table .tbody .tr:nth-child(even), .table tbody tr:nth-child(even), .table tbody .tr:nth-child(even), .table .tbody tr:nth-child(even), .table .tbody .tr:nth-child(even) {
  background-color: #f4f4f4; }

.row {
  background: #ffffff; }

.top-bar {
  background: #676767 !important; }
  .top-bar li ul {
    background: #4b4b4b !important; }
    .top-bar li ul li {
      background: #4b4b4b !important; }
  .top-bar li:hover {
    background: #4b4b4b !important; }
    .top-bar li:hover a {
      color: #ffffff !important; }
  .top-bar li.liSearch:hover {
    background: none !important; }
  .top-bar li.divider {
    background: none !important;
    border-top: none !important;
    border-bottom-color: #757575 !important; }

#divUserLogin {
  display: none; }

#spanChangeUser {
  cursor: pointer; }

.ko-grid-pageLinks {
  width: 100%;
  overflow: hidden;
  padding-top: 10px; }
  .ko-grid-pageLinks span {
    display: block; }
  .ko-grid-pageLinks a {
    margin: 0.7em 0.6em 0 0;
    display: block;
    float: left; }
    .ko-grid-pageLinks a.selected {
      color: #555555; }

.liSearch {
  padding: 6px 8px 0 0;
  background: none !important; }

.divFormSections table, .divFormSections .table {
  width: 100%;
  border: none; }
  .divFormSections table tr, .divFormSections table .tr, .divFormSections .table tr, .divFormSections .table .tr {
    overflow: hidden;
    page-break-inside: avoid; }
    .divFormSections table tr .td, .divFormSections table .tr .td, .divFormSections .table tr .td, .divFormSections .table .tr .td {
      float: left;
      padding: 9px 10px; }
    .divFormSections table tr td a.editOptions, .divFormSections table tr .td a.editOptions, .divFormSections table .tr td a.editOptions, .divFormSections table .tr .td a.editOptions, .divFormSections .table tr td a.editOptions, .divFormSections .table tr .td a.editOptions, .divFormSections .table .tr td a.editOptions, .divFormSections .table .tr .td a.editOptions {
      font-size: 10px;
      font-weight: bold;
      opacity: 0;
      -webkit-transition: 0.1s linear all;
      -moz-transition: 0.1s linear all;
      -ms-transition: 0.1s linear all;
      -o-transition: 0.1s linear all;
      transition: 0.1s linear all; }
    .divFormSections table tr:hover td a.editOptions, .divFormSections table tr:hover .td a.editOptions, .divFormSections table .tr:hover td a.editOptions, .divFormSections table .tr:hover .td a.editOptions, .divFormSections .table tr:hover td a.editOptions, .divFormSections .table tr:hover .td a.editOptions, .divFormSections .table .tr:hover td a.editOptions, .divFormSections .table .tr:hover .td a.editOptions {
      opacity: 1.0; }
    .divFormSections table tr td:first-child, .divFormSections table tr .td:first-child, .divFormSections table .tr td:first-child, .divFormSections table .tr .td:first-child, .divFormSections .table tr td:first-child, .divFormSections .table tr .td:first-child, .divFormSections .table .tr td:first-child, .divFormSections .table .tr .td:first-child {
      width: 30%; }
    .divFormSections table tr .td:nth-child(2), .divFormSections table .tr .td:nth-child(2), .divFormSections .table tr .td:nth-child(2), .divFormSections .table .tr .td:nth-child(2) {
      width: 70%; }

.newAnnouncement {
  -webkit-animation: newAnnouncementAnimation 0.5s ease-out 0s 1 normal;
  -moz-animation: newAnnouncementAnimation 0.5s ease-out 0s 1 normal;
  -ms-animation: newAnnouncementAnimation 0.5s ease-out 0s 1 normal;
  animation: newAnnouncementAnimation 0.5s ease-out 0s 1 normal; }

.newRowItem {
  -webkit-animation: newRowItemAnimation 10s ease-out 0s 1 normal;
  -moz-animation: newRowItemAnimation 10s ease-out 0s 1 normal;
  -ms-animation: newRowItemAnimation 10s ease-out 0s 1 normal;
  animation: newRowItemAnimation 10s ease-out 0s 1 normal; }

@-webkit-keyframes newAnnouncementAnimation {
  0% {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    border-width: 10px; }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    border-width: 1px; } }

@-webkit-keyframes newRowItemAnimation {
  0% {
    background: rgba(255, 121, 0, 0.4); }
  50% {
    background: rgba(255, 121, 0, 0.1); }
  100% {
    background: rgba(255, 121, 0, 0); } }

#messages a.aViewMessage {
  cursor: pointer; }

#messages textarea {
  min-height: 8em; }

#messages tr.unreadMessage {
  background: rgba(255, 121, 0, 0.15);
  font-weight: bold;
  color: #303030; }
  #messages tr.unreadMessage td:first-child a:hover {
    text-decoration: underline; }

.newMessage {
  position: relative;
  -webkit-animation: newMessagesAnimation 1s linear 0s 1 normal;
  -moz-animation: newMessagesAnimation 1s linear 0s 1 normal;
  -ms-animation: newMessagesAnimation 1s linear 0s 1 normal;
  animation: newMessagesAnimation 1s linear 0s 1 normal; }

@-webkit-keyframes newMessagesAnimation {
  0% {
    top: -10px; }
  20% {
    top: -10px; }
  40% {
    top: 0px; }
  60% {
    top: -6px; }
  100% {
    top: 0px; } }

#jobSummary ul {
  margin: 5px 0 0 0;
  list-style: none !important; }
  #jobSummary ul li {
    font-size: 0.8em !important;
    margin: 1px 0; }
    #jobSummary ul li .label {
      font-size: 0.8em !important; }

.fieldSaved {
  max-width: 280px;
  padding-right: 1.5em !important; }
  .fieldSaved a {
    cursor: pointer; }

textarea.tbxStyle {
  min-height: 180px; }

#jobView input.tbxStyle {
  display: inline-block;
  margin-bottom: 0 !important;
  margin-right: 10px;
  width: 40%; }

#jobView select {
  width: auto;
  padding: 6px 10px; }

#jobView .fieldTemplate {
  display: inline-block;
  width: 100%; }
  #jobView .fieldTemplate .fieldAskForText {
    display: inline-block;
    min-width: 10%; }

#jobView .fieldScriptText {
  margin-bottom: 10px; }

#aNewJob {
  cursor: pointer; }

.checkbox-list input[type=checkbox] + label {
  display: inline; }

input[type=checkbox]:checked + label, input[type=radio]:checked + label {
  font-weight: bold; }

@media print {
  .hide-for-print, .my-hide-for-print {
    display: none !important; }
  body {
    width: 100%; }
  #jobView .tabs-content li {
    display: block !important; }
    #jobView .tabs-content li textarea.hide-for-print {
      display: none !important; }
    #jobView .tabs-content li input[type=text].hide-for-print {
      display: none !important; }
    #jobView .tabs-content li select.hide-for-print {
      display: none !important; }
    #jobView .tabs-content li input[type=text], #jobView .tabs-content li textarea, #jobView .tabs-content li select {
      padding: 0;
      border: 0;
      height: 14px; }
    #jobView .tabs-content li .table {
      margin: 0; }
      #jobView .tabs-content li .table .tbody .tr {
        border-bottom: solid 1px #ddd; }
        #jobView .tabs-content li .table .tbody .tr .td {
          padding: 2px 0; }
        #jobView .tabs-content li .table .tbody .tr:last-child .td {
          border-bottom: none;
          padding-bottom: 0; }
  .checkbox-list {
    overflow: hidden; }
    .checkbox-list > div {
      float: left; } }

.RadComboBox input {
  margin: auto;
  padding: auto;
  height: auto; }

.displayInline label {
  display: inline; }

label {
  display: inline;
  margin-right: 7px; }

.tabs.upside-down {
  border-top: solid 1px #e6e6e6;
  border-bottom: none; }
  .tabs.upside-down dd.active {
    border-bottom: 3px solid #ff7900;
    border-top: none; }