.float-left {
  float: left !important;
  content: "remove me again";
}
.float-right {
  float: right !important;
}
.whole {
  width: 100% !important;
}
.half-width {
  width: 50%;
}
.width-left {
  width: 33%;
}
.clear {
  clear: both;
}
a {
  color: #238aea;
}
a:hover {
  text-decoration: underline;
  color: #238aea;
}
h2 {
  margin: 10px 0 0 30px;
  line-height: 44px;
  padding: 25px 0;
  color: #242424;
  font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
  font-style: normal !important;
  font-weight: bold;
  font-size: 38px;
}
h2::first-letter {
  color: #238aea;
}
h3 {
  margin: 20px 0 15px 0;
  color: #238aea;
  font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
  font-style: normal !important;
  font-weight: bold;
  font-size: 24px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
  font-style: normal !important;
  font-weight: bold;
  font-size: 13px;
  margin: 0 5px;
}
.item {
  line-height: 25px;
}
body {
  font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
  font-style: normal !important;
  font-weight: normal;
  font-size: 13px;
}
.search .buttons input {
  float: right;
  position: relative;
  top: -8px;
}
.center-td {
  text-align: center;
}
h3.box-header {
  clear: both;
}
td.reason-column select,
td.reason-column option {
  width: 180px !important;
}
.form .item .label {
  line-height: normal !important;
}
.consolidation-in-progress.marquee {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f00;
  color: #ff0;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  display: none;
}
.form-with-paye-and-ltd-payrate-controls .item.conert-paye-to-ltd-payate .currency-symbol {
  display: none;
}
.form-with-paye-and-ltd-payrate-controls .item.conert-paye-to-ltd-payate input[type=text] {
  width: 70px;
}
.form-with-paye-and-ltd-payrate-controls .item.conert-paye-to-ltd-payate .ltd-label {
  margin-left: 20px;
}
html,
body {
  height: 100%;
}
form {
  margin: auto;
  width: 95%;
  min-width: 1200px;
}
.dashboard-container-table td {
  padding: 10px;
  width: 50%;
}
*.side-bar {
  width: 220px;
  float: left;
  margin-top: 20px;
  background: #fff;
}
.content-area {
  margin-left: 220px;
  min-height: 500px;
}
.content-area-content {
  padding: 30px;
}
body.no-side-menu .side-bar {
  display: none;
}
body.no-side-menu .website-banner .menu-module,
body.no-side-menu .content-area {
  margin: 0;
}
.timesheet-input-column {
  white-space: nowrap;
}
.timesheet-input-column input[type="text"] {
  width: 50px;
}
.leftbox {
  display: inline-block;
  width: 45%;
  float: left;
}
.leftbox .item .label {
  width: 150px;
}
.leftbox .item select {
  width: 180px;
}
.rightbox {
  display: inline-block;
  width: 49%;
  float: right;
}
.rightbox .item .label {
  width: 150px;
  margin-left: 50px;
}
div.search .item {
  display: inline-block;
  margin-bottom: 5px;
  width: 49%;
}

.list {
  overflow: auto;
  width: 100%;
}

.list-timesheet .list {
  clear: both;
  font-size: 12px;
}

