@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNext-Bold.eot');
    src: url('../fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNext-Bold.woff') format('woff'),
    url('../fonts/AvenirNext-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNext-BoldItalic.eot');
    src: url('../fonts/AvenirNext-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNext-BoldItalic.woff') format('woff'),
    url('../fonts/AvenirNext-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNext-DemiBold.eot');
    src: url('../fonts/AvenirNext-DemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNext-DemiBold.woff') format('woff'),
    url('../fonts/AvenirNext-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNext-Heavy.eot');
    src: url('../fonts/AvenirNext-Heavy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNext-Heavy.woff') format('woff'),
    url('../fonts/AvenirNext-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNext-Medium.eot');
    src: url('../fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNext-Medium.woff') format('woff'),
    url('../fonts/AvenirNext-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNext-Regular.eot');
    src: url('../fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNext-Regular.woff') format('woff'),
    url('../fonts/AvenirNext-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNext-MediumItalic.eot');
    src: url('../fonts/AvenirNext-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNext-MediumItalic.woff') format('woff'),
    url('../fonts/AvenirNext-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNext-DemiBoldItalic.eot');
    src: url('../fonts/AvenirNext-DemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNext-DemiBoldItalic.woff') format('woff'),
    url('../fonts/AvenirNext-DemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNext-Italic.eot');
    src: url('../fonts/AvenirNext-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNext-Italic.woff') format('woff'),
    url('../fonts/AvenirNext-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

/* --- Avenir LT --- */

@font-face {
    font-family: 'Avenir LT Std';
    font-style: normal;
    font-weight: 900;
    src: local('Avenir LT Std 95 Black'), url('fonts/AvenirLTStd-Black.woff') format('woff');
}


@font-face {
    font-family: 'Avenir LT Std';
    font-style: normal;
    font-weight: normal;
    src: local('Avenir LT Std 45 Book'), url('fonts/AvenirLTStd-Book.woff') format('woff');
}


@font-face {
    font-family: 'Avenir LT Std';
    font-style: normal;
    font-weight: 700;
    src: local('Avenir LT Std 85 Heavy'), url('fonts/AvenirLTStd-Heavy.woff') format('woff');
}


@font-face {
    font-family: 'Avenir LT Std';
    font-style: normal;
    font-weight: 300;
    src: local('Avenir LT Std 35 Light'), url('fonts/AvenirLTStd-Light.woff') format('woff');
}


@font-face {
    font-family: 'Avenir LT Std';
    font-style: normal;
    font-weight: 600;
    src: local('Avenir LT Std 65 Medium'), url('fonts/AvenirLTStd-Medium.woff') format('woff');
}


@font-face {
    font-family: 'Avenir LT Std';
    font-style: normal;
    font-weight: 500;
    src: local('Avenir LT Std 55 Roman'), url('fonts/AvenirLTStd-Roman.woff') format('woff');
}


@font-face {
    font-family: 'Avenir LT Std';
    font-style: italic;
    font-weight: 900;
    src: local('Avenir LT Std 95 Black Oblique'), url('fonts/AvenirLTStd-BlackOblique.woff') format('woff');
}


@font-face {
    font-family: 'Avenir LT Std';
    font-style: italic;
    font-weight: normal;
    src: local('Avenir LT Std 45 Book Oblique'), url('fonts/AvenirLTStd-BookOblique.woff') format('woff');
}


@font-face {
    font-family: 'Avenir LT Std';
    font-style: italic;
    font-weight: 700;
    src: local('Avenir LT Std 85 Heavy Oblique'), url('fonts/AvenirLTStd-HeavyOblique.woff') format('woff');
}


@font-face {
    font-family: 'Avenir LT Std 35';
    font-style: italic;
    font-weight: 300;
    src: local('Avenir LT Std 35 Light Oblique'), url('fonts/AvenirLTStd-LightOblique.woff') format('woff');
}


@font-face {
    font-family: 'Avenir LT Std';
    font-style: italic;
    font-weight: 600;
    src: local('Avenir LT Std 65 Medium Oblique'), url('fonts/AvenirLTStd-MediumOblique.woff') format('woff');
}


@font-face {
    font-family: 'Avenir LT Std';
    font-style: italic;
    font-weight: 500;
    src: local('Avenir LT Std 55 Oblique'), url('fonts/AvenirLTStd-Oblique.woff') format('woff');
}

*, body {
    font-family: 'Avenir LT Std', 'Avenir Next', Arial;
    font-size: 8.5pt;
    line-height: 1.5;
}

a {
    text-decoration: none;
    color: #466CF9; /*color:#1D94B6;*/
}

a:hover {
    text-decoration: none;
}

.bodytext {
    font-size: 8.5pt;
    line-height: 1.4;
    color: #5D5D5D;
}

input, select, textarea {
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 4px;
    background-color: #FFF;
    box-sizing: content-box;
}

body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

a.highlightCheck {
    box-shadow: none !important;
}

input[type="checkbox"].styled {
    display: none;
}

input[type="checkbox"].styled + label:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    background-image: url(images/checkbox_off.png);
    cursor: pointer;
}

input[type="checkbox"].styled:checked + label:before {
    background-image: url(images/checkbox_on.png);
}

input[type="checkbox"].styled:checked:disabled + label:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-image: url(images/checked_off.svg);
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  margin-left: -7px;
}

input[type="checkbox"].styled:disabled + label:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: 33px 33px;
  width: 33px;
  height: 33px;
  margin-left: -6px;
  background-image: url(images/unchecked_off.svg);
  cursor: pointer;
}

input[type="checkbox"].styled:disabled ~ span {
  color: #787878 !important;
}

/* SimpleHeader Checkbok*/
input[type="checkbox"].simpleHeaderMultiselector {
    display: none;
}

input[type="checkbox"].simpleHeaderMultiselector + label:before {
    content: '';
    display: inline-block;
    cursor: pointer;
}

/*input[type="checkbox"].simpleHeaderMultiselector:checked + label:before {
    background-image: url(images/checkbox_on.png);
}*/

input[type="checkbox"].simpleHeaderMultiselector:checked + label {
    background-color: #45B2E9;
}

input[type="checkbox"].simpleHeaderMultiselector:checked:disabled + label:before {
  content: '';
  display: inline-block;
}

input[type="checkbox"].simpleHeaderMultiselector:disabled + label:before {
  content: '';
  display: inline-block;
  cursor: pointer;
}

input[type="checkbox"].simpleHeaderMultiselector:disabled ~ span {
  color: #787878 !important;
}

.skill-category.disabled {
  color: #787878 !important;
}

input[type="radio"].radio_styled {
    display: none;
}

input[type="radio"].radio_styled + label:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    background-image: url(images/checkbox_off.png) !important;
    cursor: pointer;
}

input[type="radio"].radio_styled:checked + label:before {
    background-image: url(images/medical_checkbox_on.png) !important;
}

:focus {
    outline: none;
    box-shadow: 0px 0px 0px 2px #FF981D;
}

a > img {
    display: inline-block;
    vertical-align: middle;
}

select.oval, input.oval {
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    border-radius: 14px;
    height: 28px;
    padding: 0px 10px;
    outline: none;
    box-sizing: border-box;
    border: solid 2px #FFF;
    box-shadow: none;
}

select.oval:focus, input.oval:focus {
    border-color: #FF981D; /*#5C7DE0;*/
}

select.client {
    background-color: #64656A;
    border: solid 2px #64656A;
    color: #FFF;
    width: 160px;
    margin-left: 4px;
}

select.location {
    background-color: #64656A;
    border: solid 2px #64656A;
    color: #FFF;
    width: 160px;
}

select.status {
    background-color: #64656A;
    border: solid 2px #64656A;
    color: #FFF;
    width: 160px;
    max-width: 160px;
}


input.toggle {
    display: none;
}

input.toggle + label {
    width: 27px;
    height: 18px;
    background-color: #4E5468;
    border-radius: 9px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 6px;
    margin-left: 6px;
}

input.toggle + label:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: #DD314E;
    position: absolute;
    top: -3px;
    left: 0%;
    margin-left: -6px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}

input.panel-toggle {
    display: none;
}

input.panel-toggle + label {
    width: 27px;
    height: 14px;
    background-color: #4E5468;
    border-radius: 9px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 6px;
    margin-left: 6px;
}

input.panel-toggle + label:after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 12px;
    background-color: white;
    position: absolute;
    top: -3px;
    left: 0%;
    margin-left: -6px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}

input.panel-toggle:checked + label:after {
    background-color: white;
    left: 100%;
    margin-left: -11px;
}

input.panel-toggle:disabled + label,
input.panel-toggle:disabled + label:after {
    cursor: default;
}

input.toggle.pause + label{
    height: 10px;
    width: 30px;
    margin-left: 15px;
}
input.toggle.pause + label:after{
    width: 20px;
    height: 20PX;
    background-color: #FFF;
    top: -4px;
}
input.toggle:disabled + label,
input.toggle:disabled + label:after {
    cursor: default;
}

input.toggle.lock + label:after {
    background-image: url("images/padlock_locked.png");
    background-position: center;
    background-repeat: no-repeat;
}

input.toggle:checked + label:after {
    background-color: #4AC661;
    left: 100%;
    margin-left: -18px;
}

.red > input.toggle + label:after,
.green:not(.dark) > input.toggle + label:after {
    background-color: #ECECEC;
}

input.toggle.lock:checked + label:after {
    background-image: url("images/padlock_unlocked.png");
}

input.checkboxButton {
    display: none;
}

input.checkboxButton + label {
    width: 100px;
    height: 28px;
    background-color: #4AC661;
    border-radius: 5px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-top: 13px;
    color: white;
}

input.checkboxButton:checked + label {
    background-color: transparent;
    color: transparent;
    background-image: url("../images/icon_completed.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px;
}

table#basetable {
    position: fixed;
    top: 0px;
    background-color: #FFF;
    z-index: 10;
}

table#basetable + * {
    margin-top: 150px;
}

.centeredContents {
    text-align: center;
}

.relative {
    position: relative;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.clear {
    clear: both;
}

.noOverflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* START Main menu button classes ---------------------------------------------- */

.toolbar {
    background-color: #202126;
    height: 54px;
    width: 100%;
    border: none;
}

.toolbar.filterbar {
    height: 78px;
}


.toolbar a[id]:not(.highlightf) {
    width: 32px;
    height: 32px;
    background-size: 60%;
    vertical-align: middle;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #454A59;
    margin: 3px 5px;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}

.toolbar a[id]:not(.highlightf):hover {
    background-color: #585F72;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
}

a.imageButton,
a.imageButton > * {
    vertical-align: middle;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

#butNewSimple {
    background-image: url(../images/icon_new_shift.svg);
    margin-left: 10px;
    background-size: 50%;
}

#butNewEmployee {
    background-image: url("../images/icon_add_employee.svg");
    margin-left: 10px;
    background-size: 28px auto;
}

#butNewEmployeeCandidates, #butNewContact {
    background-image: url("../images/icon_plus.svg");
    margin-left: 10px;
    background-size: 20px auto;
}

#clientSubTabs {
    max-width: 1000px;
    height: 100%;
    display: flex;
    margin-left: 20px;
    border: 0 solid white;
    text-align: center;
}

#clientSubTabs a {
    flex-grow: 1;
    margin: 2px 0 2px 0;
    max-width: 180px;
}

#clientSubTabs .clientSubtab {
    width: 150px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #bcbcbc;
}

#clientSubTabs:hover {
    cursor: pointer;
}

#clientSubTabs .clientSubtabActive  {
    color: white;
    border-bottom: 2px solid #45B2E9;
    padding-bottom: 7px;
}

#clientSubTabs .clientSubtabLabel {
    font-size: 15px;
    width: 100px;
}

#clientSubTabs .clientSubtabCounter {
    background-color: rgba(68, 68, 68, 0.5);
    padding: 5px 15px;
    border-radius: 5px;
}

#butNew {
    background-image: url("../images/icon_new_advanced.png");
}

#butExport {
    background-image: url("../images/icon_new_import.svg");
}

#butImport {
    background-image: url("../images/icon_new_export.svg");
}

#butCopy {
    background-image: url("../images/icon_copy.svg");
    background-size: 50%;
}

#butCopyWeeks {
    background-image: url("../images/icon_copy.svg");
    background-size: 50%;
}

#butReload {
    background-image: url("../images/icon_reload.svg");
}

#butDelete {
    background-image: url("../images/icon_menu_delete.svg");
    cursor: pointer;
}

#butCancel {
    background-image: url("../images/icon_by_client.svg");
    cursor: pointer;
}

#butReassign {
    background-image: url("../images/icon_menu_reassign.svg");
}

#butReinstate {
    background-image: url("../images/icon_menu_reinstate.svg");
}

#butSend {
    background-image: url("../images/icon_menu_send.svg");
}

#butText {
    background-image: url("../images/icon_menu_text.svg");
    background-size: 38% auto;
}

#butMessage {
    background-image: url("../images/icon_message.svg");
    background-size: 38% auto;
}

#butMessages {
    background-image: url("../images/icon_message.svg");
    background-size: 38% auto;
}

#butTextOff {
    background-image: url("../images/icon_menu_text_off.png");
}

#butSend2 {
    background-image: url("../images/icon_menu_send2.svg");
    background-size: 30px auto;
}

#butTop {
    background-image: url("../images/icon_menu_top.svg");
    background-size: 33% auto;
}

#butShare {
    background-image: url("../images/icon_share.svg");
    background-size: 50% auto;
}

#butHighlight {
    background-image: url("../images/highlight_icon.svg");
    background-size: 14px auto;
}

#butBroadcast {
    background-image: url("../images/icon_broadcast.svg");
    background-size: 36% auto;
}

#butHotlist {
    background-image: url("images/icon_flame.svg");
}

#butAutoBook {
    background-image: url("images/auto_book_icon.svg");
    background-size: 21px auto;
}

#butSupplierReject {
    background-image: url("../images/icon_cross.svg");
    background-size: 15px auto;
}

#butGroup {
    background-image: url("../images/icon_group.svg");
    background-size: 50% auto;
    background-position-y: 7px;
}

#butText3 {
    background-image: url("../images/icon_menu_text.svg");
    background-size: 38% auto;
}

#butSend3 {
    background-image: url("../images/icon_menu_send.svg");
    background-repeat: no-repeat;
    background-position: center 4px;
}

#sign_in {
    display: block;
    width: 118px;
    height: 50px;
    background: url("../images/icon_sign_in.png") no-repeat 0 0;
}

#sign_in:hover {
    background-position: 0 -23px;
    background: url("../images/icon_sign_in_hover.png") no-repeat 0 0;
}

#sign_in:active {
    background-position: 0 -23px;
    background: url("../images/icon_sign_in_down.png") no-repeat 0 0;
}

#sign_in span {
    position: absolute;
    top: -999em;
}

#butReload_alert {
    display: block;
    width: 38px;
    height: 38px;
    background: url("../images/icon_reload_alert.png") no-repeat 0 0;
    padding-right: 10px;
}

#butReload_alert:hover {
    background-position: 0 -23px;
    background: url("../images/icon_reload_hover_alert.png") no-repeat 0 0;
}

#butReload_alert:active {
    background-position: 0 -23px;
    background: url("../images/icon_reload_down_alert.png") no-repeat 0 0;
}

#butReload_alert span {
    position: absolute;
    top: -999em;
}

.toolbar img,
a.highlightf,
a.highlightf img {
    vertical-align: middle;
}

.toolbar td.last {
    text-align: right;
    padding-right: 10px;
}

/* END Main menu button classes ---------------------------------------------- */

.tabsRow .inner {
    position: relative;
}

.tabsContainer {
    padding-left: 200px;
    position: absolute;
    bottom: 100%;
    /*margin-bottom: 4px;*/
    width: 170vw;
    box-sizing: border-box;
    min-width: 938px;
}

@media screen and (max-width: 1432px) {
    .tabsRow .inner {
        padding-top: 40px;
    }

    .tabsContainer {
        bottom: 0px;
    }
}

tr.tabsRow .tabsContainer {
    margin-bottom: 4px;
}

.tabsContainer .tab {
    min-width: 154px;
    border: none;
    background-color: rgba(32, 33, 38, 0.4);
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 10px 6px;
    box-sizing: border-box;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0px 5px;
    cursor: pointer;
    vertical-align: bottom;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.tabsContainer .tab:hover {
    background-color: rgba(32, 33, 38, 0.6);
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
}

.tabsContainer .tab.on {
    background-color: rgba(32, 33, 38, 1);
    cursor: default;
}

.prevButContainer, .nextButContainer {
    padding-left: 10px;
    padding-right: 10px;
}

.prevImageButton, .nextImageButton {
    top: 10px;
    position: relative;
}

.prevImageButtonAvailTime, .nextImageButtonAvailTime {
    top: 7px;
    position: relative;
}

#butPrevWeek, #butNextWeek {
    position: absolute;
    height: 32px;
    width: 7px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -16px;
    cursor: pointer;
    opacity: 1;
    transition: all .3s ease, color .3s linear, background .3s linear;
}

#butPrevWeek {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-left: -12px;
}

#butNextWeek {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: -15px;
}

#butPrevWeek:hover,
#butNextWeek:hover {
    background-color: #636a79;
    opacity: 1;
    transition: all .1s ease, color .1s linear, background .1s linear;
}

.ui-widget input {
    font-family: inherit;
}

.button,
input.buttons + label {
    font-size: 14px !important; /* important! to override jqueryui defaults in dialogs */
    font-weight: 600;
    color: #FFF;
    padding: 8px 12px;
    background-color: #4ac661;
    display: block;
    border: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
    margin: 4px 5px;
    vertical-align: middle;
    cursor: pointer;
}

.message[type="button"] {
    background-color: #4ac661 !important;
}

p.button {
    cursor: default;
}

.skills-quantity span {
    display: block !important;
    margin-left: -6px !important;
    width: 23px !important;
    text-align: center !important;
}

.button.small,
input.buttons.small + label {
    padding: 3px 6px;
    font-size: 12px !important;
    font-weight: 500;
}

button.very.small {
    padding: 1px 4px;
}

button.link {
    border: none;
    /*color: inherit;*/
    background-color: transparent;
    text-decoration: underline;
    cursor: pointer;
    font: inherit;
}

button.link.withIcon {
    text-decoration: none;
}

.button.icon {
    background-position: center;
    background-repeat: no-repeat;
    min-width: 20px;
}

.button.not-set-button {
    height: 24px;
}

.button.grey:not(.on),
input.buttons[type="radio"] + label {
    background-color: #BCBCBC;
    color: #FFF;
}

.button.veryDarkGrey:hover:not(:disabled) {
    background-color: #A3A3A3 !important;
}

.button.veryDarkGrey.on,
input.buttons[type="radio"] label {
    background-color: #808080;
    color: #FFF;
}

.button.toolbarGrey:hover:not(:disabled) {
    background-color: #585F72 !important;
    color: #FFF;
}

.button.pink:hover:not(:disabled) {
    background-color: #ce80c7 !important;
}

.button.pink.on,
input.buttons[type="radio"] label {
    background-color: #AD3BA3;
    color: #FFF;
}

.button.magenta:hover:not(:disabled) {
    background-color: #ce80c7 !important;
}

.button.magenta.on,
input.buttons[type="radio"] label {
    background-color: #D179C4;
    color: #FFF;
}

.button.grey.none {
    opacity: 0.4;
    color: #FFF;
}

.button.grey.light {
    background-color: #E4E4E4;
    color: #FFF;
}

.button.transparent{
  background-color: transparent;
  color: #000000;
  cursor: default;
}
.button.transparent:hover{
  background-color: transparent !important;
  color: #000000 !important;
  cursor: default;
}
.button:disabled,
input.buttons[type="radio"]:disabled + label {
    opacity: 0.4;
    cursor: default;
}

td.shift_table input[type="text"]:disabled:not(.time):not(.disabledBox),
td.shift_table input[type="number"]:disabled:not(.disabledBox) {
    opacity: 1;
    margin: 0px;
    min-width: 90px;
    border: none;
    padding: 0px;
    background-color: transparent;
    text-overflow: ellipsis;
}

td.shift_table input:disabled.disabledBox {
    background-color: #E9E9E9;
}

td.shift_table input[type="text"][size="8"]:disabled,
td.shift_table input[type="text"][size="1"]:disabled {
  min-width: 0px;
}

td.shift_table input[type="number"][maxlength="4"] {
  width: 42px;
  min-width: 0px !important;
}

td.shift_table input[type="number"][size="6"] {
  width: 50px;
  min-width: 0px !important;
}

td.shift_table input[type="number"][size="12"] {
  width: 90px;
  min-width: 0px !important;
}

.ui-widget-content a.button {
    color: #FFF; /* important! to override jqueryui defaults in dialogs */
}

.button[type="submit"]:not(.noresize),
.button[value="Reset Rates"] {
    margin-top: 10px;
}

.button.noresize {
    display: inline-block;
}

input.buttons[type="radio"] {
    display: none;
}

.inline,
input.buttons[type="radio"] + label {
    display: inline-block;
}

.strong,
td.shift_table.strong {
    font-weight: 600;
}

strong {
    font: inherit;
    font-weight: 600;
}

.button:hover:not(:disabled):not(p):not(.red):not(.blue):not(.skyblue):not(.lightBlue):not(.orange):not(.amber):not(.brown):not(.grey):not(.purple):not(.noDefaultHover) {
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
    text-decoration: none;
    background-color: #72D285;
}

.button.grey:hover:not(:disabled):not(.on) {
    background-color: #A3A3A3;
}

.button.big {
    font-size: 16px !important;
    padding: 10px;
    min-width: 140px;
    box-sizing: border-box;
}

.black {
    background-color: #202126;
    color: #FFF;
}

.black-opacity {
  background-color: rgba(32, 33, 38, 0.2); /* 20% opacity */
  color: #FFF;
}

.button.black-opacity:hover {
  background-color: rgba(32, 33, 38, 0.5) !important; /* 50% opacity */
  color: #FFF;
}

.button.black:hover {
    background-color: #40434D;
    color: #FFF;
}

a.button.black {
    color: #FFF !important;
}

.yellow, .yellow:hover {
    background-color: #FF9966 !important;
    color: #FFF;
}


.red, .widgetPopupWrapper.red:before {
    background-color: #DD314E !important;
    color: #FFF;
}

.red.light {
    background-color: #E97E90 !important;
}

.red.dark {
  background-color: #91172C !important;
}

.transp {
  opacity: 0.3;
}

.button.red:hover:not(:disabled) {
    background-color: #E46076 !important;
}

.redText {
    color: #DD314E;
}
.orangeText, .amberText {
    color: #ff981d;
}

.redTextImportant {
    color: #DD314E !important;
}

.green, button.green.on, .widgetPopupWrapper.green:before {
    background-color: #4ac661;
    color: #FFF;
}

.green.planned_button {
    background-color: #338E55;
    color: #FFF;
}

.green.dark {
    background-color: #2A873B;
}

.gray {
    background-color: #BCBCBC;
    color: #FFF;
}

.green.very-dark {
  background-color: #1C5D28;
}

.green.very-dark-alt {
  background-color: #349045;
}

.batched {
  background-color: #389560;
  color: #FFF;
}

.green.light {
    background-color: #9CDFA9;
}

.greenText {
    color: #4ac661;
}

.leftText {
    text-align: left;
}

.whiteBackground {
    background-color: #ffffff !important;
    color: #000000;
}

.greenBackground,
.greenBackground a,
.employeeSponsorship.P > div,
#popupChangeAvailability .data .sponsorship.P {
    background-color: #4ac661 !important;
    color: white !important;
}

.amberBackground,
.employeeSponsorship.S > div,
#popupChangeAvailability .data .sponsorship.S {
    background-color: #ff981d !important;
    color: white !important;
}

.amberBackground:hover {
  background-color: #FFB053 !important;
}

.redBackground,
.employeeSponsorship.N > div,
#popupChangeAvailability .data .sponsorship.N {
    background-color: #DD314E !important;
    color: white !important;
}

.greyBackground {
    background-color: #BCBCBC !important;
    color: white !important;
}

.blue,
input.buttons[type="radio"]:checked + label {
    background-color: #2791E7;
    color: #FFF;
}

.skyblue {
    background-color: #45B2E9;
    color: #FFF;
}

.lightBlue {
  background-color: #B2E0F0;
  color: #FFF;
}

.darkBlue, .blue.dark {
  background-color: rgb(54, 120, 155);
  color: #FFF;
}

.button.blue:hover:not(:disabled),
input.buttons[type="radio"]:not(:disabled) + label:hover {
    background-color: #5BABEC;
}

.button.skyblue:hover:not(:disabled),
a.skyblue:hover:not(:disabled) {
    background-color: #7DC9EE;
}

.blueText {
    color: #2791E7;
}

.skyblueText {
    color: #45B2E9;
}

.lightRed {
    background-color: rgb(228, 96, 118);
}

.purpleStat {
    background-color: rgb(209, 120, 201);
}

.pinkStat {
    background-color: #AD3BA3;
}

.magentaStat {
    background-color: #D179C4;
}

.bold {
    font-weight: bold !important;
}

.travelWillingness::-webkit-outer-spin-button,
.travelWillingness::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.travelWillingness[type=number] {
    -moz-appearance: textfield;
}

.travelWillingness:hover {
    background-color: #FFF !important;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
    transition: box-shadow 0.3s ease-in-out;
}

.travelWillingness {
    width: 100px;
    height: 40px;
    position: relative;
    left: 25px;
    text-align: center;
    border: solid 1px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s ease-in-out;
}

.travelRange {
    width: 100%;
    border: solid 0px rgba(0, 0, 0, 0) !important;
}

.travelRangeTitle {
    z-index: 1;
    position: absolute;
    left: 40px;
    top: 60px;
    color: #45B2E9;
}

.minusIcon:before {
    content: "\002D";
    position: relative;
    top: 4px;
    font-weight: bold;
}

.minusIcon {
    user-select: none; /* standard syntax */
    display: inline-block;
    width: 25px;
    height: 25px;
    color: white;
    border-radius: 15px;
    background-color: #45B2E9;
    cursor: pointer;
    margin-left: 35px;
    font-size: 14px !important;
    line-height: 1.1;
    text-align: center;
    position: relative;
    top: -5px;
}

.plusIcon:before {
    content: "\002B";
    position: relative;
    top: 5px;
    left: 0.5px;
    font-weight: bold;
}

.plusIcon {
    user-select: none; /* standard syntax */
    display: inline-block;
    width: 25px;
    height: 25px;
    color: white;
    border-radius: 15px;
    background-color: #45B2E9;
    cursor: pointer;
    margin-left: 5px;
    font-size: 14px !important;
    line-height: 1.1;
    text-align: center;
    position: relative;
    top: -5px;
}

.plusIconApproveTimeSheet {
    margin-left: 0px !important;
    top: 0px;
}

.travel-range-red {
    color: #DD314E;
}

.travel-range-grey {
    color: #c6c6c6;
}

.travel-range-green {
    color: #4ac661;
}

.blueclear:before {
    content: "\00d7";
}

.blueclear {
    display: inline-block;
    width: 16px;
    height: 16px;
    color: white;
    border-radius: 10px;
    background-color: #45B2E9;
    cursor: pointer;
    margin-left: 5px;
    font-size: 14px !important;
    line-height: 1.1;
    text-align: center;
}

#whiteclear:before {
    content: '';

}

#whiteclear {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    background-image: url(images/clean.svg);
    background-size: 16px 16px;
    margin-bottom: -4px;
    margin-right: 4px;
    margin-left: 3px;
    cursor: pointer;
    text-align: center;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #CACACA;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #CACACA;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #CACACA;
}


.orange, .amber, .widgetPopupWrapper.amber:before {
    color: #FFF;
    background-color: #ff981d;
}

.button.orange:hover:not(:disabled),
.button.amber:hover:not(:disabled) {
    background-color: #FFB053;
}

.orange:focus {
    box-shadow: 0px 0px 0px 2px #4ac661;
}

.grey {
    background-color: #EEEEEE;
    color: #1F1F1F;
}

.grey2 {
    background-color: #5e616d;
}

.greyText {
    color: #BCBCBC;
}

.darkGrey {
    background-color: #BCBCBC !important;
    color: #FFF;
}

.toolbarGrey {
    background-color: #454A59;
    color: #FFF;
}

.pink {
    background-color: #EE98A7 !important;
    color: #FFF;
}

.lightorange {
    background-color: #ffcb8e !important;
    color: #FFF;
}

.lightgreen {
    background-color: #a4e2b0 !important;
    color: #FFF;
}

.magenta {
    background-color: #AD3BA3 !important;
    color: #FFF;
}

.veryDarkGrey {
    background-color: #808080 !important;
    color: #FFF;
}

.white {
    background-color: #FFF;
    color: #606060;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
    border: solid 1px rgba(0, 0, 0, 0.2);
}

.whiteText {
    color: #FFF;
}

.white.light,
p.light,
span.light {
    color: #aaaaaa;
}