.list-timesheet .list th,
.list-timesheet .list td {
  padding: 6px !important;
}
.application-time-offset {
  background: #f00;
  color: #fff;
  font-size: 13pt;
  padding: 5px;
}
.website-footer {
  clear: both;
}
.logout-button {
  background-color: #238aea;
  color: #fff;
  margin: 0;
  padding: 12px;
  position: relative;
  top: -2px;
  right: -3px;
  text-transform: uppercase;
}
.logout-button:hover {
  color: #fff;
  text-decoration: none;
}
.login-page-table {
  width: 100%;
}
.login-page-table td {
  vertical-align: top;
  width: 50%;
}
h3.box-header {
  clear: right;
}
.timesheet-list-search {
  width: 630px;
}
.timesheet-list-search .item {
  width: 100% !important;
}
.timesheet-list-search .item .label {
  width: 200px !important;
}
.timesheet-list-search .item .input {
  float: left;
}
.timesheet-list-search .item .input .textbox {
  width: 300px;
}
.timesheet-list-search .search-body .buttons {
  margin-top: -32px !important;
}
.awr-list .grid th {
  white-space: nowrap;
}
.scrollable-list {
  display: block;
  width: 100%;
  overflow-x: scroll;
}
.nav-right {
  float: right;
}
.nav-left {
  float: left;
}
.floatfix {
  clear: both;
}
div.search .panel .item {
  display: block;
  width: 90% !important;
}
.candidate-profiles-menu {
  margin-top: 20px !important;
}
.search .search-body .item.leftbox {
  display: inline-block;
  width: 45%;
  clear: left;
  float: left;
}
.search .search-body .item.leftbox .label {
  width: 260px;
}
.search .search-body .item.leftbox select {
  width: 310px;
}
.search .search-body .item.leftbox .input a {
  vertical-align: -webkit-baseline-middle;
}
.search .search-body .item.rightbox {
  display: inline-block;
  width: 45%;
  float: right;
}
.search .search-body .item.rightbox .label {
  width: 150px;
}
.search .search-body .item.rightbox input.textbox {
  width: 100px;
  margin-left: 40px;
}
.search .search-body .item.fullwidth {
  clear: both;
  float: left;
  display: inline-flex;
}
.search .search-body .item.fullwidth > .input {
  margin-left: 220px;
}
.search .search-body .item.fullwidth td {
  padding-left: 5px;
  padding-top: 5px;
  vertical-align: middle;
  white-space: nowrap;
}
.search .search-body .item.fullwidth td label {
  vertical-align: inherit;
}
.excluded-domains-form .input .detailsGrid .textbox {
  width: 300px;
  margin-right: 10px;
}