.button.white:hover:not([disabled]) {
    background-color: #FFF !important;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4) !important;
}

.brown {
    background-color: rgba(139, 69, 19, 0.6);
}

.purple, button.purple.on {
    background-color: #b53caa;
    color: #FFF;
}

.purple.light, button.purple.light.on {
    background-color: #D178C9;
    color: #FFF;
}

.magenta.light, button.magenta.light.on {
    background-color: #D179C4;
    color: #FFF;
}

.button.light {
    font-weight: normal;
}

.icon.phone {
    background-image: url("../images/icon_phone.svg");
    background-size: 14px;
    min-width: 24px;
}

.icon.message {
    background-image: url("../images/icon_message.svg");
    background-size: 14px;
    min-width: 24px;
}

.icon.client_message {
  background-image: url("../images/icon_client_message.svg");
  background-size: 14px;
  min-width: 24px;
}

.icon.lock {
    background-image: url("../images/icon_lock.svg");
    background-size: 14px;
    min-width: 24px;
}

.icon.tick {
    background-image: url("../images/icon_select_white.png");
}

.icon.plus {
    background-image: url("../images/icon_plus.svg");
    background-size: 12px 12px;
    min-width: 24px;
}

.icon.plus2 {
    background-image: url("../images/icon_plus2.svg");
    background-size: 36px;
    min-width: 22px;
    min-height: 22px;
    background-position: center;
    margin-right: -5px !important;
}

.image.plus.plus3 {
    background-image: url("../images/icon_plus3.svg");
    background-size: 29px;
    min-width: 24px;
    min-height: 24px;
    background-position: center;
    margin-right: -5px !important;
    margin-top: -6px !important;
}

.icon.minus2 {
    background-image: url("../images/icon_minus2.svg");
    background-size: 36px;
    min-width: 22px;
    min-height: 22px;
    background-position: center;
}

.image.minus.minus3 {
    background-image: url("../images/icon_minus3.svg");
    background-size: 29px;
    min-width: 24px;
    min-height: 24px;
    background-position: center;
     margin-top: -6px !important;
}

.icon.filter {
    background-image: url("images/icon_filter_black.svg");
    min-width: 24px;
    background-size: 16px auto;
}

.icon.filter.blue {
    background-image: url("images/icon_filter_white.svg");
}

.icon.filter.small {
    background-size: 12px auto;
    min-width: 22px;
}

.icon.filter.iconLeft {
    background-position: 10px center;
    padding-left: 36px;
}

.icon.arrowUp {
    background-image: url("images/icon_arrow_up_small_white.svg");
    background-size: 16px;
    min-width: 22px;
}

.icon.arrowDown {
    background-image: url("images/icon_arrow_down_small_white.svg");
    background-size: 16px;
    min-width: 22px;
}

.icon.arrowDown.white {
    background-image: url("images/icon_arrow_down_small_black.svg");
    background-size: 8px auto;
}

.icon.printer {
    background-image: url("images/icon_printer_white.svg");
    background-size: auto 16px;
}

.icon.download {
    background-image: url("images/icon_download_report_white.svg");
    background-size: auto 16px;
}

button.icon.iconLeft {
    background-position: 5px 50%;
    padding-left: 26px;
}

.icon.check {
    min-width: 28px;
    min-height: 28px;
    background-size: 26px;
    background-image: url("images/icon_check.svg");
}

.icon.check.on {
    background-image: url("images/icon_check_green.svg");
}

.icon.check.plannedbreak-on {
    background-image: url("images/break_icon_check_blue.svg");
}

.icon.check.disabled {
    background-image: url("images/icon_check_grey.svg");
}

.icon.help {
    background-image: url("images/icon_help.svg");
    min-width: 18px;
    min-height: 18px;
    background-size: 20px;
}

.icon.edit {
    background-image: url("../images/icon_edit.svg");
    background-size: 11px;
    min-width: 24px;
    height: 24px;
}

.icon.refresh {
  /*background-image: url("../images/icon_refresh.svg");
  background-size: 18px;*/
  height: 40px;
  width: 40px;
  /*border-radius: 15px;*/
  position: relative;
}

.icon.refresh:after {
  position: absolute;
  content: '';
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background-image: url("../images/icon_refresh.svg");
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  /*transition: all 0.5s ease;*/
}

.icon.refresh.busy:after {
  transform: rotate(-1080deg);
  transition: transform 20s ease;
}

.mediumWeight {
    font-weight: 500;
}

.queryerrortitle {
    font-size: 8.5pt;
    color: #FF0000;
    font-weight: bold;
}

.queryerrorlabel {
    font-size: 7.5pt;
}

.queryerrortext {
    font-size: 7.5pt;
    font-weight: bold;
}

.year {
    font-size: 25px;
    font-weight: bold;
    color: #333333;
    padding-left: 5px;
}

.weektitle,
a.weektitle:link,
a.weektitle:visited,
.weekdate {
    font-size: 16px;
    font-weight: bold;
    color: #202020;
    text-align: center;
    text-decoration: none;
}

.weekdate {
    font-weight: normal;
}

.warning {
    padding: 3px;
    FONT-SIZE: 14px;
    COLOR: #000000;
}

.verytopright * {
    font-size: 12px;
    font-weight: 500;
}


.sheet_user_dropdown {
    font-size: 12px;
    color: #FFFFFF;
    background-image: url(../images/dropdown_week_background.png);
    -webkit-appearance: none;
    width: 194px;
    height: 38px;
    border: 0;
    margin: 0;
    display: inline;

}


.shift_column_heading {
    font-size: 7.5pt;
    color: #FFFFFF;
}

a.shift_column_heading:link {
    font-size: 7.5pt;
    color: #FFFFFF;
}

a.shift_column_heading:hover {
    font-size: 7.5pt;
    color: #FFFFFF;
}

a.shift_column_heading:visited {
    font-size: 7.5pt;
    color: #FFFFFF;
}

.shift_data {
    font-size: 7.5pt;
    color: #000000;
}

a.shift_data:link {
    font-size: 7.5pt;
    color: #000000;
}

a.shift_data:hover {
    font-size: 7.5pt;
    color: #000000;
}

a.shift_data:visited {
    font-size: 7.5pt;
    color: #000000;
}

.shift_data_number {
    font-size: 7.5pt;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
}

a.shift_data_number:link {
    font-size: 7.5pt;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
}

a.shift_data_number:hover {
    font-size: 7.5pt;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
}

a.shift_data_number:visited {
    font-size: 7.5pt;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
}


.alert {
    font-size: 8.5pt;
    color: #FF0000;
}

input.logoutButton {
    border-style: none;
    background-color: transparent;
}

td.dlgalert {
    font-size: 14px;
    font-weight: 600;
    color: #DD314E; /*#129100; */
}

td.dlgalert #copy_succmsg {
    color: #4ac661;
}

td.dlgalert #copy_warmsg {
    color: #ffc107;
}

.email_shift_table {
    border: #C8C8C8 solid 1px;
    font-size: 0.8em;
    border-collapse: collapse;
}


table.shift_table {
    border: #C8C8C8 solid 1px;
    font-size: 0.8em;
    border-collapse: collapse;
}

tr.shift_row_odd {
}

tr.shift_row_even {
    background-color: #F5F5F5;
}

tr.shift_start {
    border-top: dotted 1px rgba(0, 0, 0, 0.8);
}

tr.rates_row_odd + tr.rates_row_even,
tr.rates_row_even + tr.rates_row_odd {
    border-top: dotted 1px rgba(0, 0, 0, 0.5);
}

tr.row_selected {
    background-color: #FFFF99;
}

tr.row_selected_bookings {
    background-color: #F0F9FE;
}

tr.row_selected_bookings_group {
    background-color: #F0F9FE;
}

tr.deleted {
    background-color: #FF989A;
}

tr.cancelled {
    background-color: #FF0000;
}

tr.deletedCancelled{
    background-color: #DADADA;
}

.hidden,
tr.hidden {
    display: none;
}

tr.highlight1,
button.highlight1, [data-client-detail-level="summary"] tr.highlight1 + tr.headerSimple  {
    background-color: #C7E2F4;
    color: #000;
}

tr.highlight2,
button.highlight2, [data-client-detail-level="summary"] tr.highlight2 + tr.headerSimple {
    background-color: #C3EBD2;
    color: #000;
}

tr.highlight3,
button.highlight3, [data-client-detail-level="summary"] tr.highlight3 + tr.headerSimple  {
    background-color: #FEF968;
    color: #000;
}

tr.highlight4,
button.highlight4, [data-client-detail-level="summary"] tr.highlight4 + tr.headerSimple  {
    background-color: #F6CAE9;
    color: #000;
}

tr.highlight5,
button.highlight5, [data-client-detail-level="summary"] tr.highlight5 + tr.headerSimple  {
    background-color: #FFD6AA;
    color: #000;
}

tr.highlight6,
button.highlight6, [data-client-detail-level="summary"] tr.highlight6 + tr.headerSimple  {
    background-color: #C2F0ED;
    color: #000;
}

tr.highlight7,
button.highlight7, [data-client-detail-level="summary"] tr.highlight7 + tr.headerSimple  {
    background-color: #CEC0E7;
    color: #000;
}

button.highlight.on,
button.highlight:hover {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
}

tr.completed {
    background-color: #ABC8B4
}

tr.endofsite {
    background-color: #666666;
    height: 15px;
    line-height: 1px;
}

td.shift_table {
    border: 1px solid rgba(155, 155, 155, 0.5);
    border-bottom: none;
    border-top: none;
    margin: 0;
    padding: 3px;
    padding: 1px 7px 1px 7px !important;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
}

td.shift_table.wrap,
td.shift_table_header.wrap {
    white-space: normal;
}

tr.sr {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

tr.sr + tr:not(.sr) td {
    border-top: 1px solid rgba(155, 155, 155, 0.5);
}

input.shift_table {
    background-image: url(../images/row_shift_background.png);
}

tr.sr.just_added {
    border-top: solid 3px #4ac661;
    box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.6);
}

tr.sr.just_added + tr.sr.just_added {
    border-top: none;
    box-shadow: none;
}

tr.sr.just_added:last-of-type {
    border-bottom: solid 3px #4ac661;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6) inset;
}

tr.sr.just_added + tr.sr:not(.just_added, .headerSimple) {
    border-top: solid 3px #4ac661;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6) inset;
    border-top-style: solid !important;
}

tr.sr.just_added + tr.headerSimple.headerSimpleBorderJustAdded + tr.sr.just_added {
    /*border-top-style: solid  !important;
    border-top-width: 3px  !important;
    border-top-color: #BCBCBC !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);*/
}

tr.sr.just_added + tr.headerSimple.headerSimpleBorderRegular {
    border-top: solid 3px #4ac661 !important;
}


tr .rowAnchor {
    /*position: absolute;*/
    display: inline-block;
    height: 0px;
    width: 0px;
    vertical-align: top;
}

tr.sr.just_added .rowAnchor:before {
    content: 'Just Added';
    display: block;
    position: absolute;
    padding: 0px 26px 0px 10px;
    background-color: #4ac661;
    color: #FFF;
    /*
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  */
    border-radius: 4px;
    top: -20px;
    left: 12px;
    background-image: url("images/icon_clear_transparent.png");
    background-position: right 7px bottom 6px;
    background-repeat: no-repeat;
    background-size: 9px;
    z-index: 2;
}

tr.sr.just_added + tr.sr.just_added .rowAnchor:before {
    content: '';
    display: none;
}

/*tr.sr.just_added + tr.headerSimple.headerSimpleBorderJustAdded + tr.sr.just_added  .rowAnchor:before {
    content: '';
    display: none;
}*/

.tablescroll tbody input {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
}

td.shift_table_header,
td.shift_table_sub_header {
    border: 1px solid rgba(155, 155, 155, 0.5);
    height: 42px;
    background-color: #DFDFDF;
    margin: 0px;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 6px 3px 6px;
    white-space: nowrap;
    -webkit-transition: top .2s ease;
    -moz-transition: top .2s ease;
    -o-transition: top .2s ease;
    -ms-transition: top .2s ease;
    transition: top .2s ease;
}

td.shift_table_header.light {
    font-weight: normal;
}

td.shift_table_sub_header {
    /*background-image:url(../images/top_row_background_slim.jpg);*/
}
/** Simple Header **/
tr.headerSimple {
    position: initial;
    vertical-align: bottom;
    border-top-style: hidden !important;
}

tr.headerSimple td {
    position: inherit;
    padding: 0px 0px 0px 0px !important;
}

tr.headerSimple td:nth-child(2) {
    position: sticky;
}

tr.headerSimple label {
    margin: 0 !important;
    padding: 2px 14px 0px 10px !important;
    display: inline-block;
    background-color: #BCBCBC;
    color: #FFF;
    border-radius: 4px 4px 0 0;
    z-index: 1;
}

[data-client-detail-level="detail"] tr.headerSimple label {
    /*position: absolute;*/
    top: -16;
}

[data-client-detail-level="detail"] tr.headerSimple:first-child label {
    position: relative;
    top: 2;
}

[data-client-detail-level="summary"] tr.headerSimple label {
    position: relative;
    top: 2;
}

tr.headerSimpleBorderRegular + tr.sr {
    border-top-style: solid  !important;
    border-top-width: 4px  !important;
    border-top-color: #BCBCBC !important;
}

tr.headerSimpleBorderRegular + tr.sr > td:nth-child(1) {
    border-top: hidden !important;
}

tr.headerSimpleBorderRegular + tr.sr.row_selected_bookings_group {
    border-top-style: solid  !important;
    border-top-width: 4px  !important;
    border-top-color: #45B2E9 !important;
}

tr.sr:not(.just_added) + tr.headerSimpleBorderJustAdded + tr.sr.just_added {
    /*border-top: solid 3px #4AC661;*/
    /*box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.6);*/
}

.search_bar {
    background-color: #FFFFCC;
}

.search_heading {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    padding-right: 6px;
}

.search_string {
    font-size: 12px;
    color: #000000;
}

.alert_bar, .alert_notice_bar {
    border-spacing: 10px;
    border-collapse: separate;
    background-color: #dd314e;
    color: #FFF;
    font-weight: 500;
}

table.alert_bar tr td, table.alert_notice_bar tr td {
    background-color: #dd314e;  /*#C72C46;*/
    border-radius: 5px;
    font-size: 1.1em;
    height: 26px;
}

table.alert_bar tr td.active, table.alert_notice_bar tr td.active {
    background-color: #9b2237;
}

table.alert_bar tr td, table.alert_notice_bar tr td {
    margin-right: 10px;
}

table.alert_bar tr td:not(:last-child), table.alert_notice_bar tr td:not(:last-child) {
  background-color: #a82e42; /*#C72C46;*/
  border-radius: 5px;
  font-size: 1.1em;
  width: 0.5%;
  white-space: nowrap;
}

table.alert_bar tr td:last-child, table.alert_notice_bar tr td:last-child {
  display: none;
}

table.alert_bar tr td + td:last-child, table.alert_notice_bar tr td + td:last-child {
  display: table-cell;
}

#alertGhostBooked img {
    opacity: 0.3;
    width: 10px;
    background-color: white;
    color: black;
}

.search_clear {
    font-size: 12px;
    color: #333333;
    text-decoration: underline;
    padding-left: 6px;
}

a.search_clear:link {
    font-size: 12px;
    color: #333333;
    text-decoration: underline;
}

a.search_clear:hover {
    font-size: 12px;
    color: #000000;
    text-decoration: underline;
}

a.search_clear:visited {
    font-size: 12px;
    color: #333333;
    text-decoration: underline;
}


.column_day {
    font-size: 12px;
    color: #000000;
    font-weight: 600;
    text-align: right;
}

.column_date {
    font-size: 12px;
    color: #000000;
    font-weight: 600;
    text-align: left;
}

.start_finish {
    color: #707070;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}

.column_day_date_grey {
    color: #707070 !important;
}


.comments_add {
    font-size: 12px;
    color: #999999;
    font-weight: normal;
}

a.comments_add:link {
    font-size: 12px;
    color: #999999;
    font-weight: normal;
}

a.comments_add:hover {
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

a.comments_add:visited {
    font-size: 12px;
    color: #999999;
    font-weight: normal;
}


.sheet {
    font-size: 12px;
    color: #B0B0B0;
}

.sheet_week {
    font-size: 14px;
    color: #B0B0B0;
    font-weight: 500;
}

.sheet_year {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}


.login_green {
    PADDING-TOP: 7px;
    FONT-SIZE: 15.5px;
    font-weight: bold;
    COLOR: #427550;
    LINE-HEIGHT: 20px;
}

.login_blue {
    PADDING-TOP: 7px;
    FONT-SIZE: 15.5px;
    font-weight: bold;
    COLOR: #47619B;
    LINE-HEIGHT: 20px;
}

.username {
    FONT-SIZE: 12px;
    font-weight: bold;
    COLOR: #333333;
    LINE-HEIGHT: 20px;
}

.logout {
    padding-left: 5px;
    FONT-SIZE: 12px;
    font-weight: normal;
    COLOR: #999999;
    LINE-HEIGHT: 20px;
}

a.logout:link {
    padding-left: 5px;
    FONT-SIZE: 12px;
    font-weight: normal;
    COLOR: #999999;
    LINE-HEIGHT: 20px;
}

a.logout:hover {
    padding-left: 5px;
    FONT-SIZE: 12px;
    font-weight: normal;
    COLOR: #000000;
    LINE-HEIGHT: 20px;
    text-decoration: none;
}

a.logout:visited {
    padding-left: 5px;
    FONT-SIZE: 12px;
    font-weight: normal;
    LINE-HEIGHT: 20px;
}

.login_intro {
    FONT-SIZE: 13px;
    COLOR: #232323;
}

a.login_intro:link {
    FONT-SIZE: 13px;
    COLOR: #0000FF;
}

a.login_intro:hover {
    FONT-SIZE: 13px;
    COLOR: #0000FF;
}

a.login_intro:visited {
    FONT-SIZE: 13px;
    COLOR: #0000FF;
}

.login_problem {
    FONT-SIZE: 13px;
    COLOR: #CE2925;
}

a.login_problem:link {
    FONT-SIZE: 13px;
    COLOR: #CE2925;;
    text-decoration: underline;
}

a.login_problem:hover {
    FONT-SIZE: 13px;
    COLOR: #CE2925;;
    text-decoration: underline;
}

a.login_problem:visited {
    FONT-SIZE: 13px;
    COLOR: #CE2925;;
    text-decoration: underline;
}

.login_success {
    FONT-SIZE: 13px;
    COLOR: #227B38;
}

.login_field_label {
    FONT-SIZE: 13px;
    COLOR: #232323;
    font-weight: bold;
}

.login_field {
    padding-top: 3px;
    padding-bottom: 3px;
    FONT-SIZE: 15.5px;
    font-weight: bold;
    COLOR: #408A4D;
    LINE-HEIGHT: 20px;
}

.main_title {
    PADDING-TOP: 6px;
    FONT-SIZE: 19.5px;
    font-weight: bold;
    COLOR: #8D8D8D;
    LINE-HEIGHT: 20px;
}


.logintitle {
    padding: 10px;
    FONT-SIZE: 20px;
    font-weight: normal;
    COLOR: #ffffff;
    LINE-HEIGHT: 20px;
}

.loginlabel {
    padding: 10px;
    FONT-SIZE: 13px;
    font-weight: normal;
    COLOR: #ffffff;
    LINE-HEIGHT: 20px;
    display: none;
}


.forgottenlabel {
    padding: 10px;
    FONT-SIZE: 13px;
    font-weight: normal;
    COLOR: #ffffff;
    LINE-HEIGHT: 20px;
}

.login {
    box-sizing: border-box;
    width: 260px;
    font-size: 16px;
    font-weight: normal;
    color: #202020;
    padding: 12px;
    text-align: center;
}

.login:focus {
    box-shadow: 0px 0px 0px 2px #4ac661;
}

.menu_item {
    PADDING-TOP: 5px;
    FONT-SIZE: 15.5px;
    font-weight: bold;
    COLOR: #8D8D8D;
    LINE-HEIGHT: 20px;
}

a.menu_item:link {
    PADDING-TOP: 5px;
    FONT-SIZE: 15.5px;
    font-weight: bold;
    COLOR: #8D8D8D;
    LINE-HEIGHT: 20px;
}

a.menu_item:hover {
    PADDING-TOP: 5px;
    FONT-SIZE: 15.5px;
    font-weight: bold;
    COLOR: #40B045;
    LINE-HEIGHT: 20px;;
    text-decoration: none;
}

a.menu_item:visited {
    PADDING-TOP: 5px;
    FONT-SIZE: 15.5px;
    font-weight: bold;
    COLOR: #8D8D8D;
    LINE-HEIGHT: 20px;
}

.tax_year {
    PADDING-TOP: 10px;
    FONT-SIZE: 15.5px;
    font-weight: bold;
    COLOR: #333333;
    LINE-HEIGHT: 20px;
}

.sort {
    PADDING-TOP: 10px;
    FONT-SIZE: 15.5px;
    font-weight: bold;
    COLOR: #9E9E9E;
    LINE-HEIGHT: 20px;
}

.tax_year_dropdown {
    PADDING-TOP: 10px;
    FONT-SIZE: 15.5px;
    font-weight: bold;
    COLOR: #408A4D;
    LINE-HEIGHT: 20px;
}

.problem {
    PADDING-TOP: 10px;
    FONT-SIZE: 15.5px;
    font-weight: bold;
    COLOR: #D34545;
    LINE-HEIGHT: 20px;
}

.alert {
    FONT-SIZE: 14px;
    font-weight: bold;
    COLOR: #FFFFFF;
    LINE-HEIGHT: 20px;
}

.alert_text {
    FONT-SIZE: 12px;
    font-weight: bold;
    COLOR: #D34545;
    LINE-HEIGHT: 20px;
}

.alertBubble {
    padding: 10px 15px;
    background-color: #DD314E;
    color: #FFF;
    font-weight: 400 !important;
    border-radius: 20px;
    opacity: 1 !important;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
}

a.alertBubble:hover {
    background-color: #B61C37;
}

.alertBubble span {
    font-weight: 700;
}

table.verytop table.verytopright {
    position: relative;
    z-index: 10;
}

.verytop td .top-menu {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 15px;
}

.verytop td .top-menu a {
    margin: 0 10px;
    color: #fff !important;
    opacity: 1 !important;
    padding: 5px;
    transition: 0.3s ease;
    border-radius: 4px;
}

.verytop td .top-menu a img {
    object-fit: cover;
    min-height: 22px;
}

.verytop td .top-menu a.logout {
    padding: 7px;
}

.verytop td .top-menu .helplinkicon img {
    max-height: 26px;
}

.verytop td .top-menu a:hover {
    background-color: rgba(32, 33, 38, 0.6);
    transition: 0.1s ease;
}

.verytop td .top-menu .helplinkicon {
    right: 0;
}

.verytop td .top-menu .themeCompanyLogoWrapper {
    margin: 0 10px;
}

.verytop td .top-menu .themeCompanyLogo {
    max-width: 150px;
    max-height: 50px;
    min-height: 25px;
}

.support_dropdown {
    margin-top: 3px;
    margin-bottom: 3px;
    FONT-SIZE: 13px;
    font-weight: bold;
    COLOR: #408A4D;
    LINE-HEIGHT: 20px;
}

.column_heading {
    FONT-SIZE: 13px;
    font-weight: bold;
    COLOR: #333333;
    LINE-HEIGHT: 20px;
}

.table_data {
    FONT-SIZE: 13px;
    COLOR: #333333;
}

.table_view {
    PADDING-LEFT: 5px;
    FONT-SIZE: 13px;
    COLOR: #333333;
}

a.table_view:link {
    PADDING-LEFT: 5px;
    FONT-SIZE: 13px;
    COLOR: #0000FF;
}

a.table_view:hover {
    PADDING-LEFT: 5px;
    FONT-SIZE: 13px;
    COLOR: #0000FF;
}

a.table_view:visited {
    PADDING-LEFT: 5px;
    FONT-SIZE: 13px;
    COLOR: #0000FF;
}

.next_previous {
    FONT-SIZE: 15.5px;
    font-weight: bold;
    COLOR: #666666;
    LINE-HEIGHT: 20px;
}

a.next_previous:link {
    FONT-SIZE: 15.5px;
    font-weight: bold;
    COLOR: #666666;
    LINE-HEIGHT: 20px;
}

a.next_previous:hover {
    FONT-SIZE: 15.5px;
    font-weight: bold;
    COLOR: #000000;
    LINE-HEIGHT: 20px;;
    text-decoration: none;
}

a.next_previous:visited {
    FONT-SIZE: 15.5px;
    font-weight: bold;
    COLOR: #666666;
    LINE-HEIGHT: 20px;
}

.footer_message {
    PADDING-BOTTOM: 35px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 13px;
    COLOR: #333333;
}

.header_message {
    PADDING-LEFT: 5px;
    FONT-SIZE: 13px;
    COLOR: #333333;
}

.account_label {
    FONT-SIZE: 13px;
    font-weight: bold;
    COLOR: #333333;
}

.account_data {
    FONT-SIZE: 13px;
    COLOR: #333333;
}

a.account_data:link {
    FONT-SIZE: 13px;
    COLOR: #0000FF;
}

a.account_data:hover {
    FONT-SIZE: 13px;
    COLOR: #0000FF;
}

a.account_data:visited {
    FONT-SIZE: 13px;
    COLOR: #0000FF;
}


ul.sitemap {
}

li.sitemap {
    font-size: 7.5pt;
}

#breadcrumbs li {
    display: inline;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: .5em;
    margin-left: 0px;
}

#breadcrumbs {
    padding: 10px;
    padding-top: 7px;
    margin: 0px;
}


/*Grid*/


/*Dialog Boxes*/

.dlgalert {
    height: 30px;
}

.dlgalert:empty {
    height: 0px;
}

.addlabeltop,
.email_header_label {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding-right: 6px;
}

body.ui-dialog input:not(.button),
body.ui-dialog select,
body.ui-dialog textarea,
input.addfieldtop,
input.addfieldgrid,
select.addfieldtop,
select.addfieldgrid,
textarea.addfieldtop,
textarea.addfieldgrid {
    font-family: inherit;
    font-size: 14px;
    padding: 6px;
    border-radius: 5px;
    width: 100% !important;
    box-sizing: border-box;
}

.addlabelgrid,
.addlabelgrid * {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}

.task_inner + table {
    margin-top: 20px;
}

#taskadddutyrow td {
    border: none;
    background-color: transparent;
}

#taskadddutyrow span.start_finish {
    margin: 0px 5px;
}

#taskadddutyrow td.shift_table_header:nth-of-type(odd),
#taskadddutyrow td.shift_table:nth-of-type(odd) {
    padding-right: 1px;
}

#taskadddutyrow td.shift_table_header:nth-of-type(even),
#taskadddutyrow td.shift_table:nth-of-type(even) {
    padding-left: 1px;
}

#taskadddutyrow td.shift_table:nth-of-type(7) {
    padding-left: 15px;
}

td.spacer {
    width: 10px;
}

.comments:not(button) {
    FONT-SIZE: 13px;
    COLOR: #000000;
    font-weight: normal;
    padding: 5px;
}


.footer {
    width: 100%;
    min-width: 980px;
    height: 40px;
    padding: 0;
    position: absolute;
    z-index: 90;
}


.whitelinknew {
    PADDING-LEFT: 25px;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
}

a.whitelinknew:link {
    PADDING-LEFT: 25px;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
}

a.whitelinknew:hover {
    PADDING-LEFT: 25px;
    FONT-SIZE: 12px;
    COLOR: #ffffff;;
    text-decoration: underline;
}

a.whitelinknew:visited {
    PADDING-LEFT: 25px;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
}


.whitelinknewright {
    PADDING-RIGHT: 25px;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
}

a.whitelinknewright:link {
    PADDING-RIGHT: 25px;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
}

a.whitelinknewright:hover {
    PADDING-RIGHT: 25px;
    FONT-SIZE: 12px;
    COLOR: #ffffff;;
    text-decoration: underline;
}

a.whitelinknewright:visited {
    PADDING-RIGHT: 25px;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
}

#deltog {
    cursor: pointer;
}

.copyhotel {
    cursor: pointer;
}

.email_maintitle {
    font-size: 16px;
    font-weight: bold;
    color: #5A946B;
}

.text_maintitle {
    font-size: 16px;
    font-weight: bold;
    color: #5A946B;
}

.text_title {
    font-size: 14px;
    font-weight: bold;
    color: #5A946B;
}

.text_header_label {
    font-size: 14px;
    font-weight: bold;
    color: #5A946B;
}

.text_list_empty {
    font-weight: bold;
    color: #FF0000;
}

th.fatiguerisk {
    background-image: url(../images/top_row_background.jpg);
    margin: 0;
    padding: 3px;
    font-size: 12px;
    font-weight: bold;
}

h1.fatiguerisk {
    font-size: 14px;
    font-weight: bold;
}