.width-auto {
  width: auto;
}
.float-left {
  float: left !important;
  content: "remove me again";
}
.float-right {
  float: right !important;
}
.whole {
  width: 100% !important;
}
.half-width {
  width: 50%;
}
.width-left {
  width: 33%;
}
.clear {
  clear: both;
}
a {
  color: #238aea;
}
a:hover {
  text-decoration: underline;
  color: #238aea;
}
h2 {
  margin: 10px 0 0 30px;
  line-height: 44px;
  padding: 25px 0;
  color: #242424;
  font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
  font-style: normal !important;
  font-weight: bold;
  font-size: 38px;
}
h2::first-letter {
  color: #238aea;
}
h3 {
  margin: 20px 0 15px 0;
  color: #238aea;
  font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
  font-style: normal !important;
  font-weight: bold;
  font-size: 24px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
  font-style: normal !important;
  font-weight: bold;
  font-size: 13px;
  margin: 0 5px;
}
.item {
  line-height: 25px;
}
body {
  font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
  font-style: normal !important;
  font-weight: normal;
  font-size: 13px;
}
.search .buttons input {
  float: right;
  position: relative;
  top: -8px;
}
.center-td {
  text-align: center;
}
h3.box-header {
  clear: both;
}
td.reason-column select,
td.reason-column option {
  width: 180px !important;
}
.form .item .label {
  line-height: normal !important;
}
.consolidation-in-progress.marquee {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f00;
  color: #ff0;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  display: none;
}
.form-with-paye-and-ltd-payrate-controls .item.conert-paye-to-ltd-payate .currency-symbol {
  display: none;
}
.form-with-paye-and-ltd-payrate-controls .item.conert-paye-to-ltd-payate input[type=text] {
  width: 70px;
}
.form-with-paye-and-ltd-payrate-controls .item.conert-paye-to-ltd-payate .ltd-label {
  margin-left: 20px;
}
.menu-float-left {
  position: relative;
  left: -30px;
  display: block;
}
.website-banner .menu-module,
.second-top-menu .menu-module,
.third-top-menu .menu-module {
  height: 61px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAA1CAYAAAANk8ZmAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAgklEQVRoQ+3QQQEAIAwAIfvHW4nVsIFeAB4U4Ozu8CYpkBRICiQFkgJJgaRAUiApkBRICiQFkgJJgaRAUiApkBRICiQFkgJJgaRAUiApkBRICiQFkgJJgaRAUiApkBRICiQFkgJJgaRAUiApkBRICiQFkgJJgaRAUiApkBRICiR97VxR+FJn1fRobAAAAABJRU5ErkJggg==') /*/Images/Menu/backgroundsub.png*/ repeat-x bottom;
  margin: 0px;
  font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  color: #FFF;
  white-space: nowrap;
  overflow-y: hidden;
}
.website-banner .menu-module .item,
.second-top-menu .menu-module .item,
.third-top-menu .menu-module .item {
  display: block;
  height: 61px;
}
.website-banner .menu-module .item a,
.second-top-menu .menu-module .item a,
.third-top-menu .menu-module .item a {
  color: #000;
  padding: 0 15px;
  height: 61px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 5px;
}
.second-top-menu .menu-module .item a,
.third-top-menu .menu-module .item a {
  padding: 0 10px;
}
.website-banner .menu-module .item a:hover,
.second-top-menu .menu-module .item a:hover,
.third-top-menu .menu-module .item a:hover {
  border-color: #238aea;
  text-decoration: underline;
}
.website-banner .menu-module .selected .item a,
.second-top-menu .menu-module .selected .item a,
.third-top-menu .menu-module .selected .item a {
  background-color: #238aea;
  color: #fff;
  padding-top: 0;
  text-transform: uppercase;
}
.website-banner .menu-module .selected .item a:hover,
.second-top-menu .menu-module .selected .item a:hover,
.third-top-menu .menu-module .selected .item a:hover {
  background-color: #238aea;
  color: #fff;
  text-decoration: none;
}
.website-banner .menu-module > span,
.second-top-menu .menu-module > span,
.third-top-menu .menu-module > span {
  display: inline-block;
}
.website-banner .menu-module > span:first-child {
  padding-left: 50px;
}
.second-top-menu .menu-module > span:first-child,
.third-top-menu .menu-module > span:first-child {
  padding-left: 30px;
}
.website-banner .menu-module {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAA1CAYAAAANk8ZmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODIyQUJFRThGMEE1OTkyRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRDQ2OEI0RjRDNUYxMUUyQUVBQkNCODM1QkYzRjYxOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRDQ2OEI0RTRDNUYxMUUyQUVBQkNCODM1QkYzRjYxOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTJBMUUzNUYzMTIwNjgxMThDMTRCODYxM0NBMkUxNzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgyMkFCRUU4RjBBNTk5MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4CupoNAAAAYUlEQVR42uzQMQEAMAgDsDEt9e8MD9w8KEgkpJL04/QVSJIkSZIkSZKQJEmSJEmSJCFJkiRJkiRJkoQkSZIkSZIkCUmSJEmSJEkSkiRJkiRJkiRJSJIkSZIkSZJYRgABBgCMXQHDo6BSwwAAAABJRU5ErkJggg==') /*/Images/Menu/background.png*/ repeat-x bottom;
  margin: 0;
}
.website-banner .menu-module .item a {
  color: #fff;
}
.side-bar .menu-module {
  padding-top: 5px;
}
.side-bar .menu-module .item a {
  font-family: "proxima-nova-n6", "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  padding: 7px 25px 7px 10px;
  display: block;
  background-color: #242424;
  margin-bottom: 5px;
}
.side-bar .menu-module .item a:hover {
  border-color: #238aea;
  text-decoration: underline;
}
.side-bar .menu-module .selected .item a {
  background: #238aea;
  border-color: #238aea;
  color: #fff;
  text-transform: uppercase;
}
.side-bar .menu-module .selected .item a:hover {
  text-decoration: none;
}
.submenu {
  font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  white-space: nowrap;
}
.submenu .item {
  height: 40px;
  width: 150px;
  display: inline-block;
  background-color: #242424;
}
.submenu .item a {
  padding: 0 15px;
  height: 30px;
  width: 150px;
  text-align: center;
  vertical-align: middle;
  padding-top: 5px;
  color: #FFF;
  display: table-cell;
}
.submenu .selected .item {
  background-color: #238aea;
}
.submenu .selected .item a:hover {
  text-decoration: none;
}
.second-top-menu .menu-witout-content-above {
  margin-top: 15px;
}
.float-left {
    float: left !important;
    content: "remove me again";
}