td.inpastweek {
    background-color: #F0F0F0;
}

/*
td.incurrentweek {
  font-weight: bold;
  font-size: 10pt;
}*/

td.infutureweek {
    background-color: #F0F0F0;
}

#dlgFatigueRisk .shift_table tr {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

#dlgFatigueRisk .shift_table tr:hover:not(:first-of-type) {
    background-color: #FFD9AD;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
}

td.fatiguehigh {
    background-color: rgba(230, 91, 91, 0.7);
}

td.fatiguemedium {
    background-color: rgba(249, 244, 87, 0.70);
}

td.fatiguemediumEnhanced {
  background-color: #E39E66;
}

td.fatiguelow {
    background-color: rgba(117, 212, 93, 0.70);
}

td.riskhigh {
    background-color: rgba(230, 91, 91, 0.7);
}

td.riskmedium {
    background-color: rgba(249, 244, 87, 0.70);
}

td.riskmediumEnhanced {
  background-color: #E39E66;
}

td.risklow {
    background-color: rgba(117, 212, 93, 0.70);
}

input.ac_g {
    width: 40px;
}

input.ac_g_wide {
    width: auto; /*205px;*/
}

input.ac_u {
    width: 32px;
}


input.ac_u_wide {
    width: 52px;
}

input.ac_d {
    width: 60px;
}

input.ac_d_wide {
    width: 200px;
}

input.ac_x {
    width: 60px;
}

input.payrate, input.payrate2, input.chgrate, input.payrate_input {
    width: 40px;
}

input.time {
    width: 32px;
}

.shift_table input.time:disabled {
    background-color: transparent;
    border: none;
}

.left_shift_button,
.right_shift_button,
.travel_shift_button {
    top: 50%;
    margin-top: -12.5px;
    width: 34px;
    height: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: absolute;
    cursor: pointer;
}

.travel_shift_button {
    width: 68px;
    text-align: center;
}

.left_shift_button[data-disabled=" disabled"],
.right_shift_button[data-disabled=" disabled"],
.travel_shift_button[data-disabled=" disabled"] {
    /*cursor: default;*/
}

.left_shift_button,
.travel_shift_button {
    padding-right: 10px;
    right: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.right_shift_button,
.travel_shift_button {
    padding-left: 10px;
    left: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.left_shift_input,
.right_shift_input {
    border-radius: 3px;
    position: absolute;
    margin-top: -8px;
    padding: 6px 3px;
    color: white;
    border: none;
    background-color: transparent;
    width: 27px !important;
    height: 5px;
  font-size: 8.75pt !important;
}

.left_shift_input:focus,
.right_shift_input:focus {
    background-color: rgba(0, 0, 0, 0.25);
}

.left_shift_input.import_error,
.right_shift_input.import_error {
    border-width: 2px;
    margin-top: -10px;
}

.left_shift_input {
    right: 5px;
}

.right_shift_input {
    left: 5px;
}

.left_shift_input:disabled,
.right_shift_input:disabled,
.left_shift_input:read-only,
.right_shift_input:read-only,
.shift_line[data-disabled=" disabled"] {
    background-color: transparent;
    cursor: pointer;
    outline: none;
    box-shadow: none;
}

.left_shift_td:not([data-disabled=" disabled"]) .left_shift_input:read-only,
.right_shift_td:not([data-disabled=" disabled"]) .right_shift_input:read-only {
    cursor: pointer;
}

.left_shift_td, .right_shift_td {
    position: relative;
}

.shift_line {
    position: absolute;
    color: white;
    right: -5px;
    z-index: 1;
    top: 50%;
    margin-top: -9px;
    cursor: pointer;
    width: 9px;
    text-align: center;
}

td.email_header_warning {
    font-weight: bold;
    color: #FF0000;
}

span.warningdata {
    font-weight: bold;
    font-size: 14px;
}

.toast-info {
    font-size: 18px;
}

.ui-widget-overlay {
    background: none;
}

.ui-dialog .ui-dialog-titlebar {
    background-image: none;
    background-color: #454A59;
}

.ui-widget-header .ui-icon {
    background-image: url(../images/close_dialog.svg);
    background-position: center;
    background-size: auto;
}

.ui-widget-header a.ui-dialog-titlebar-close {
    opacity: 0.75;
}

.ui-widget-header a.ui-dialog-titlebar-close:hover {
    opacity: 1;
    right: .3em;
    top: 50%;
    margin: -10px 10px 0 0;
    padding: 1px;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -10px 10px 0 0;
}

.calendarweek,
.weekdaybox {
    width: 165px;
    height: 80px;
    border: none;
    background-color: #eeeeee;
    border-radius: 7px;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.weekdaybox {
    width: auto;
    height: auto;
    vertical-align: top;
}

.calendarweek:hover {
    background-color: #FFD9AD;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
}

.calendarcontainer {
    border-spacing: 5px;
    border-collapse: separate;
    border: none;
    width: 900px;
}

.calendarweek.currentweek {
    background-color: #ff981d;
}

.ui-dialog,
.dialogBox {
    border-radius: 5px;
    border: none;
    box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.4);
    max-width: 95vw;
}

.ui-dialog .ui-dialog-content {
    max-width: 100%;
    overflow: auto;
}

.dialogBox {
    background-color: #FFF;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
}

.ui-dialog .task_inner *,
.dialogBox * {
    font-size: 14px;
}

body.ui-dialog {
    width: auto;
    margin: 10px;
    box-sizing: border-box;
    overflow: auto;
}

body.ui-dialog td.ui-dialog-titlebar {
    float: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

table.email_outer {
    width: 600px;
}

table.email_outer,
td.email_outer > table {
    border-collapse: collapse;
}

table.email_outer td {
    padding-top: 6px;
    padding-bottom: 6px;
}

td.email_outer {
    padding: 0px;
}

body.ui-dialog tr.email_header td:first-child {
    padding-left: 10px;
}

body.ui-dialog tr.email_header td:last-child {
    padding-right: 10px;
}

#dlgCalendar div.weektitle {
    position: relative;
    cursor: pointer;
}

#dlgCalendar input.weektitle + label {
    position: absolute;
    left: 5px;
    top: 0px;
    margin-top: -10px;
}

#dlgHotels {
    padding-left: 0px;
}

.rates.present {
    background-color: #4ac671;
}

.rates.absent:not(.red) {
    background-color: #a5a5a5;
    cursor: not-allowed;
}

.rates.disabled:hover:not(:disabled) {
    background-color: #a5a5a5;
}


table.rates_table {
    border: #C8C8C8 solid 1px;
    font-size: 0.8em;
    border-collapse: collapse;
}

tr.rates_row_odd:not(.shift_row) {
}

tr.rates_row_even:not(.shift_row) {
    background-color: #F5F5F5;
}

td.rates_table {
    border: 1px solid rgba(155, 155, 155, 0.5);
    border-bottom: none;
    border-top: none;
    margin: 0;
    padding: 3px;
    padding: 4px 6px 4px 6px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

td.totals {
    font-size: 14px;
    font-weight: 700;
}

td.rates_table_header {
    border: 1px solid rgba(155, 155, 155, 0.5);
    height: 42px;
    background-color: #DFDFDF;
    margin: 0px;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 6px 3px 6px;
    white-space: nowrap;
}


.weekdayboxes {
    border-collapse: separate;
    border-spacing: 10px;
}

.weekdaybox {
    overflow: hidden;
    padding: 0px;
}

.weekdaybox > table {
    border: none;
    border-collapse: collapse;
}

.weekdaybox > table td.shift_table_header {
    border: none;
    padding-left: 10px;
    padding-right: 10px;
}

.weekdaybox > table td:not(.shift_table_header) {
    padding: 6px;
}

.weekdaybox > table select,
.weekdaybox > table select option {
    font-size: 11px !important;
}

.adjup {
    color: #4AC661;
}

.adjdown {
    color: #FF0000;
}

.dialogBox.loginBox {
    width: 400px;
    max-width: 100%;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.25);
}

.dialogBox h2 {
    font-size: 16px;
    font-weight: bold;
}

.import_table {
    border: #C8C8C8 solid 1px;
    font-size: 0.8em;
    border-collapse: collapse;
}

.import_error {
    border: #FF0000 solid 3px;
}

.import_warning {
    border: #D69200 solid 3px;
}

body.widgetPopup > *:not(.widgetPopupWrapper),
body.dialogPopup > *:not(#dialogPopupBackground) {
    filter: blur(1px);
}

.widgetPopupBackground,
#dialogPopupBackground {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1002;
}

#dialogPopupBackground {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 11;
}

.widgetPopupWrapper {
    background-color: #FFF;
    border-radius: 6px;
    box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    position: absolute;
    font-size: 13px;
    z-index: 1010;
}

.widgetPopupBackground[data-popup-number='2'] {
    z-index: 1011;
}

.widgetPopupWrapper[data-popup-number='2'] {
    z-index: 1012;
}

.widgetPopupBackground[data-popup-number='3'] {
    z-index: 1013;
}

.widgetPopupWrapper[data-popup-number='3'] {
    z-index: 1014;
}

#dialogPopupWrapper {
    max-width: 90vw;
    max-height: 100vh;
    overflow: auto;
    background-color: #FFF;
    box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.4);
    border-radius: 8px;
}

.widgetPopupWrapper * {
    font-size: inherit;
}


.widgetPopupWrapper h3,
#dialogPopupWrapper h3,
.employeeStyle h3 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 0px;
}

.widgetPopupWrapper h4,
#dialogPopupWrapper h4,
.employeeStyle h4 {
    font-size: inherit;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 0.7em;
}

.widgetPopupWrapper > .inner {
    overflow: auto;
    padding: 20px;
    max-height: inherit;
    box-sizing: border-box;
    position: relative;
}

.widgetPopupWrapper.bottomControls > .inner {
    padding-bottom: 10px;
}

.widgetPopupWrapper.filterHighlight > .inner {
    padding: 10px;
}

.widgetPopupWrapper:before {
    content: '';
    display: block;
    position: absolute;
    height: 16px;
    width: 16px;
    top: -8px;
    left: 50%;
    margin-left: -4px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: inherit;
}

.widgetPopupWrapper.popAbove:before {
  top: auto;
  bottom: -8px;
}

.widgetPopupWrapper.screenLeft:before {
    left: 15px;
}

.widgetPopupWrapper.screenRight:before {
    left: 94%;
}

p > button:first-child {
    margin-left: 0px;
}

p > button:last-child {
    margin-right: 0px;
}

.coreShifts .coreShift,
.buttonColumns button {
    min-width: 33%;
    margin: 2px 1px;
}

.buttonColumns.twoColumns button {
    min-width: 48%;
}

.widgetPopupWrapper .popupHeader.coloured {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    margin-bottom: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 20px;
}

.widgetPopupWrapper .popupHeader.coloured h3 {
    margin-bottom: 0px;
}

#popupChangeAvailability .name,
#popupChangeAvailability .header,
#popupChangeAvailability .data {
    display: flex;
}

#popupChangeAvailability .name {
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#popupChangeAvailability .header {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#popupChangeAvailability .data {
    margin-bottom: 15px;
}

#popupChangeAvailability .header > div,
#popupChangeAvailability .data > div {
    text-align: left;
}

#popupChangeAvailability .name div {
    flex-grow: 0;
    font-size: 16px;
}

#popupChangeAvailability .header > div,
#popupChangeAvailability .data > div {
    flex-grow: 1;
    line-height: 24px;
}

#popupChangeAvailability .header > div,
#popupChangeAvailability .data > div {
    min-width: 15%;
    max-width: 15%;
}

#popupChangeAvailability .header > div:nth-child(3),
#popupChangeAvailability .data > div:nth-child(3) {
    min-width: 15%;
    max-width: 15%;
    text-align: center;
}
#popupChangeAvailability .header > div:nth-child(4),
#popupChangeAvailability .data > div:nth-child(4) {
    min-width: 23%;
    max-width: 23%;
    text-align: left;
}

#popupChangeAvailability .header > div:last-child,
#popupChangeAvailability .data > div:last-child {
    max-width: 51%;
}

#popupChangeAvailability .header > div {
    font-weight: bold;
}

#popupChangeAvailability .data > .payscheme > button {
    cursor: auto;
    background-color: #B2E0F0;
}

#popupChangeAvailability .data .sponsorship,
.employeeSponsorship > div {
    width: 20px;
    height: 20px;
    color: white;
    text-align: center;
    background-color: #ea973d;
    border-radius: 50%;
    margin: auto;
    margin-top: 6px;
}

.employeeSponsorship > div {
  margin-top: 0px;
  display: inline-block;
}

#popupChangeAvailability .data .sponsorship > div,
.employeeSponsorship > div {
    padding-top: 1px;
    font-size: 1.2rem;
}

#popupChangeAvailability .data .agency {
    margin: auto;
    margin-top: 8px;
}

#popupChangeAvailability .data .miles {
    margin: auto;
    margin-top: 5px;
}

#popupChangeAvailability .status,
.widgetPopupWrapper .popupHeader .status {
    float: right;
    font-size: 15px;
    font-weight: 600;
    margin: 0px;
}

#popupChangeAvailability .status[data-status="saved"],
.widgetPopupWrapper .popupHeader .status[data-status="saved"] {
    padding-left: 26px;
    background-image: url(images/icon_completed@1.5x.png);
    background-position: left center;
    background-repeat: no-repeat;
}

#popupChangeAvailability .status[data-status="saved"]:before,
.widgetPopupWrapper .popupHeader .status[data-status="saved"]:before {
    content: 'Saved';
    color: #48C562;
}

.widgetPopupWrapper .popupHeader .status.withMinor {
    margin-top: -0.5em;
}

.widgetPopupWrapper .popupHeader .status p {
    margin: 0px;
    text-align: center;
    opacity: 0.93;
}

.widgetPopupWrapper .popupHeader .status p.mainDetail {
    font-weight: 300;
}

.widgetPopupWrapper .popupHeader .status p.minorDetail {
    font-size: 0.7em;
    height: 0px;
    overflow: visible;
}

.dialogContents {
    overflow: auto;
    border-radius: 8px;
    font-size: 16px;
}

.dialogContents * {
    font-size: inherit;
}

.dialogContents form {
    margin: 0px;
}

.dialogHeader {
    padding: 20px;
    background: #000;
    color: #FFF;
}

.dialogHeaderGrey {
    background: #454A59 !important;
}


.dialogHeader .controls {
    float: right;
}

.dialogHeader .controls button {
    margin-top: 0px;
}

.dialogHeader h3 {
    margin: 0px;
}

.dialogContents .main {
    background-color: #FFF;
    padding: 20px;
    position: relative;
    max-height: 75vh;
    overflow: auto;
    height: 52rem;
}

.dialogContents .additionalSection {
  padding: 20px;
  position: relative;
  background: #FFF;
}

.dialogContents .additionalSection.noTopPadding,
.dialogContents .main + .additionalSection,
.dialogContents .additionalSection + .additionalSection {
  padding-top: 0px;
}

.dialogContents .main .notificationArea {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    z-index: 10;
}

.dialogContents section.grey,
.dialogContents section.red,
.dialogContents section.green,
.dialogContents section.blue,
.dialogContents section.skyblue,
.dialogContents section.amber {
    padding: 10px;
    border-radius: 5px;
}

p.employeeAccount {
    font-size: 15px;
    line-height: 25px;
    background-image: url(../images/employee.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 30px;
}

p.employeeAccount span {
    font-weight: 600;
    font-size: inherit;
}

.sortable {
    cursor: pointer;
    color: #2791E7;
}

.sort_on {
    background-image: url(images/icon_arrow_up.png);
    background-repeat: no-repeat;
    background-position: center 15%;
}

.sort_on.DESC {
    background-image: url(images/icon_arrow_down.png);
    background-position: center 85%;
}

p.noMargin,
.noTopBottomMargin {
    margin-top: 0px;
    margin-bottom: 0px;
}

.noSideMargin,
input.buttons[type="radio"] + label {
    margin-left: 0px;
    margin-right: 0px;
}

table.fields {
    width: 100%;
}

.widgetPopupWrapper table.fields {
    width: auto;
}

.greyFont {
  color: #B9B9B9;
}

table.fieldList {
    width: auto;
    text-align: left;
    margin-left: 0px;
    margin-right: auto;
    border-collapse: collapse;
}

table.fields th,
table.fields td {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding: 4px;
}

table.fields th {
    text-align: left;
}

table.fields td.left {
    text-align: left;
}

table.fieldList th {
    font-weight: 500;
    padding: 0px 4px;
}

table.fieldList td {
    font-weight: 700;
    padding: 0px 4px;
}

section.grey table.fieldList th {
    font-weight: 700;
    padding: 2px 4px;
    text-align: left;
}

section.grey table.fieldList td {
    font-weight: 500;
    padding: 2px 4px;
}

table.fields th:first-child,
table.fields td:first-child,
table.fieldList th:first-child,
table.fieldList td:first-child {
    padding-left: 0px;
}

table.fields th:last-child,
table.fields td:last-child,
table.fieldList th:last-child,
table.fieldList td:last-child {
    padding-right: 0px;
}

table.fields input[type="text"]:not(.standard),
table.fields input[type="email"]:not(.standard),
table.fields input[type="number"]:not(.standard),
.fieldsStyle input[type="text"]:not(.standard),
.fieldsStyle input[type="email"]:not(.standard),
.fieldsStyle input[type="number"]:not(.standard) {
    font-weight: 700;
    font-size: 17px;
    vertical-align: middle;
    text-align: center;
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    padding: 10px;
    width: 130px;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 5px;
}

table.fields input[type="text"].addshift,
table.fields input[type="text"].editward {
    width: 95% !important;
    margin-top:5px !important;
    margin-bottom:5px !important;
    padding-top:11px !important;
}

.floating-label {
  position: absolute;
  pointer-events: none;
  left: 3px;
  top: 4px;
  margin-top:2px;
  font-size: 9px;
  opacity: 1;
  transition: 0.2s ease all;
  color: #2791E7;
}

table.fields.wardchangeform div {
    position: relative;
    margin-bottom: 2px;
}

table.fields input[type="text"]:disabled,
table.fields input[type="email"]:disabled,
table.fields input[type="number"]:disabled,
.fieldsStyle input[type="text"]:disabled,
.fieldsStyle input[type="email"]:disabled,
.fieldsStyle input[type="number"]:disabled,
table.fields input[type="text"]:read-only,
table.fields input[type="email"]:read-only,
table.fields input[type="number"]:read-only,
.fieldsStyle input[type="text"]:read-only,
.fieldsStyle input[type="email"]:read-only,
.fieldsStyle input[type="number"]:read-only,
table.fields button:disabled  {
    background-color: #EEE;
    color: #999 !important;
}
table.fields button.green:disabled  {
    color: white !important;
}
table.fields button.grey:disabled  {
    color: black !important;
}

.widgetPopupWrapper table.fields input[type="text"],
.widgetPopupWrapper table.fields input[type="email"],
.widgetPopupWrapper table.fields input[type="number"],
.employeeStyle table.fields input[type="text"],
.employeeStyle table.fields input[type="email"],
.employeeStyle table.fields input[type="number"],
.fieldsStyle input[type="text"],
.fieldsStyle input[type="email"],
.fieldsStyle input[type="number"] {
    font-size: inherit;
    padding: 5px;
    width: 90px;
    margin-top: -2px;
    margin-bottom: -2px;
}

.widgetPopupWrapper table.fields.wideText {
    width: 100%;
}

.widgetPopupWrapper table.fields.wideText input[type="text"],
.widgetPopupWrapper table.fields.wideText input[type="email"],
.widgetPopupWrapper table.fields.wideText input[type="number"] {
    width: 100%;
    text-align: left;
    font-weight: 400;
}

table.fields button {
    margin-left: 2px;
    margin-right: 2px;
}

button.round {
    border: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
}

.image.minus {
    background-image: url(employee/icon_minus.png);
}

.image.plus {
    background-image: url(employee/icon_plus.png);
}

.widgetPopupWrapper section.grey,
.widgetPopupWrapper section.red,
.widgetPopupWrapper section.green,
.widgetPopupWrapper section.blue,
.widgetPopupWrapper section.skyblue,
.widgetPopupWrapper section.amber {
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
    border-radius: 4px;
}

.widgetPopupWrapper section.expandedWidth {
    margin-left: -10px;
    margin-right: -10px;
}

.widgetPopupWrapper section.fullWidth {
  margin-left: -20px;
  margin-right: -20px;
  border-radius: 0px;
}

.widgetPopupWrapper section.controls.bottom {
    margin-top: 8px;
    margin-left: -10px;
    margin-right: -10px;
}

.widgetPopupWrapper section.controls.bottom select {
    margin-top: 7px;
    margin-bottom: 6px;
}

img.signature {
    width: 100%;
    height: auto;
}

.busy, .busy * {
    cursor: wait !important;
}

select.autoSuggest {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0%;
    z-index: 1;
    box-sizing: border-box;
}

.autoSuggest.above select.autoSuggest {
    top: auto;
    bottom: 100%;
}

.timesheetDay .autoSuggest.above select.autoSuggest {
    bottom: unset;
}

span.circle {
  display: inline-block;
  height: 1em;
  width: 1em;
  border-radius: 0.5em;
  overflow: hidden;
}

span img {
    vertical-align: middle;
}

span.image:not(.hidden),
span.icon:not(.hidden) {
    vertical-align: middle;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

span.round {
    border-radius: 50%;
}

button.withBadge, div.withBadge:not(.left_shift_button, .right_shift_button) {
    position: relative;
    overflow: visible;
}

button img.badge,
.withBadge .badge {
    position: absolute;
    top: -9px;
    width: 16px;
    right: -6px;
}

#bookingsDataColumn button img.badge:nth-child(1),
#bookingsDataColumn .withBadge .badge:nth-child(1) {
    right: -6px !important;
}
#bookingsDataColumn button img.badge:nth-child(2),
#bookingsDataColumn .withBadge .badge:nth-child(2) {
    right: 12px !important;
}
#bookingsDataColumn button img.badge:nth-child(3),
#bookingsDataColumn .withBadge .badge:nth-child(3) {
    right: 30px !important;
}
#bookingsDataColumn button img.badge:nth-child(4),
#bookingsDataColumn .withBadge .badge:nth-child(4) {
    right: 48px !important;
}
.candidate_confirm_badge {
    object-fit: cover !important;
    height: 28px !important;
    top: -12px !important;
}

.badge.rounded_shadow {
    border-radius: 50%;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

button img.badge,
.withBadgeConfirmed .badge {
    position: absolute;
    right: -14px;
    top: -9px;
}

.withBadgeConfirmed2 .badge {
    position: absolute;
    right: -14px;
    top: -4.7px;
    width: 30.8px;
}

.withBadgeConfirmed3 .badge {
    position: absolute;
    /* left: -20px;
    top: -4.7px; */
    bottom: -23px;
    right: -5px;
    width: 30.8px;
}

/* BLB trello#3351 Fixes for switch badge on profit sheet */
body.GPPeriod button.withBadge, 
body.GPPeriod div.withBadge{
  position: inherit;
}
body.GPPeriod button img.badge,
body.GPPeriod .withBadge .badge  {
  position: inherit; 
  margin: 0 0 -3px 3px;
}
tr.profitSplitRow .withBadge .badge{
  display:none;
}


button.withIcon img {
    vertical-align: text-bottom;
}

.clientSummary,
.fullClient {
    overflow: hidden;
    max-width: 210px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.clientSummaryText {
    max-width: 210px;
    text-overflow: ellipsis;
    overflow: hidden;
}

[data-client-detail-level="summary"] .fullClient {
    max-width: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    display: none;
}

[data-client-detail-level="summary"] .fullClient.shift_table_sub_header {
    color: transparent;
}

[data-client-detail-level="summary"] .fullClient input,
[data-client-detail-level="summary"] .fullClient button {
    display: none;
}

[data-client-detail-level="detail"] .clientSummary {
    max-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    display: none;
}

.shift_table_sub_header td {
    border-top: none !important;
}

.noStartFinish .column_day + br + .start_finish,
.noStartFinish .column_date + br + .start_finish,
.noStartFinish .column_date + .columnFilterControls + br + .start_finish {
    display: none;
}

.noStartFinish .colDay {
    border-right: none;
    padding-right: 0px !important; /*2px;*/
}

.noStartfinish .colDate {
    border-left: none;
    padding-left: 2px;
}

.widgetPopupWrapper #popupChangeAvailability [data-type="time"],
.employeeStyle table.fields [data-type="time"] {
    width: 70px;
}

.widgetPopupWrapper #popupChangeAvailability [data-type="mins"],
.widgetPopupWrapper #popupChangeAvailability [data-type="hours"] {
    width: 56px;
    text-align: right;
}

table.fullWidth {
    width: 100%;
}

table.selector {
    border-collapse: collapse;
}

table.selector th,
table.selector td {
    padding-left: 5px;
    padding-right: 5px;
}

table.rowPadding th,
table.rowPadding td {
    padding-top: 5px;
    padding-bottom: 5px;
}


table.selector th:first-child,
table.selector td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

table.selector th:last-child,
table.selector td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

table.selector thead tr:last-of-type {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

table.selector thead tr > * {
    line-height: 24px;
}

table.selector thead + tbody tr:first-of-type > * {
    padding-top: 10px;
}

table.selector tbody tr {
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

table.selector tbody tr:hover {
    background-color: #F5F5F5;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
}

table.selector button {
    min-width: 90px;
}

button.button.autoSize {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    min-width: 0px;
}

button.button.noMargins {
    margin: 0px;
}

button.button .desc:not(:empty) {
    display: block;
    float: right;
    margin-left: 5px;
    font-size: 0.6em;
}

button.button.small .desc:not(:empty) {
    margin-top: 5px;
}

button.button.small .desc img {
    margin-top: -5px;
}

td.employeeStatus {
    width: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
}

td.employeeName {
    white-space: nowrap;
    min-width: 100px;
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
}

td.employeeStatus {
    white-space: nowrap;
    min-width: 100px;
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
}

td.employeeDistance {
    font-size: 0.9em !important;
    white-space: nowrap;
}

td.employeePhone {
    font-size: 0.9em !important;
    padding-bottom: 5px;
}

td.employeePayScheme {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

td.employeePayScheme button.button {
    min-width: 100%;
}

td.employeeSponsorship {
    padding-bottom: 5px;
}

td.employeeNMCPin {

}

.employeeIdentifier {
    min-width: 100px;
    max-width: 100px;
    white-space: nowrap;
    font-size: 0.9em !important;
    text-overflow: ellipsis;
    overflow: hidden;
}

blockquote.message {
    display: table;
    position: relative;
    margin: 10px auto 2.1em;
    padding: 6px 10px;
    max-width: 190px;
    border-radius: 15px;
}

blockquote.message:after {
    content: '';
    display: block;
    width: 7px;
    height: 15px;
    background-color: inherit;
    position: absolute;
    right: 1px;
    bottom: 1px;
    transform: rotate(61deg);
    z-index: 0;
}

blockquote.message.right {
    margin-right: 5px;
}

blockquote.message.left {
    margin-left: 5px;
}

blockquote.message.left:after {
    left: 1px;
    bottom: 1px;
    transform: rotate(-61deg);
}

blockquote.message cite {
    display: block;
    position: absolute;
    top: 100%;
    margin-top: 5px;
    color: #1F1F1F;
    font-size: 0.85em !important;
    width: auto;
    right: 0px;
    white-space: nowrap;
    font-style: normal;
}

blockquote.message.left cite {
    right: auto;
    left: 0px;
}

button .hovered,
button:hover .notHovered {
    display: none;
}

button:hover .hovered {
    display: inline;
}

button.clearBtn,
button.clearField {
    display: none;
    margin: 0px;
    padding: 0px;
    /*border: none;*/
    background-color: transparent;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background-image: url("images/icon_clear.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    cursor: pointer;
    position: relative;
    margin-right: -14px;
    right: 18px;
    border-radius: 50%;
    box-sizing: content-box;
    border: solid 2px #FFF;
}

button.clearBtn.on, button.clearField.on {
    background-image: url("images/icon_clear_blue.svg");
    width: 16px;
    height: 16px;
    background-size: 16px;
    right: 20px;
}

input.populated:enabled + button.clearBtn,
input:not(:placeholder-shown) + button.clearField {
    display: inline-block;
}

input.populated:enabled + button.clearBtn:hover,
input:not(:placeholder-shown) + button.clearField:hover {
    border: solid 2px #AFAFAF;
}

input.populated:enabled + button.clearBtn.on:hover,
input:not(:placeholder-shown) + button.clearField.on:hover {
    border: solid 2px #45B2E9;
}

.sheetStats {
    color: #B0B0B0;
    padding-left: 20px;
}

.sheetStats span {
    font-weight: bold;
}

.sheetStats > span:not(.greenText) {
    color: #FFF;
}

.sheetStats td {
  width: 1%;
}

.sheetStats td .statBox {
  min-width: 100px;
}

.toolbar h2 {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    margin: 8px 0px 5px;
}

table.shift_import td {
    vertical-align: top;
}

table.shift_import tr.skiprow {
    opacity: 0.4;
}

table.shift_import tr.skiprow td,
table.shift_import tr.skiprow td input {
    text-decoration: line-through;
}

table.datalist {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.83em;
}

table.datalist tr > * {
    padding: 4px;
}

table.datalist tr {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

table.datalist tr:hover {
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
}

span.extraData {
    display: inline-block;
    cursor: pointer;
    font-size: 1.5em;
    opacity: 0.5;
    vertical-align: middle;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

span.extraData:before {
    content: '\2807';
    padding-left: 4px;
}

span.extraData:hover {
    opacity: 1;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
}

/* *** EMPLOYEE-STYLE STYLING TAKEN FROM employee.css */
div.field {
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
}

td > div.field {
  margin-top: 0px;
  margin-bottom: 0px;
}

div.field input,
div.field textarea {
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
}

div.field label {
    position: absolute;
    font-size: 10px;
    font-weight: 400;
    left: 12px;
    top: 4px;
    z-index: 1;
    line-height: normal;
}

div.fieldDay {
    position: relative;
}

div.fieldDay input,
div.fieldDay textarea {
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
}

div.fieldDay label {
    position: absolute;
    font-size: 10px;
    font-weight: 400;
    left: 12px;
    top: 4px;
    z-index: 1;
    line-height: normal;
}

.smallText {
    font-weight: 300;
    font-size: 0.85em;
}

.borderedFields input + .smallText,
.borderedFields input + .inputDetail {
    padding: 7px 14px;
    font-weight: 300;
    font-size: 0.85em;
}

.borderedFields input + .inputDetail {
    /*background-color: #EEE;*/
    color: #9c9b9b;
    font-style: italic;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.borderedFields input + .inputDetail:empty {
    display: none;
}

.borderedFields h2 {
    margin-top: 43px;
    margin-bottom: 15px;
}

.borderedFields h2:first-child {
    margin-top: 0em;
}

.borderedFields input,
.borderedFields #signature,
.borderedFields textarea,
.borderedFields select {
    font-size: 16px;
    font-weight: 600;
    padding: 12px;
    background-color: #FFF;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    color: #444444;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
    border-color: #D7D7D7;
}

.borderedFields input.small {
    padding: 2px 4px;
    font-size: 12px;
    border-width: 1px;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.borderedFields input:focus,
.borderedFields textarea:focus,
.borderedFields select:focus {
    border-color: #2791E7;
}

.borderedFields textarea {
    height: 186px;
    margin-bottom: -6px !important;
}

.borderedFields input[disabled],
.borderedFields textarea[disabled],
.borderedFields select[disabled] {
    background-color: #F8F8F8;
    border-color: #E2E2E2;
    color: #888;
}

.borderedFields input[type="checkbox"],
.borderedFields input[type="radio"] {
    display: none;
}

.borderedFields input[type="checkbox"]:checked + label,
.borderedFields input[type="radio"]:checked + label,
p.label > label {
    font-weight: 700;
}

.borderedFields input[type="checkbox"] + label:before,
.borderedFields input[type="radio"] + label:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 27px;
    width: 27px;
    margin-right: 10px;
    background-color: #FFF;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
}

.borderedFields input[type="radio"] + label:before {
  height: 20px;
  width: 20px;
  box-sizing: border-box;
  border: solid 4px #FFF;
  background-clip: border-box;
  border-radius: 6px;
}

.borderedFields input[type="checkbox"]:checked + label:before {
    background-image: url(employee/icon_tick.png);
}

.borderedFields input[type="radio"]:checked + label:before {
    background-color: #2791E7;
}

.borderedFields input[type="checkbox"] + label,
.borderedFields input[type="radio"] + label {
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.borderedFields input[type="checkbox"]:disabled + label,
.borderedFields input[type="radio"]:disabled + label {
    opacity: 0.4;
    cursor: default;
}

.hideDisabled [disabled] {
    visibility: hidden;
}

div.field label + input,
div.field label + textarea,
div.field label + select {
    padding-top: 14px;
    padding-bottom: 10px;
}

.borderedFields div.field.disabled label {
    color: #888;
}

.borderedFields div.field.disabled input,
.borderedFields div.field.disabled textarea,
.borderedFields div.field.disabled select {
    border-color: #AAA;
}

.employeeStyle button {
    font-family: 'Avenir LT Std', 'Avenir Next', Arial;
    cursor: pointer;
}

/* *** END OF EMPLOYEE STYLING */

#hotListContainer {
    position: fixed;
    z-index: 100;
    top: 0px;
    bottom: 0px;
    left: 100%;
    width: 600px;
    margin-left: 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

#hotListContainer.on {
    margin-left: -600px;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
}

.hotList {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    box-sizing: border-box;
}

.hotList header {
    background-color: #000;
    color: #FFF;
}

.hotList header:after {
    content: '';
    display: block;
    clear: both;
}

.hotList header label {
    display: inline-block;
    padding: 15px 20px;
    font-weight: bold;
    font-size: 14px;
}

.hotList header label.on.active {
    background-color: #454A59;
}

.hotList header label.on {
    background-color: #000000;
}

.hotList header button {
    float: right;
    margin: 15px 20px;
}

.hotList header button.close,
.dialogHeader button.close,
div.greyBarMessage button.close,
div.greyBarMNote button.close {
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-image: url("../images/close_dialog.svg");
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.75;
}

.hotList header button.close:hover,
.dialogHeader button.close:hover,
div.greyBarMessage button.close,
div.greyBarMessage button.back,
div.greyBarNote button.close,
div.greyBarNote button.back {
    opacity: 1;
    background-color: transparent !important;
}

div.greyBarMessage button.back {
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-image: url("../images/small_left_arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.75;
}

div.greyBarMessage button.close {
    right: 20px;
    position: absolute;
}

div.greyBarMessage p {
    color: white;
    font-size: 14px;
}

div.greyBarNote button.close {
    right: 20px;
    position: absolute;
}

div.greyBarNote p {
    color: white;
    font-size: 14px;
}

.candidatePerfilNote {
	background-color: #454A59;
	-webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.candidatePerfilNote:hover {
	background-color: #5F6473;
	padding-right: 5px;
	border-radius: 5px;
	cursor: pointer;
	-webkit-transition: all .1s ease;
  -o-transition: all .1s ease;
  -moz-transition: all .1s ease;
  -ms-transition: all .1s ease;
  transition: all .1s ease;
}

.hotList .filter {
    padding: 15px 20px;
}

.hotList .filter input[type=text] {
    padding: 6px 12px;
    font-size: 12px;
    box-sizing: border-box;
}

input.search.magnifier {
    background-image: url('images/icon_search.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding-left: 30px !important;
}

input.search.black_magnifier {
    background-image: url('images/icon_search_black.svg');
    background-size: 13px 13px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 30px !important;
}

.footerHotList {
    position: relative;
    background-color: white;
    margin-top: -55px;
    width: 100%;
    padding: 5px 0 5px 15px;
}

.hotList .contents {
    height: 90%;
    overflow: auto;

}

.hotList .contents,
.hotList .contents2,
.hotList .contents3,
.hotList .notify {
    padding: 5px 20px;
    position: absolute;
    top: 170px;
    left: 0px;
    right: 0px;
    bottom: 100px;
    overflow: auto;
}

.hotList .contents2 {
    top: 170px !important;
    bottom: 50px !important;
}

.hotList .contents3 {
    top: 200px !important;
    bottom: 50px !important;
    margin-top: 5px;
}


.hotList .contents * {
    font-size: 12px;
}

.hotList .notify,
.notify.tick {
    background-color: rgba(255, 255, 255, 0.7);
    display: none;
    text-align: center;
    color: #48C562;
    font-size: 15px;
    font-weight: 600;
    background-image: none;
}

.hotList .notify.checkmark {
    background-image: url("images/checkmark_animation_2.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.hotList .notify * {
    font-size: inherit;
    vertical-align: middle;
}

button.hotListLink {
    background: transparent;
    white-space: nowrap;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.15) !important;
}

button.hotListLink img {
    margin-right: 6px;
}

button.hotListLink:hover {
    background-color: rgba(32, 33, 38, 0.6) !important;
}

button.messageLink {
    background: transparent;
    white-space: nowrap;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.15) !important;
}

button.messageLink img {
    margin-top: 0px !important;
}

button.messageLink:hover {
    background-color: rgba(32, 33, 38, 0.6) !important;
}

button.updateLink {
    background: transparent;
    white-space: nowrap;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.15) !important;
}

button.updateLink img {
    margin-top: 0px !important;
}

button.updateLink:hover {
    background-color: rgba(32, 33, 38, 0.6) !important;
}

button.image img {
    vertical-align: middle;
    margin-top: -4px;
}

button.icon.delete {
    background-image: url("images/icon_delete.png");
    background-color: transparent !important;
}

button.icon.remove {
    background-image: url("images/icon_remove.png");
    background-color: transparent !important;
    height: 10px;
    background-size: contain;
    margin: -2px 0px 0px 3px;
    opacity: 0.7;
}

button.icon.remove:hover {
    opacity: 1;
}

ul.tags {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block;
    word-spacing: 10px;
}

/* BLB trello#3082 Styles added to prevent list being above '+' button */
ul.tags#sbc_bookings_authorisers_container{
    padding-left: 30px; 
    float: right;
}
ul.tags#sbc_bookings_authorisers_container.sb_sheet{
    padding: 2px 5px;
    float: none;
    width: fit-content;
    height: fit-content;
}

ul.tags li {
    display: inline-block;
    padding: 3px 6px;
    font-size: 12px !important;
    font-weight: 500;
    word-spacing: normal;
    vertical-align: middle;
    border-radius: 4px;
    margin-bottom: 5px;
    margin-right: 5px;
}

td.shift_table ul.tags {
    word-spacing: normal;
    white-space: normal;
    display: inline;
}

td.shift_table ul.tags li {
    margin-top: 3px;
    margin-bottom: 2px;
    margin-right: 1px;
    white-space: nowrap;
}

ul.tags li button {
    display: inline-block;
}

td.shift_table ul.tags + button {
    margin-top: 3px;
    margin-bottom: 2px;
}

ul.timePoints {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block;
}

ul.timePoints li {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 35px;
}

ul.timePoints li label {
    min-width: 170px;
    display: inline-block;
    vertical-align: center;
}

ul.timePoints li:before,
ul.timePoints li:after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 13px;
    margin-left: -1px;
    width: 2px;
    background-color: #2791E7;
}

ul.timePoints li:after {
    top: 50%;
    left: 13px;
    width: 8px;
    margin-left: -4px;
    margin-top: -4px;
    height: 8px;
    border-radius: 50%;
}

ul.timePoints li:first-of-type:before {
    top: 50%;
}

ul.timePoints li:last-of-type:before {
    bottom: 50%;
}

ul.timePoints li:first-of-type:after,
ul.timePoints li:last-of-type:after {
    width: 14px;
    height: 14px;
    margin-top: -7px;
    margin-left: -7px;
}

input.error {
    color: red !important;
    border-color: red !important;
}

.filterWidget {
    color: #FFF;
    font-size: 15px;
    vertical-align: middle;
    white-space: nowrap;
    /*
  background-color: rgba(255,255,255,0.15);
  border-radius: 20px;
  padding: 5px 10px;
  */
}

.filterWidget *:not(option) {
    font-size: inherit;
    vertical-align: inherit;
}

.filterWidget select,
.filterWidget input {
    font-size: 14px;
}

.jquiSlider {
    height: 4px;
    background: #6BB3EE;
    display: inline-block;
    margin: 0px 20px;
    border-radius: 2px;
}

.jquiSlider .ui-slider-handle {
    height: 24px;
    min-width: 24px;
    width: auto;
    top: 50%;
    margin-top: -12px;
    left: 0px;
    margin-left: -12px;
    background: #2791E7;
    border-radius: 4px;
    border: 0px;
    color: #FFF;
    text-align: center;
    box-sizing: border-box;
    padding: 2px 6px;
    white-space: nowrap;
    font-weight: 300;
    font-size: 0.9em;
    position: absolute;
    cursor: pointer;
    transition: background .2s linear;
}

span.distance {
    float: right;
    color: #4ac661;
    font-size: 0.8em;
    font-weight: 300;
    line-height: 1.7em;
    margin-left: 5px;
}

.statBox {
    padding: 10px 12px;
    border-radius: 5px;
    color: #FFF;
    position: relative;
}

.filterBar .statBox {
    padding: 5px 10px;
}

.statBox label {
    font-size: 11px;
    font-weight: 400;
}

.statBox .subtitle {
    font-size: 0.8em;
    position: absolute;
    bottom: 3px;
    left: 12px;
    right: 10px;
    margin: 0px;
}

.statBox .value {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0px 0px;
}

.filterBar .statBox .value {
    margin: 0px;
    font-size: 14px;
}

.statBox .of {
    font-weight: 300;
}

.statBox.notLoaded[data-currency] .value:before { content: attr(data-currency) "-.--"; }
.statBox.notLoaded[data-type="decimal"] .value:before { content: '-.--'; }
.statBox.notLoaded[data-type="integer"] .value:before { content: '-'; }

.hideIfZero[data-value="0"] {
    display: none;
}

.copyFromWeeks, .copyToWeeks, #popupCopyAvailability .options, #popupCopyAvailability .headings {
    width: 45%;
    display: inline-block;
}

#popupCopyAvailability .headings.to {
    width: 44%;
}

#popupCopyAvailability .headings.from {
    padding-left: 5px;
}

.copyFromWeeks, #popupCopyAvailability .headings.from, #popupCopyAvailability .options.specific {
    float: left;
}

.copyToWeeks, #popupCopyAvailability .headings.to {
    float: right;
}

#popupCopyAvailability .options.all {
    padding-left: 36px;
    width: 40%;
}

.copyFromWeeks, .copyToWeeks {
    overflow-y: scroll;
    height: 250px;
}

.copyFromWeeks .button, .copyToWeeks .button {
    width: 120px;
}

.copyAvailBottom {
    margin-bottom: 0px;
    width: 100%;
    clear: both;
    padding: 10px 0;
}

.copyAvailBottom .button {
    float: right;
    width: 90px;
    margin-right: 23px;
}

#popupCopyAvailability {
    padding: 5px;
}

#popupCopyAvailability .options {
    padding-bottom: 10px;
}

#popupCopyAvailability .copyFromWeeks > p, #popupCopyAvailability .copyToWeeks > p {
    padding-left: 6px;
}

#addEmployee_d1 {
    padding: 10px;
}

#addEmployee {
    margin-top: 0;
}

.options input[type="checkbox"].styled + label:before {
    margin-right: 4px;
    margin-top: -2px;
}

#popupCopyAvailability .success.notificationArea {
    width: 92%;
    display: block;
    position: absolute;
    background: white;
    text-align: center;
    bottom: 0;
    height: 100%;
}

#popupCopyAvailability .success.notificationArea div {
    position: relative;
    display: block;
    margin-top: 40%;
}

.notificationInfo {
    margin-top: 10% !important;
    color: #4ac661;
}

#widgetPopupWrapper2.employeepopupclass {
    width: 300px !important;
    left: 68px !important;
}

.button.green.on {
    background-color: #4ac661;
}

.client_report_div, .full_report_div {
    position: relative;
    padding-bottom: 20px;
}

.client_report_title, .full_report_title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    position: absolute;
    left: 24px;

}

.client_report_title {
    top: 100px;
}

.full_report_title {
    top: 120px;
}

.fullReportTenantLogo {
    height: 120px;
    max-width: 220px;
    width: auto;
    position: absolute;
    top: 10px;
    left: -7px;
}

.fullReportPantherLogo {
    height: 120px;
    max-width: 220px;
    width: auto;
    position: absolute;
    top: 10px;
    right: 50px;
}

.clientReportLogo {
    height: 120px;
    max-width: 220px;
    width: auto;
    position: absolute;
    top: -20px;
    left: -7px;
}

.client_report_info {
    width: 600px;
    height: 170px;
    background-color: rgb(187, 187, 187);
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 10px;
}

.table_client_info {
    width: 600px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}

.table_client_info th {
    text-align: left;
    width: 170px;
}

#popupChangeAvailability .fieldsStyle input[type="text"]:not(.standard) {
    font-size: inherit;
    padding: 4px;
    margin-top: -2px;
    margin-bottom: -2px;
}

select.shiftmob {
    font-weight: 700;
    font-size: 17px;
    vertical-align: middle;
    text-align: center;
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    padding: 10px;
    width: 130px;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 5px;
}

textarea.shiftmob {
    padding: 12px;
    margin-left: 2px;
    border: 1px solid #cccccc;
    width: 84%;
}

textarea.addshift {
    width: 88%;
}

.allVoid {
    background-color: rgb(218, 218, 218);
}

.allVoid .left_shift_button,
.allVoid .right_shift_button,
.allVoid button[id*='csb_'] {
    background-color: rgb(199, 199, 199);
}

.voidSpan {
    z-index: 1;
    position: absolute;
    left: 30px;
    color: white;
}

.button.addleave.deepblue, .deepblue {
    background-color: #004D71;
}

.button.addleave {
    background-image: url("images/calendar_white.png");
    background-size: 16px;
    padding-left: 36px;
}

.button.addshift {
    background-image: url(../images/icon_new_shift.svg);
    background-size: 16px;
    padding-left: 36px;
}

#dateofleave {
    /*background-image: url("images/calendar_grey.png");*/
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 90%;
    width: 80%;
    text-align: left;
    padding-left: 10px;
    min-width: 150px;
    border: 1px solid #cccccc;
}

.addleavesheet table.fields th, table.fields td {
    text-align: left;
}

.addleavesheet #dateofleave {
    margin-left: 3px;
}

/*
input[type="date"]#dateofleave::-webkit-inner-spin-button,
input[type="date"]#dateofleave::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
*/
.topbutton {
    text-align: right;
    position: relative;
    display: block;
    width: 100%;
    padding-right: 5px;
}

.allVoid {
    background-color: rgb(218, 218, 218);
}

.allVoid .left_shift_button,
.allVoid .right_shift_button,
.allVoid button[id*='csb_'] {
    background-color: rgb(199, 199, 199);
}

.voidSpan {
    z-index: 1;
    position: absolute;
    left: 30px;
    color: white;
}

.time-exp-app {
  background-color: #f2f2f2;
  padding: 8px;
  border-radius: 5px;
  font-weight: bold;
}

.table-exp-app {
  background-color: #f2f2f2;
  border-radius: 5px;
}

.table-divider {
  border-top: #d5d5d5 solid 3px;
  border-radius: 5px;
  margin-left: 10px;
  margin-right: 10px;
}


/* start Shared Hotlist */
.pointer {
    cursor: pointer;
}

.email-file {
  text-decoration: none;
  color: inherit;
}

.contents2 > table {
    text-align: center;
}

.sharedHotlistChekbox, .myHotlistCheck {
    padding-left: 15px !important;
    width: 10px;

}


.contents > table > thead > tr > td,
.contents2 > table > thead > tr > td,
.contents3 > table > thead > tr > td {
    font-size: 14px !important;
}

.sharedHotlistName {
    text-align: left;
}

.filter2 {
    width: 460px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.filter2 input[type=text],
.filter3 input[type=text],
.inputBoxAddEmployeeSharedHotlist input[type=text],
.inputBoxAddEmpMyHotlist input[type=text] {
    padding: 6px 12px;
    font-size: 12px;
    box-sizing: border-box;
}

.inputBoxAddEmpMyHotlist {
    display: none;
    width: 350px;
    height: 75px;
    background: white;
    position: absolute;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 9999;
    margin-left: -150px;
    margin-top: 125px;
    border: 0px solid black;
    -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.4);
    padding: 25px;
}

.inputBoxAddEmpMyHotlist:before {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    border: 10px solid transparent;
    border-bottom-color: #ffffff;
    border-top: 0;
    left: 180px;
    top: -10px;
}

.inputBoxAddEmpMyHotlist > label {
    font-weight: bold;
    font-size: 16px;
    padding-left: 3px;
}

.inputBoxSharedHotlist {
    width: 350px;
    height: 200px;
    background: white;
    position: absolute;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 9999;
    margin-left: -150px;
    margin-top: 125px;
    border: 0px solid black;
    -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.4);
    padding: 25px;
}

.inputBoxSharedHotlist:before {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    border: 10px solid transparent;
    border-bottom-color: #ffffff;
    border-top: 0;
    left: 180px;
    top: -10px;

}

#employeeSearch {
    margin-top: 10px;
}

#sharedHotlistSearch {
    margin-top: 6px;
}

.greyBar {
    display: inline-block;
    height: 60px;
    background-color: #454A59;
    padding-left: 10px;
    width: 300px;
}

.greyBar > button:last-child:not(.filterbar) {
    background-image: url("../images/icon_trash_white.svg");
    background-size: 25px;
    background-position: center center;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    margin: 10px 0px 10px 10px;
}

.greyBar > button:first-child:not(.filterbar) {
    background-image: url("../images/icon_plus.svg");
    background-size: 20px;
    background-position: center center;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    margin: 10px 0px 10px 10px;
}

.greyBarRight {
    display: inline-block;
    height: 60px;
    background-color: #454A59;
    padding-left: 10px;
    width: 300px;
}

.greyBarRight > .message {
    background-image: url("../images/icon_message.svg");
    background-size: 20px;
    background-position: 10px center;
    width: 110px;
    height: 40px;
    background-repeat: no-repeat;
    margin: 10px 0px 10px 10px;
    position: absolute;
    right: 20px;
    text-align: right;
}

.topMessageBar > .message {
    background-image: url("../images/icon_message.svg");
    background-size: 15px;
    background-position: 10px center;
    width: 90px;
    height: 25px;
    background-repeat: no-repeat;
    margin: 8px 0px 8px 10px;
    position: absolute;
    left: 10px;
    text-align: right;
    padding: 6px 12px !important;
    font-size: 10px !important;
}

.topMessageBar > .email {
    background-image: url("../images/icon_menu_send.svg");
    background-size: 15px;
    background-position: 10px center;
    width: 70px;
    height: 25px;
    background-repeat: no-repeat;
    margin: 8px 0px 8px 10px;
    position: absolute;
    left: 110px;
    text-align: right;
    padding: 6px 12px !important;
    font-size: 10px !important;
}

.topMessageBar > .active {
    background-color: #4ac671;
    color: #FFF !important;
}

.topMessageBar button {
    background-color: #BCBCBC;
    color: #FFF !important;
}

#bodyContainersMessage {
    margin-top: 45px;
    padding-top: 10px;
    padding-left: 20px;
    margin-right: 20px;
}

#bodyContainersMessage > input, select, textarea {
    border-radius: 5px;
}

.topNoteBar > .message {
    background-image: url("../images/icon_message.svg");
    background-size: 15px;
    background-position: 10px center;
    width: 90px;
    height: 25px;
    background-repeat: no-repeat;
    margin: 8px 0px 8px 10px;
    position: absolute;
    left: 10px;
    text-align: right;
    padding: 6px 12px !important;
    font-size: 10px !important;
}

.topNoteBar > .email {
    background-image: url("../images/icon_menu_send.svg");
    background-size: 15px;
    background-position: 10px center;
    width: 70px;
    height: 25px;
    background-repeat: no-repeat;
    margin: 8px 0px 8px 10px;
    position: absolute;
    left: 110px;
    text-align: right;
    padding: 6px 12px !important;
    font-size: 10px !important;
}

.topNoteBar > .active,
.topNoteBar > a > .active {
    background-color: #4ac671;
    color: #FFF !important;
}

.topNoteBar button {
    background-color: #BCBCBC;
    color: #FFF !important;
}


#bodyContainersNote {
    padding-top: 10px;
    padding-left: 20px;
    overflow: auto;
}

#bodyContainersNote > input, select, textarea {
    border-radius: 5px;
}

#note_text {
    width: 520px;
}

#sbx_msg {
    width: 100%;
}

#sbe_email_above {
    width: 100%;
}

#subContMessage {
    width: 100%;
}

#subContMessage table {
    /*border: black solid 1px;*/
    border-spacing: 5px;
}

#subContMessage table tr td {
    /*border: black solid 1px;*/
    text-align: right;
}

.greyBarMessage {
    height: 60px;
    background-color: #454A59;
    padding-left: 10px;
    width: 600px;
    display: flex;
    align-items: center;
    position: relative;
}

.greyBarNote {
    height: 60px;
    background-color: #454A59;
    padding-left: 10px;
    width: 600px;
    display: flex;
    align-items: center;
    position: relative;
}

.inputBoxSharedHotlist {
    display: none;
}

.inputBoxSharedHotlist > table > tbody > tr:first-child > td {
    padding: 10px 0 10px 0;
}

.inputBoxSharedHotlist > table > tbody > tr:first-child > td > label {
    font-weight: bold;
    font-size: 16px;
    padding-left: 3px;
}

.inputBoxSharedHotlist > table > tbody > tr:nth-child(2) > td {
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 8px 0px #EAEAEA;
    box-shadow: 2px 2px 8px 0px #EAEAEA;
    padding-top: 3px;
    padding-bottom: 3px;
}

.inputBoxSharedHotlist > table > tbody > tr:nth-child(2) > td > label {
    color: #45B2E9;
    font-size: 12px;
    font-weight: normal;
    padding-left: 5px;

}

.inputBoxSharedHotlist > table > tbody > tr > td > input {
    width: 330px;
    height: 25px;
    border: 0px;
    font-size: 18px;
}

.inputBoxSharedHotlist > table > tbody > tr > td > input:focus {
    border: 0px solid white;
    box-shadow: 0px 0px white;
}

.inputBoxSharedHotlist > table > tbody > tr > td > input::placeholder {

}

.inputBoxSharedHotlist > table > tbody > tr:last-child > td {
    padding: 10px 0 10px 0;
}

.inputBoxSharedHotlist > table > tbody > tr:last-child > td > button:first-child {
    margin-left: 0px;
    float: left;
}

.inputBoxSharedHotlist > table > tbody > tr:last-child > td > button:last-child {
    margin-right: 0px;
    float: right;
}

.inputBoxAddEmployeeSharedHotlist {
    display: none;
    width: 350px;
    height: 75px;
    background: white;
    position: absolute;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 9999;
    margin-left: -150px;
    margin-top: 125px;
    border: 0px solid black;
    -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.4);
    padding: 25px;
}

.inputBoxAddEmployeeSharedHotlist:before {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    border: 10px solid transparent;
    border-bottom-color: #ffffff;
    border-top: 0;
    left: 180px;
    top: -10px;
}


#employeeSharedHotlistSearchPopUp {
    width: 350px !important;
    margin-top: 10px;
}

.inputBoxAddEmployeeSharedHotlist > label {
    font-weight: bold;
    font-size: 16px;
    padding-left: 3px;
}


.menuSingleSharedHotlists {
    padding: 10px 0 10px 0;
}

.menuSingleSharedHotlists > table > tbody > tr > td:first-child {
    width: 20px;
    text-align: center;
    color: #45B2E9;

}

.menuSingleSharedHotlists > table > tbody > tr > td:last-child {
    width: auto;
    text-align: left;
}

.nameSharedHotlist {
    font-family: 'Avenir LT Std', 'Avenir Next', Arial;
    font-size: 19px;
    padding-left: 15px;
}

.filter3 {
    margin-bottom: 15px !important;
}

.filter3, .contents3, .menuSingleSharedHotlists > table {
    width: 560px;
    margin: auto;
}

#singleSharedList {
    padding-bottom: 140px;
}


.contents3 > table {
    text-align: center;
}


.goBackSharedHotlists {
    font-size: 15px;
}


#containerSharedHotlist .contents {
    margin-top: 50px;
}

.total_results {
    font-size: small !important;
    font-weight: bolder !important;
    line-height: 1.2;
}

.counterBox {
    background-color: #45B2E9;
    border-radius: 5px;
    color: #FFF;
    height: 29px;
    padding: 5px 14px;
    position: relative;
    width: 54px;
}

.statBoxes {
  vertical-align: middle;
}

.statBoxes > .statBox {
  vertical-align: top;
}

.statBox.small {
  border-radius: 5px;
  height: 36px;
  padding: 5px 8px;
  position: relative;
  line-height: 15px;
  font-weight: 300;
}

.statBox.small > * {
  line-height: inherit;
  font-weight: inherit;
}

.statBox.small label {
  vertical-align: top;
  font-size: 10px;
  padding-bottom: 2px;
}

.statBox.small .value {
  font-size: 13px;
  font-weight: 600;
  margin: 4px 0px 0px;
}