.float-right {
    float: right !important;
}

.whole {
    width: 100% !important;
}

.half-width {
    width: 50%;
}

.width-left {
    width: 33%;
}

.clear {
    clear: both;
}

a {
    color: #238aea;
}

    a:hover {
        text-decoration: underline;
        color: #238aea;
    }

h2 {
    margin: 10px 0 0 30px;
    line-height: 44px;
    padding: 25px 0;
    color: #242424;
    font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
    font-style: normal !important;
    font-weight: bold;
    font-size: 38px;
}

    h2::first-letter {
        color: #238aea;
    }

h3 {
    margin: 20px 0 15px 0;
    color: #238aea;
    font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
    font-style: normal !important;
    font-weight: bold;
    font-size: 24px;
}

input[type="submit"] {
    padding: 10px 20px;
    font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
    font-style: normal !important;
    font-weight: bold;
    font-size: 13px;
    margin: 0 5px;
}

.item {
    line-height: 25px;
}

body {
    font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
    font-style: normal !important;
    font-weight: normal;
    font-size: 13px;
}

.search .buttons input {
    float: right;
    position: relative;
    top: -8px;
}

.center-td {
    text-align: center;
}

h3.box-header {
    clear: both;
}

td.reason-column select,
td.reason-column option {
    width: 180px !important;
}

.form .item .label {
    line-height: normal !important;
}

.consolidation-in-progress.marquee {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f00;
    color: #ff0;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    display: none;
}

.form-with-paye-and-ltd-payrate-controls .item.conert-paye-to-ltd-payate .currency-symbol {
    display: none;
}

.form-with-paye-and-ltd-payrate-controls .item.conert-paye-to-ltd-payate input[type=text] {
    width: 70px;
}

.form-with-paye-and-ltd-payrate-controls .item.conert-paye-to-ltd-payate .ltd-label {
    margin-left: 20px;
}

.float-left {
    float: left !important;
    content: "remove me again";
}

.float-right {
    float: right !important;
}

.whole {
    width: 100% !important;
}

.half-width {
    width: 50%;
}

.width-left {
    width: 33%;
}

.clear {
    clear: both;
}

a {
    color: #238aea;
}

    a:hover {
        text-decoration: underline;
        color: #238aea;
    }

h2 {
    margin: 10px 0 0 30px;
    line-height: 44px;
    padding: 25px 0;
    color: #242424;
    font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
    font-style: normal !important;
    font-weight: bold;
    font-size: 38px;
}

    h2::first-letter {
        color: #238aea;
    }

h3 {
    margin: 20px 0 15px 0;
    color: #238aea;
    font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
    font-style: normal !important;
    font-weight: bold;
    font-size: 24px;
}

input[type="submit"] {
    padding: 10px 20px;
    font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
    font-style: normal !important;
    font-weight: bold;
    font-size: 13px;
    margin: 0 5px;
}

.item {
    line-height: 25px;
}

.search .buttons input {
    float: right;
    position: relative;
    top: -8px;
}

.center-td {
    text-align: center;
}

h3.box-header {
    clear: both;
}

.content-area h2 {
    margin: 0 0 10px 0;
    clear: right;
}

body {
    background-color: #ececec;
    font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
    font-style: normal !important;
    font-weight: normal;
    font-size: 13px;
}

    body form {
        background-color: #fff;
    }

        body form .website-banner {
            border-top: 4px solid #238aea;
        }

            body form .website-banner .logo {
                padding-left: 60px;
                height: 55px;
            }

            body form .website-banner .title {
                position: relative;
                top: -4px;
            }

.website-banner h2 {
    font-size: 13px;
    margin: 0;
    padding: 0 15px;
}

    .website-banner h2 input {
        position: relative;
        top: -5px;
        right: -12px;
        font-size: 12px;
        float: none;
    }

.content-area-content > h2 {
    padding-top: 0;
}

.content-margin-top {
    padding-top: 30px;
    display: block;
}

.defaultModal iframe {
    border-color: #242424;
}

div.search {
    border-bottom: 2px solid #242424;
    border: 0;
}

table tr.header-row th {
    background: #238aea;
    border-right: solid 1px #FFF;
    border-left: solid 1px #FFF;
    border-bottom: none;
    color: #fff;
    font-family: "proxima-nova-n6", "proxima-nova", sans-serif !important;
    font-style: normal !important;
    font-weight: bold;
    font-size: 13px;
    vertical-align: middle;
    height: 30px;
}

    table tr.header-row th a {
        color: #fff;
        text-decoration: none;
    }

.grid .alt,
.grid td {
    background-color: #f2f2f2;
}

.grid_block .alt,
.grid_block td {
    background-color: #edf9ff !important;
}

.grid td a {
    width: 100%;
    display: inline-block;
}

    .grid td a:hover {
        background-color: #fff;
    }

.website-footer {
    color: #fff;
    background-color: #242424;
    padding: 23px;
}

    .website-footer .right {
        float: right;
    }

.form {
    min-height: 50px;
}

.form .buttons {
    clear: right;
    padding: 0 0 10px 50px;
    float: right;
    text-align: right;
}

.form .buttons {
    clear: right;
    padding: 0 0 10px 50px;
    float: right;
    text-align: right;
}

.form .buttons input {
    margin-bottom: 8px;
}

.ponumber-column input {
    width: 60px;
}

.orderid-column input {
    width: 30px;
}

.approved-column {
    text-align: center;
}

.invoiced-column {
    text-align: center;
}

.is-bankholiday {
    border-color: #f00 !important;
}

.timesheet-input-column {
    white-space: nowrap;
}

    .timesheet-input-column input {
        text-align: center;
    }

        .timesheet-input-column input[type="text"] {
            width: 34px;
        }

.row-adjusted td {
    background-color: #fffacd;
}

.row-historic td {
    background-color: #fcc !important;
}

.row-cancelled td {
    background-color: #a7aaff !important;
}

.invalid-timesheet-value {
    border-color: #f00 !important;
    background-color: #f00 !important;
}

td span[class^="awr-"] {
    white-space: nowrap;
    width: 100%;
}

.awr-green {
    color: #008000;
}

.awr-red {
    color: #f00;
}

.awr-black {
    color: #000;
}

.waterMark {
    color: #c8c8c8;
}

.dashboard .box {
    width: 49%;
    height: 320px;
    margin-bottom: 10px;
}

.dashboard h2 {
    margin-left: 10px;
    font-size: 24px;
}

.dashboard .three-columns td {
    width: 33%;
}

.dashboard .pager {
    display: none;
}

.timesheet-notes-notifications .pager {
    display: table-row;
}

.login-box {
    width: 100%;
    display: block;
    padding: 20px 0 0 20px;
}

    .login-box .item .label {
        width: 100px;
    }

.form-body .login-box .item .label + .input {
    margin-left: 100px;
}

.login-buttons {
    display: block;
    padding-top: 20px;
    padding-right: 35px;
    margin: 5px;
    width: 510px;
}