.summarizePreferredLocation {
    margin-top: -17px;
    white-space: nowrap;
    width: 92px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

select.shiftmob.selectfull {
    width: auto;
    max-width: 228px;
}

.timeLine .deleteshift {
    width: 25px;
    text-align: right;
}

.timeLine .deletebutton {
    font-size: 14px !important;
    color: #fff;
    padding: 0px;
    background-color: #fff;
    border: none;
    transition: all .3s ease;
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
    margin: 2px 0px 0px 2px;
    vertical-align: middle;
    cursor: pointer;
}

.timeLine .deletebutton img {
    margin-top: 4px;
}

.timeLine .deleteshift:focus,
.timeLine .deletebutton:focus,
.timeLine .deletebutton img:focus {
    box-shadow: 0px 0px 0px 2px #45BEF4 !important;
}

h2.sectionhead {
    margin-top: 10px;
    margin-bottom: 0px;
}

label.compacttimesheet {
    position: absolute;
    font-size: 11px;
    margin-left: 2px;
    padding: 7px;
}

input.compacttimesheet {
    padding: 15px 0px 8px;
}

#emailsendstatus p.tick {
    background-image: url(employee/icon_round_tick_green.png);
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: left;
    font-size: 17px;
    line-height: 31px;
    color: #47C572;
    font-weight: 600;
}


#emailsendstatus {
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.contractRefPoup {
    font-weight: 400;
}

.contractContainer {
    position: relative;
    background-color: #eeeeee;
    width: 100%;
    height: 180px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.versionSpan {
    position: relative;
    font-weight: bold;
    top: 24px;
    float: right;
    right: 40px;
    font-size: 15px;
}

.versionNumber {
    font-weight: normal;
}

.contractTimesheetStatus {
    position: absolute;
    text-align: center;
    padding-top: 6px;
    min-width: 90px;
    height: 25px;
    top: 19px;
    left: 20px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.contractTimesheetStatusPanel {
    text-align: center;
    min-width: 90px;
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: white solid 0px !important;
}

.contractTimesheetAction {
    cursor: pointer;
    position: absolute;
    top: 135px;
    left: 200px;
    text-align: center;
    padding-top: 6px;
    width: 100px;
    height: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.contractTimesheetAction.cancel {
    left: 95px;
}

body a.contractTimesheetAction:hover:not(.button) {
    color: #FFF !important;
}

.contractTimesheetAction.amber:hover {
    background-color: #FFB053;
}

.contractTimesheetAction.green:hover {
    background-color: #72D285;
}

.contractTimesheetAction.red:hover {
    background-color: #E46076;
}


#popupChangeAvailability > header > h3 {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 0px;
    padding-left: 3px;
}

.allButton {
    background-color: white !important;
    font-size: 0.8em !important;
    padding-left: 3px;
}

.greyDivider {
    width: 100%;
    height: 1px;
    border: 0px;
    background-color: #e3e3e3;
    margin: 15px 0 15px 0;
}

.halfWidth {
    width: calc(100% / 2.06);
}

.hideEye {
    background-image: url('../images/eyeVisible.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    background-color: white !important;
}

.invertHideEye {
    background-image: url('../images/eyeInvisible.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    background-color: #919191 !important;
}

.invertHideEye:hover {
    background-color: #919191 !important;
}

.pinColumn{
    /* background-image: url("images/pin_column.svg"); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    background-color: white !important;
}
.pinColumn svg {
    width: 16px;
    height: 16px;
    fill: #919191;
}
.pinColumn svg  path {
    fill: #919191;
}
.invertPinColumn {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    background-color: #919191 !important;
}
.invertPinColumn svg{
    fill: white;
    width: 16px;
    height: 16px;
}
/* Styles taken from cp.css */
span.fileIcon {
    display: inline-block;
    font-size: 8px;
    font-weight: 600;
    padding: 5px 3px;
    color: #FFF;
    background-color: mediumseagreen;
    border-radius: 4px;
    text-transform: uppercase;
    vertical-align: middle;
    margin-right: 5px;
    min-width: 22px;
    text-align: center;
    box-sizing: border-box;
}

span.fileIcon.pdf {
    background-color: #EC5C63;
}

span.fileIcon.doc,
span.fileIcon.docx {
    background-color: cornflowerblue;
}

/* End of styles taken from cp.css */

/* Styles for the new HotlistColumn filter at popup*/
.HotlistColumnFilterUl {
    max-width: 100%;
    max-height: 295px;
    overflow: auto;
    padding-right: 5px;
}

ul.filters {
    list-style-type: none;
    padding: 0px;
    margin: auto;
}

ul.filters li {
    width: 100%;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#popupFilterBookings ul.filters button.filterItem {
    width: 100% !important;
}

.filterLabel {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 4px 4px 4px;
}

/*new classes for My Hotlist*/
tr.myHotlistRow > td {

    font-size: 8.5pt !important;
}

td.myHotlistName {
    white-space: nowrap;
    width: 150px;
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;

}

td.myHotlistStatus {
    width: 80px;
    max-width: 80px;
    padding: 0px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;

}

td.myHotlistMessagedBy {
    width: 80px;
    max-width: 80px;
    padding: 0px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;

}

td.myHotlistLastNote {
    width: 50px;
    max-width: 50px;
    padding: 0px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;

}

td.myHotlistUser {
    width: 80px;
    max-width: 80px;
    padding: 0px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;

}

td.myHotlistPhone {
    width: 50px;
    max-width: 50px;
    padding: 0px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
}

td.myHotlistPhone > a > button {
    margin: auto !important;
}

td.myHotlistAction {
    white-space: nowrap;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.orangeText {
    color: #ff981d;
}

button.orangeRemoveIcon {
    width: 120px;
    background-image: url("../images/icon_hot_list_remove.svg");
    background-position: 20px center;
    background-color: transparent !important;
    background-repeat: no-repeat;
    text-align: right;
    padding-right: 25px;
}

button.orangeRemoveIcon:hover {
    background-color: transparent !important;
}

/*New Classes for Shared Hotlist*/
td.sharedHotlistName {
    min-width: 150px;
    max-width: 150px;
}

td.sharedHotlistStatus {
    text-align: center;
    min-width: 80px;
    max-width: 80px;
}

td.sharedHotlistPhone {
    text-align: center;
    min-width: 50px;
    max-width: 50px;
}

td.empSHLName {
    white-space: nowrap;
    min-width: 150px;
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 8.5pt;
}

td.empSHLStatus {
    min-width: 80px;
    max-width: 80px;
    padding: 0px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 8.5pt;
}

td.empSHLPhone > a > button {
    margin: auto !important;
}

table.filters.fields thead th {
    white-space: normal;
    vertical-align: bottom;
}

.hotlistSuccessPopup, .defaultSuccessPopup {
    background-color: transparent;
    z-index: 9999;
    position: fixed;
    bottom: 170px;
    left: 50%;
    visibility: hidden;
    transform: translateX(-50%) translateY(150%) scaleX(0.8) !important;
    backface-visibility: hidden;
    opacity: 0;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    background-color: #FFF;
    width: 350px;
    min-height: 200px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 27%);
    -webkit-box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 27%);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.27);
    padding: 20px;
    text-align: center;
    margin: 1em 0;
}

.hotlistSuccessPopup img, .defaultSuccessPopup img {
    display: block;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    height: 30%;
}

.hotlistSuccessPopup p, .hotlistSuccessPopup span, .defaultSuccessPopup p, .defaultSuccessPopup span {
    color: #4ac661;
    font-weight: bold;
    font-size: 20px;
}

.hotlistSuccessPopup p, .defaultSuccessPopup p {
    margin-top: 40px;
}

.ErrorPopup, .ErrorPopupEmployee, .ErrorPopupEmployeeBulkUpdate, .defaultErrorPopUp, .defaultErrorPopup {
    background-color: transparent;
    z-index: 99999;
    position: fixed;
    bottom: 170px;
    left: 50%;
    visibility: hidden;
    transform: translateX(-50%) translateY(150%) scaleX(0.8) !important;
    backface-visibility: hidden;
    opacity: 0;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    background-color: #FFF;
    width: 350px;
    min-height: 200px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 27%);
    -webkit-box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 27%);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.27);
    padding: 20px;
    text-align: center;
    margin: 1em 0;
}

.ErrorPopup img, .ErrorPopupEmployee img, .ErrorPopupEmployeeBulkUpdate img, .defaultErrorPopUp img, .defaultErrorPopup img {
    height: 30%;
    margin-top: 33px;
}

.ErrorPopup p {
    white-space: pre-wrap;
}

.ErrorPopup p,
.ErrorPopup span,
.ErrorPopupEmployee p,
.ErrorPopupEmployee span,
.ErrorPopupEmployeeBulkUpdate p,
.ErrorPopupEmployeeBulkUpdate span,
.defaultErrorPopUp p,
.defaultErrorPopup p{
    color: #4F4F4F;
    font-weight: bold;
    font-size: 20px;
}

.extrOptionsPopup {
    height: auto !important;
}

.extrOptionsPopup img {
    margin-top: 5px !important;
}

.buttonCancel {
    cursor: pointer;
    display: inline-block;
    border: 1px;
    padding: 7px 35px !important;
    background-color: #E9E9E9;
    border-radius: 4px;
    position: relative;
    right: 10px;
}

.buttonSave {
    cursor: pointer;
    background-color: #45B2E9;
    transition: 0.3s ease-out;
}

.buttonSave {
    display: inline-block;
    border: 1px;
    padding: 7px 35px !important;
    background-color: #45B2E9;
    border-radius: 4px;
    position: relative;
}

.buttonSave > span {
    color: white;
}

/*Changes Task 469 Changes Task 456*/
.bookingsBulkActionBar,
.availabilityBulkActionBar,
.complianceBulkActionBar {
    background-color: transparent;
    z-index: 999;
    position: fixed;
    bottom: 20px;
    left: 50%;
    visibility: hidden;
    transform: translateX(-50%) translateY(150%) scaleX(0.8) !important;
    backface-visibility: hidden;
    opacity: 0;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}

.showBar, .showSuccessHotlist, .showDefaultSuccessPopup, .showDefaultErrorPopUp, .showDefaultErrorPopup {
    visibility: visible;
    transform: translateX(-50%) translateY(0px) scaleX(1) !important;
    opacity: 1;
    transition: transform .35s cubic-bezier(0.33, 2, 0.2, 0.8), opacity 0.1s, visibility 0s;
}


.availabilityBulkActionBar > table,
.bookingsBulkActionBar > table,
.complianceBulkActionBar > table {
    background-color: #202126;
    color: white;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.27);
}

.bookingsBulkActionBar > table > tbody > tr > td,
.availabilityBulkActionBar > table > tbody > tr > td,
.complianceBulkActionBar > table > tbody > tr > td {
    background-color: #202126;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.bookingsBulkActionBar > table > tbody > tr > td {
    border: 0px;
    padding: 0px;
    margin: 0px;
}


/*Changes Task 469 y 456*/
.bookingsBulkActionBar p,
.availabilityBulkActionBar p,
.complianceBulkActionBar p {
    position: absolute;
    margin: auto;
    font-size: 11px;
    padding-top: 38px;
    width: inherit;
}

.frameCounterCheckBoxes {
    background-color: #45b2e9;

}

.counterCleanSelected {
    width: 90%;
    padding-top: 7px;
}

.counterCleanSelected button.close {
    width: 100%;
    background-color: transparent;
    background-image: url("../images/close_icon_action_bar.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10px;
    opacity: 1;
    margin: 0px;
}

.counterCleanSelected button.close:hover {
    background-color: transparent;
}

.counterCleanSelected button.close:focus {
    box-shadow: none;
}

.counterCheckBoxes {
    font-size: 23px;
    line-height: 1 !important;
    margin: -6px 0 4px 0;
    font-weight: bold;
}

.counterTitle {
    font-size: 11px;
    text-align: center;
}

.copySelected {
    background-size: 20px !important;
}

.cancelSelected {
    background-size: 25px !important;
}

.reassignSelected {
    background-size: 30px !important;
}

.hotlistSelected {
    background-image: url("images/icon_flame.svg");
    background-size: 15px;
}
.groupSelected {
    background-size: 24px !important;
}

.updateSelected {
  background-image: url("images/bulk_availability_icon.svg");
  background-size: 20px;
}

.clientSelected {
    background-image: url("../images/icon_menu_send.svg");
    background-size: 25px;
}

.textSelected {
    background-size: 14px !important;
}

.messageSelected{
    background-size: 14px !important;
    /*background-image: url("../images/icon_message.svg");
    background-size: 25px;*/
}

.messagesSelected{
    margin-top: 30px;
    background-position: center 12px;
    background-size: 21px !important;
    background-repeat: no-repeat;
}

.messagesSelected:hover {
    background-color: #454a59;
    background-position: center 12px;
    background-repeat: no-repeat;
}

.confirmationSelected {
    background-size: 38px !important;
}

.shareSelected {
    background-size: 20px !important;
}

.copySelected,.messageSelected, .updateSelected, .cancelSelected, .reassignSelected, .hotlistSelected, .clientSelected,
.textSelected, .highlightSelected, .shareSelected, .confirmationSelected, .autobookSelected, .broadcastSelected, .groupSelected {
    background-position: center 8px;
    background-repeat: no-repeat;
}

.copySelected:hover,.messageSelected:hover, .updateSelected:hover, .cancelSelected:hover, .reassignSelected:hover, .hotlistSelected:hover,
.clientSelected:hover, .textSelected:hover, .confirmationSelected:hover, .highlightSelected:hover,
.shareSelected:hover, .emailSelected:hover, .autobookSelected:hover, .broadcastSelected:hover, .groupSelected:hover {
    background-color: #454a59;
    background-position: center 8px;
    background-repeat: no-repeat;
}

.hideEyeIcon {
    display: none;
}

.showEyeIcon {
    display: inline-block;
}

.lightText {
    font-weight: 300;
}

.lighter {
    opacity: 0.5;
}


.non-bookable-btn, .ghost-booked-btn, .incomplete-riskassmt-btn, .bookings-gpm-validation-errors, .rows-awaiting-acceptance-btn, .compliance-missing-btn {
    background-color: inherit;
    border: none;
    box-shadow: none !important;
    font-size: 1.1em;
    font-weight: 500;
    color: #FFF;
    padding-bottom: 0;
    margin-bottom: -10px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    cursor: pointer;
    padding-left: 0;
}

.non-bookable-btn, .incomplete-riskassmt-btn, .bookings-gpm-validation-errors, .rows-awaiting-acceptance-btn, .compliance-missing-btn {
    width: 100%;
}


.toolbar.filterbar.toolbarDashboard {
    height: 67px;
}

#overlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 11;
    cursor: pointer;
}

.middlePosition {
    vertical-align: middle;
}

/* ============== Candidate Screen ============ */
#goBackCandidatesScreen, #goBackRates, #goBackContactsScreen {
    background-image: url("../style/images/icon_arrow_left_white.svg");
    margin-left: 10px;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.clientsBreadcrumb {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

#frameCandidatesScreen, #frameContactsScreen {
    background-color: #ffffff;
    padding: 20px 20px 0px 20px;
}

.dataCandidatesScreen, .dataContactsScreen {
    display: flex;
}

.boxesCandidatesScreen, .boxesContactsScreen {
    align-items: center;
    flex-basis: auto;
}

.mainInfoScreenCandidates, .mainInfoScreenContacts {
    margin-top: 9px;
    font-weight: bold;
    font-size: 16px;
}

.descInfoScreenCandidates {
    color: #aeaeae;
}

.pictureScreenCandidates {
    display: inline-block;
    flex-grow: 0;
}

.nameScreenCandidates, .nameScreenContacts {
    padding-left: 20px;
    padding-right: 100px;
    flex-grow: 0;
}

.totalShiftsScreenCandidates,
.firstPaidScreenCandidates {
    border-right: 2px solid #dfdfdf;
}

.totalShiftsScreenCandidates,
.firstPaidScreenCandidates,
.lastPaidScreenCandidates {
    padding-right: 50px;
    padding-left: 20px;
    flex-grow: 0;

}

.iconsScreenCandidates, .iconsScreenContacts, .iconsScreenClients {
    flex-grow: 1;
}

.phoneIconScreenCandidates,
.phoneIconScreenContacts,
.notesIconScreenCandidates,
.notesIconScreenContacts,
.messageIconScreenCandidates,
.messageIconScreenContacts,
.InIconScreenCandidates,
.docsNumberIconScreenCandidates,
.resendTimesheetScreenCandidates,
.notesIconScreenClients,
.messageIconScreenClients,
.phoneIconScreenClients {
    margin-top: 9px;
    float: left;
}

.messageIconScreenCandidates button, .messageIconScreenContacts button {
    background-image: url('../images/icon_message.svg');
    background-position: center;
    background-position-x: 5px;
    background-size: 14px;
    background-repeat: no-repeat;
    padding-left: 21px !important;
    height: 24px;
}

.InIconScreenCandidates button, .InIconScreenContacts button {
    background-image: url('../images/icon_linkedin.svg');
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}


.phoneIconScreenCandidates button, .phoneIconScreenClients button, .phoneIconScreenContacts button {
    padding-left: 25px !important;
    padding-right: 15px !important;
    background-position-x: 5px !important;
    height: 24px;
}

#clientsRowsTable thead td:nth-child(2),#clientsRowsTable thead td:nth-child(3) {
    position: sticky !important;
    z-index: 6 !important;
    overflow-x: clip !important;
}

#clientsRowsTable tbody td:nth-child(2),#clientsRowsTable tbody td:nth-child(3) {
    position: sticky !important;
    z-index: 4;
    overflow-y: visible !important;
    overflow-x: clip !important;
    background-color: white;
}

#clientsRowsTable tbody td {
    position: relative;
}

#clientsRowsTable thead td {
    position: sticky;
}
.idScreenCandidates, .idScreenContacts {
    text-align: right;
    color: #aeaeae;
    position: relative;
    flex-grow: 2;
}

.idScreenCandidates span, .idScreenContacts span {
    position: absolute;
    bottom: 0;
    right: 0
}

#frameCandidatesScreen hr, #frameContactsScreen hr {
    border-color: #dfdfdf;
    margin-top: 20px;

}

.overviewPopup .selector {
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}

.overviewPopup .selector td {
    font-family: 'Avenir LT Std', 'Avenir Next', Arial;
    font-size: inherit;
    padding-left: 5px;
    padding-right: 5px;
}

.activity-menu {
    background-color: #FFF;
    text-align: center;
    height: 71px;
    overflow: hidden;
}

.activity-menu ul {
    list-style: none;
    padding: 0 92px;
    margin: auto;
    font-size: 0;
    overflow: hidden;
}

.activity-menu li {
    padding: 25px 20px;
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #8D8D8D;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
}

.activity-menu li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #45B2E9;
    opacity: 0;
    transform-origin: left center;
}

.activity-menu li:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: calc(100% - 10px);
    height: calc(100% - 20px);
    top: 10px;
    left: 5px;
    background-color: #F8F8F8;
    border-radius: 6px;
    opacity: 0;
    transform: scale(0.5);
    transition: transform .1s, .05s;
}

.activity-menu li.on {
    color: #242424;
    font-weight: 600;
}

.activity-menu li.on:after {
    opacity: 1;
}

.activity-menu li:not(.on):hover:before {
    opacity: 1;
    transform: scale(1);
}

.activity-menu li:not(.on):active:before {
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.08);
}

.activity-menu li.sub-items.on {
    /*background-image: url('../images/icon_down_arrow_candidates_screen.svg');*/
    background-repeat: no-repeat;
    background-position: right 20px center;
    /*padding-right: 40px;*/
    background-size: 12px 6px;
}

.activityMenuflexContainer__mobileMenu{
        display: none;
}

.candidatesTab, .contactsTab {
    background-color: #eaeaea;
}

.panels {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    max-width: 1440px;
    margin: 0 auto;
}
.candidatesOverviewContent, .contactsOverviewContent
{
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: 0 auto;
}

.candidatesOverviewContent input,
.candidatesOverviewContent select,
.candidatesOverviewContent textarea,
.contactsOverviewContent input,
.contactsOverviewContent select,
.contactsOverviewContent textarea {
    font-size: 12px;
    border: 1px solid #dddddd;
    padding: 10px;
    border-radius: 5px;
}


.candidatesOverviewContent input:disabled,
.candidatesOverviewContent select:disabled,
.candidatesOverviewContent textarea:disabled,
.contactsOverviewContent input:disabled,
.contactsOverviewContent select:disabled,
.contactsOverviewContent textarea:disabled {
    opacity: 1;
    background-color: #ffffff;
    color: #787878;
    border: 1px solid white;
    font-size: 12px;
}

.candidatesOverviewContent select, .contactsOverviewContent select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url('images/icon_arrow_down.png') no-repeat 98% center;
}

.candidatesOverviewContent select:disabled, .contactsOverviewContent select:disabled {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 12px;
    border: 1px solid white;
    padding: 10px;
    border-radius: 5px;
    background: none;
}


.candidatesOverviewContent input:focus,
.candidatesOverviewContent select:focus,
.candidatesOverviewContent textarea:focus,
.contactsOverviewContent input:focus,
.contactsOverviewContent select:focus,
.contactsOverviewContent textarea:focus {
    font-size: 12px;
    border: 0px;
    box-shadow: none;
    border: 1px solid #4bc7f5;
    box-shadow: 0px 0px 3px 0px #4bc7f5;
}


.panel {
    margin: 10px;
    width: calc(100% / 3 - 20px);
    background-color: #FFF;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    display: flex;
    flex-direction: column;
}

.panel-header {
    background-color: #F8F8F8;
    padding: 20px;
}

.panel-header .panel-header-title {
    color: #242424;
    font-weight: 600;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.panel-header-title button {
    margin: 0;
    margin-left: 5px;
    float: right;
}

.panel-header-title button.orange {
    border: 1px solid #4BC7F5;
}

.panel-header-title button.green {
    border: 1px solid #4ac661;
}

.office-panel-header {
    background-color: #F8F8F8;
    padding: 20px;
    padding-bottom: 2px;
}

.office-panel-header .panel-header-title {
    color: #242424;
    font-weight: 600;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.office-panel-header-title button {
    margin: 0;
    margin-left: 5px;
    float: right;
}

.office-panel-header-title button.orange {
    border: 1px solid #4BC7F5;
}

.office-panel-header-title button.green {
    border: 1px solid #4ac661;
}

.office-td-text {
    font-size: 12px;
}

.clickable-span {
    display: block;
    width: 100%;
    height: 100%;
    font-size: inherit;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.clickable-span:hover {
    color: #45B2E9;
}

.panel-body {
    padding: 20px;
    min-height: 570px;
    flex-grow: 1;
}

.panel-body-data {
    float: left;
    width: 95%;
    padding-top: 10px;
}


#panel-body-updates,
#panel-body-updates #loadNoteFeedPanel{
  min-height: 570px;
}

.panel-body-data-item {
    width: 123px;
    float: left;
    font-weight: bold;
    font-size: 12px;
    padding-left: 12px;
    padding: 6px 0 4px 0;

}

.panel-body-data-input {
    float: left;
    max-width: 200px;
    padding-right: 15px;
    font-size: 12px;
    color: #787878
}

.panel-body-data-input span:not(.tooltip-span) {
    float: left;
    max-width: 200px;
    padding-right: 15px;
    font-size: 12px;
    color: #787878;
    padding: 10px;
}

.colorTag {
    text-align: center;
    border-radius: 5px;
    padding-left: 18px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 3px;
    font-size: 13px;
}

.hiddenFieldScreenCandidate {
    display: none;
}

.panel-body-data-input input,
.panel-body-data-input select {
    min-width: 200px;
    max-width: 200px;
    color: #000000;
}

.panel-body-data-input input[type=radio] {
    min-width: 10px;
}

.panel-body-data-input input::-webkit-outer-spin-button,
.panel-body-data-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;

}

/* Firefox */
.panel-body-data-input input[type=number] {
    -moz-appearance: textfield;
}

.panel-footer-data {
    float: left;
    width: 100%;
    color: #aeaeae;
}

.panel-footer-data p {
    text-align: right;
    padding-right: 15px;

}

.panels_errors {
    background-image: url("../images/exclamation.svg");
    background-repeat: no-repeat;
    background-position: 8px center;
    padding-left: 10px;
    padding-top: 5px;
    position: absolute;
    padding: 8px 10px 8px 0px;
    border-radius: 5px;
    width: 150px;
    padding-left: 33px;
    --bkcolor: #ffffff;
    --arrowPos: 0%;
}

.panels_errors:after {
    content: '';
    position: absolute;
    top: 0;
    left: var(--arrowPos);
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: var(--bkcolor);
    border-top: 0;
    margin-left: -7px;
    margin-top: -7px;
}

#aboutMe .panel-body-data-item,
#aboutMe .panel-body-data-input {
    width: 380px;
    float: left;
    font-weight: bold;
    font-size: 12px;
    padding-left: 15px;

}

#aboutMe .panel-body-data-input textarea:disabled {
    color: #787878;
    border-color: 1px solid #ffffff;
}

#aboutMe .panel-body-data-input textarea {
    min-width: 200px;
    max-width: 380px;
    width: 380px;
    color: #000000;
    border-color: 1px solid #aeaeae;
}

#dutyCand .panel-body-data input {
    border: 1px solid #eaeaea;
    width: 50%;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 20%);
    padding: 5px;
}

#dutyCand .panel-body-data input:focus {
    border: 1px solid #4bc7f5;
    width: 50%;
    box-shadow: 0px 0px 3px 0px #4bc7f5;
    padding: 5px;
}

#internal .panel-body{
    min-height: 680px;
}

.panel-max-height{
    max-height: 1100px;
}
.panel-body-scrolleable{
    overflow: auto;
}
.panel-footer-sticky{
    position: sticky;
    bottom: 0;
    background-color: white;
}
/*Payroll Panel*/
#payroll .colorTag {
    margin-bottom: 14px;
}

.candidatesTab #ui-datepicker-div {
    box-shadow: 0px 2px 5px rgb(0 0 0 / 20%);
}

.candidatesTab .ui-widget-header .ui-icon:not(.ui-icon-closethick) {
  background-image: url('images/ui-icons_222222_256x240.png');
}

.candidatesTab .ui-icon-circle-triangle-e {
    background-position: -48px -192px !important;
}

.candidatesTab .ui-icon-circle-triangle-w {
    background-position: -80px -192px !important;
}

/*End of Payroll Panel*/

.weekSelectorCandidateScreen {
    width: 260px;
    float: right;
    background-color: white;
    color: black;
    padding: 5px;
    margin-top: -5px;
}

.weekSelectorCandidateScreen .sheet_week,
.weekSelectorCandidateScreen .sheet_year {
    color: black;
    font-weight: normal;
}

.weekSelectorCandidateScreen #showCalendar {
    padding-top: 4px;
    padding-left: 17px;
}

#butPrevWeekPanels, #butNextWeekPanels {
    width: 7px;
    height: 7px;
    padding: 7px;
    cursor: pointer;
    opacity: 1;
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(1);
    transition: all .3s ease, color .3s linear, background .3s linear;
}

#butPrevWeekPanels {

    float: left;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-left: 12px;
    background-image: url('images/icon_arrow_left_white.svg');

}

#butNextWeekPanels {
    float: right;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: 12px;
    background-image: url('images/icon_arrow_right_white.svg');

}

#butPrevWeekPanels:hover,
#butNextWeekPanels:hover {
    background-color: #343434;
    opacity: 1;
    transition: all .1s ease, color .1s linear, background .1s linear;

}

.rowTablePanel {
    display: flex;

}

.headTablePanel {
    flex-grow: 1;
    flex-basis: auto;
    width: 25%;
    opacity: 1;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.fieldTablePanel {
    flex-grow: 1;
    flex-basis: auto;
    width: 25%;
    opacity: 1;
    color: #787878;
    font-size: 12px;
    margin-top: 10px;
}

.shiftTag {
    padding: 3px;
    color: white;
    text-align: center;
    border-radius: 5px;
    max-height: 18px;
}

.shiftTag.grey {
    background-color: #BCBCBC;
    color: #FFF;
}

.shiftTag .emptyTag {
    padding: 4px;
}

.shiftTag .badge2 {
    position: absolute;
    margin-top: -9px;
    margin-left: 9px;
    width: 18px;
    z-index: 1;
}


#panel-body-compliance .rowTablePanel .headTablePanel:first-child,
#panel-body-compliance .rowTablePanel .fieldTablePanel:first-child {
    flex-grow: 2;
    flex-basis: auto;
    width: 60%;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 5px;
}

#panel-body-compliance .rowTablePanel .headTablePanel:nth-child(2),
#panel-body-compliance .rowTablePanel .fieldTablePanel:nth-child(2) {
    flex-grow: 2;
    flex-basis: auto;
    width: 155px;
}

.shiftTag.greenText {
    color: #4ac661;
}

.shiftTag > img {
    display: inline-block;
}