#gentle-alert-info-bar {
    background-color: #242424 !important;
    color: #fff !important;
}

    #gentle-alert-info-bar a {
        background-color: #238aea !important;
        color: #fff !important;
    }

.stdhours {
    min-width: 160px;
}

.non-stdhours {
    min-width: 110px;
}

option {
    border: none;
}

.dashboard-select {
    width: 50%;
}

    .dashboard-select .label {
        width: 40% !important;
    }

    .dashboard-select .input {
        margin-left: 40% !important;
        width: 30% !important;
    }

        .dashboard-select .input select {
            width: 99% !important;
        }

.settings-module h2 {
    clear: right;
}

.list-timesheet input.center-btn {
    padding: 10px !important;
}

.dashboard td > a {
    width: 100%;
    display: inline-block;
}

    .dashboard td > a:hover {
        background-color: #fff;
    }

.dashboard-calculator td {
    width: auto;
}

    .dashboard-calculator td > a {
        text-align: center;
    }

.view-module {
    position: relative;
}

    .view-module input {
        position: absolute;
        top: 30px;
        right: 15px;
    }

.candidate-user-banner {
    margin-top: -30px;
}

    .candidate-user-banner p {
        font-weight: bold;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
        background-color: #f2f2f2;
        color: black;
        margin: 10px 0 0 0;
    }

        .candidate-user-banner p input {
            color: #238aea;
            padding: 0 0 0 0;
            margin: 0 0 0 0;
            background: none;
        }

            .candidate-user-banner p input:hover {
                background: none;
                text-decoration: underline;
            }

.view-booking .view-booking-title {
    width: 49%;
    display: inline-block;
}

.view-booking .buttons {
    text-align: right;
    display: inline-block;
    width: 50%;
}

    .view-booking .buttons input {
        top: auto;
        right: 10px;
        position: relative;
    }

.booking-status-label {
    display: none;
    font-size: 14px;
    background-color: whitesmoke;
    padding: 5px;
    font-weight: 800;
    -webkit-border-radius: 5px;
}

p.admin-report-note {
    width: 50%;
}

p.save-changes {
    padding: 5px;
}

.search .search-body .item .input input {
    vertical-align: middle;
}

.search .search-body .item .input input[type=radio] {
    vertical-align: sub;
}


input.client-update-all-rates {
    margin-left: 210px;
}

.timesheet-module .form .form-body div.item > span.item-body > div.input {
    margin-left: 60px;
}

    .timesheet-module .form .form-body div.item > span.item-body > div.input .AutoComplete input {
        width: 75%;
    }

    .timesheet-module .form .form-body div.item > span.item-body > div.input select {
        width: 76%;
    }

.timesheet-module .search .search-body div.item {
    clear: left;
    float: left;
    width: 50%;
}

    .timesheet-module .search .search-body div.item > div.label {
        width: 150px;
    }

    .timesheet-module .search .search-body div.item > div.input {
        float: left;
        width: 62.4%;
    }

        .timesheet-module .search .search-body div.item > div.input > input {
            width: 100%;
        }

            .timesheet-module .search .search-body div.item > div.input > input table td input {
                width: 13px;
            }

.timesheet-module .search .search-body .buttons {
    margin-top: -32px !important;
}

.timesheet-list td.wide-column,
.list-timesheet td.wide-column {
    width: 210px;
}

.timesheet-list .search .search-body div.item.leftbox,
.list-timesheet .search .search-body div.item.leftbox {
    clear: left;
    float: left;
    width: 50%;
}

    .timesheet-list .search .search-body div.item.leftbox > div.label,
    .list-timesheet .search .search-body div.item.leftbox > div.label {
        width: 150px;
    }

    .timesheet-list .search .search-body div.item.leftbox > div.input,
    .list-timesheet .search .search-body div.item.leftbox > div.input {
        float: left;
        width: 62.4%;
    }

        .timesheet-list .search .search-body div.item.leftbox > div.input > input,
        .list-timesheet .search .search-body div.item.leftbox > div.input > input {
            width: 100%;
        }

            .timesheet-list .search .search-body div.item.leftbox > div.input > input table td input,
            .list-timesheet .search .search-body div.item.leftbox > div.input > input table td input {
                width: 13px;
            }

        .timesheet-list .search .search-body div.item.leftbox > div.input > span > input,
        .list-timesheet .search .search-body div.item.leftbox > div.input > span > input {
            width: 100%;
        }

            .timesheet-list .search .search-body div.item.leftbox > div.input > span > input table td input,
            .list-timesheet .search .search-body div.item.leftbox > div.input > span > input table td input {
                width: 13px;
            }

.timesheets-status-report .search .search-body div.item.leftbox .label {
    width: 150px;
}

.timesheets-status-report .search .search-body div.item.leftbox > .input > span > input {
    width: 70%;
}

.timesheets-status-report .search .search-body div.item.fullwidth .label {
    width: 150px;
}

.timesheets-status-report .search .search-body div.item.fullwidth > .input {
    margin-left: 100px;
}

    .timesheets-status-report .search .search-body div.item.fullwidth > .input td {
        padding-left: 7px;
    }

.form .item.extra-height {
    height: 35px;
}

h2 input,
h3 input,
h4 input {
    float: right;
}

.list {
    width: 100%;
    overflow-x: auto;
}

    .booking-template-instance-shift-list .list .grid input[type="text"][name$="PayRate"],
    .booking-template-instance-shift-list .list .grid input[type="text"][name$="AgencyMargin"] {
        width: 35px;
    }

.input-small-column input[type="text"] {
    width: 35px;
}

.centralise-icons .list .grid tr td.icon-column,
th.icon-column {
    text-align: center;
}

.quasi-booking-list td.slot-column {
    padding: 0;
    text-align: center;
}

.quasi-booking-list .completed,
.quasi-booking-list .vacant,
.quasi-booking-list .cancelled {
    position: relative;
    min-width: 70px;
    height: 100%;
    padding: 11px;
    padding-top: 13px;
    padding-bottom: 12px;
    box-sizing: border-box;
    color: white;
}