@media screen and (max-width: 1200px) {

    .panel {
        margin: 10px;
        width: calc(50% - 20px);
        background-color: #FFF;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    }

    .activity-menu ul {
        padding: 0 10px;
    }
}


@media screen and (max-width: 1020px) {

    .candidatesOverviewContent
  {
    padding: 5px 10px;
  }

    .panel {
        margin: 5px 0;
        width: 100%;
    }

    .activity-menu ul {
        padding: 0;
    }

    .activity-menu ul .overview-menu {
        float: right;
    }

    .activity-menu li {
        width: 100%;
        padding: 25px 0px;
        text-align: right;
    }

    .activity-menu li.sub-items {
        background-position: right 10px center;
    }

    .activity-menu li.on:after {
        display: none;
    }

    .activityMenuflexContainer__mobileMenu{
        display: block;
    }

}


/* ======= END ======= Candidate Screen ======= END ======= */

/* ==================== Metaphone ==========================*/
.candidatesTab #dialogPopupWrapper, .availabilityTab #dialogPopupWrapper {

    max-width: 1200px !important;

}

.candidatesTab #dialogPopupWrapper .inner, .availabilityTab #dialogPopupWrapper .inner {
    background-color: #eaeaea;

}

.candidatesTab .dialogContents.candidatesNewEmployeePopup, .availabilityTab .dialogContents.candidatesNewEmployeePopup, .contactsNewPopup {
    max-width: 700px;
    box-shadow: 0px 0px 12px 1px rgb(0 0 0 / 40%);
}

.metaphoneResultsData .metaphonePanelRedirection {
    color: #000000 !important;
    text-decoration: none;
}

.metaphoneResultsData .metaphonePanelRedirection:hover {
    color: #000000 !important;
    text-decoration: none;
}

.candidatesTab .metaphoneResults, .availabilityTab .metaphoneResults{
    width: 475px;
    height: 525px;
    border-radius: 0 5px 5px 0;
    margin-top: -525px;
    margin-left: 715px;
    background-color: #eaeaea;
    position: absolute;
    margin-right: 20px;
}

/*
.contactsTab .metaphoneResults{
    width: 496px;
    height: 460px;
    border-radius: 0 5px 5px 0;
    margin-top: -461px;
    margin-left: 705px;
    background-color: #eaeaea;
    position: absolute;
    margin-right: 20px;
}
*/

/*
.contactsTab .metaphoneResults .metaphoneResultsData {
    max-height: 386px;
}
*/

.candidatesTab .metaphoneResults .metaphoneResultsTitle, .availabilityTab .metaphoneResults .metaphoneResultsTitle {
    padding: 10px 10px 10px 5px;
    font-weight: bold;
    margin-top: 7px;
    font-size: 15px;
    padding-left: 5px;
    margin-bottom: 5px;
}

.candidatesTab .metaphoneResults .metaphoneResultsData, .availabilityTab .metaphoneResults .metaphoneResultsData {
    height: 457px;
    overflow: auto;
    margin-top: 9px;
    padding-right: 20px;
    padding-top: 5px;
    padding-left: 3px;
}

.candidatesTab .frameMetaphoneResult, .availabilityTab .frameMetaphoneResult {
    width: 98%;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #ffffff;
    padding: 10px;
}

.candidatesTab .rowMetaphoneResult, .availabilityTab .rowMetaphoneResult,{
    display: flex;
    padding: 3px 5px 3px 5px;

}

.frameMetaphoneResult {
    box-shadow: 1px 1px 8px 0px rgb(0 0 0 / 12%);
    transition: all .1s ease;
}

.frameMetaphoneResult:hover {
    box-shadow: 1px 1px 6px 0px rgb(0 0 0 / 40%);
    border-color: transparent;
}

.candidatesTab .frameMetaphoneResult .rowMetaphoneResult .nameMetaphone, .availabilityTab .frameMetaphoneResult .rowMetaphoneResult .nameMetaphone {
    flex-basis: auto;
    flex-grow: 2;
    margin: 3px;
    font-weight: bold;
    padding-top: 5px;
    font-size: 15px;
}

.candidatesTab .frameMetaphoneResult .rowMetaphoneResult .itemMetaphone, .availabilityTab .frameMetaphoneResult .rowMetaphoneResult .itemMetaphone {
    flex-basis: auto;
    flex-grow: 1;
    margin: 3px;
    min-width: 80px;
    max-width: 80px;
    font-weight: bold;
    font-size: 13px;
}

.candidatesTab .frameMetaphoneResult .rowMetaphoneResult .valueMetaphone, .availabilityTab .frameMetaphoneResult .rowMetaphoneResult .valueMetaphone {
    flex-basis: auto;
    flex-grow: 2;
    margin: 3px;
    text-align: left;
    font-size: 13px;
}

/* ======= NEW SHARE SHIFT POPUP =======*/

#dlgShareShift thead tr {
    text-align: center;
    border-bottom: 0px;
}

#dlgShareShift thead tr td {
    width: 33%;
    padding: 15px 0 15px 0;
    font-size: 13px;
    border: 0px;
    font-weight: bold;

}

#dlgShareShift tbody tr {
    text-align: center;
}

#dlgShareShift tbody tr td {
    width: 33%;
    padding: 3px 0 3px 0;
    font-size: 13px;
    border: 0px;
}

#dlgShareShift tbody tr:first-child:hover {
    background-color: white;
}

#dlgShareShift .shareShiftsAlert section {
    text-align: center;
    padding: 10px;
    border: 0px;
}

#dlgShareShift .shareShiftsAlert section div {
    padding-top: 5px;
    min-height: 17px;
    background: url("../images/exclamation.svg") no-repeat 55px center;
}

#dlgShareShift .shareShiftsHeader {
    padding: 0px 10px 0px 10px;
    background-color: #f8f8f8;
}

#dlgShareShift .shareShiftsBody {
    height: 250px;
    overflow: auto;
    margin: 0px 10px 0px 10px;
}

#dlgShareShift .shareShiftsBody {
    height: 250px;
    overflow: auto;
    margin: 0px 10px 0px 10px;
}

#dlgShareShift .shareShiftsNotificationArea {
    text-align: center;
}

#dlgShareShift .shareShiftsFooter {
    display: flex;
}

#dlgShareShift .shareShiftsFooter footer {
    flex-basis: auto;
    flex-grow: 1;
    text-align: right;
    padding: 20px;
}

#dlgShareShift .shareShiftsFooter footer button {
    font-family: 'Avenir LT Std', 'Avenir Next', Arial;
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1.5;
    word-spacing: normal;
}

.toggle2,
.toggle2Disabled {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    background-color: #bcbcbc;
    border-radius: 4px;
    padding: 10px 10px 7px 10px;
    width: 33px;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    margin: auto;
}

.toggle2 .bar,
.toggle2Disabled .bar {
    background-color: rgba(0, 0, 0, 0.27);
    width: 33px;
    height: 12px;
    border-radius: 6px;
}

.toggle2 .handle,
.toggle2Disabled .handle {

    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    margin-top: -16px;
    -webkit-transition: margin 0.2s cubic-bezier(0.71, 0.42, 0.63, 1.53);
    transition: margin 0.2s cubic-bezier(0.71, 0.42, 0.63, 1.53);
}

.toggle2.on {
    background-color: #4ac661;
}

.toggle2.on .handle {
    margin-left: 13px;
}

.toggle2:active .handle {
    -webkit-transform: scale3d(1.1, 0.9, 1);
    transform: scale3d(1.1, 0.9, 1);
}

.share {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    margin: auto;
    border-radius: 5px;
    padding: 10px 0px;
    width: 70px;
    position: relative;
    overflow: hidden;
}

.share p {
    text-align: center;
    margin: 0;
    font-weight: 400;
    color: #fff;
    position: relative;
    z-index: 1;
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
}

.share:after {
    position: absolute;
    content: "" !important;
    background-color: #4ac661;
    width: 90px;
    height: 90px;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}

.share:before {
    position: absolute;
    z-index: 1;
    content: "\2713" !important;
    width: 100%;
    left: 0;
    text-align: center;
    color: #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: opacity 0.1s, -webkit-transform 0s 0.1s;
    transition: opacity 0.1s, -webkit-transform 0s 0.1s;
    transition: transform 0s 0.1s, opacity 0.1s;
    transition: transform 0s 0.1s, opacity 0.1s, -webkit-transform 0s 0.1s;
}

.share.complete:after {
    -webkit-transform: translate(-50%, -50%) scale(0.24);
    transform: translate(-50%, -50%) scale(0.24);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.71, 0.42, 0.63, 1.4);
    transition: -webkit-transform 0.5s cubic-bezier(0.71, 0.42, 0.63, 1.4);
    transition: transform 0.5s cubic-bezier(0.71, 0.42, 0.63, 1.4);
    transition: transform 0.5s cubic-bezier(0.71, 0.42, 0.63, 1.4), -webkit-transform 0.5s cubic-bezier(0.71, 0.42, 0.63, 1.4);
}

.share.complete:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: opacity 0.1s 0.3s, -webkit-transform 0.4s 0.3s;
    transition: opacity 0.1s 0.3s, -webkit-transform 0.4s 0.3s;
    transition: transform 0.4s 0.3s, opacity 0.1s 0.3s;
    transition: transform 0.4s 0.3s, opacity 0.1s 0.3s, -webkit-transform 0.4s 0.3s;
}

.share.complete p {
    opacity: 0;
}

.remove2 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    margin: auto;
    border-radius: 5px;
    padding: 10px 0px;
    width: 70px;
    position: relative;
    overflow: hidden;
}

.remove2 p {
    text-align: center;
    margin: 0;
    font-weight: 400;
    color: #fff;
    position: relative;
    z-index: 1;
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
}

.remove2:after {
    position: absolute;
    content: "" !important;
    background-color: #DD314E;
    width: 90px;
    height: 90px;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}

.remove2:before {
    position: absolute;
    z-index: 1;
    content: "\2713" !important;
    width: 100%;
    left: 0;
    text-align: center;
    color: #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: opacity 0.1s, -webkit-transform 0s 0.1s;
    transition: opacity 0.1s, -webkit-transform 0s 0.1s;
    transition: transform 0s 0.1s, opacity 0.1s;
    transition: transform 0s 0.1s, opacity 0.1s, -webkit-transform 0s 0.1s;
}

.remove2.complete:after {
    -webkit-transform: translate(-50%, -50%) scale(0.24);
    transform: translate(-50%, -50%) scale(0.24);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.71, 0.42, 0.63, 1.4);
    transition: -webkit-transform 0.5s cubic-bezier(0.71, 0.42, 0.63, 1.4);
    transition: transform 0.5s cubic-bezier(0.71, 0.42, 0.63, 1.4);
    transition: transform 0.5s cubic-bezier(0.71, 0.42, 0.63, 1.4), -webkit-transform 0.5s cubic-bezier(0.71, 0.42, 0.63, 1.4);
}

.remove2.complete:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: opacity 0.1s 0.3s, -webkit-transform 0.4s 0.3s;
    transition: opacity 0.1s 0.3s, -webkit-transform 0.4s 0.3s;
    transition: transform 0.4s 0.3s, opacity 0.1s 0.3s;
    transition: transform 0.4s 0.3s, opacity 0.1s 0.3s, -webkit-transform 0.4s 0.3s;
}

.remove2.complete p {
    opacity: 0;
}

.share p,
.remove2 p {
    font-size: 8.5pt;
}

.widgetPopupWrapper #popupShiftSuppliers header {
    border-radius: 5px 5px 0 0;
    background-color: #f8f8f8;
    padding: 20px 10px 20px 10px;
}

.widgetPopupWrapper #popupShiftSuppliers header table thead tr {
    border-bottom: 0px;
}

.widgetPopupWrapper #popupShiftSuppliers td {
    text-align: center;
    width: 20%;
    padding: 3px 0 3px 0;
}

.widgetPopupWrapper #popupShiftSuppliers header td {
    font-weight: bold;
}

.showShiftsSupplierBody,
.showShiftsSupplierFooter {
    margin: 10px;
}

.showShiftsSupplierBody {
    height: 200px;
    overflow: auto;
}

.showShiftsSupplierNotificationArea {
    text-align: center;
}

.showShiftsSupplierFooter {
    text-align: right;
}

.button.small.repeatingshift:hover {
    background-color: #A6D6F3 !important;
    opacity: 0.7;
}  

.messagePanel {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    box-sizing: border-box;
}

.messageWebChatPanel,
.messageWebPanel {
    width: 100vm;
    max-width: none;
    height: 100%;
    margin: 0;
    background-color: #FFF;
    box-sizing: border-box;
}

.messagePanel header {
    background-color: #000;
    color: #FFF;
}

.messageWebChatPanel header,
.messageWebPanel header {
    background-color: #45B2E9;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    color: #FFF;
}

.messageWebChatPanel footer {
    position: absolute;
    left: 5%;
    bottom: 5%;
    width: 100%;
}

.messageWebChatPanel header:after,
.messageWebPanel header:after,
.messagePanel header:after {
    content: '';
    display: block;
    clear: both;
}

.messagePanel header label {
    display: inline-block;
    padding: 15px 20px;
    font-weight: bold;
    font-size: 14px;
}

.messageWebChatPanel header label {
    display: inline-block;
    padding: 5% 25%;
    font-weight: bold;
    font-size: 18px;
}


.messageWebPanel header label {
    display: table-cell;
    padding: 20% 0%;
    background-position: center;
    font-weight: bold;
    font-size: 18px;
}

.messageWebChatPanel header label.on.active,
.messageWebPanel header label.on.active,
.messagePanel header label.on.active {
    background-color: #454A59;
}

.messageWebChatPanel header label.on,
.messageWebPanel header label.on,
.messagePanel header label.on {
    background-color: #000000;
}

.messagePanel header button {
    float: right;
    margin: 15px 20px;
}

.messageWebChatPanel header button,
.messageWebPanel header button{
    float: left;
    margin: 15px 30px;
    display: table-cell;
    padding-top: 8%;
}

.messageWebChatPanel header button.close,
.messageWebPanel header button.close,
.messagePanel header button.close,
.dialogHeader button.close,
div.greyBarMessage button.close,
div.greyBarNote button.close {
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-image: url("../images/close_dialog.svg");
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.75;
}

.messageWebChatPanel header button.close:hover,
.messageWebPanel header button.close:hover,
.messagePanel header button.close:hover,
.notePanel header button.close:hover,
.dialogHeader button.close:hover,
div.greyBarMessage button.close,
div.greyBarMessage button.back,
div.greyBarNote button.close,
div.greyBarNote button.back {
    opacity: 1;
    background-color: transparent !important;
}

.dialogHeader .statBoxes {
  margin-top: -12px;
}

.messageWebChatPanel .filter,
.messageWebPanel .filter,
.messagePanel .filter {
    padding: 15px 20px;
}

.messageWebChatPanel .filter input[type=text],
.messageWebPanel .filter input[type=text],
.messagePanel .filter input[type=text] {
    padding: 8px 12px;
    font-size: 12px;
    box-sizing: border-box;
}

.messageWebChatPanel .contents,
.messageWebPanel .contents,
.messagePanel .contents {
    height: 90%;
    overflow: auto;

}

.messageWebChatPanel .contents,
.messageWebChatPanel .contents2,
.messageWebChatPanel .contents3,
.messageWebChatPanel .notify,
.messageWebPanel .contents,
.messageWebPanel .contents2,
.messageWebPanel .contents3,
.messageWebPanel .notify,
.messagePanel .contents,
.messagePanel .contents2,
.messagePanel .contents3,
.messagePanel .notify {
    padding: 5px 20px;
    position: absolute;
    top: 170px;
    left: 0px;
    right: 0px;
    bottom: 100px;
    overflow: auto;
}

.messageWebChatPanel .contents2
.messageWebPanel .contents2
.messagePanel .contents2 {
    top: 170px !important;
    bottom: 50px !important;
}

.messageWebChatPanel .contents3
.messageWebPanel .contents3
.messagePanel .contents3 {
    top: 200px !important;
    bottom: 50px !important;
    margin-top: 5px;
}

.messageWebChatPanel .contents *
.messageWebPanel .contents *
.messagePanel .contents * {
    font-size: 12px;
}

.messageWebChatPanel .notify,
.messageWebPanel .notify,
.messagePanel .notify,
.notify.tick {
    background-color: rgba(255, 255, 255, 0.7);
    display: none;
    text-align: center;
    color: #48C562;
    font-size: 15px;
    font-weight: 600;
    background-image: none;
}

.messageWebChatPanel .notify.checkmark
.messageWebPanel .notify.checkmark
.messagePanel .notify.checkmark {
    background-image: url("images/checkmark_animation_2.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.messageWebChatPanel .notify *
.messageWebPanel .notify *
.messagePanel .notify * {
    font-size: inherit;
    vertical-align: middle;
}

#containerMessagePanel {
    position: fixed;
    z-index: 100;
    top: 0px;
    bottom: 0px;
    left: 100%;
    width: 600px;
    margin-left: 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

#containerMessagePanel.on {
    margin-left: -600px;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
}

.notePanel {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    box-sizing: border-box;
}

.notePanel header {
    background-color: #000;
    color: #FFF;
}



.notePanel header label {
    display: inline-block;
    padding: 15px 20px;
    font-weight: bold;
    font-size: 14px;
}

#containerNotePanel {
    position: fixed;
    z-index: 101;
    top: 0px;
    bottom: 0px;
    left: 100%;
    width: 600px;
    margin-left: 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

#containerNotePanel.on {
    margin-left: -600px;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
}




.notePanel header label.on.active {
    background-color: #454A59;
}

.notePanel header label.on {
    background-color: #000000;
}

.notePanel header button {
    float: right;
    margin: 15px 20px;
}

.noteWebPanel header button{
    float: left;
    margin: 15px 30px;
    display: table-cell;
    padding-top: 8%;
}

.notePanel header button.close {
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-image: url("../images/close_dialog.svg");
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.75;
}





.notePanel .filter {
    padding: 15px 20px;
}

.notePanel .filter input[type=text] {
    padding: 8px 12px;
    font-size: 12px;
    box-sizing: border-box;
}

.notePanel .contents {
    height: 90%;
    overflow: auto;

}




.notePanel .contents {
    padding: 5px 20px;
    position: absolute;
    top: 170px;
    left: 0px;
    right: 0px;
    bottom: 100px;
    overflow: auto;
}

#containerWebChatPanel {
    position: fixed;
    z-index: 100;
    left: 100%;
    bottom: 0%;
    top: 0px;
    width: 375px;
    margin-top: 0px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

#containerWebChatPanel.on {
    margin-left: -375px;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
}

#containerWebMessagePanel {
    position: fixed;
    z-index: 100;
    left: 0px;
    bottom: 10%;
    top: 75%;
    width: 375px;
    margin-top: 0px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

#containerWebMessagePanel.on {
    margin-top: -607px;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
}

#containerWebMessageForms,
#containerMessageForms {
    height: 100%;
}

.footerWebMessage,
.footerMessage {
    position: relative;
    background-color: white;
    margin-top: -55px;
    width: 100%;
    padding: 5px 0 5px 15px;
}


.messageChat {
    position: relative;
    height: 50%;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    overflow: auto;
}

.messageWebChatContainer {
    position: relative;
    background-color: #f8f8f8;
    display: grid;
    align-content: flex-start;
    justify-content:center;
}

.noteChat {
    position: relative;
    height: 50%;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    overflow: auto;
}

.main-container {
  padding: 20px 30px 15px 30px;
}

.main-container-sender {
  padding: 20px 100px 15px 30px;
}

.main-container-rx {
  padding: 20px 30px 15px 100px;
}
/* CARDS */

.cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.card {
  margin: -10px;
  padding: 20px;
  width: 500px;
  display: grid;
  grid-template-rows: 9px 30px 0.4fr;
  border-radius: 10px;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
  transition: all 0.2s;
}

.card:hover {
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4);
  transform: scale(1.01);
}

.card__title {
  grid-row: 2/3;
  font-weight: 400;
  color: #000000;
}

.card__body {
  grid-row: 3/4;
  font-weight: 400;
  color: #000000;
}

.card__apply {
  grid-row: 1/3;
  align-self: right;
  text-align: right;
  color: #37C3CA;
}

.cards-sender {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.card-sender {
  margin: -10px;
  padding: 20px;
  width: 500px;
  display: grid;
  grid-template-rows: 9px 30px 0.4fr;
  border-radius: 10px;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
  transition: all 0.2s;
}

.card__body-sender {
  grid-row: 1/4;
  font-weight: 400;
  color: #000000;
}

.card__apply-sender {
  grid-row: 2/3;
  align-self: right;
  text-align: right;
  color: #37C3CA;
}

.card__body-rx {
  grid-row: 1/4;
  font-weight: 400;
  color: #ffffff;
}

.card__apply-rx {
  grid-row: 2/3;
  align-self: right;
  text-align: right;
  color: #ffffff;
}

/* CARD BACKGROUNDS */

.card-1 {
  background: #ffffff;
}

.card-2 {
  background: #45B2E9;
}
/* RESPONSIVE */

@media (max-width: 1600px) {
  .cards {
    justify-content: center;
  }
}


@media only screen and (max-height: 900px) {
  #sbe_email_above {
    height: 50px;
  }
}

@media only screen and (max-height: 800px) {
  .messageChat {
    height: 35%;
  }

  #sbx_msg {
    height: 80px;
  }

  #sbe_email_above {
    height: 35px;
  }
}

@media only screen and (max-height: 600px) {
  .messageChat {
    height: 30%;
  }

  #sbx_msg {
    height: 75px;
  }

  #sbe_email_above {
    height: 30px;
  }
}

.chatBubble {
    max-width: 350px;
    float: left;
    background-color: #45B2E9;
    border-radius: 5px;
    box-shadow: 0px 2px 10px -3px grey;
    padding: 10px 30px 10px 20px;
    margin: 20px 10px 20px 10px;
    color: #FFF;
    clear: both;
    position: relative;
}

.chatBubble div {
    width: 500px;
    text-align: left;
    position: absolute;
    left: 5px;
    bottom: -25px;
    color: #707070;
}

.chatBubble div span {
    color: #45B2E9;
}

.chatBubbleWhite {
    max-width: 350px;
    float: right;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 2px 10px -3px grey;
    padding: 10px 30px 10px 20px;
    margin: 20px 10px 20px 10px;
    color: #000;
    clear: both;
    position: relative;
}

.chatBubbleWhite div {
    width: 100%;
    text-align: right;
    position: absolute;
    right: 5px;
    bottom: -45px;
    height: 35px;
    color: #707070;
}

.chatBubbleWhite div span {
    color: #45B2E9;
}

.chatEmail {
    width: 520px;
    float: right;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 2px 10px -3px grey;
    padding: 10px 30px 10px 20px;
    margin: 10px 10px 20px 10px;
    clear: both;
    position: relative;
}

.chatEmail table tr td {
    padding: 3px;
}

.chatEmail .message-meta {
    width: 500px;
    text-align: right;
    position: absolute;
    right: 5px;
    bottom: -20px;
    color: #707070;
}

.chatEmail .message-meta span {
    color: #45B2E9;
}

.chatEmail .message_pre_msg div{
    width: 100%;
    max-width: 370px;
    bottom: 0px;
    float: left;
    text-align: left;
    right: 0px;
    left: 0px;
    position: relative;
}

.message_pre_msg > table > tbody > tr > td > big,
.message_pre_msg > table > tbody > tr > td > big > span {
  color: #000000;
}

.noteBubble div span {
    color: #45B2E9;
}

.chatNote {
    width:510px;
    max-width:510px
}
.chatNote table tr td {
    padding: 3px;
    color: #FFF;
}

.meesageTopIcon {
    background-image: url("../images/icon_message.svg");
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px !important;
    padding: 8px;
    background-color: #707070;
    border-radius: 50px;
}

.phoneTopIcon {
    background-image: url("../images/icon_phone.svg");
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 70px;
}

.linkTopIcon {
    position: absolute;
    right: 110px;
}

.tooltipIconHelp {
    background-color: #45B2E9;
    display: inline-block;
    position: relative;
    width: 8px;
    color: white;
    padding: 0px 7px 0px 7px;
    border-radius: 50%;
    text-align: center;
    cursor: default;
}

.tooltipIconHelp > span {
  position: relative;
  left: -0.5px;
}

.complianceTooltipIconHelp {
  background-color: #45B2E9;
  display: inline-block;
  position: relative;
  width: 8px;
  color: white;
  padding: 1px 6px 0px 6px;
  border-radius: 50%;
}

.complianceTooltipIconHelp > span {
 position: relative;
 left: 0.5px;
}

.cursor {
    cursor: pointer;
}

.cursor-none {
  cursor: default;
}

.att-del-file {
  fill: #ff4d4d;
}

.att-del-file:hover {
  fill: #FF7373;
}

.bold {
    font-weight: bold;
}

.white-arrow {
    background-image: url("../images/small_left_white_arrow.png") !important;
}

.white-arrow-hotlist {
    background-image: url("../images/small_left_white_arrow.png") !important;
}

.filter-whit {

}

.paddingLeft {
    display: inline;
    padding-left: 8px;
}

.noteDisplayLoadInline {
  display: inline;
}

.notdelivered {
    color: #DD314E;
}

.notdelivered > span {
    color: white !important;
    background-color: #DD314E;
    border-radius: 50px;
    padding: 3px 8px;
}

.customInputs {
    border-radius: 5px !important;
    font-size: 12px !important;
    padding: 8px !important;
}

.red_dot {
        border-radius: 50%;
        width: 1px;
        height: 1px;
        padding: 5px;
        margin-left: 5px;
        background: #DD314E;
        color: #fff;
        text-align: center;
        font: 8px Arial, sans-serif;
        display: inline;
        vertical-align: top;
      }
.noMessageSVG {
    position: absolute;
    top: 30%;
    left: 40%;
}

.moreRocordsMessageChat {
  display: table;
  width: 100%;
}

.moreRocordsMessageChat > span {
    position: absolute;
    top: 60%;
    left: 42%;
    font-size: 18px;
    color: #c4c4c4;
}


.moreRocordsNoteChat {
  display: table;
  width: 100%;
}

.moreRocordsNoteChat > span {
    position: absolute;
    top: 60%;
    left: 42%;
    font-size: 18px;
    color: #c4c4c4;
}

.custom-file-input {
    color: transparent;
    border: none !important;
    height: 25px;
    width: 118px;
}
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
.custom-file-input::before {
    background-image: url("../images/attached_icon.svg");
    background-position-x: 8px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: auto;
    background-color: #45B2E9;
    content: 'Attach Document';
    color: #FFF;
    display: inline-block;
    border-radius: 4px;
    padding: 5px 8px 5px 32px;
    outline: none !important;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-size: 10px;
}
.custom-file-input:hover::before {
    border-color: black;
    background-color: #4ac671;
}
.custom-file-input:active {
    outline: none !important;
}