@media (min-width: 1650px) {
    .quasi-booking-list .completed,
    .quasi-booking-list .vacant,
    .quasi-booking-list .cancelled {
        min-width: 100px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.quasi-booking-list .completed {
    background: #00D27F;
}

.quasi-booking-list .vacant {
    background: #C83636;
}

.quasi-booking-list .cancelled {
    background: black;
}

.quasi-booking-list .add-extra-padding {
    padding-top: 20px;
    padding-bottom: 20px;
}

.select-columns {
    z-index: 200;
}

    .select-columns span.columns-filter-buttons input[type="button"],
    .select-columns span.columns-filter-buttons input[type="submit"] {
        padding: 8px 16px;
        font-weight: bold;
        margin: 6px;
    }

div.search.wide-search-fields .search-body .item:not(.normal-width) .input input,
div.search.wide-search-fields .search-body .item:not(.normal-width) .input select {
    width: 55%;
}

.hide-search-section .search {
    display: none;
}

div.form .form-body .item .item-body div.no-whole {
    width: 260px !important;
    float: left;
}

.view-candidate {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .view-candidate h2 {
        padding-bottom: 0;
        padding-top: 0;
    }

.display-inline .item-body .input table {
    display: inline;
}

.radio-buttons input {
    vertical-align: -webkit-baseline-middle;
}

.full-module .form .item select,
.full-module .form .item input[type="password"],
.full-module .form .item input[type="text"],
.full-module .form .item textarea {
    width: 100%;
}

.inline-block-fields fieldset {
    width: unset;
}

    .inline-block-fields fieldset legend {
        color: #333;
        font-weight: normal;
        display: inline-block;
        float: left;
        margin: 0;
        width: 260px;
        padding: 2px 0;
    }

    .inline-block-fields fieldset .item {
        display: inline-block;
        float: left;
        margin-left: 0;
        margin-right: 5px;
    }

        .inline-block-fields fieldset .item .item-body {
            display: block;
        }

            .inline-block-fields fieldset .item .item-body .label {
                width: auto;
                float: right;
                display: inline-block;
            }

            .inline-block-fields fieldset .item .item-body .input {
                margin-left: 0;
                float: left;
                display: inline-block;
            }

.long-width-label .label {
    width: auto;
    margin-right: 30px;
}

.background-task-buttons {
    text-align: unset;
    width: 100px;
}

    .background-task-buttons input {
        margin: 5px;
    }

/* Legend for Timesheet pages */
.legend {
    list-style: none !important;
    float: right !important;
    margin: 0px 0px 0px 0px !important;
}

    .legend li {
        float: left;
        margin-right: 10px;
        list-style: none !important;
    }

    .legend span {
        border: 1px solid #ccc;
        float: left;
        width: 14px;
        height: 14px;
        margin: 2px;
    }
    /* colors */
    .legend .timesheet-red {
        background-color: #fcc;
    }

    .legend .timesheet-yellow {
        background-color: #fffacd;
    }

    .legend .timesheet-gray {
        background-color: #ececec;
    }

    .legend .timesheet-purple {
        background-color: #a7aaff
    }

.disabled-download-button {
    color: #888; /* Gray text color */   
    cursor: not-allowed; /* Change cursor to 'not-allowed' */
    display: inline-block; /* Make it an inline-block so it doesn't take up the full width */
    opacity: 0.7; /* Set opacity to make it look disabled */   
}

.message-label {
    color: #ff0000;
    font-size: 14px;
    text-align: left;
    margin: 10px 0 5px 5px;
    display: block;
    max-width: 90%;
}

.info-message {
    color: #1766a0;
    border-radius: 6px;
    padding: 9px;
    margin: 10px 0 10px 0;
    font-size: 14px;
    font-family: "proxima-nova-n6", "proxima-nova", sans-serif;
    display: inline-block;
    max-width: 90%;
    background: #eaf4fd;
}

.width-auto {
    width: auto;
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}

#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

    #jquery-lightbox a img {
        border: none;
    }

#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#lightbox-container-image {
    padding: 10px;
}

#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav {
    left: 0;
}

#lightbox-nav a {
    outline: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}

#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}

#lightbox-nav-btnNext {
    right: 0;
    float: right;
}

#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}

#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}

    #lightbox-container-image-data #lightbox-image-details {
        width: 70%;
        float: left;
        text-align: left;
    }

#lightbox-image-details-caption {
    font-weight: bold;
}

#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

#jquery-lightbox {
    top: 0 !important;
    left: 0 !important;
    position: fixed !important;
    height: 100%;
}

#lightbox-container-image-box {
    width: 100% !important;
    height: 100% !important;
    background: none !important;
}

#lightbox-container-image {
    text-align: center;
}

#lightbox-image {
    max-width: 100%;
    max-height: 95%;
}

#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}#jquery-lightbox a img{border:none}#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}#lightbox-container-image{padding:10px}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#lightbox-container-image-box>#lightbox-nav{left:0}#lightbox-nav a{outline:none}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}#lightbox-nav-btnPrev{left:0;float:left}#lightbox-nav-btnNext{right:0;float:right}#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0}#lightbox-container-image-data{padding:0 10px;color:#666}#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}#lightbox-image-details-caption{font-weight:bold}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:.7em}#jquery-lightbox{top:0 !important;left:0 !important;position:fixed !important;height:100%}#lightbox-container-image-box{width:100% !important;height:100% !important;background:none !important}#lightbox-container-image{text-align:center}#lightbox-image{max-width:100%;max-height:95%}