.custom-file-input-exp::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input-exp::before {
  background-image: url("../images/iconmonstr-plus-2.svg");
  background-position-x: 8px;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: 14px;
  background-color: #45B2E9;
  content: 'Upload Receipt';
  color: #FFF;
  display: inline-block;
  border-radius: 4px;
  padding: 5px 8px 5px 32px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 10px;
}
.exp-optional::before{
  content: 'Upload Receipt (Optional)';
}
.custom-file-input-exp:hover::before {
  border-color: black;
}
.custom-file-input-exp:active {
  outline: 0;
}
.custom-file-input-exp:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.containerStreamPanel{
    max-width: 900px;
    margin: auto;
  }
  .rowFlexStreamPanel{
    display: flex;
    padding: 5px 10px 5px 10px;
  }
  .searchAndDate{
    margin-top: 15px;

  }
  .searchAndDate .cellFlexStreamPanel:first-child,
  .searchAndDate .cellFlexStreamPanel:last-child{
    flex-grow: 1;
    max-width: 25px;
  }
  .searchAndDate .cellFlexStreamPanel:nth-child(2){
    flex-grow: 4;
    display: flex;
  }
  .searchAndDate .cellFlexStreamPanel:nth-child(2) input {
    flex-grow: 1;
    height: 30px;
    margin-right: 10px;
  }
  .searchAndDate .cellFlexStreamPanel:nth-child(3){
    flex-grow: 3;
    display: flex;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 7px;
    overflow: hidden;
    cursor: pointer;
  }

  .searchAndDate .cellFlexStreamPanel:nth-child(3) div:first-child,
  .searchAndDate .cellFlexStreamPanel:nth-child(3) div:last-child{
    flex-grow: 1;
    display: flex;
    align-content: center;
    padding: 5px;
  }

  .searchAndDate .cellFlexStreamPanel:nth-child(3) div:first-child:hover,
  .searchAndDate .cellFlexStreamPanel:nth-child(3) div:last-child:hover{
    background-color: #4BC7F5;

  }
  .searchAndDate .cellFlexStreamPanel:nth-child(3) div:first-child span,
  .searchAndDate .cellFlexStreamPanel:nth-child(3) div:last-child span{
   align-self: center;
   margin: auto;
  }
  .searchAndDate .cellFlexStreamPanel:nth-child(3) div:nth-child(2){
    flex-grow: 4;
    display: flex;
  }
  .searchAndDate .cellFlexStreamPanel:nth-child(3) div:nth-child(2) input{
    flex-grow: 1;
    text-align: center;
    font-weight: bold;
    border: 0px;
  }
  .searchAndDate .cellFlexStreamPanel:nth-child(3) div:nth-child(2) input:focus{
    box-shadow: 0px 0px 0px 0px white !important;
  }

  .results .cellFlexStreamPanel:first-child{
    flex-grow: 1;
    width: 28px;
  }
  .results .cellFlexStreamPanel:nth-child(2){
    flex-grow: 7;
    background-color: white;
    width: 100%;
    box-shadow: 1px 1px 8px 0px rgb(0 0 0 / 12%);
    border-radius: 5px;
  }
  .results .center {
    margin: 10px;
  }
  .results .cellFlexStreamPanel:nth-child(3){
    flex-grow: 1;
    width: 8px;
  }
  .results .cellFlexStreamPanel:last-child{
    flex-grow: 1;
    width: 20px;
  }

  .results .cellFlexStreamPanel .point{
    width: 10px;
    height: 10px;
    background-color: #cdcdcd ;
    border-radius: 50%;
    border: 1px solid #eaeaea;
    margin-top: 10px;
    z-index: 9999;
  }

  .results .cellFlexStreamPanel .line{
    background-color: #cdcdcd;
    width: 4px;
    height: 130%;
    margin-left: 4px;
  }

  .rowPanelStream{
    width: auto;
    padding: 0 10px 0 10px;
    text-align: left;
  }
  .datePanelStream{
    font-weight: bold;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .labelPanelStream{
    font-weight: bold;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .updatePanelStream{
    font-size: 11px;
  }
  .hrPanelStream{
    width: auto;
    border-top: 1px solid #eaeaea;
    height: 1px;
    margin: 9px 0px 1px 0px;
  }
  .updatePanelStream{
    display: flex;
    margin: 1px 0px 3px 0px;
  }
  .updatePanelStream > .button.grey{
    margin: 0px;
    padding: 3px 0 3px 0;
    height: 20px;
    width: auto;
    min-width: 60px;
    max-width: 150px;
    font-size: 12px !important;
    font-weight: normal;
    background-color: #cdcdcd;
    margin-right: 5px;
  }

  .updatePanelStream > .button.grey:hover{
    cursor: default !important;
    background-color: #cdcdcd !important;
  }

  .updatePanelStream .label,
  .updatePanelStream .user,
  .updatePanelStream .datetime,
  .updatePanelStream .description{
    padding: 4px;
    height: auto;
    min-width: 0px;
    max-width: 150px;
    font-size: 12px !important;
    font-weight: normal;
  }

  .updatePanelStream .user{
    width:  140px;
    max-width: 140px;
  }

  .updatePanelStream .label {
    width:  200px;
    max-width: 200px;
    font-weight: bold;
    font-size: 12px;
  }
 .updatePanelStream .datetime,
 .updatePanelStream .description{
  color: #BCBCBC;
  font-weight: 400;
  }

  .updatePanelStream .description{
    max-width: 100%;
  }

  .map-web-app {
    width: 100%;
    height: 150px;
    border-radius: 15px;
  }

  .map-web-app-directions {
    height: calc(100vh - 158px);
  }

.arrow {
  border: solid white;
  border-width: 0 1.2px 1.2px 0;
  display: inline-block;
  padding: 3px;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.containerReportPanel{
    max-width: 400px;
    margin: auto;
}

.rowReportPanel{
    padding: 5px 10px 5px 10px;
}

.containerHeaderReportPanel{
    max-width: 500px;
    display: flex;
}

.rowHeaderReportPanel{
    padding: 5px 10px 5px 10px;
    display: flex;
}

.colHeaderReportPanel{
    float: left;
    padding: 5px 10px 5px 10px;
    align-self: center;
}

#dateRangePickerStream{
    padding: 10px;
}

table.reptable {
  border-collapse: collapse;
  border-width: 1px;
}


/* ==================== Metaphone Client==========================*/
.clientsTab #dialogPopupWrapper {

    max-width: 1200px !important;

}

.clientsTab #dialogPopupWrapper .inner {
    background-color: #eaeaea;

}

.clientsTab .dialogContents.clientNewPopup {
    max-width: 700px;
    box-shadow: 0px 0px 12px 1px rgb(0 0 0 / 40%);
}

.clientsTab .metaphoneResults {
    width: 100%;
    height: 525px;
    border-radius: 0 5px 5px 0;
    background-color: #eaeaea;
    margin-right: 20px;
    max-width: 33rem;
}

.clientsTab .metaphoneResults .metaphoneResultsTitle {
    padding: 10px 10px 10px 5px;
    font-weight: bold;
    margin-top: 7px;
    font-size: 15px;
    padding-left: 5px;
    margin-bottom: 5px;
}

.clientsTab .metaphoneResults .metaphoneResultsData {
    height: 54rem;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 9px;
    padding-right: 20px;
    padding-top: 5px;
    padding-left: 3px;
}

.clientsTab .frameMetaphoneResult {
    width: 98%;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #ffffff;
    padding: 10px;
    max-width: 29rem;
}

.clientsTab .rowMetaphoneResult {
    display: flex;
    padding: 3px 5px 3px 5px;
}

.contactsTab #dialogPopupWrapper {

    max-width: 1200px !important;

}

.contactsTab #dialogPopupWrapper .inner {
    background-color: #eaeaea;

}

.contactsTab .dialogContents.clientNewPopup {
    max-width: 700px;
    box-shadow: 0px 0px 12px 1px rgb(0 0 0 / 40%);
}

.contactsTab .metaphoneResults {
    width: 100%;
    height: 525px;
    border-radius: 0 5px 5px 0;
    background-color: #eaeaea;
    margin-right: 20px;
    max-width: 33rem;
}

.contactsTab .metaphoneResults .metaphoneResultsTitle {
    padding: 10px 10px 10px 5px;
    font-weight: bold;
    margin-top: 7px;
    font-size: 15px;
    padding-left: 5px;
    margin-bottom: 5px;
}

.contactsTab .metaphoneResults .metaphoneResultsData {
    height: 54rem;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 9px;
    padding-right: 20px;
    padding-top: 5px;
    padding-left: 3px;
}

.contactsTab .frameMetaphoneResult {
    width: 98%;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #ffffff;
    padding: 10px;
    max-width: 29rem;
}

.contactsTab .rowMetaphoneResult {
    display: flex;
    padding: 3px 5px 3px 5px;
}


.frameMetaphoneResult {
    box-shadow: 1px 1px 8px 0px rgb(0 0 0 / 12%);
    transition: all .1s ease;
}

.frameMetaphoneResult:hover {
    box-shadow: 1px 1px 6px 0px rgb(0 0 0 / 40%);
    border-color: transparent;
}

.clientsTab .frameMetaphoneResult .rowMetaphoneResult .nameMetaphone {
    flex-basis: auto;
    flex-grow: 2;
    margin: 3px;
    font-weight: bold;
    padding-top: 5px;
    font-size: 15px;
}

.clientsTab .frameMetaphoneResult .rowMetaphoneResult .itemMetaphone {
    flex-basis: auto;
    flex-grow: 1;
    margin: 3px;
    min-width: 80px;
    max-width: 80px;
    font-weight: bold;
    font-size: 13px;
}

.clientsTab .frameMetaphoneResult .rowMetaphoneResult .valueMetaphone {
    flex-basis: auto;
    flex-grow: 2;
    margin: 3px;
    text-align: left;
    font-size: 13px;
}

.contactsTab .frameMetaphoneResult .rowMetaphoneResult .nameMetaphone {
    flex-basis: auto;
    flex-grow: 2;
    margin: 3px;
    font-weight: bold;
    padding-top: 5px;
    font-size: 15px;
}

.contactsTab .frameMetaphoneResult .rowMetaphoneResult .itemMetaphone {
    flex-basis: auto;
    flex-grow: 1;
    margin: 3px;
    min-width: 80px;
    max-width: 80px;
    font-weight: bold;
    font-size: 13px;
}

.contactsTab .frameMetaphoneResult .rowMetaphoneResult .valueMetaphone {
    flex-basis: auto;
    flex-grow: 2;
    margin: 3px;
    text-align: left;
    font-size: 13px;
}

.newClientDrop {
    width: 91%;
    height: 24px;
}

#clientName {
    text-transform: capitalize;
}

#clientButtons {
    display: table-cell;
}
/* ======= NEW SHARE SHIFT POPUP =======*/


/* ==================== Metaphone Location==========================*/
.clientsTab #dialogPopupWrapper .inner {
    background-color: #eaeaea;
}

.clientsTab .dialogContents.locationNewPopup {
    max-width: 463px;
    max-height: 531px;
    overflow: hidden;
    box-shadow: 0px 0px 12px 1px rgb(0 0 0 / 40%);
}

.locationNewPopup .main{
    max-height: 430px;
    overflow-x: hidden;
}

.clientsTab .metaphoneResultsLocation {
    width: 475px;
    height: 525px;
    border-radius: 0 5px 5px 0;
    margin-top: -525px;
    margin-left: 476px;
    background-color: #eaeaea;
    position: absolute;
    margin-right: 20px;
}

.clientsTab .metaphoneResultsLocation .metaphoneResultsTitle {
    padding: 10px 10px 10px 5px;
    font-weight: bold;
    margin-top: 7px;
    font-size: 15px;
    padding-left: 5px;
    margin-bottom: 5px;
}

.clientsTab .metaphoneResultsLocation .metaphoneResultsData {
    height: 457px;
    overflow: auto;
    margin-top: 9px;
    padding-right: 20px;
    padding-top: 5px;
    padding-left: 3px;
}

.clientsTab .frameMetaphoneResult {
    width: 98%;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #ffffff;
    padding: 10px;
}

.clientsTab .rowMetaphoneResult {
    display: flex;
    padding: 3px 5px 3px 5px;
}

.contactsTab .frameMetaphoneResult {
    width: 98%;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #ffffff;
    padding: 10px;
}

.contactsTab .rowMetaphoneResult {
    display: flex;
    padding: 3px 5px 3px 5px;
}

.frameMetaphoneResult {
    box-shadow: 1px 1px 8px 0px rgb(0 0 0 / 12%);
    transition: all .1s ease;
}

.frameMetaphoneResult:hover {
    box-shadow: 1px 1px 6px 0px rgb(0 0 0 / 40%);
    border-color: transparent;
}

.clientsTab .frameMetaphoneResult .rowMetaphoneResult .nameMetaphone {
    flex-basis: auto;
    flex-grow: 2;
    margin: 3px;
    font-weight: bold;
    padding-top: 5px;
    font-size: 15px;
}

.clientsTab .frameMetaphoneResult .rowMetaphoneResult .itemMetaphone {
    flex-basis: auto;
    flex-grow: 1;
    margin: 3px;
    min-width: 80px;
    max-width: 80px;
    font-weight: bold;
    font-size: 13px;
}

.clientsTab .frameMetaphoneResult .rowMetaphoneResult .valueMetaphone {
    flex-basis: auto;
    flex-grow: 2;
    margin: 3px;
    text-align: left;
    font-size: 13px;
}

.contactsTab .frameMetaphoneResult .rowMetaphoneResult .nameMetaphone {
    flex-basis: auto;
    flex-grow: 2;
    margin: 3px;
    font-weight: bold;
    padding-top: 5px;
    font-size: 15px;
}

.contactsTab .frameMetaphoneResult .rowMetaphoneResult .itemMetaphone {
    flex-basis: auto;
    flex-grow: 1;
    margin: 3px;
    min-width: 80px;
    max-width: 80px;
    font-weight: bold;
    font-size: 13px;
}

.contactsTab .frameMetaphoneResult .rowMetaphoneResult .valueMetaphone {
    flex-basis: auto;
    flex-grow: 2;
    margin: 3px;
    text-align: left;
    font-size: 13px;
}

.newLocationDrop {
    width: 93%;
    height: 24px;
}

#clientName {
    text-transform: capitalize;
}

.selectRadioLocation {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  /*margin-bottom: 12px;*/
  height: 20px;
  cursor: pointer;
  font-size: 22px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* Hide the browser's default radio button */
.selectRadioLocation > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.radioButtonLocation {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #ccc;

}

.selectRadioLocation + p,
.selectRadioLocation p {
  display: inline;
  vertical-align: middle;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 20px;
  font-size: 14px;
}

/* When the radio button is checked, add a blue background */
.selectRadioLocation input:checked ~ .radioButtonLocation {
  background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radioButtonLocation:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.selectRadioLocation input:checked ~ .radioButtonLocation:after {
  display: inline-block;
}

/* Style the indicator (dot/circle) */
.selectRadioLocation .radioButtonLocation:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #45B2E9;
}

.backgroundShaded {
    background: rgba(0,0,0,0.05);
    padding: 10px 10px 15px 10px;
    border-radius: 10px;
}

.locationTime {
   /*font-size: 11px !important;*/
   padding: 5px !important;
   margin-top: 10px;
}

label.selectCheckbox {
    min-height: 19px;
    margin-bottom: 0px;
    margin-top: 7px;
    position: relative !important;
    top: 0px !important;
    left: -4px !important;
    font-size: 14px !important;
}

.selectCheckbox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 16px;
    cursor: pointer;
    /* font-size: 22px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px #ccc;
}

.selectCheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
input[type="checkbox"] {
    vertical-align: middle;
}

.selectCheckbox input:checked ~ .checkmark {
    background-image: url(../images/icon_select_white.png);
    background-color: rgb(69, 178, 233);
}

.checkmark, .checkmarkBlue {
    position: absolute;
    top: -7px;
    left: 4px;
    height: 18px;
    width: 18px;
    background-image: url(../images/icon_deselect.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.rulesToggle{
    font-size: 12px;
    padding-right: 15px;
    position: relative;
    top: 32px;
}

.overrideWorkingDiv{
    display: inline-flex;
    position: relative;
    top: -10px;
}

#maxWorkTimeDiv{
    width: 150px;
}

.rightSelectLabel{
    left: 93px !important;
}

#maxWorkTimeDiv{
    right: -56px;
}

#maxTravelTimeDiv{
    right: -50px;
}

#maxMinMinsTimeDiv{
    right: -39px
}

.overrideWorkingDivTop1{
    top: -28px;
}

.overrideWorkingDivTop2{
    top: -44px;
}

.overrideWorkingDivTop3{
    top: -61px;
}

.locationWorkregs1{
    height: 280px;
}

.locationWorkregs2{
    height: 315px;
}

.consecutiveOverride {
    font-size: 14px;
    display: inline-flex;
    width: 170px;
    word-wrap: break-word;
    position: relative;
    top: -12px;
    left: 12px;
}

.consecutiveOverride2 {
    font-size: 14px;
    display: inline-flex;
    width: 167px;
    word-wrap: break-word;
    position: relative;
    top: -12px;
    left: 12px;
}


#overrideConsecutivesPeriodDiv1 {
    top: -71px !important;
    right: -250px !important;
}

.followedShifts{
    padding-top: 10px;
    height: 60px;
}

.withinSpan, .withinSpan2{
    font-size: 14px;
}

.withinSpan{
    padding-right: 11px;
}

.withinSpan2{
    padding-left: 11px;
}

#locationErrorDiv{
    cursor: pointer;
    background-color: #FFCCCC;
    padding: 5px 5px 5px 17px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.input-clean {
    -webkit-appearance: none;
    background-color: #FFF !important;
    border-color: #D7D7D7 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    border: 0px !important;
  }

#divisionField {
    margin-top: 19px !important;
}
/* ==================== Metaphone Location==========================*/

.clientEmailTable {
    position: absolute !important;
    width: 110px !important;
    left: 25px;
}

.clientEmailTable td{
     border: none !important;
     color: #444444;
}

.weekly_timesheet_send_icon{
    position: absolute;
    cursor: pointer;
    left: 10px;
    top: 8px;
    transform: rotate(45deg);
}

.app_login_send_icon{
    position: absolute;
    margin-left: -10px;
    transform: rotate(45deg);
    margin-top: -2px;
    margin-left: -20px;
}

.resendAppButton {
    position: relative;
    margin-left: auto;
    margin-right: 7px;
}

.resendAppButtonDiv{
    position: relative;
    width: 140px;
    margin-left: auto;
    margin-right: 7px;
}

.resendAppButtonSpan {
    left: 9px;
    /*position: relative;*/
}

.messageTemplateBtns .messageTemplateBtn{
	width: 100%;
}

.broadcastShiftsBtns .broadcastShiftsBtn{
    width: 100%;
}

.table-fileList-message {
  position: absolute;
  width: 350px;
  right: -15px;
  top: 0px;
}

.table-fileList-message-panel {
  position: absolute;
  width: 330px;
  right: -15px;
  top: 0px;
}

.filterbar select.oval,
input.oval {
  background-color: #454a59;
  border-color: #454a59;
  color: #fff;
  border-radius: 2px;
  height: 32px;
  padding: 0px 5px;
  margin: 0px 5px;
}

.filterbar button.oval,
input.oval {
  background-color: #454a59;
  border-color: #454a59;
  border-radius: 2px;
  color: #fff;
  height: 32px;
  padding: 0px 5px 0px 10px;
  margin: 0px 5px;
  text-align: left;
  width: 209px;
}

.filterbar .weekbuttons,
.filterbar .buttonBackground {
  background-color: #454a59;
  border-color: #454a59;
  color: #fff;
  border-radius: 2px;
  height: 32px;
  box-sizing: border-box;
  margin: 0px 5px;
}

.filterbar .buttonBackground {
  padding: 5px;
  vertical-align: middle;
}

.filterbar .buttonBackground >span{
  margin: 0 8px 0 2px;
}

.filterbar .eyeIconContainer:hover {
  cursor: pointer;
}

.filterbar .eyeIconContainer span{
  font-weight: bold;
}

.filterbar .pinIconContainer span{
    font-weight: bold;
}

/* BLB trello#3437 Reduce top right UI moving about */
.filterbar .weekbuttons .weekselector table{
  width: 210px;
}
.showShiftGroups{
  width: 75px;
} 
.showHiddenColumns{
  width: 110px;
}
.showDeletedRows{
  width: 75px;
}

.timesheetArrowDown{
  width: 25px;
}

.timesheetArrowUp{
  width: 25px;
}

.timesheetArrowDown img{
  position: relative;
  top: 2px;
  transform: rotate(270deg);
}

.timesheetArrowUp img{
  position: relative;
  top: 2px;
  transform: rotate(90deg);
}

.expenses {
 background: white;
 border-radius: 7px;
}

.expensePannel {
  padding-left: 10px;
  padding-bottom: 10px;
}

.timesheetPanelTitle{
    font-size: 15px;
}

.timesheetPanelTitleQustion img{
    position: relative;
    top: 2px
}

.employeeNameAvailPopup{
    margin-top: auto;
    margin-bottom: 0;
}

.emailSentEmployeePopup{
    width: 55px;
    position: relative;
    padding-top: 6px;
    margin-left: auto;
    margin-right: 0px;
}

.emailSentEmployeePopup span{
    color: #4ac661;
}

.emailSentEmployeePopup img{
    position: relative;
    top: 3px;
}

.bannerAlert {
  line-height: 19px;
}

.bannerAlert:before {
  content: '';
  display: inline-block;
  height: 19px;
  width: 19px;
  background-image: url("../images/exclamation.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}

.rates_errors {
    background-image: url("../images/exclamation.svg");
    background-repeat: no-repeat;
    background-position: 8px center;
    padding-left: 10px;
    padding-top: 5px;
    position: absolute;
    padding: 8px 10px 8px 0px;
    border-radius: 5px;
    width: 150px;
    padding-left: 33px;
    --bkcolor: #ffffff;
    --arrowPos: 0%;
}

.rates_errors:after {
    content: '';
    position: absolute;
    top: 0;
    left: var(--arrowPos);
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: var(--bkcolor);
    border-top: 0;
    margin-left: -7px;
    margin-top: -7px;
}

/* ---- */

.leftLabelCandidate{
  left: 15px !important;
}

.buttonBackgroundContainerCandidate {
    position: relative;
}

.buttonBackgroundCandidate {
    background-color: #D7D7D7;
    border-color: #D7D7D7;
    color: #fff;
    border-radius: 5px;
    height: 32px;
    width: 55px;
    box-sizing: border-box;
    padding: 5px;
    vertical-align: middle;
    -webkit-transition: .3s;
    transition: .3s;
}

.buttonBackgroundGreenCandidate {
    background-color: #4ac661;
    border-color: #4ac661;
    -webkit-transition: .3s;
    transition: .3s;
}

.buttonBackgroundContainerCandidate input.toggle {
    display: none;
}

.buttonBackgroundContainerCandidate input.toggle + label {
    width: 30px;
    height: 12px;
    background-color: #999999;
    border-radius: 9px;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    cursor: pointer;
    margin-right: 6px;
    margin-left: 6px;
    top: 11px;
    left: 22px;
    -webkit-transition: .3s;
    transition: .3s;
}

.buttonBackgroundContainerCandidate input.toggle + label:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 12px;
    background-color: #fff;
    position: absolute;
    top: -4px;
    left: 0%;
    margin-left: -6px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}

.buttonBackgroundContainerCandidate input.toggle:checked + label:after {
    background-color: #fff;
    left: 100%;
    margin-left: -18px;
}

.buttonBackgroundContainerCandidate input.toggle:checked + label {
    background-color: #0E9500;
    -webkit-transition: .3s;
    transition: .3s;
}

.button.cancelShift.cancInPeriod.on {
  background-color: #483d8b;
}

.button.red.cancelShift.cancInPeriod:hover:not(:disabled), .button.cancelShift.cancInPeriod:hover:not(:disabled) {
  background-color: #6D64A2 !important;
}

.blueText.recurringTimes {
  background-color: #FFF;
  color: #45B2E9 !important;
  line-height: 0;
  font-size: 9pt;
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
  border: solid 1px #CCCCCC;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 4px;
  width: 70px;
  margin-top: -2px;
  margin-bottom: -2px;  
}

tr.sr:not(.just_added) > .planned_start:not(.grouped_with_non_planned) {
  /*border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;  */
  border-left: solid 3px #338E55 !important;  
}

.planned_start, .planned_middle, .planned_finish {
  background-color: #DBF2DC;
  color: #FFF;   
}

tr.sr:not(.just_added) > .planned_start, tr.sr:not(.just_added) > .planned_middle, tr.sr:not(.just_added) > .planned_finish {
  border-color: #338E55 !important;
  border-bottom: solid 3px #338E55 !important;
  border-top: solid 3px #338E55 !important;  
}

tr.sr.just_added > .planned_start {
  border-left: solid 3px #338E55 !important;
}


tr.sr.just_added > .planned_start, tr.sr.just_added > .planned_middle {
  border-bottom: solid 3px #338E55 !important;
  border-top: solid 3px #338E55 !important;      
}

.planned_finish {  
  /*border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;  */
  border-right: solid 3px #338E55 !important;  
}

.planned_start_icon {  
  /*opacity: 0;*/
  z-index: 4;
  position: absolute;
  font-weight: bold !important; 
  width: 18px;
  height: 17px;
  border-radius: 11px;
  background-color: #338E55;
  color: #FFF; 
  left: 50px;
  top: -9px;
  /*-webkit-transition: opacity 1s ease-in;
  -moz-transition: opacity 1s ease-in;
  -o-transition: opacity 1s ease-in;
  -ms-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;*/
  cursor: pointer;
}

/*
.planned_corner {
  position: absolute;
}

.planned_corner.top_left {
  top: -2.5px;
  left: -2.5px;
}

.planned_corner.bottom_left {
  bottom: -2.5px;
  left: -2.5px;
}

.planned_corner > div {    
  display:inline-block;
  background-color: white;
}

.planned_top_left, .planned_bottom_left {
  width:20px;
  height:11px;
  display:inline-block;
  border: solid #338E55 3px;
  border-right: 0px;
  background-color: #DBF2DC;  
}

.planned_corner .planned_top_left {
  border-bottom: 0px;
  border-top-left-radius: 50%;
}

.planned_corner .planned_bottom_left {
  border-top: 0px;
  border-bottom-left-radius: 50%;
}
*/

.chargePackagePopUpBox {
  max-width: 100%;
  max-height: 60px;
  display: flex;
  border: 2px solid #bcbcbc;
  padding: 20px;
  border-radius: 5px;
  align-items: flex-start;
  justify-content: space-around;
}

.chargePackagePopUpBox--col__icon{
    width: 50px;
}

.chargePackagePopUpBox--col__package{
    width: 100px;
}

.chargePackagePopUpBox--col__desc,
.chargePackagePopUpBox--col__weeklySummary{
   width: 150px;
}

.chargePackagePopUpBox--col__totalCosts,
.chargePackagePopUpBox--col__totalCharge,
.chargePackagePopUpBox--col__totalProfit,
.chargePackagePopUpBox--col__totalMarkup{
  width: 200px;
  max-width: 126px;
  height: 37px;
  max-height: 37px;
  margin: 1px;
}

.chargePackagePopUpBox--col__icon,
.chargePackagePopUpBox--col__package,
.chargePackagePopUpBox--col__desc,
.chargePackagePopUpBox--col__weeklySummary{
    align-self: self-start;
}

.chargePackagePopUpBox--col__package{
    font-size: 14px;
    font-weight: bold;
}

.chargePackagePopUpBox--col__desc {
    display: flex;
    flex-wrap: wrap;
}
.chargePackagePopUpBox--col__desc span{
    width:  100%;
}
.chargePackagePopUpBox--statscol .statBox {
    padding: 7px 12px;
}

.chargePackagePopUpBox--statscol .statBox p{
    margin-top:  0px;
    font-size: 14px;
}

.switch_container input[type=checkbox]{
  height: 0 !important;
  width: 0 !important;
  visibility: hidden !important;
}

.switch_container label {
  cursor: pointer;
  padding: 4px;
  height: 20px;
  background: #BCBCBC;
  display: block;
  border-radius: 7px;
  position: relative;
  width: 50px;
  font-size: 11px !important;
}

.switch_container label:after {
  content: '';
  position: absolute;
  left: 0px;
  width: 50%;
  height: 100%;
  top: 0px;
  background: #fff;
  border-radius: 7px;
  transition: 0.3s;
  box-shadow: 2px 2px 4px 0px rgb(0 0 0 / 15%);
}

.switch_container input:checked + label {
  background: #4ac661;
  cursor: pointer;
  padding: 4px;
  height: 20px;
  display: block;
  border-radius: 7px;
  position: relative;
  width: 50px;
  font-size: 11px !important;
}

.switch_container .yes_no, .switch_container input:checked + label .yes_no:after {
  color: white;
  vertical-align: middle !important;
}

.switch_container input[type="checkbox"] + label:before,.switch_container input[type="checkbox"]:checked + label:before {
  height: 0 !important;
  width: 0 !important;
  visibility: hidden !important;
}

.switch_container input:checked + label:after {
  left: 100%;
  transform: translateX(-100%);
  font-size: 11px !important;
  font-weight: normal !important;
  vertical-align: middle;
}

.buttonNoFocus:focus{
    outline: none;
    box-shadow: none;
}

.middleofgroup span, .lastingroup span {
    display: none;
}

.sologrouphide {
  display: none;
}

.sologroup {
  width: 4px;
  position: absolute;
  left: -5px;
  height: 80%;
  top: 3px;
}

.sologroup.summary {
  top: 8px;
}

.firstingroup {
    width: 4px;
    position: absolute;
    left: -5px;
    height: 100%;
    top: 8px;
}

.firstingroup.summary {
  top: 8px;
}

.middleofgroup {
    width: 4px;
    position: absolute;
    left: -5px;
    height: 109%;
    top: 0px;
}

.lastingroup {
    width: 4px;
    position: absolute;
    left: -5px;
    height: 92%;
    top: -1px;
}


.firstingroup span, .sologroup span {
    width: 16px;
    position: absolute;
    left: -7px;
    text-align: center;
    border-radius: 12px;
    height: 16px;
    font-size: 0.8em;
    padding-right: 2px;
    padding-top: 2px;
    top: -4px;
    z-index: 1;
}

.sologroup .groupbracket, .firstingroup .groupbracket, .lastingroup .groupbracket {
    width: 21px;
    position: absolute;
    height: 4px;
}

.lastingroup .groupbracket {
    bottom: 0px;
}

table.bookingsRowsTable > thead > tr > td[data-column="ActualBreak"],
table.bookingsRowsTable > thead > tr > td[data-column="ActualBreak1"],
table.bookingsRowsTable > thead > tr > td[data-column="ActualBreak2"],
table.bookingsRowsTable > thead > tr > td[data-column="ActualBreak3"],
table.bookingsRowsTable > thead > tr > td[data-column="ActualBreak4"],
table.bookingsRowsTable > thead > tr > td[data-column="ActualBreak5"],
table.bookingsRowsTable > thead > tr > td[data-column="ActualBreak6"],
table.bookingsRowsTable > thead > tr > td[data-column="ActualBreak7"] {
  text-align: center;
  padding-left: 12px;
}

.ratesValidationWarning__img{
    margin-top: -23px;
}
.ratesValidationWarning__img .hidden{
    display: none;
}

.ratesValidationWarning__img .show{
    display: block;
}

.ratesValidationLevelWarning__img{
  margin-top: -23px;
}
.ratesValidationLevelWarning__img .hidden{
  display: none;
}
.ratesValidationLevelWarning__img .show{
  display: block;
}

.text-bold {
    font-weight: bold;
}

.question_icon {
    padding: 3rem 0 1rem 0;
    min-width: 3.3rem;
}

.btn {
    border: 2px solid black !important;
    color: black;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
}

/* Gray */
.outline-default {
    background-color: white !important;
    box-shadow: none !important;
    border-color: #bcbcbc !important;
    color: #959595 !important;
}

.outline-default:hover {
    background: #bcbcbc !important;
    color: white !important;
}

/* Primary */
.primary {
    background-color: #45b2e9 !important;
    box-shadow: none !important;
    border-color: #45b2e9 !important;
    color: white !important;
}

.primary:hover {
    background: #3E9AC9 !important;
}

/* Margin */

.mx-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

#passportDlg {
    height: fit-content;
    position: fixed;
    display: block;
    width: 965px;
    top: 20%;
    border-radius: 8px;
    font-size: 16px;
    background-color: rgba(68, 68, 68, 0.5);
    box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.4);
    line-height: 1.5;
    overflow-y: clip;
}

.passportTabs {
    max-width: 1000px;
    height: 19px;
    display: flex;
    border: 0 solid white;
    margin-top: 20px;
    margin-left: -4px;
}

.passportTabs div.subTabContainer{
    flex-grow: 1;
    margin: 2px 0 2px 0;
    max-width: 250px;
}

.passportTabs:focus{
    text-decoration: none;
    box-shadow: none;
}

.subTabPassport{
    width: 220px;
    margin: 0px;
    padding: 0px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #bcbcbc;
    text-align: center;
}

.subTabPassport:hover{
    border-bottom: 3px solid #45B2E9;
}

.subTabPassport_name{
    font-size: 15px;
    width: 225px;
    font-weight: 600;
}

.subTabPassport--active {
    color: white;
    border-bottom: 3px solid #45B2E9;
    height: 34px;
}

.subTabPassportHeader {
    position: sticky;
    z-index: 4;
}

.subTabPassportContent {
    z-index: 2;
}

.subTabPassportContent .subTabPassportContentData {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}

.subTabPassportContentData {
    border-collapse: inherit;
    width: 90.5% !important;
}

.subTabPassportContentData tr td {
    display: flex;
    padding-top: 5px;
    font-weight: 600;
    font-size: 15px;
}

.subTabPassportContentTenants {
    max-height: 327px;
    overflow-y: scroll;
    font-size: 11px;
    margin-left: -4px;
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 5px;
}

.subTabPassportContentTenants table {
    table-layout: fixed;
    border-spacing: 6px;
    color: black;
    border-radius: 5px;
    border-collapse: collapse;
}

.subTabPassportContentTenants table thead th {
    text-align: initial;
}

#regulations table {
    width: 90.5%;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

#history table {
    width: 100%;
    margin-bottom: 19px;
    overflow-x: scroll;
}

#regulations table tr td {
    justify-content: center;
}

.buttonsBox {
    float: right;
    padding-bottom: 10px;
    position: sticky;
    margin-top: 25px;
}

#frmWorkingRegulations {
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
}

#popupEmployeeSelect .employee-table tbody tr {
    border:none;
}

#popupEmployeeSelect .employee-table tbody tr td {
    padding-bottom: 10px;
}

body ::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
}

body ::-webkit-scrollbar-thumb {
    background-color: rgba(68, 68, 68, 0.5);
    outline: rgba(68, 68, 68, 0.5);
    border-radius: 5px;
}

.candidateTenants tr {
    border: none;
}

.messagePopup{
    background-color: transparent;
    z-index: 999;
    position: fixed;
    bottom: 170px;
    left: 50% !important;
    top: 36% !important;
    visibility: hidden;
    transform: translateX(-50%) translateY(150%) scaleX(0.8) !important;
    backface-visibility: hidden;
    opacity: 0;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    background-color: #FFF;
    width: 350px;
    min-height: 200px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 27%);
    -webkit-box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 27%);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.27);
    padding: 20px;
    text-align: center;
    margin: 1em 0;
    height: fit-content;
    padding-top: 56px;
}

.showMessagePopUp {
    visibility: visible;
    transform: translateX(-50%) translateY(0px) scaleX(1) !important;
    opacity: 1;
    transition: transform .35s cubic-bezier(0.33, 2, 0.2, 0.8), opacity 0.1s, visibility 0s;
}

.clip_icon {
    background-color:#4ac661;
    border-radius:50%;
    width:16px;
    position: relative;
    top: -30px;
}

.officesDialog .mainFooter button {
    min-width: 80px;
}

.officesDialog div.field + button.clearField {
    right: 0px;
    display: inline-block;
}

.coreShiftDefinitionOverridesDialog .mainFooter button {
    min-width: 80px;
}

.coreShiftDefinitionOverridesDialog div.field + button.clearField {
    right: 0px;
    display: inline-block;
}

.padding-5 {
  padding: 5px;
}

.fs-11px {
    font-size: 11px !important;
}

.fs-14px {
    font-size: 14px !important;
}

/* BLB trello#3353 Hide class */ 
.hide{
  display:none;
}

/* BLB trello#3351 classes for showing pay rate types */
.pay_rate_hourly{
  background: 
    linear-gradient(to bottom left, #45b2e9 50%, transparent 50%) top right,
    white; 
  background-size: 3px 6px;
  background-repeat: no-repeat;
}
.pay_rate_fixed{
  background: 
    linear-gradient(to bottom left, #bcbcbc 50%, transparent 50%) top right,
    white; 
  background-size: 3px 6px;
  background-repeat: no-repeat;
}

button#select_logcall{
  background: linear-gradient(90deg, rgba(74,198,112,1) 0%, rgba(74,198,112,1) 27%, rgba(188,188,188,1) 27%, rgba(188,188,188,1) 100%);
  width: 77px;
  max-width: 77px;
}
button#select_logcall.active{
  background: linear-gradient(90deg, rgba(74,198,112,1) 0%, rgba(74,198,112,1) 27%, rgba(62,166,81,1) 27%, rgba(62,166,81,1) 100%);
}

/* BLB trello#3355 Improve log call button*/
a#a_make_call{
  background:rgba(74,198,112,1);
  border-radius: 4px 0 0 4px;
}
a#a_make_call button.icon.phone{
  min-width: 20px;
  max-width: 20px;
}
a#a_select_logcall button#select_logcall{
  background: rgba(188,188,188,1);
  min-width: 57px;
  /* max-width: 57px; trello#3467 */
  max-width: fit-content;
  white-space: nowrap;
}
a#a_select_logcall button#select_logcall.active{
  background:rgba(62,166,81,1);
}

/* BLB trello#3425 Reduce row heights */
#candidatesRowsTable .pictureCandidates,
#availabilityRowsTable .pictureCandidates{
  margin: 11px 15px 5px 15px !important;
}
.complianceTab table.panelList > tbody > tr > * {
  padding: 4px 10px;
}

/**
 * Travel and multi-shift popup
 */
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_container_header {
    font-weight: bold;
    font-size: 16px;
    margin: 0px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_container {
    margin-top: 20px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item {
    display: flex;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_timeline {
    width: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 10px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_timeline .travel_and_multi_shift_popup_timeline_dot {
    border-radius: 50%;
    background-color: #4ac661;
    margin: 2px;
    color: white;
    font-weight: bold;
    text-align: center;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_timeline .travel_and_multi_shift_popup_timeline_big_dot {
    width: 9px;
    height: 9px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_timeline .travel_and_multi_shift_popup_timeline_mini_dot {
    width: 3px;
    height: 3px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_timeline .travel_and_multi_shift_popup_timeline_client_dot {
    width: 21px;
    height: 21px;
    font-size: 15px;
    margin-bottom: 0 !important;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_timeline .travel_and_multi_shift_popup_timeline_solid_line {
    width: 3px;
    height: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: unset !important;
    min-height: 50px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_timeline .travel_and_multi_shift_popup_timeline_solid_line_bottom_dot {
    width: 9px;
    height: 13px;
    margin-top: 0 !important;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_location {
    width: 100%;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_location .travel_and_multi_shift_popup_home_or_hotel_text {
    font-size: 14px;
    min-height: 22px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_location .travel_and_multi_shift_popup_travel_details:not(.travel_and_multi_shift_popup_client_details) {
    color: #4ac661;
    font-weight: 600;
    font-size: 14px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_location .travel_and_multi_shift_popup_client_details {
    margin-top: 10px;
    font-size: 12px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_location .travel_and_multi_shift_popup_client_details .travel_and_multi_shift_popup_client_details_text {
    margin-bottom: 2px;
    width: 200px;
    display: flex;
    justify-content: space-between;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_location .travel_and_multi_shift_popup_client_details .travel_and_multi_shift_popup_client_details_text span {
    color: #45b2e9;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_location .travel_and_multi_shift_popup_travel_details .travel_and_multi_shift_popup_travel_text {
    font-size: 14px;
    margin-right: 30px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_location .travel_and_multi_shift_popup_shift_location_text {
    font-size: 15px;
    font-weight: bold;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_location .travel_and_multi_shift_popup_shift_location_text .travel_and_multi_shift_popup_shift_location_text_meta {
    font-size: 15px;
    font-weight: normal;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_location .travel_and_multi_shift_popup_unlink_multishift_container {
    display: flex;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_location .travel_and_multi_shift_popup_unlink_multishift_container > div {
    margin-left: auto;
    margin-top: -30px;
    align-items: center;
    display: flex;
    cursor: pointer;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_location .travel_and_multi_shift_popup_unlink_multishift_container > div > div {
    border-radius: 50%;
    background-color: #EF3B3E;
    padding: 3px;
    cursor: pointer;
    max-height: 12px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_timeline_item .travel_and_multi_shift_popup_location .travel_and_multi_shift_popup_unlink_multishift_container > div > span {
    color: #EF3B3E;
    margin-top: 3px;
    margin-left: 3px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_future_shifts_container {
    margin-top: 20px;
    background-color: #eeeeee;
    border-radius: 4px;
    padding: 12px;
    max-height: 250px;
    overflow-y: auto;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_future_shifts_container .travel_and_multi_shift_popup_future_shift {
    padding: 0px 20px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_future_shifts_container .travel_and_multi_shift_popup_future_shift .travel_and_multi_shift_popup_future_shift_header {
    font-size: 13px;
    font-weight: bold;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_future_shifts_container .travel_and_multi_shift_popup_future_shift .travel_and_multi_shift_popup_future_shift_header .travel_and_multi_shift_popup_future_shift_header_meta {
    font-size: 13px;
    font-weight: normal;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_future_shifts_container .travel_and_multi_shift_popup_future_shift_separator {
    border: 1px solid #d1d1d1;
    margin: 15px 0px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_future_shifts_container .travel_and_multi_shift_popup_future_shift .travel_and_multi_shift_popup_future_shift_details {
    font-size: 12px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_future_shifts_container .travel_and_multi_shift_popup_future_shift .travel_and_multi_shift_popup_future_shift_details .travel_and_multi_shift_popup_client_details_text:first-of-type {
    margin-top: 10px;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_future_shifts_container .travel_and_multi_shift_popup_future_shift .travel_and_multi_shift_popup_future_shift_details .travel_and_multi_shift_popup_client_details_text {
    margin-bottom: 2px;
    width: 180px;
    display: flex;
    justify-content: space-between;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_future_shifts_container .travel_and_multi_shift_popup_future_shift .travel_and_multi_shift_popup_future_shift_details .travel_and_multi_shift_popup_client_details_text span {
    color: #45b2e9;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_future_shifts_container .travel_and_multi_shift_popup_future_shift .travel_and_multi_shift_popup_future_shift_details .travel_and_multi_shift_popup_client_details_button_container {
    display: flex;
}
.travel_and_multi_shift_popup_container .travel_and_multi_shift_popup_future_shifts_container .travel_and_multi_shift_popup_future_shift .travel_and_multi_shift_popup_future_shift_details .travel_and_multi_shift_popup_client_details_button_container button {
    margin-left: auto;
    margin-top: -30px;
    margin-right: -15px;
}

.disabledGrey {
  color: #787878;
}

/**
 * Global search
 */
.global_search_modal {
    padding: 0 !important;
}
.global_search_modal > div {
    display: flex;
}

.global_search_modal .global_search_status.global_search_status_active {
    color: #4ac661;
}
.global_search_modal .global_search_status:not(.global_search_status_active) {
    color: #EF3B3E;
}

.global_search_modal .global_search_search_container .global_search_search {
    border-radius: 5px;
    width: 450px;
    height: 30px;
    font-size: 14px;
}
.global_search_modal .global_search_search_container .global_search_search_input_container {
    padding: 20px 20px 0px 20px;
}
.global_search_modal .global_search_search_container .global_search_categories_container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px 0px;
    padding: 0px 20px 0px 20px;
}
.global_search_modal .global_search_search_container .global_search_categories_container .global_search_category {
    margin: 3px;
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    min-width: 80px;
    text-align: center;
}
.global_search_modal .global_search_search_container .global_search_categories_container .global_search_category:not(.unselected) {
    background-color: #45B2E9;
    color: white;
}
.global_search_modal .global_search_search_container .global_search_categories_container .global_search_category.unselected {
    background-color: #BCBCBC;
    color: white;
}
.global_search_modal .global_search_search_container .global_search_results_container {
    height: 600px;
    overflow-y: auto;
    margin-bottom: 20px;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results_loading_container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results_loading_container > p {
    font-size: 18px;
    font-weight: 600;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_results_category_title {
    padding: 0px 20px 0px 20px;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_results_category_title,
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_results_category_title > span {
    font-size: 18px;
    font-weight: 800;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_status {
    font-size: inherit;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_result {
    padding: 8px 20px 8px 20px;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_result:hover {
    background-color: #F0F6FA;
}
/**
 * Global search employee results
 */
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_employee_result {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_employee_result .global_search_employee_result_image_container {
    width: 45px;
    height: 45px;
    background-color: #aeaeae;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_employee_result .global_search_employee_result_image_container > img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_employee_result p {
    margin: 0;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_employee_result .global_search_employee_result_title {
    font-size: 15px;
    font-weight: 700;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_employee_result .global_search_employee_result_duties {
    font-size: 14px;
    font-weight: 600;
    color: #787878;
}
/**
 * Global search authoriser results
 */
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_authoriser_result {
    cursor: pointer;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_authoriser_result p {
    margin: 0;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_authoriser_result .global_search_authoriser_result_title {
    font-size: 15px;
    font-weight: 700;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_authoriser_result .global_search_authoriser_result_client {
    font-size: 14px;
    font-weight: 600;
    color: #787878;
}
/**
 * Global search client results
 */
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_client_result {
    cursor: pointer;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_client_result p {
    margin: 0;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_client_result .global_search_client_result_title {
    font-size: 15px;
    font-weight: 700;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_client_result .global_search_client_result_address {
    font-size: 14px;
    font-weight: 600;
    color: #787878;
}
/**
 * Global search location results
 */
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_location_result {
    cursor: pointer;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_location_result p {
    margin: 0;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_location_result .global_search_location_result_title {
    font-size: 15px;
    font-weight: 700;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_location_result .global_search_location_result_client {
    font-size: 14px;
    font-weight: 600;
    color: #787878;
}
/**
 * Global search sublocation results
 */
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_sublocation_result {
    cursor: pointer;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_sublocation_result p {
    margin: 0;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_sublocation_result .global_search_sublocation_result_title {
    font-size: 15px;
    font-weight: 700;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_sublocation_result .global_search_sublocation_result_location {
    font-size: 14px;
    font-weight: 600;
    color: #787878;
}
/**
 * Global search contract results
 */
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_contract_result {
    cursor: pointer;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_contract_result p {
    margin: 0;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_contract_result .global_search_contract_result_title {
    font-size: 15px;
    font-weight: 700;
}
.global_search_modal .global_search_search_container .global_search_results_container .global_search_results .global_search_contract_result .global_search_contract_result_location {
    font-size: 14px;
    font-weight: 600;
    color: #787878;
}

.global_search_modal .global_search_highlight {
    color: #45B2E9;
    font-size: inherit;
}

.global_search_modal .global_search_preview_container {
    padding: 40px;
    width: 100%;
    min-width: 350px;
    background-color: #F3F3F3;
    display: flex;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    flex-grow: 1;
    border-radius: 5px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_noresult {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result {
    margin-top: 10px;
}
/**
 * Global search employee preview
 */
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_header_status_container {
    text-align: right;
    width: 100%;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_header_status_container > p {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_header_image_container {
    width: 90px;
    height: 90px;
    background-color: #aeaeae;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_header_image_container > img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_header_name_container {
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0px 0px 0px;
    text-align: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_header_duties_container {
    font-size: 13px;
    font-weight: 600;
    color: #787878;
    margin-top: 10px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_icons_container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_icons_container button:not(.global_search_preview_employee_icons_container > button) {
    margin: 0px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_icons_container > * {
    margin: 0px 5px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_icons_container .global_search_preview_employee_linkedin {
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: #3B8ACD;
    user-select: none;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_icons_container .global_search_preview_employee_note {
    height: 25px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_icons_container .global_search_preview_employee_message {
    height: 25px;
    display: flex;
    align-items: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_icons_container .global_search_preview_employee_log_call > a {
    float: left;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_icons_container .global_search_preview_employee_log_call > a > button {
    margin-right: 0;
    background-color: #4ac661;
    padding-right: 0px !important;
    border-radius: 4px 0 0 4px;
    height: 25px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_icons_container .global_search_preview_employee_log_call > button {
    background-color: #3EA651;
    padding-right: 7px !important;
    float: left;
    margin-left:0;
    border-radius: 0 4px 4px 0;
    padding-left: 7px !important;
    height: 25px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_icons_container .global_search_preview_employee_meeting {
    display: flex;
    align-items: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_info_container {
    margin-top: 20px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_info_container .global_search_preview_employee_info_container_item {
    padding: 0px 40px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_info_container .global_search_preview_employee_info_container_item:not(:last-child) {
    margin-bottom: 20px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_info_container .global_search_preview_employee_info_container_item .global_search_preview_employee_info_container_item_title {
    font-size: 13px;
    font-weight: 600;
    color: #787878;
    margin: 0;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_employee_info_container .global_search_preview_employee_info_container_item .global_search_preview_employee_info_container_item_value {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}
/**
 * Global search authoriser preview
 */
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_header_status_container {
    text-align: right;
    width: 100%;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_header_status_container > p {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_header_name_container {
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0px 0px 0px;
    text-align: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_header_client_container {
    font-size: 13px;
    font-weight: 600;
    color: #787878;
    margin-top: 10px;
}

.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_icons_container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_icons_container button:not(.global_search_preview_authoriser_icons_container > button) {
    margin: 0px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_icons_container > * {
    margin: 0px 5px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_icons_container .global_search_preview_authoriser_linkedin {
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: #3B8ACD;
    user-select: none;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_icons_container .global_search_preview_authoriser_note {
    height: 25px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_icons_container .global_search_preview_authoriser_message {
    height: 25px;
    display: flex;
    align-items: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_icons_container .global_search_preview_authoriser_log_call > a {
    float: left;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_icons_container .global_search_preview_authoriser_log_call > a > button {
    margin-right: 0;
    background-color: #4ac661;
    padding-right: 0px !important;
    border-radius: 4px 0 0 4px;
    height: 25px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_icons_container .global_search_preview_authoriser_log_call > button {
    background-color: #3EA651;
    padding-right: 7px !important;
    float: left;
    margin-left:0;
    border-radius: 0 4px 4px 0;
    padding-left: 7px !important;
    height: 25px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_icons_container .global_search_preview_authoriser_meeting {
    display: flex;
    align-items: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_info_container {
    margin-top: 20px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_info_container .global_search_preview_authoriser_info_container_item {
    padding: 0px 40px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_info_container .global_search_preview_authoriser_info_container_item:not(:last-child) {
    margin-bottom: 20px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_info_container .global_search_preview_authoriser_info_container_item .global_search_preview_authoriser_info_container_item_title {
    font-size: 13px;
    font-weight: 600;
    color: #787878;
    margin: 0;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_authoriser_info_container .global_search_preview_authoriser_info_container_item .global_search_preview_authoriser_info_container_item_value {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}
/**
 * Global search client preview
 */
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_header_status_container {
    text-align: right;
    width: 100%;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_header_status_container > p {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_header_name_container {
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0px 0px 0px;
    text-align: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_header_region_container {
    font-size: 13px;
    font-weight: 600;
    color: #787878;
    margin-top: 10px;
}

.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_icons_container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_icons_container button:not(.global_search_preview_client_icons_container > button) {
    margin: 0px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_icons_container > * {
    margin: 0px 5px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_icons_container .global_search_preview_client_note {
    height: 25px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_icons_container .global_search_preview_client_log_call > a {
    float: left;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_icons_container .global_search_preview_client_log_call > a > button {
    margin-right: 0;
    background-color: #4ac661;
    padding-right: 0px !important;
    border-radius: 4px 0 0 4px;
    height: 25px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_icons_container .global_search_preview_client_log_call > button {
    background-color: #3EA651;
    padding-right: 7px !important;
    float: left;
    margin-left:0;
    border-radius: 0 4px 4px 0;
    padding-left: 7px !important;
    height: 25px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_icons_container .global_search_preview_client_meeting {
    display: flex;
    align-items: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_info_container {
    margin-top: 20px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_info_container .global_search_preview_client_info_container_item {
    padding: 0px 40px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_info_container .global_search_preview_client_info_container_item:not(:last-child) {
    margin-bottom: 20px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_info_container .global_search_preview_client_info_container_item .global_search_preview_client_info_container_item_title {
    font-size: 13px;
    font-weight: 600;
    color: #787878;
    margin: 0;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_client_info_container .global_search_preview_client_info_container_item .global_search_preview_client_info_container_item_value {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}
/**
 * Global search location preview
 */
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_header_status_container {
    text-align: right;
    width: 100%;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_header_status_container > p {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_header_name_container {
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0px 0px 0px;
    text-align: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_header_client_container {
    font-size: 13px;
    font-weight: 600;
    color: #787878;
    margin-top: 10px;
}

.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_icons_container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_icons_container button:not(.global_search_preview_location_icons_container > button) {
    margin: 0px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_icons_container > * {
    margin: 0px 5px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_icons_container .global_search_preview_location_note {
    height: 25px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_icons_container .global_search_preview_location_log_call > a {
    float: left;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_icons_container .global_search_preview_location_log_call > a > button {
    margin-right: 0;
    background-color: #4ac661;
    padding-right: 0px !important;
    border-radius: 4px 0 0 4px;
    height: 25px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_icons_container .global_search_preview_location_log_call > button {
    background-color: #3EA651;
    padding-right: 7px !important;
    float: left;
    margin-left:0;
    border-radius: 0 4px 4px 0;
    padding-left: 7px !important;
    height: 25px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_icons_container .global_search_preview_location_meeting {
    display: flex;
    align-items: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_info_container {
    margin-top: 20px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_info_container .global_search_preview_location_info_container_item {
    padding: 0px 40px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_info_container .global_search_preview_location_info_container_item:not(:last-child) {
    margin-bottom: 20px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_info_container .global_search_preview_location_info_container_item .global_search_preview_location_info_container_item_title {
    font-size: 13px;
    font-weight: 600;
    color: #787878;
    margin: 0;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_location_info_container .global_search_preview_location_info_container_item .global_search_preview_location_info_container_item_value {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}
/**
 * Global search sublocation preview
 */
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_sublocation_header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_sublocation_header_status_container {
    text-align: right;
    width: 100%;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_sublocation_header_status_container > p {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_sublocation_header_name_container {
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0px 0px 0px;
    text-align: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_sublocation_header_location_container {
    font-size: 13px;
    font-weight: 600;
    color: #787878;
    margin-top: 10px;
}

.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_sublocation_icons_container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_sublocation_icons_container button:not(.global_search_preview_sublocation_icons_container > button) {
    margin: 0px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_sublocation_icons_container > * {
    margin: 0px 5px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_sublocation_icons_container .global_search_preview_sublocation_note {
    height: 25px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_sublocation_icons_container .global_search_preview_sublocation_meeting {
    display: flex;
    align-items: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_sublocation_info_container {
    margin-top: 20px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_sublocation_info_container .global_search_preview_sublocation_info_container_item {
    padding: 0px 40px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_sublocation_info_container .global_search_preview_sublocation_info_container_item:not(:last-child) {
    margin-bottom: 20px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_sublocation_info_container .global_search_preview_sublocation_info_container_item .global_search_preview_sublocation_info_container_item_title {
    font-size: 13px;
    font-weight: 600;
    color: #787878;
    margin: 0;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_sublocation_info_container .global_search_preview_sublocation_info_container_item .global_search_preview_sublocation_info_container_item_value {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}
/**
 * Global search contract preview
 */
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_contract_header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_contract_header_status_container {
    text-align: right;
    width: 100%;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_contract_header_status_container > p {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_contract_header_name_container {
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0px 0px 0px;
    text-align: center;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_contract_header_location_container {
    font-size: 13px;
    font-weight: 600;
    color: #787878;
    margin-top: 10px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_contract_info_container {
    margin-top: 20px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_contract_info_container .global_search_preview_contract_info_container_item {
    padding: 0px 40px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_contract_info_container .global_search_preview_contract_info_container_item:not(:last-child) {
    margin-bottom: 20px;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_contract_info_container .global_search_preview_contract_info_container_item .global_search_preview_contract_info_container_item_title {
    font-size: 13px;
    font-weight: 600;
    color: #787878;
    margin: 0;
}
.global_search_modal .global_search_preview_container .global_search_preview_onhover_container_result .global_search_preview_contract_info_container .global_search_preview_contract_info_container_item .global_search_preview_contract_info_container_item_value {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}

.updates-contact-name:hover {
  color: #45B2E9;
}

/* #3542 Convert green tick icon to blue using filter */
.blue-pulse {
    filter: hue-rotate(80deg) opacity(100%);
    animation: pulseBlue 1.5s infinite;
    transition: filter 0.3s;
    width: 18px;
    height: auto;
}

/* #3542 Pulsing animation */
@keyframes pulseBlue {
  0% {filter: hue-rotate(80deg) opacity(100%);}
  15% {filter: hue-rotate(80deg) opacity(100%);}
  50% {filter: hue-rotate(80deg) opacity(30%);}
  85% {filter: hue-rotate(80deg) opacity(100%);}
  100% {filter: hue-rotate(80deg) opacity(100%);}
}

/* #3808 24 hour shift related*/
.mp0, .mp0 td, .mp0 h3, .mp0 p, .mp0 label, .mp0 label::before, .mp0 input{
   margin: 0 !important;
   padding: 0 !important;
}
.input-24hr {
    font-weight: normal;
    font-size: 10px;
}
.input-24hr label{
  margin-right: 13px !important;
  white-space: nowrap;
}
.input-24hr label::before{
    width: 16px !important;
    height: 16px !important;
    background-size: contain;
}
.nowrap{
  white-space: nowrap;
}


/* Radio and Checkbox */
input[type="radio"].radio_styled,
input[type="checkbox"].checkbox_styled {
  display: none;
  margin-left: 15px;
  margin-right: 20px;
}

input[type="radio"].radio_styled + label:before,
input[type="checkbox"].checkbox_styled + label:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  background-image: url(images/checkbox_off.png) !important;
  cursor: pointer;
  font-size: 12px;
  margin-left: 15px;
  margin-right: 20px;
}

input[type="radio"].radio_styled:checked + label:before,
input[type="checkbox"].checkbox_styled:checked + label:before {
  background-image: url(images/medical_checkbox_on.png) !important;
  font-size: 12px;
  margin-left: 15px;
  margin-right: 20px;
}

input[type="radio"].radio_styled:disabled + label,
input[type="checkbox"].checkbox_styled:disabled + label,
.text_styled:disabled + label,
.button_styled:disabled + label {
  opacity: 0.7;
}

.timesheetTab .timesheetIcon {
    height: 16px;
    position: absolute;
    top: -9px;
    right: -8px;
}

.opportunities-new-applications-badge {
    background-color: #5fc7e0;
    position: absolute;
    top: -10px;
    right: -13px;
    padding: 3px;
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.15);
    border-radius: 6px;
}
.opportunities-all-new-applications-badge {
    border-radius: 6px;
    padding: 3px;
    background-color: #5fc7e0;
    color: white;
    font-size: 12px !important;
}

.employee-login-flex-container {
    padding: 40px;
    display: flex;
    justify-content: space-evenly;
    max-height: 875px;
}

.employee-login-flex-container > :first-child, .employee-login-flex-container > :last-child{
    flex-grow: 1;
    flex-basis: 0;
    max-width: 400px !important;
    margin-left: 0;
    margin-right: 0;
}