body {
    margin: 0 !important;
    color: #666666;
    background-color: #ffffff;
    padding: 0 !important;
}

#training_header {
    margin: 0;
    background-color: #84a2d4;
    font: 32px Arial;
    color: #FFF;
    padding: 10px 0;
    text-align: center;
}

#page_top_wrapper {
    position: relative;
}

#content {
    padding: 14px;
    background-color: #fff;
    min-height: 500px;
    position: relative;
}

#footer {
    position: relative;
    margin-top: 2em;
}

#footer.flex-justify {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

#footer.flex-justify .flex-right {
    text-align: right;
}

.auto {
    width: auto !important;
}

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

A:link,
.force-link:link {
    COLOR: #3588a3;
    text-decoration: none;
}

A:visited,
.force-link:visited {
    COLOR: #3588a3;
    text-decoration: none;
}

A:active,
.force-link:active {
    COLOR: #FF3300;
    text-decoration: none;
}

A:hover,
.force-link:hover {
    COLOR: #FF3300;
    text-decoration: underline;
}

.icon-link:hover {
    text-decoration: none;
}

#page_wrapper {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background: #e5e5e5;
    border: none;
    width: 100%;
}

#header_wrapper {
    background: #fff;
    margin: 0px;
    padding: 0px;
    position: relative;
    height: 120px;
    border-bottom: 3px solid #83d2e6;
    overflow-x: hidden;
    overflow-y: hidden;
}

fieldset {
    border: none;
    padding: 0;
}

#header {
    height: 110px;
    padding: 0;
    margin: 0;
}

#header.show-system-logo {
    background: url(../furniture/headerbg_logo.png) no-repeat;
    background-size: 64px;
    background-position: 15px 10px;
}

.logo_separator {
    position: absolute;
    top: 10px;
    left: 92px;
    height: 63px;
    width: 6px;
    background-image: linear-gradient(to right, #eee, white);
}

.login-btn {
    padding: 10px 20px;
    background: #3b89d5;
    border-radius: 3px;
    color: #fff !important;
    margin: 10px 0;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.login-btn:hover, .login-btn:active, .login-btn:focus {
    text-decoration: none;
    background: #2167ab;
}

#client_logo_container {
    height: 60px;
    float: left;
    position: relative;
    top: 10px;
    left: 20px;
}

#header.show-system-logo #client_logo_container {
    left: 110px;
}

#client_logo_container img#client-logo {
    position: absolute;
    top: 60%;
    max-height: 70px;
    transform: translateY(-50%);
}

#left_side {
    top: 0px;
    position: absolute;
    margin-left: 10px;
    width: 180px;
    background-color: #ffffff;
    z-index: 1;
}

#left_side .sidenav-container > ul {
    display: none;
}

#left_side .sidenav-container ul li a:hover,
#left_side .sidenav-container ul li.on a,
#left_side .sidenav-container ul li.current a {
    border: none;
    font-weight: bold;
    background: #ffffff url(../furniture/pointer_navleft.gif) -500px .6em no-repeat
}

#right_side {
    position: absolute;
    z-index: 9;
    right: 10px;
    width: 250px;
}

.right_side_controls {
    margin-bottom: 30px;
}

body.x-c-x #right_side,
body.c-c-x #right_side {
    display: none;
}

body.x-c-x #left_side {
    display: none;
}

body.x-c-c #content {
  margin-left: 10px;
}

#content {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 205px;
    margin-right: 273px;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
}

body.x-c-x #content {
    margin-left: 10px;
    margin-right: 10px;
}

body.c-c-x #content {
    margin-right: 10px;
}

#footer {
    background-color: #e5e5e5;
    clear: both;
    padding: 20px 10px;
    color: #666;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 11px;
    line-height: 1.6em;
}


#left_side p,
#right_side p,
#content .summary p {
    margin: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.3em;
    color: #333333;
}

#right_side p {
    color: #cccccc;
}

#right_side strong {
    color: #ffffff;
}


#left_side ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: 3px solid #fff;
}

#left_side ul ul {
    border: none;
}

#left_side ul li {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #333333;
    line-height: 1em;
}

#left_side ul li a {
    display: block;
    padding: 8px 10px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #e5e5e5;
    background-color: #e5e5e5;
    background: #fff url(../furniture/tab_bg.gif) bottom left repeat-x;
    text-decoration: none;
    color: #313131;
    font-weight: bold;
}

#left_side ul li a:hover {
    background: #fff url(../furniture/tab_bg_over.gif) top left repeat-x;
    color: #000000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e5e5e5;
}

#left_side ul li.on a,
#left_side ul li.current a {
    background-color: #e5e5e5;
    color: #333333;
    background-image: url(../furniture/pointer_chevron_313131.gif);
    background-position: 3px .8em;
    background-repeat: no-repeat;
    border: none;
}

#left_side ul li {}

#left_side ul li ul li {
    border: none;
}

#left_side ul li ul {
    padding: 0;
    margin: 0 0 0 10px;
}

#left_side ul li ul li a,
#left_side ul li.current ul li a {
    background: #ffffff url(../furniture/pointer_navleft.gif) 0 .6em no-repeat;
    color: #666;
    padding-left: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
}

#left_side ul li ul li.on a {
    background-position: -500px .6em;
    color: #000000;
}

#left_side ul li ul li a:hover {
    color: #000000;
}


#left_side h3,
#right_side h3,
#content .summary h3 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 5px 10px 5px 9px;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #666666;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

#right_side h3 {
    color: #fff;
    border-top: none;
    border-left: none;
    padding-top: 10px;
    font-weight: bold;
}

#left_side h4,
#right_side h4 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    color: #313131;
}

#content p {
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
}

#content ul li {
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
}

#content h3 {
    position: relative;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -9px;
    margin-bottom: 20px;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #313131;
    background-color: #eee;
    padding: 7px 10px 7px 9px;
    border-top: 1px solid white;
    border-left: 1px solid white;
}

#content h3 a {
    position: absolute;
    right: 10px;
    top: 6px;
}

#content h3 a,
a.add-new-button,
.btn {
    font-size: 11px;
    color: #333;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #28a745;
    padding: .375rem .75rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #fff;
    background-color: #28a745;
    cursor: pointer;
}
.btn i {
    margin-right: 5px;
}
.btn.btn-blue {
    color: #FFFFFF;
    border: 1px solid #84A2D4;
    background-color: #84A2D4;
}
.btn.btn-red {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

#content h3 #minmax_control {
    padding: 0;
    padding: 0;
    border: none;
    background-color: transparent;
}

#content h4 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #313131;
}

#content h4.sub-heading {
    font-size: 12px;
    color: #FFFFFF;
    background: #666;
    margin: 0;
    padding: 3px 10px;
    margin-left: -10px;
    margin-right: -9px;
    margin-bottom: 20px;
}

#content h5 {
    font-size: 13px;
    color: #313131;
}

#content .with-sub-heading {
    margin-bottom: 2px;
}



#navcontainer {
    position: absolute;
    height: 30px;
    top: 89px;
    left: 20px;
    right: 20px;
}




#navlist {
    margin: 0 auto;
    padding: 0;
    margin-left: 0;
    font: normal 12px "Helvetica Neue", Arial, Verdana, sans-serif, sans-serif;
}

#navlist li {
    list-style: none;
    margin: 0;
    float: left;
    letter-spacing: -.02em;
}

#navlist li a {
    display: block;
    float: left;
    height: 20px;
    padding: 9px 6px 1px 6px;
    margin-left: 0px;
    border: 1px solid #CCCCCC;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: none;
    background: #E2E2E2 url(../furniture/tab_bg.gif) bottom left repeat-x;
    text-decoration: none;
    margin-right: 3px;
}

#navlist li a:link {
    color: #313131;
}

#navlist li a:visited {
    color: #313131;
}

#navlist li a:hover {
    background: #E2E2E2 url(../furniture/tab_bg_over.gif) top left repeat-x;
    padding-top: 10px;
    padding-bottom: 0;
    color: #313131;
}

#navlist li a#current {
    color: #333;
    background: #e5e5e5;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 12px;
    padding-bottom: 4px;
    margin-top: -3px;
    font-size: 14px;
}

#navlist li a#current:hover {
    padding-top: 12px;
    padding-bottom: 4px;
}


.float_left {
    float: left;
    margin-right: 10px;
}

.float_right {
    float: right;
    margin-left: 10px;
}

.featurebox_center {
    background-color: #eee;
    margin: 0px;
    padding: 10px;
    border: none;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #313131;
}

.featurebox_side {
    background: #666666 url(../furniture/featurebox_hat_info.gif) top left repeat-x;
    margin: 0px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 25px 10px 10px 10px;
    border: none;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #cccccc;
}

fieldset {
    width: 610px;
    padding: 10px 0 10px 0;
    display: block;
}

fieldset label,
span.label {
    display: block;
    float: left;
    width: 210px;
    margin-bottom: 0em;
}

fieldset label.mandatory {
    background-image: url(../furniture/icons/bullet_red.png);
    background-repeat: no-repeat;
    background-position: right;
}

span.mandatory {
    color: red;
}

#content fieldset p.error {
    color: red;
}

#content fieldset p.error--inline {
    margin: 5px 0;
}

fieldset label.error {
    font-weight: bold;
}

fieldset input,
fieldset img,
fieldset .rating-field {
    float: left;
    margin-bottom: 1em;
}

fieldset input,
fieldset span.input {
    width: 200px;
    margin-top:-1px;
}

fieldset input.input-wide {
    width: 490px;
}

fieldset input.postcode-selector {
    width: 100px;
    margin-right: 10px;
}

fieldset select {
    width: 204px;
    margin-bottom: 1em;
}

fieldset input.date {
    width: 105px;
}

fieldset textarea {
    width: 700px;
    height: 400px;
    margin-bottom: 1em;
}

fieldset textarea.short {
    height: 50px;
}

fieldset br {
    clear: left;
}

fieldset div {
    margin-bottom: 1em;
}

.business_picker_container {
    height: 18px;
}

.business_picker_container input {
    margin-top: 2px;
}

.business_picker fieldset label {
    text-align: left;
    width: 90%;
}

/**
 * Following was added by Brett to tidy up the activity emails section of the user add/edit form
 */

form.bmfeaturebox_center {
    background-color: #eee;
    margin: 0px;
    padding: 10px;
    border: none;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #313131;
    line-height: 1.5;
}

form.bmfeaturebox_center fieldset {
    width: 640px;
    border: medium none;
    clear: left;
    float: left;
    margin: 0 0 1.5em;
    padding: 0;
}

form.bmfeaturebox_center fieldset ol {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 1em 1em 0;
    margin: 0;
}

form.bmfeaturebox_center fieldset li {
    clear: left;
    float: left;
    padding-bottom: 1em;
    width: 100%
}

form.bmfeaturebox_center fieldset label {
    float: left;
    margin-right: 11px;
    width: 200px;
    display: inline;
}

form.bmfeaturebox_center fieldset input {
    float: none;
    margin-bottom: 0;
    width: 200px;
}

form.bmfeaturebox_center fieldset select {
    margin-bottom: 0;
    width: 204px;
}

form.bmfeaturebox_center fieldset textarea {
    height: 400px;
    width: 700px;
    margin-bottom: 0;
}

form.bmfeaturebox_center fieldset input.checkbox,
form.bmfeaturebox_center fieldset input.radio {
    width: auto;
}

form.bmfeaturebox_center fieldset fieldset {
    background-color: transparent;
    background-image: none;
    border-style: none;
    margin-bottom: -2.5em;
}

form.bmfeaturebox_center fieldset fieldset legend {
    font-weight: normal;
    margin-left: 0;
    padding: 0;
}

form.bmfeaturebox_center fieldset fieldset ol {
    margin: 0 0 0 211px;
    padding: 0;
    position: relative;
    top: -1.5em;
}

form.bmfeaturebox_center fieldset fieldset label {
    float: none;
    margin-right: auto;
    width: auto;
}

form.bmfeaturebox_center fieldset.submit {
    background-color: transparent;
    background-image: none;
    border-style: none;
    float: none;
    width: auto;
    margin-left: 1em;
}

form.bmfeaturebox_center fieldset.submit input {
    width: auto;
}


div.summary {
    display: block;
    float: left;
    width: 200px;
    border: 1px solid #ccc;
    margin-right: 2em;
}

#content div.summary h3 {
    background-color: #2153AA;
    color: white;
    text-align: center;
}

#content div.summary p.more {
    background-color: #fffff6;
    padding: 5px;
    border: 1px solid #DFE8F7;
}

a img {
    border: none;
}

#content p.left_add {
    margin-top: 7px;
    padding-left: 20px;
    margin-left: 10px;
    float: left;
}

#content p.left_add:before {
    content: "\2b";
    font-family: "Font Awesome 6 Pro";
    padding-right: 5px;
    font-size: 16px;
}

p.add {
    padding-left: 20px;
    margin-left: 10px;
    float: right;
}

p.notice {
    padding-left: 20px;
    clear: right;
    float: none;
    background-image: url(../furniture/icons/error.png);
    background-repeat: no-repeat;
    background-position: center left;
    font-weight: bold;
}

#content p.edit {
    margin: 5px 20px 5px 5px;
    padding: 0px;
    color: #1195a9;
    float: left;
}

#content p.edit:before {
    content: "\f044";
    font-family: "Font Awesome 6 Pro";
    padding-right: 5px;
    font-size: 16px;
    font-weight: 900;
}

#content p.edit a {
    margin: 0px;
    padding: 0px;
}

#content h4 {
    width: 100%;
    display: block;
    /* width: 97%; */
    margin: 7px 0;
    float: left;
    /*
     clear: both;
    */
}




/* styles for expanding Help section */

#help_nav {
    float: right;
    height: 53px;
    padding-right: 10px;
}

#help_nav div {
    float: left;
}

#help_nav a {
    display: block;
    background-color: #747474;
    height: 22px;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #ffffff;
    padding: 7px 10px 0 10px;
    outline: none;
    margin-left: 2px;
}

#help_nav .section {
    width: 35px;
    text-align: center;
}

#help_nav .section.section--clickable:hover {
    cursor: hand;
}

#help_nav .health-alert {
    width: 35px;
    text-align: center;
}

#help_nav .health-alert--unhealthy a {
    background-color: #cc3300;
}

#help_nav .health-alert--healthy a i {
    color: white;
}

#help_nav .health-alert--healthy a {
    background-color: #339900;
}

#tab_hello a {
    background: #eee url(../furniture/tabhelp.gif) 10px .8em no-repeat;
    color: #313131;
    padding: 7px 20px 0 25px;
}

#tab_help a {
    background: #eee;
    color: #313131;
    padding: 7px 10px 0 10px;
}

#tab_logout a {
    background-color: #eee;
    color: #313131;
}

#help,
#hello {
    background-color: #313131;
    font-family: "Hlevtica Neue", Arial, Verdana, sans-serif;
    padding: 20px 0;
    color: white;
    font-size: 14px;
}

#help_container {}



#help_chat,
#user_info {
    width: 37%;
    padding: 0 20px;
    /* border-right: 2px solid #7bd9ec; */
}

#help_chat h2,
#user_info h2 {
    margin: 0 0 10px 0;
    font-size: 23px;
}

#help_chat {
    position: relative;
}

#helper_online {
    position: absolute;
    right: 20px;
    top: 0;
}

p.helper {
    background: transparent url(../furniture/icon_helper.gif) left top no-repeat;
    padding-left: 15px;
    font-size: 12px;
}

#help_chat fieldset {
    margin: 0;
    width: 100%;
    padding: 0;
}

#help_chat textarea {
    width: 100%;
    height: 10em;
    margin-top: 0;
    border: none;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 12px;
}

#help_chat input#submit {
    background-color: #1ebedd;
    border: none;
    color: #ffffff;
    width: auto;
    font-size: 14px;
}








/* styles for user info in expandale top area */

table#edituser td,
table#edituser th {
    border: none;
    padding: 5px 0;
    background-color: transparent;
    vertical-align: top;
    text-align: left;
}

table#edituser th {
    font-size: 12px;
    width: 100px;
}

#user_info input,
#user_info select,
#user_info textarea {
    border: none;
    width: 210px;
}

#user_info textarea {
    height: 7em;
}

#user_info input.submit,
#help_chat input#submit {
    background-color: #1ebedd;
    border: none;
    color: #ffffff;
    padding: 5px 10px;
    width: auto;
    font-size: 14px;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-weight: bold;
}











.clearBoth {
    clear: both;
}














#right_side form {
    color: #cccccc;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 12px;
    padding: 10px;
    margin: 0;
}


#right_side fieldset {
    background-color: #4f4f4f;
    width: 220px;
    margin: 0 0 5px 0;
    padding: 5px;
}

#right_side fieldset textarea {
    width: 97%;
    height: 300px;
    margin: 0;
}

#right_side form label {
    float: left;
    width: 190px;
    margin-bottom: 5px;
    margin-right: 10px;
    color: #fff;
}

#right_side form input, #right_side form a.go_button  {
    float: left;
    width: auto;
    margin-bottom: 5px;
}

#right_side form select {
    float: left;
    width: 190px;
    margin-right: 10px;
}












/* in content navigation */

div.incontent_nav {
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 11px;
    margin-bottom: .5em;
    float: left;
    width: 99%;
}

div.incontent_nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
}

div.incontent_nav ul li {
    float: left;
}

div.incontent_nav ul li a {
    font-size: 11px;
    display: block;
    float: left;
    background: white url(../furniture/tab_bg.gif) bottom left repeat-x;
    padding: .5em 5px;
    text-decoration: none;
    color: #333333;
    border: 1px solid #CCCCCC;
    font-weight: bold;
}

#content div.incontent_nav ul li a:hover {
    background-image: url(../furniture/tab_bg_over.gif);
    background-position: top left;
}

#content div.incontent_nav ul li.current a,
#content #incontent_nav ul li.current a:hover,
#content div.incontent_nav ul li#on a,
#content #incontent_nav ul li#on a:hover {
    background-image: none;
    background-color: #313131;
    color: white;
    border: 1px solid #313131;
}

#content div.incontent_nav_secondary {
    padding-left: 30px;
    background: white url(../furniture/incontent_leader.gif) 0 3px no-repeat;
    width: 97%;
    margin-left: 6px;
    font-size: 11px;
}

#content div.incontent_nav_tertiary {
    padding-left: 30px;
    margin-left: 30px;
    background: white url(../furniture/incontent_leader.gif) 0 3px no-repeat;
}

div.content_headed_box {
    border: 1px solid #CCCCCC;
    margin-top: 1em;
}

div.profile_container {
    margin-top: 0;
    clear: both;
}

div.profile_container .profile_part {
    display: none;
}

div.box_header {
    background-color: #313131;
    padding: 4px 0 0 5px;
    min-height: 2em;
    color: #fff !important;
}


div.box_header div.primary {
    float: left;
    width: 47%;
}

div.box_header div.secondary {
    float: right;
    width: 47%;
    text-align: right;
}

div.box_header div.secondary p {
    margin: 0 !important;
    line-height: 1em !important;
    color: #fff !important;
}

div.box_header div.secondary a {
    padding: 5px;
    font-weight: bold;
    color: #fff;
}

div.box_header div.secondary a.on {
    background-color: #4F727F;
    color: #fff;
}

div.box_body h5 {
    margin-top: 0;
    margin-bottom: .5em;
}

div.box_body {
    padding: 10px;
    background-color: #F5F5F5;
}

form.candidate_search_form {
    padding: 0;
    margin-bottom: 1em;
}

form.candidate_search_form fieldset {
    width: 400px;
    border: 1px solid #cccccc;
    padding: 10px 0 10px 10px !important;
}

form.candidate_search_form input,
form.candidate_search_form label {
    width: auto;
    margin: 0 5px 0 0;
    color: #666666;
}

form.candidate_search_form label {
    font-size: 14px;
    color: #333333;
    width: auto;
    margin: 0 10px 0 0;
}

form.candidate_search_form input#candidate_search_form_label {
    width: 200px;
}

#candidates .multiwrapper {
    float: none;
}



#dashboard_container ul.list-container {
    padding: 0;
    margin: 0;
    list-style: none;
    min-height: 200px;
}
#dashboard_container ul.list-container li.list-item {
    list-style: none;
}
#dashboard_container .dashboard-item {
    margin-bottom: 60px;
}
#dashboard_container .dashboard-item.ui-sortable-helper {
    margin-bottom: 0;
}
.ui-sortable-placeholder {
    border: 1px dashed #333333;
    background: #EFEFEF;
}
#dashboard_container .handle {
    border: 1px solid #ccc;
    border-bottom: none;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -1px;
    top: -20px;
    background: #fff;
    text-align: center;
    line-height: 20px;
    cursor: move;
}
#dashboard_container .handle .fa {
    line-height: 20px;
    font-size: 12px;
}


div.dashboard {
    padding: 10px;
    margin-top: 2em;
    margin-bottom: 2em;
    background: #fff url(../furniture/tab_bg.gif) bottom left repeat-x;
    border: 1px solid #ccc;
    position: relative;
}


#content .dashboard h4 {
    color: #313131;
    margin-top: 0;
    margin-left: -11px;
    padding: 10px;
    background: #fff url(../furniture/tab_bg_over.gif) top left repeat-x;
    border: 1px solid #ccc;
    border-bottom: none;
    width: 30%;
    height: 10px;
    margin-bottom: 30px;
    position: absolute;
    top: -31px;
}

#content .dashboard h4 a {
    color: #313131;
}

#content .dashboard h5 {
    margin-top: 1em;
    margin-bottom: .5em;
    color: #313131;
}


.dashboard p {
    color: #313131;
}






.dashboard p.add {
    position: absolute;
    right: 10px;
    top: 0em;
    margin: 0;
}

.dashboard #new_emails {
    position: absolute;
    right: 10px;
    top: 1.5em;
    margin: 0;
}




table#dashboard_summary {
    margin-top: 0;
}

table#dashboard_summary form {
    margin-bottom: 0;
}

table#dashboard_summary fieldset {
    border: none;
    padding: 0;
}

table#dashboard_summary input#candidate_search_form_label {
    position: relative;
    top: -2px;
}

table#dashboard_summary th,
table#dashboard_summary td {
    padding: 5px;
}

table#dashboard_summary form.candidate_search_form fieldset {
    width: auto;
}


.dashboard table {
    margin-top: 0;
    margin-bottom: 0;
}

.dashboard th,
.dashboard td {
    padding-left: 3px;
    background-image: none;
}

.dashboard table.sortable th,
.dashboard table.sortable td {
    padding-left: 12px;
}

.dashboard table.sortable th {
    background-image: url(../furniture/pointer_sort.gif);
}



.dashboard #mi td {
    background-color: white;
}

.dashboard th.sub {
    background-color: #999999;
}

.dashboard form.candidate_search_form fieldset {
    border: none;
}

.dashboard form.candidate_search_form label {
    color: white;
    font-weight: bold;
    margin-right: 40px;
    font-size: 0.8em;
}

.dashboard form.candidate_search_form {
    width: auto;
    margin: 2em 0 1em 0;
    clear: left;
    background-color: #666;
}

#dashboard_summary form.candidate_search_form label {
    font-size: 14px;
    color: #333333;
    width: auto;
    margin: 0 10px 0 0;
    font-weight: normal;
}

ul.dashboard_layout {
    width: 400px;
    margin: 0;
    margin-right: 40px;
    margin-bottom: 40px;
    float: left;
    min-height: 100px;
    padding: 0;
    background: #ccc;
}
ul.dashboard_layout.column-2 {
    width: 840px;
}
ul.dashboard_layout.column-0 {
    clear: left;
}
ul.dashboard_layout li {
    float: left;
    list-style: none;
    width: 320px;
    padding: 40px;
    text-align: center;
    position: relative;
    border: 3px dashed #DDD;
    background-color: #FFF;
    cursor: move;
}
ul.dashboard_layout.column-2 li {
    width: 760px;
}
ul.dashboard_layout li a.delete-dash {
    color: #F00;
}
ul.dashboard_layout li a {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

ul.dashboard_layout li .info {
    display: block;
    margin-top: 10px;
}

/* Widget editor */

.widget-editor {
  padding: 1em 0;
}

.widget-editor .selected-widgets {
  list-style-type: none;
  padding-left: 0;
  font-size: 1.3em;
  border: 1px solid #ccc;
}

.widget-editor .selected-widgets li:first-child {
  border-top: 0;
}

.widget-editor .selected-widgets li {
  padding: 0.5em;
}

.widget-editor .selected-widgets li:hover {
  cursor: move;
  background-color: #ddd;
}

.widget-editor .selected-widgets li a {
  background: url("/themes/default/furniture/icons/delete.png");
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin-right: 0.5em;
}

.widget-editor .ui-sortable-helper {
  background-color: #ddd;
}

.widget-editor .selected-widgets:empty {
  border: 0;
}

.widget-editor .highlight {
  background-color: #ccc;
}

/* End widget editor */

#talentbank em,
#new_emails em {
    font-weight: bold;
    font-style: normal;
    color: #313131;
    font-size: 16px;
}

#messages em {
    font-weight: bold;
    font-style: normal;
}

#messages .unopened {
    background-image: url(../furniture/icon_mail_env_closed.gif);
    background-position: 5px .3em;
    background-repeat: no-repeat;
}

#messages .opened {
    background-image: url(../furniture/icon_mail_env_open.gif);
    background-position: 5px .3em;
    background-repeat: no-repeat;
}

#messages .row1,
#messages .row2 {
    margin: 0 0 5px 0;
    padding: 3px 10px 3px 27px;
    border: 1px solid #ccc;
}

.dashboard div p.row1 {
    background-color: #fff;
}

.dashboard div p.row2 {
    background-color: #daf1f7;
}

#searches form {
    width: 100%;
}

#searches form label {
    color: #cccccc;
    font-size: 12px;
}

#searches form fieldset h5 {}

form.candidate fieldset {
    width: 90%;
}

form.candidate label,
form.candidate input {
    margin-right: 10px;
}

form.candidate label {
    color: white !important;
    font-weight: bold;
    font-size: 13px !important;
}

form.vac_search fieldset,
form.app_search fieldset {
    float: left;
    width: 45%;
}

form.vac_search fieldset {
    margin-right: 20px;
}

#searches label,
#searches input {
    width: auto;
}


#searches input#vs_live,
#searches input#ap_live {
    margin-right: 10px;
}



#searches select {
    width: 90%;
}

input.submit_button {
    width: auto;
    background-color: #000000;
    color: white;
    border: none;
    padding: 3px 8px;
}

div #stats_graph {
    background-image: url(../furniture/stats_graph.gif);
    background-position: 0 -18px;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 150px;
    margin-top: 10px;
}

/* temp style for a checkbox next to a person's name in a table of people */

input.checkboxInPeopleTable {
    padding: 0 0 0 0 !important;
    margin-right: 5px !important;
}

.ui-state-highlight {
    border: 1px solid #FED22F;
}

.ui-datepicker {
    font-size: 0.8em !important;
    z-index: 99999;
}

.ui-datepicker-prev {
    color: white !important;
}

#ui-datepicker-div {
    display: none;
}

.ui-widget.ui-widget-content.single-panel {
    border: none;
}

form#panel_review_form td input[type="radio"] {
    width: auto;
}

form .error {
    color: red;
    font-size: 1em;
    margin-top: 0;
}

fieldset div.checkbox_container {
    float: left;
    width: 204px;
    border: 1px solid #ccc;
    padding: 5px;
}

fieldset div.checkbox_container label {
    width: 180px;
    margin: .5em 0;
    margin-left: 5px;
}

fieldset div.checkbox_container input {
    width: 15px;
    margin: .5em 0;
    clear: both;
}

#count_jobalerts {
    width: auto;
}

#content fieldset .filename {
    clear: left;
    float: left;
    margin-left: 210px;
}

#content fieldset .download {
    display: block;
    clear: both;
    margin-left: 210px;
    margin-bottom: 0;
}

#content fieldset .download input {
    float: none;
    width: auto;
    margin: 0 0 0 20px;
    padding: 0;
}

#current_images {
    overflow: auto;
    padding: 10px;
}

#current_images div {
    float: left;
    text-align: center;
    padding: 5px;
}

.profile_note {
    border: 1px solid #999;
    padding: 20px 10px 10px 10px;
    margin-top: 2em;
    margin-bottom: 1em;
    position: relative;
    text-align: left;
    clear: left;
}

.profile_note.note-highlight {
    background-color: #f9f9f9;
    border-color: #83D2E6;
    border-width: 2px;
}

.profile_note p {
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.4em;
    color: #333333;
}

#content .profile_note .meta,
.profile_note .meta {
    border: 1px solid #999;
    padding: 2px 5px;
    position: absolute;
    top: -10px;
    left: 5px;
}

.profile_note .note-links {
    width: 100%;
    text-align: right;
}

.profile_note dl {
    border: 1px solid #ddd;
    position: relative;
    padding: 5px;
    overflow: auto;
    background-color: #eee;
    font-size: 0.7em;
}

.profile_note dl dt {
    font-weight: bold;
    font-size: 0.9em;
    width: 50px;
    clear: left;
    float: left;
}

.profile_note dl dd {
    float: left;
    width: 520px;
}

.ui-dialog .profile_note dl dd {
    width: 360px;
}

.profile_note dl dd.attachments {
    display: block;
    zoom: 1;
}

dl dt.email {
    display: none;
}

dl dd.email {
    margin: 5px 0;
    padding: 5px 0;
    border-top: 1px solid #999;
    width: 100%;
}

.dropdowns select {
    width: 60px;
}

table#interviewSlots th {
    background-image: none;
}

table#interviewSlots td {
    border: 1px solid #818181;
    cursor: pointer;
}

table#interviewSlots td.on {
    background-color: #818181;
}

table#interviewSlots td.booked {
    background-color: gray;
}

table#interviewSlots td.over {
    background-color: yellow;
}

form#slot_dates {
    margin-top: 6em;
}

#scheduler .selected {
    background-color: orange !important;
}

#scheduler .selectedother {
    background-color: lightgreen !important;
}

#scheduler .booked {
    background-color: gray !important;
}

#navigator {
    width: 880px;
    overflow: auto;
}

#navigator a {
    float: left;
    display: block;
    border: 1px solid #535353;
    border-bottom: none;
    padding: 5px;
}

#navigator a.next {
    float: right;
    margin-right: 0;
}

#slot_legend {
    width: 500px;
    border: 1px solid #535353;
    overflow: auto;
    margin-bottom: 1em;
}

#slot_legend span {
    display: block;
    float: left;
    width: 70px;
    border-left: 50px solid #535353;
    padding-left: 5px;
}

#slot_legend span#alloc {
    border-left: 50px solid lightgreen;
}

#slot_legend span#assign {
    border-left: 50px solid orange;
}

#slot_legend span#avail {
    border-left: 50px solid yellow;
}

#slot_legend span#book {
    border-left: 50px solid grey;
}

td.day_6,
td.day_7 {
    background-color: #ddd;
}

label.rating_label {
    display: block;
    clear: left;
    width: 250px;
    float: none;
}

img.rating {
    float: left;
}

#slot_dates fieldset {
    padding: 10px 10px 0 10px;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 90%;
}

#slot_dates label {
    width: 100px;
}

#slot_dates fieldset input {
    width: 150px;
    margin-right: 2em;
}

#slot_dates fieldset label {
    width: 200px;
}

#slot_dates fieldset select {
    margin-right: 2em;
    width: 300px;
}

#profile_summary iframe {
    margin-bottom: 1em;
    padding: 1em;
}

td.selector {
    text-align: center;
}

div form.add_item .ni_number_wrapper .input.ni_number_1 {
    width: 40px;
}

div form.add_item .ni_number_wrapper .input.ni_number_2 {
    width: 100px;
}

div form.add_item .ni_number_wrapper .input.ni_number_3 {
    width: 20px;
}

table.stat {
    width: 100%;
    margin-top: 5px;
    display: inline-table;
}

table.stat caption {
    text-align: left;
    font-weight: bold;
}

table.stat th.count {
    width: 40px;
}


#message_display {
    padding: 0 10px;
    border: 1px solid #c0c0c0;
}

#message_display h4 {
    margin-top: 1em;
}

#message_display ul {
    padding-left: 20px;
}

#message_display ul li {
    font-size: small;
}


.dashboard ul.vacancy_switch_type {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    width: 100%;
    margin: 0 0 5px 0;
}

.dashboard ul.vacancy_switch_type li {
    display: block;
    float: left;
}

.dashboard ul.vacancy_switch_type li a {
    color: #313131;
    font-weight: bold;
    outline: none;
    display: block;
    line-height: 2em;
    padding: 0 10px;
    border: 1px solid #ccc;
    text-decoration: none;
    margin-right: 3px;
    background: #E2E2E2 url(../furniture/tab_bg.gif) bottom left repeat-x;
}

.dashboard ul.vacancy_switch_type li a:hover {
    background: #E2E2E2 url(../furniture/tab_bg_over.gif) top left repeat-x;
}

.dashboard ul.vacancy_switch_type li.on a {
    background-color: #313131;
    color: #fff;
    background-image: none;
    border: 1px solid #313131;
}
.dashboard .vacancy_switch {
    width: 100%;
    overflow: hidden;
}

#tweet {
    border: 1px solid #999;
    padding: 5px;
}

#tweet p {
    margin: 0;
    padding: 0;
}

form.permissions label.module {
    margin-left: 1em;
}

form.permissions div.permissions {
    margin-left: 2em;
}

form.permissions div.permissions label {
    margin-left: 1em;
}

div.inner_content {
    width: 600px;
}

div.inner_content table {
    margin-top: 3em;
}

table .actions {
    width: 100px;
}

table .actions .fas {
    vertical-align: top;
    margin-top: 2px;
    margin-left: 2px;
}

table.stat .nil {
    color: #999;
}

div.scroller {
    overflow: auto;
    padding: 0;
    width: 100%;
}

div.scroller table {
    margin: 0;
}

#advanced_search {
    width: 630px
}

#advanced_search select {
    float: left;
    margin-right: 10px;
}


#advanced_search_dash fieldset {
    width: auto;
}

#advanced_search_dash fieldset input {
    width: auto;
}

#advanced_search_dash .group {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}

#advanced_search_dash label,
#advanced_search_dash input {
    float: none;
}

#advanced_search_dash label {
    margin-bottom: 6px;
}

#advanced_search_dash p {
    clear: both;
    margin: 0;
}

.grouped-fields * {
    box-sizing: border-box;
}

.grouped-fields .dependency_marked {
    display: none;
}

.grouped-fields {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 1200px) {
    .grouped-fields {
        grid-template-columns: 1fr;
    }
}

.grouped-fields > div {
    margin-bottom: 0;
    min-width: 0;
}

pre {
    white-space: -moz-pre-wrap;
    /* Mozilla, supported since 1999 */
    white-space: -pre-wrap;
    /* Opera 4 - 6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    white-space: pre-wrap;
    /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word;
    /* IE 5.5+ */
}

.profile_nav ul {
    float: right;
}

.profile_nav {
    overflow: hidden;
}

.profile_nav div.incontent_nav ul li {
    margin-left: 3px;
}

.profile_nav div.incontent_nav ul li a.on {
    background-image: url(../furniture/tab_bg_over.gif);
    background-position: top left;
    text-decoration: underline
}

form.status_change_form {
    text-align: right;
}

.profile_part table.profile_table th {
    width: 15%;
    white-space: normal;
}

.profile_part table.profile_table td {
    width: 35%;
}

.profile_part table.profile_table td.small_col {
    width: 12%;
}

.profile_part table.profile_table td.large_col {
    width: 70%;
}

#content .profile_part table.profile_table td p {
    margin-top: 0;
}
#content .profile_part table.profile_table td p:last-child {
    margin-bottom: 0;
}

#content .profile_part table.profile_table td.custom-tab-form-field input:not([type='checkbox']):not([type='radio']),
#content .profile_part table.profile_table td.custom-tab-form-field select,
#content .profile_part table.profile_table td.custom-tab-form-field textarea {
    min-width: 300px;
}

.profile_part table td select {
    max-width: 300px;
}

.profile_screen table th {
    background-image: none;
}

.profile_screen fieldset {
    width: 700px;
}

.profile_screen label {
    display: block;
    float: left;
    width: 300px;
    clear: left;
    font-size: 0.9em;
    margin-bottom: 5px;
}

#content .profile_screen p {
    width: 600px;
    padding: 2px 2px 2px 2px;
    margin: 0 0 5px 0;
}

#content .profile_screen p.answer {
    float: left;
    width: 200px;
    padding: 2px;
    margin: 0 0 5px 0;
    background-color: white;
}

.profile_screen .radio_container,
#profile_compscreen .radio_container {
    float: left;
    width: 120px;
}

#content .profile_screen div.radio_container label {
    float: left;
    width: auto;
    clear: none;
}

#profile_compscreen .radio_container label {
    float: left;
    width: 10px;
    clear: none;
    padding-left: 1em;
}

#content .profile_screen div.radio_container label.score_value {
    padding: 0 0 0 12px;
    font-weight: bold;
}

#content .profile_screen p.radio_header,
#content #profile_compscreen p.radio_header {
    font-size: 1em;
    font-weight: bold;
    margin-left: 505px;
    padding-bottom: 0;
}

#content .profile_screen p.radio_header span {
    padding-right: 7px;
}

.profile_screen fieldset.longanswer h3 {
    clear: both;
}

.profile_screen fieldset.longanswer {
    zoom: 1;
}

.profile_screen fieldset.longanswer .radio_container {
    width: 250px;
}

#profile_compscreen fieldset.longanswer .radio_container {
    width: 350px;
}

.profile_screen fieldset.longanswer table.questions .radio_container,
#profile_compscreen fieldset.longanswer table.questions .radio_container {
    width: 150px;
}

.profile_screen fieldset.longanswer label {
    width: 600px;
    padding-right: 10px;
    color: #313131;
}

ol li {
    color: #313131;
}

.profile_screen fieldset.longanswer label.score {
    width: 370px;
    padding-right: 10px;
}

#content .profile_screen fieldset.longanswer p.answer {
    margin-left: 20px;
    width: 580px;
    float: none;
}

.profile_screen textarea {
    display: block;
    clear: both;
    height: 100px;
    width: 600px;
}

.profile_screen div.subtotal {
    margin-left: 300px;
}

.profile_screen div.prescreen_subtotal {
    clear: left;
    margin-left: 250px;
}

.profile_screen div.subtotal select {
    width: 120px;
    float: left;
}

.profile_screen div.subtotal label {
    width: 150px;
    float: left;
}

.profile_screen p#conditions {
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 1em;
    margin: 1em 0;
}

.profile_screen span.condition {
    display: block;
    width: 200px;
    float: left;
    clear: both;
}

.profile_screen span.result {
    display: block;
    width: 300px;
    float: left;
}

.profile_screen fieldset.longanswer .questions textarea {
    width: 400px;
}

.profile_screen fieldset.longanswer .questions label {
    width: 400px;
}

.profile_screen fieldset.longanswer .questions .radio_container label,
#profile_compscreen fieldset.longanswer .questions .radio_container label {
    width: 15px;
}

.profile_screen fieldset.longanswer .questions .radio_container .radio,
#profile_compscreen fieldset.longanswer .questions .radio_container .radio {
    margin-top: 0;
}

.profile_screen label#outcome_label {
    position: relative;
    clear: left;
}

.profile_screen select#outcome {
    width: 210px;
    float: left;
}

input.radio {
    width: 20px;
}

#profile_full table th {
    background-color: #ddd;
    color: black;
    font-weight: normal;
}

a.print {
    padding-left: 20px;
    padding-top: 3px;
    background-image: url(/themes/default/furniture/icons/printer.png);
    background-repeat: no-repeat;
}

a.pdf {
    padding-left: 20px;
    padding-top: 3px;
}

a.pdf:before {
    content: "\f1c1";
    font-family: "Font Awesome 6 Pro";
    padding-right: 5px;
    font-size: 16px;
}

a.edit {
    padding-left: 20px;
    padding-top: 3px;
}

a.edit:before {
    content: "\f044";
    font-family: "Font Awesome 6 Pro";
    padding-right: 5px;
    font-size: 16px;
    font-weight: 700;
}

a.delete {
    background-image: url("/themes/default/furniture/icons/delete.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    margin: 0;
    padding: 0;
    text-indent: 9999px;
    vertical-align: top;
    width: 18px;
}

a.view {
    padding-left: 20px;
    padding-top: 3px;
}

a.view:before {
    content: "\f06e";
    font-family: "Font Awesome 6 Pro";
    padding-right: 5px;
    font-size: 16px;
}

#content p.screen_result_note {
    background-color: white;
    border: 1px solid #c0c0c0;
    margin: 0 0 1em 0;
    padding: 5px;
}

.actions_inprofile input {
    height: 17px;
    width: 17px;
}


fieldset.tb {
    width: 490px;
    padding-bottom: 0;
}

form#advanced_search_dash div.talentbank_field {
    display: inline;
}

form#advanced_search_dash div.checkboxes {
    float: left;
    width: 190px;
    border: 1px solid #ccc;
    padding: 5px;
}

fieldset.tb div.checkboxes {
    float: left;
    width: 190px;
    border: 1px solid #ccc;
    padding: 5px;
}

form#advanced_search_dash div.checkboxes label {
    width: 165px;
    margin: .2em 0 .1em 0 !important;
    margin-left: 5px;
    font-size: 0.8em;
    line-height: 1.7em;
}

fieldset.tb .checkboxes label {
    width: 165px;
    margin: .5em 0 .5em 0 !important;
    margin-left: 5px;
    font-size: 0.8em;
    line-height: .9em;
}

form#advanced_search_dash div.checkboxes input {
    width: 15px !important;
    margin: 0.1em 5px 0.1em 0 !important;
    float: left;
}

fieldset.tb .checkboxes input {
    width: 15px !important;
    margin: 0.5em 5px 0.5em 0 !important;
    float: left;
}

div.wraptb {
    width: 200px;
    float: left;
    margin: 0 1em 1em 0;
}

div.wraptb div.multiwrapper {
    margin-bottom: 0;
}

#profile_talentbank textarea {
    width: 400px;
    height: 80px;
}

#client_logo p {
    float: right;
    color: white;
    font-size: 1.5em;
    padding-top: 1em;
}

#media_source_section h5 {
    margin: 0 0 1em 0;
    font-size: 11px;
    font-weight: normal;
}

#media_source_section .checkbox_container {
    margin-left: 211px;
    width: 294px;
}

.readonly-field .vacancy-visible-input {
    min-height: 15px;
}

.form-edit input,
.form-edit select,
.form-edit textarea,
.form-edit .checkbox_container {
    width: 300px;
}

.form-edit .monthyear {
    width: 300px;
    float: left;
}

.form-edit .field-textarea {
    font-family: Arial;
    height: 200px;
}
.form-edit .cke {
    clear: both;
    margin-top: 5px;
}

.form-edit div.mfv-wrap {
    margin: 0;
    padding: 0;
    min-height: 40px;
}

p.download {
    margin-top: 0;
}

div#full_inset {
    overflow: auto;
    height: 250px;
    border: 1px solid #555;
}

div#full_inset #TABLE_6 {
    margin-top: 0;
}

#profile_shortlist .profile_note {
    margin-top: 0;
    margin-bottom: 2em;
}

#new_client_form label {
    font-size: 90%;
    width: 250px;
}


#content .report {
    border: 1px solid #ccc;
    padding: 0 1em 1em 1em;
    margin-top: 1em;
    overflow: auto;
}

#content .report h4 {
    margin: 1em 0 0 0;
}

#content .report table {
    width: 250px;
    float: left;
}

#content .report img {
    float: left;
    margin: 0.5em 1em;
}

#content .report .report_group {
    overflow: auto;
}

#content .report .report_group div {
    float: left;
    margin-right: 1em;
}

div.extra p {
    overflow: auto;
    clear: both;
    padding-left: 20px;
}

div.extra p strong {
    display: block;
    width: 370px;
    float: left;
}

div.extra p span {
    display: block;
    float: left;
}

fieldset.longanswer div.total_comments {
    margin-left: 20px;
    margin-top: 20px;
}

#right_side form.multiple {
    padding: 0 10px;
}

#right_side form.multiple fieldset {
    margin-bottom: 0;
    padding: 2px 5px;
}

#right_side form.status0 {
    padding-top: 10px;
}

#right_side form.status0 fieldset {
    padding-top: 10px;
}

#right_side form.status2 {
    padding-bottom: 10px;
}

#actions_inline {
    overflow: hidden;
    font-size: 0.8em;
    margin-top: 10px;
    background-color: #313131;
    padding: 3px 0 5px 10px;
    min-width: 60%;
    width: auto;
    float: right;
    border: 1px solid #cccccc;
}

#actions_inline * {}

#actions_inline h3 {
    margin: 10px 5px 0 0;
    padding: 0 0 0 0;
    background-color: #313131;
    color: white;
    font-weight: bold;
    border-left: none;
    border-top: none;
    float: left;
    font-size: 0.9em;
}

#actions_inline input {
    width: auto;
    margin: 0 0 0 0;
    float: none;
    position: relative;
    top: 4px;
}

#actions_inline form {
    float: left;
}

#actions_inline select {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.9em;
    width: 150px;
}

#actions_inline fieldset {
    width: auto;
    padding: 0;
}

#actions_inline label {
    width: auto;
    margin: 3px 2px 0 2px;
    color: white;
    padding: 2px 3px 5px 3px;
    background-color: #4f4f4f;
}

#actions_inline #status_change_form label {
    width: auto;
    margin: 3px 2px 0 2px;
    color: white;
    padding: 1px 3px 3px 3px;
    background-color: #4f4f4f;
}

#content p.sidenote {
    display: none;
}

fieldset.centres {
    padding-top: 0;
    width: 498px;
}

fieldset.centres h4 {
    margin: 0 0 5px 0;
}

fieldset.centres label {
    width: 465px;
    margin-bottom: 0.5em;
}

fieldset.centres input {
    clear: left;
    width: auto;
    margin-bottom: 0.5em;
}


fieldset legend {
    color: #666;
}

#scheduler table td {
    font-family: monospace;
    padding: 0 5px;
}

#scheduler table td.clickable:hover {
    background-color: #c0c0c0;
}

a.max,
a.min {
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 4px;
    text-indent: -9999em;
    outline: none;
    background-repeat: no-repeat;
}

a.max {
    background-image: url(/themes/default/furniture/icons/arrow_left.png);
}

a.min {
    background-image: url(/themes/default/furniture/icons/arrow_right.png);
}

#right_side p.multi {
    display: none;
}

#profile_compscreen textarea {
    height: 100px;
}

#profile_compscreen label {
    width: 90%;
}

#profile_compscreen label.score {
    width: 200px;
}

#telescreen_form table th {
    background: #7F7F7F none no-repeat scroll 3px 8px;
    border: 1px solid #999999;
    color: white;
    padding: 5px 5px 5px 5px;
    vertical-align: top;
}

#telescreen_form .total_breakdown span {
    padding-left: 1em;
}

#telescreen_form p.answer {
    background-color: white;
    margin-top: 0;
    padding: 1em;
    border: 1px solid #bbb;
}

table.questions {
    margin-top: 0;
}

#questions_and_answers .questions th {
    text-align: left;
}

#questions_and_answers .questions button {
    background: transparent;
    border: 0;
}

#questions_and_answers table.questions td.nb h4 {
    padding-top: 20px;
}
#questions_and_answers table.questions th span {
    float: right;
    font-weight: bold;
}
#questions_and_answers table.questions th .download-icon {
    float: right;
    margin-right: 1em;
}

fieldset.checklist td.answer {
    width: 250px;
}

fieldset.checklist input {
    float: none;
    margin-bottom: 0;
}

fieldset.checklist .checkbox {
    width: auto;
}

#template_attachments {}

#template_attachments input {
    width: auto;
    margin: 0 5px 0 0;
}

#new_files input,
#add_another_attachment {
    float: none;
}

ul#file_list,
ul#new_files {
    margin: 10px 0;
    padding: 0;
    list-style: none;
    clear: left;
}

#template_attachments label,
ul#file_list li,
ul#new_files li {
    float: none;
    clear: left;
}

ul#file_list li,
ul#new_files li {
    padding-left: 20px;
}

fieldset.attachments {
    border: 1px solid #ccc;
    width: 491px;
}
fieldset.attachments div.padding {
    padding: 10px;
}

fieldset.multi_uploader {
    margin-bottom:2%;
}

form#flag_toggler {
    margin: 1em 0;
    overflow: auto;
}

form#flag_toggler * {
    float: left;
}

form#flag_toggler span {
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

form#flag_toggler span.updating {
    background-image: url(/themes/default/furniture/ajax-loader.gif);
}


.screening_results {
    font-size: 110%;
}

.screening_results h4 {
    width: 100%;
}

.screening_results dl dt {
    width: 650px;
    clear: left;
}

.screening_results dl {
    overflow: auto;
    clear: both;
}

.screening_results dl dt,
.screening_results dl dd {
    margin-bottom: 3px;
}

.screening_results dl dd {
    width: 450px;
    margin-bottom: 1em;
}

.showhide {
    display: block;
    font-size: 95%;
    width: 150px;
    border: 1px solid #111;
    overflow: auto;
    margin-bottom: 1em;
    padding: 5px;
    background-color: #ddd;
}

.showhide:hover {
    background-color: #ccc;
    text-decoration: none;
}


fieldset div#lm_questions {
    clear: left;
    border: 1px solid #bbb;
}

fieldset div#lm_questions p {
    margin-left: 2em;
    clear: both;
    overflow: auto;
}

fieldset div#lm_questions p.mandatory {
    color: red;
}

fieldset div#lm_questions p input,
fieldset div#lm_questions p span {
    float: left;
    display: block;
}

fieldset div#lm_questions p .lm_type {
    margin: 0 1em;
    border: 1px solid #bbb;
    background-color: #ccc;
    text-align: center;
    width: 70px;
}

fieldset div#lm_questions p .lm_q {
    width: 400px;
}

fieldset div#lm_questions p .lm_up,
fieldset div#lm_questions p .lm_down,
fieldset div#lm_questions p .lm_delete {
    width: 16px;
    text-indent: -9999em;
    margin: 0;
    cursor: pointer;
}

fieldset div#lm_questions #mandatory_header {
    margin-left: 30px;
    padding-top: 10px;
    display: block;
}

fieldset div#lm_questions p .lm_up {
    background-image: url(/themes/default/furniture/icons/arrow_up.png);
}

fieldset div#lm_questions p .lm_down {
    background-image: url(/themes/default/furniture/icons/arrow_down.png);
}

fieldset div#lm_questions p .lm_delete {
    background-image: url(/themes/default/furniture/icons/delete.png);
}

.dyn_wrapper {
    line-height: 1.5;
    border-bottom: 1px solid #ddd;
    padding: 0 0 1em 0;
    margin: 0 0 1em 0;
}

.dyn_wrapper strong {
    padding-right: 5px;
}

#add_application div .dyn_qualification_professional {
    float: none;
}

#add_application div .dyn_experience_glam {
    float: none;
}

#add_application .flex-wrap input,
#add_application .flex-wrap textarea,
#add_application .flex-wrap select {
    flex: 2;
}

#add_application .new_files {
    margin-top: 0;
}

fieldset.simple {
    width: auto;
}

fieldset.simple label {
    text-align: left;
    margin-bottom: 1em;
    width: 100px;
}

fieldset.simple select,
fieldset.simple input {
    width: 400px;
    float: left;
}

#flag_toggler {
    padding-left: 30px;
    margin: 1em 0;
    background-image: url(/themes/default/furniture/icons/flag_blue.png);
    background-repeat: no-repeat;
}

#content p.thintable {
    /*float: none;*/
    margin: 0 0 0 530px;
}

#content p.add.thintable {
    float: none;
    display: inline-block;
}

table.thintable {
    width: 600px;
}

.traffic_light {
    padding-right: 5px;
    height: 10px;
}

div#config_stuff {
    padding-bottom: 5px;
    padding-right: 5px;
}

div#config_stuff .profile_part {
    overflow: auto;
}

div#config_stuff h4,
div#config_stuff label {
    color: black !important;
}

div#config_stuff label {
    width: 200px;
    display: block;
    float: left;
    clear: left;
    line-height: 16px;
}

div#config_stuff input {
    display: block;
    float: left;
    width: 400px;
}

div#config_stuff .config_wrap {
    overflow: auto;
    float: left;
}

div#config_stuff .config_wrap label {
    width: 20px;
    clear: none;
}

div#config_stuff .config_wrap input {
    margin-right: 30px;
    margin-top: 0;
    width: auto;
}

div#config_stuff li {
    margin: 2px;
}

div#config_stuff .config_desc {
    color: #555;
    clear: both;
    font-style: italic;
    margin-left: 200px;
    margin-top: 0.5em;
    width: 400px;
}

div#config_stuff .config-item {
    padding: 0.5em;
}

div#config_stuff .config-item:hover {
    background-color: #bbb;
}

.filter-settings {
    margin: 0px 0;
    padding: 5px;
}

#content.candidates-module .add-candidate ul.tagit {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  width: 200px;
  margin: 0;
}

#candidates #actions_inline form label {
  vertical-align: middle;
}

#candidates div.tags input[type=text] {
  border: none;
  padding: 0;
}

#candidates form label {
  width: 195px;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}

#candidates form div {
  margin-bottom: 5px;
}

#candidates form div.controls {
  margin-left: 200px;
  margin-top: 10px;
}

#candidates form div.controls input {
  width: auto;
  padding: 1px 10px;
}

#candidates form input[type=text],
#candidates form input[type=email],
#candidates form input[type=tel],
#candidates form textarea {
  width: 228px
}

#candidates form input[type=text],
#candidates form input[type=email],
#candidates form input[type=tel],
#candidates form textarea {
  padding: 5px;
}

#candidates form input[type=radio],
#candidates form input[type=tel],
#candidates form input[type=text],
#candidates form input[type=email],
#candidates form select,
#candidates form input[type=checkboxes],
#candidates form textarea {
  border: 1px solid grey;
}

#candidates form textarea {
  height: 65px;
  font-size: 13px;
}

#candidates form .file_input {
  font-size: 13px;
}

#candidates .field {
  margin-bottom: 10px;
}

#candidates .field .label {
  display: inline-block;
  vertical-align: top;
  width: 200px;
}

#candidates .field .answer {
  display: inline-block;
}

#candidates .latest_notes .note {
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid silver;
  margin-bottom: 10px;
}

#candidates .latest_notes .note .content {
  font-size: 13px;
}

#candidates .latest_notes .note .note_details {
  border-top: 1px solid silver;
  color: #919191;
  font-size: 12px;
}

#candidates .latest_notes .note .content,
#candidates .latest_notes .note .note_details {
  padding: 5px;
}

#candidates .latest_notes .add_note {
  margin-bottom: 10px;
}

#candidates .latest_notes .add_note textarea {
  width: 98%;
  height: 18px;
  margin-bottom: 5px;
  border: 1px solid #666;
  font-size: 13px;
}

#candidates .latest_notes .button_block {
  /*display: none;*/
}

#candidates .top_links {
  display: inline-block;
  float: left;
  margin-top: 10px;
}

#candidates .foot_links {
  font-size: 12px;
}

#candidates .pull_right {
  float: right;
}

#candidates .small_stat {
  border: 1px solid silver;
  text-align: center;
  padding: 10px;
  background-color: #fff;
  border-radius: 3px;
  font-weight: bold;
  min-height: 49px;
}

#candidates .small_stat p {
  margin: 5px 0;
  font-size: 15px;
}

#candidates .small_stat.tags {
  font-size: 13px;
  font-weight: normal;
  color: #333333;
}

#candidates .small_stat a {
  font-size: 11px;
}

#candidates .top_buffer {
  margin-top: 2.127659574468085%;
}

#candidates .communications .communication {
  border: 1px solid silver;
  border-radius: 3px;
  padding: 5px;
  margin-bottom: 5px;
  background-color: #fff;
  font-size: 14px;
}

#candidates .communications .communication:hover,
#candidates .communications .communication.on {
  border: 1px solid #000;
  cursor: pointer;
}

#candidates .communications .communication .subject {
  font-weight: bold;
  margin-bottom: 5px;
}

#candidates .communications .communication .date_sent {
  font-size: 12px;
  text-align: right;
  float: right;
}

#candidates .communications .communication .direction {
  font-size: 12px;
}

#candidates .communications .communication .direction.direction-incoming {
  color: green;
}

#candidates .communications .communication .direction.direction-outgoing {
  color: red;
}

#candidates .communications .communication_detailed {
  background-color: #fff;
  padding: 20px;
  border: 1px solid silver;
}

#candidates .communications .communication_detailed div.subject {
  font-weight: bold;
  margin-bottom: 20px;
  color: #000;
}
#add_note_dialog textarea {
  width: 360px;
  height: 180px;
}
.ajax_popover {
  cursor: pointer;
}

.note_po .content {
  margin-bottom: 15px;
  font-size: 14px;
}

.note_po .details span {
  font-weight: bold;
}

.note_po .details {
  font-style: italic;
}

.communication_po {
  font-size: 14px;
}

.communication_po .subject {
  font-weight: bold;
  margin-bottom: 10px;
}

.communication_po .user {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid grey;
}

.communication_po .user span {
  font-weight: bold;
}

.communication_po .content {
  line-height: 1.2em;
  margin-bottom: 10px;
  word-break: break-all;
}

.communication_po .when {
  font-style: italic;
  font-size: 13px;
}

.ajax_popover.note {
  vertical-align: top;
}

/*
 * Added by Shaun to style the Alerts Add-on
 */

.topAlert {
    width: 100%;
    height: 2em;
    line-height: 2em;
    text-align: center;
    background-color: #eeeeee;
    border-bottom: 2px solid #83D2E6;
    display: block;
}

.topAlert p {
    margin: 0;
    padding: 2px 0;
    color: #ff0000;
    font-weight: 500;
    display: block;
}

.topAlertContent {
    display: inline;
    clear: none;
    float: left;
    margin-left: 50px;
}

.topAlertDelete,
.topAlertDismiss {
    display: inline;
    margin-right: 10px;
}

.topAlertDismiss a img {
    margin-right: 5px;
}

.topAlertImgDismiss {
    margin-right: 5px;
}

.topAlert p a {
    line-height: 1.5em;
    padding: 0px;
    float: right;
}

.topAlert p a img,
.topAlert p img {
    margin-top: 5px;
    position: relative;
    top: 3px;
}

.addNew,
.addNewRight {
    text-align: right;
    background-position: 84% center;
}

.addNew:before,
.addNewRight:before {
    content: "\2b";
    font-family: "Font Awesome 6 Pro";
    padding-right: 5px;
    font-size: 16px;
}

.addNewRight {
    background-position: 91% center;
}

.alertImgLeft {
    float: left;
    margin-left: 10px;
}

.viewAll {
    text-align: right;
}

.viewAll:before {
    content: "\f06e";
    font-family: "Font Awesome 6 Pro";
    padding-right: 5px;
    font-size: 16px;
}

#alertFormDiv {
    width: 550px;
}

#alertForm {
    width: 100%;
}

#alertForm fieldset {
    width: 100%;
}

#alertForm fieldset legend {
    margin-bottom: 10px;
    position: relative;
    left: -10px;
}

#reminderDateLabel {
    width: 45%;
    float: left;
    clear: left;
    margin-bottom: 5px;
}

#reminderDate {
    width: 45%;
    float: left;
    clear: left;
    margin-bottom: 0;
}

#reminderUserIDLabel {
    width: 45%;
    float: right;
    clear: right;
    position: relative;
    top: -20px;
    margin-bottom: 5px;
}

#reminderUserID {
    width: 45%;
    float: right;
    clear: right;
    position: relative;
    top: -20px;
    height: 20px;
    margin-bottom: 0;
}

#reminderTextLabel {
    width: 99%;
    float: left;
    clear: left;
}

#reminderText {
    width: 99%;
    float: left;
    clear: left;
}

#reminderSubmit {
    width: 25%;
    float: right;
    clear: right;
}

.expiredAlert td {
    color: #ff0000 !important;
    font-weight: 400;
}

fieldset#shortlisting {
    width: 800px;
    clear: left;
}

fieldset#shortlisting select {
    width: 400px;
}


#slot_durations {
    text-align: left;
    margin-top: 1em;
}

#slot_durations label,
#slot_durations input {
    display: block;
    float: left;
    margin-bottom: 10px;
}

#slot_durations label {
    width: 60px;
    margin-left: 35px;
}

#slot_durations input {
    width: auto;
}

#job_posting select {
    width: 400px;
}

table#timesheet_entry {
    width: 450px;
    border: 1px solid #c0c0c0;
}

table#timesheet_entry input {
    width: 30px;
}

form#ac_edit select {
    width: 400px;
}

form#ac_edit input {
    width: 395px;
}

form#ac_edit fieldset.submit input {
    width: auto;
}

#content div.expanded p {
    margin: 0;
    padding: 0;
}

#content h4 {
    display: inline-block;
    float: none;
}

#content h4.inline-header {
    float: left;
    width: auto;
}

#content h4 span {
    font-size: 10px;
    font-weight: normal;
    margin-left: 10px;
}

#scheduler {
    display: block !important;
}

#scheduler table {
    display: block !important;
    float: left !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
}

fieldset.tb div.checkboxes {
    float: right;
    width: 185px;
}

fieldset.tb div.checkbox {
    clear: both;
    height: 18px;
    display: block;
}

fieldset.tb div.checkbox input {
    clear: left;
    width: auto;
    float: left;
    margin-left: 70px;
}

fieldset.tb div.checkbox label {
    clear: none !important;
    float: left;
    display: block;
    width: auto;
    line-height: 1.6em !important;
}

table.application_messages td {
    line-height: 1.5em;
}

table.application_messages td input {
    width: 99%;
}

input#add_media,
input#add_media_cost {
    display: block;
    width: auto;
    margin: .2em;
    padding: .2em;
}

div.psl_source_meta label.pslclosingdate,
div.psl_source_meta input.pslclosingdate {
    display: none;
}

#alternate_container {
    margin-bottom: 1em;
    overflow: auto;
}

#alternate_filter,
#filter_extra {
    border: 1px solid #C0C0C0;
    float: left;
    padding: 10px;
    max-width: 21%;
    width: 100%;
}

#alternate_filter {
    max-width: 21%;
    width: 100%;
    display: inline-block;
}

#filter_extra {
    margin-left: 1em;
}

#alternate_filter input,
#filter_extra input,
#alternate_filter select,
#filter_extra select {
    width: 130px;
    display: block;
}

span.input {
    display: block;
    width: 300px;
    float: left;
    margin-bottom: 1em;
}



/*Message filters*/

form.message_filters {
    font-size: 14px;
}

form.message_filters fieldset {
    width: 100%;
    padding: 0;
    margin-right: 1.5em;
    margin-bottom: 0.7em;
}

form.message_filters fieldset input#date_to,
form.message_filters fieldset input#date_from {
    width: 90px;
    text-align: right;
}

form.message_filters fieldset label {
    display: inline-block;
    margin-top: 0.3em;
    width: auto;
    margin-right: 0.5em;
}

form.message_filters fieldset input {
    display: inline-block;
    margin-right: 15px;
}

form.message_filters fieldset input#date_to {
    margin-right: 0;
}

form.message_filters fieldset input.submit {
    width: auto;
}

form.message_filters fieldset select {
    display: inline-block;
    float: left;
}

form.message_filters fieldset input.go_button {
    float: left;
    height: 19px;
    margin-left: 8px;
    margin-top: 3px;
    width: 19px;
}

fieldset#messageMethods {
    width: 100%;
    float: left;
    margin: 0;
    background-color: #7F7F7F;
    padding: 5px 0;
}

fieldset#messageMethods input {
    width: 150px;
    margin-left: 5px;
    margin-bottom: 0;
}

table .paging a,
table .paging a {
  color: #fff;
}

table .paging td,
table .paging th {
  border: none;
}

#edit_application .dyn_wrapper {
    width: 600px;
}

#edit_application .dyn_wrapper label {
    width: 300px;
    display: block;
}

#edit_application .dyn_wrapper span.input {
    float: none;
}

#edit_application .dyn_wrapper textarea {
    width: 440px;
}

#advanced_search {
    width: 630px
}

#advanced_search select {
    float: right;
    margin-right: 10px;
}

#advanced_search .submit_arrow {
    float: right;
    margin-right: 10px;
}

div.ui-dialog form fieldset#template_choices input,
div.ui-dialog form fieldset#template_choices label {
    width: 15px;
    height: 15px;
    margin: 10px 5px;
    padding: 0;
    display: inline-block;
    clear: none;
}

div.ui-dialog form fieldset#template_choices label {
    width: auto;
    clear: right;
}

div.ui-dialog form fieldset#template_choices {
    width: 100%;
    margin: 0;
    padding: 0;
}


div.ui-dialog div.hrss_email label,
div.ui-dialog div.hrss_email input {
    height: 20px;
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 20px;
}

div.ui-dialog div.hrss_email label {
    height: 24px;
    text-indent: 5px;
}

div#offer_auth label.field_type_sift {
    text-align: center;
    line-height: 22px;
    width: 98%;
    padding-right: 2px;
    padding-left: 2px;
    height: auto;
}

div#offer_auth label,
div#offer_auth input,
div#offer_auth select,
div#offer_auth textarea {
    width: 42%;
    height: 20px;
    display: inline-block;
    clear: none;
    margin: 1px;
    padding: 0;
    margin-bottom: 2px;
    border: 1px solid silver;
}

div#offer_auth select,
div#offer_auth input[type=radio] {
    margin-bottom: 3px;
    margin-top: 2px;
}

div#offer_auth textarea {
    height: 100px;
}

div#offer_auth label.field_type_top_title {
    margin-top: 20px;
    padding: 10px 0px 10px 0px;
    font-size: 1.2em;
    font-weight: 600;
}

div#offer_auth label.field_type_header {
    font-size: 1.2em;
    margin-top: 10px;
    font-size: 1em;
    padding: 5px auto;
    font-weight: bold;
}

div#offer_auth label.field_type_header,
div#offer_auth label.field_type_radio,
div#offer_auth label.field_type_paragraph,
div#offer_auth label.field_type_top_title,
div#offer_auth label.field_type_checkboxes {
    text-align: center;
    width: 98%;
    padding-right: 2px;
    padding-left: 2px;
}

div#offer_auth div.checkboxes div.checkbox {
    height: 20px;
    clear: both;
}

div#offer_auth label.field_type_textarea {
    height: 100px;
}

div#offer_auth p.sidenote {
    display: none;
}

div#offer_auth div.checkboxes label.radio_label {
    text-align: right;
}

div#offer_auth label {
    font-size: 11px;
    text-align: right;
    padding-right: 1%;
    width: 55%;
    line-height: 20px;
}

div#offer_auth input {}

div.offer_auth_dialog form,
div.offer_auth_dialog form fieldset {
    margin: 0 auto;
    padding: 0;
    width: 750px;
    overflow: hidden;
}

div.offer_auth_dialog p.add_one {
    font-size: 1em;
    margin: 1em 0;
    float: left;
    clear: both;
    width: 100%;
    cursor: pointer;
    text-decoration: underline;
    text-align: left;
}

#advanced_search_dash fieldset {
    width: auto;
}

#advanced_search_dash fieldset input {
    width: auto;
}

#advanced_search_dash .group {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}

#advanced_search_dash label,
#advanced_search_dash input {
    float: none;
}

#advanced_search_dash label {
    margin-bottom: 6px;
}

#advanced_search_dash p {
    clear: both;
    margin: 0;
}

#advanced_search_dash .checklist {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
}

#advanced_search_dash .checklist label {
    display: inline-block;
    margin: .5em 1em .5em 0;
    padding: 0;
    width: auto;
}

#advanced_search_dash .checklist input {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 15px;
    width: 15px;
}

div.progress_block {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin: 2px;
    padding: 0;
    background-color: #0000ff;
    border: 1px solid #0000dd;
}

div.progress_approved {
    background-color: #00ff00;
    border-color: #00dd00;
}

div.progress_new {
    background-color: #ff0000;
    border-color: #dd0000;
}

#search_tag_cloud {
    width: auto;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    float: left;
}

#search_tag_cloud h4 {
    display: block;
    margin-left: 0;
}

#search_tag_cloud div {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 3px;
    padding: 3px;
    border-radius: 5px;
    border: 1px dotted grey;
    cursor: pointer;
    font-size: 13px;
}

#search_tag_cloud div:hover {
    border-style: solid;
    -webkit-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.3);
    box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.3);
}


table td.score_red,
table td.score_amber,
table td.score_green {
    color: white;
    text-align: center;
}

table td.score_red {
    background-color: red;
}

table td.score_amber {
    background-color: orange;
}

table td.score_green {
    background-color: green;
}

.business_tables table td input {
    width: 5em;
}

#content .html_preview_box {
    border: 1px solid #333333;
    padding: 20px;
    margin: 20px 0px;
}

#content .html_preview_box iframe {
    width: 100%;
    height: 200px;
    border: none;
    outline: none;
}

#profile_telescreen form textarea {
    width: 99%;
}

#profile_test form textarea {
    width: 99.5%;
}

#profile_test form label {
    font-size: 14px;
}


form fieldset .checkbox_sets {
    clear: both;
    height: 400px;
    overflow-y: scroll;
    padding: 10px;
    width: 400px;
}

form fieldset .checkbox_sets_mini {
    clear: both;
    height: 200px;
    overflow-y: scroll;
    padding: 10px;
    width: 400px;
}

#content fieldset.form-edit h4 {
    margin: 1.5em 0 10px 0;
}
#content fieldset.form-edit div:first-child h4 {
    margin-top: 0;
}

/** STYLES FOR VACANCY LAYOUT PAGE **/


/** Some styling stolen and modified from gumby **/


.field .smaller {
    font-size: 11px;
}

#vacancy_field_order {
    padding: 0;
}

#vacancy_field_order li {
    width: 95%;
    font-size: 12px;
    margin-bottom: 3px;
}

#vacancy_field_order li .handle,
#vacancy_field_order li .remove,
#vacancy_field_order li .to_top {
    position: relative;
    float: right;
    z-index: 10;
    margin-top: 2px;
}

#vacancy_field_order li .handle {
    cursor: move;
}

#vacancy_field_order li .remove,
#vacancy_field_order li .to_top {
    margin-right: 10px;
    cursor: pointer;
}

#vacancy_field_order li .to_top:hover {
  color: green;
}

#vacancy_field_order .hidden_extras {
    display: none;
    font-size: 12px;
    margin: 15px 40px 0 40px;
}

#vacancy_field_order .hidden_extras .field label {
    margin: 0px;
    line-height: 14px;
}

#vacancy_field_order .hidden_extras .field,
#vacancy_field_order .hidden_extras .field label {
    font-size: 12px;
    color: #666666;
}

#vacancy_field_order .hidden_extras input[type='checkbox'] {
    margin-right: 5px;
}

#vacancy_field_order .expand_icons {
    cursor: pointer;
    margin-right: 2px;
}

/** END STYLES FOR VACANCY LAYOUT PAGE **/

#content div.password_strength p {
   margin-bottom: 0;
}
div.password_strength ul {
    padding-left: 2em;
}
div.password_strength ul li {
    font-size: 12px;
    color: #333;
    padding: 0 0 2px 22px;
    list-style-type: none;
    float: none;
}

div.password_strength ul li {
    font-size: 12px;
    color: #333;
}
div.password_strength ul li.correct {
    background: url(/themes/default/furniture/icons/tick.png) no-repeat left top;
}
div.password_strength ul li.incorrect {
    background: url(/themes/default/furniture/icons/exclamation.png) no-repeat left top;
}

#user_info div.password_strength ul li {
    color: #FFF;
}

div.user_locked {
  background-color: #eee;
  margin-bottom: 1em;
  padding: 1px 0 10px 10px;
}
div.user_locked p {
  background: url(/themes/default/furniture/icons/exclamation.png) no-repeat left top;
  padding-left: 22px
}

#content #attachments-tab p {
    margin: 5px 0;
}
#content #attachments-tab h4 {
    margin: 5px 0;
}
#attachments-tab .checkboxes {
    margin-top: 10px;
}
#attachments-tab .checkboxes label {
    font-size: 12px;
}
#attachments-tab .existing-attachments,
#attachments-tab .add-attachments {
    border: 1px solid #EFEFEF;
    margin: 10px 0;
    padding: 10px;
}
#attachments-tab #file_list a {
    font-size: 12px;
}


/* Add panel review dialog */

#edit-psl-sources-dialog fieldset,
#create_panel_review.ui-dialog-content fieldset {
    width: 100%;
}

#edit-psl-sources-dialog fieldset label,
#create_panel_review.ui-dialog-content fieldset label {
    float: left;
    clear: left;
    text-align: left;
    width: 20%;
    padding: 0;
}

#create_panel_review.ui-dialog-content fieldset select#pr_users,
#create_panel_review.ui-dialog-content fieldset #s2id_pr_users {
    float: left;
    clear: right;
    width: 75%;
    margin-left: 5%;
}
#edit-psl-sources-dialog fieldset .js-use-select2 {
    width: 75%;
}

#edit-psl-sources-dialog fieldset .js-use-select2,
#edit-psl-sources-dialog fieldset button {
    float: right;
    clear: right;
}

#create_panel_review.ui-dialog-content div.actions {
    float: left;
    width: 100%;
}

#create_panel_review.ui-dialog-content div.actions input {
    float: right;
}

#create_panel_review.ui-dialog-content #panel_display h4 {
    float: left;
    width: 100%;
    clear: right;
    text-align: left;
    margin: 1em 0 0.5em;
}

#create_panel_review.ui-dialog-content #panel_display fieldset {
    width: auto;
}

#create_panel_review table#pr_table {
    clear: both;
}

#no_panel_message {
    clear: both;
}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    z-index: 999999;
}

#create_panel_review table#pr_table {
    clear: both;
}

/* PSL Mass Update dialog */

#psl_sources,
#private_sources {
    width: 295px;
}

.psl_source_meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 5px;
    border: 1px solid #ccc;
    padding: 1em 0 1em 5px;
}

#psl_sources .psl_source_meta label {
    float: none;
    line-height: 1.5;
    width: 75px;
}

#psl_sources .psl_source_meta input {
    float: none;
    margin-bottom: 0;
    width: 100%;
}

#psl_sources .mass_update {
    display: block;
    float: none;
    width: auto;
}

.mass_update_dialog div {
    margin-bottom: 5px;
    text-align: left;
}

.mass_update_dialog div label {
    display: inline-block;
    width: 100px;
}

.mass_update_dialog select {
    width: 350px;
}

.mass_update_dialog div input {
    border: 1px solid #aaa;
    margin: 1px 0;
    padding: 5px;
}



/* Application profile navigation */

#app_scroll_container {
    position: absolute;
    right: 12px;
    top: 15px;
}

#app_scroll_container .app_scroller {
    background-color: #313131;
    color: white;
    font-family: "Times New Roman", Times, serif;
    font-size: 140%;
    padding: 0 10px 3px;
    text-decoration: none;
}

#app_scroll_container .app_inactive {
    background-color: #999;
}

#app_scroll_container .page_count {
    font-size: 80%;
    margin-right: 20px;
}

.profile_part {
    position: relative;
}

#help_nav #tab_snitch a {
    background: #bf37a2;
    color: #EEE;
}

#help_nav .tab_header_warning a {
    background: #e12424;
    color: #FFFFFF;
}

#help_nav #tab_table_layout_toggle a {

}

#tab_development_notice a {
    background: #84A2D4;
    color: #FFFFFF;
}

#header_whoops_warnings,
#header_sql_debug_log {
    display: none;
    padding: 10px 20px;
    font-family: sans-serif;
}

#header_whoops_warnings p,
#header_sql_debug_log p {
    font-size: 12px;
}

.tab_header_warning a:hover,
#tab_development_notice a:hover {
    text-decoration: none;
}

.flash-message {
    position: relative;
    font-size: 14px;
    text-align: center;
    color: #31708f;
    background-color: #d9edf7;
    padding: 15px 25px;
    margin: 20px 0 0 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3);
}

.flash-message.success {
    color: #3c763d;
    background-color: #dff0d8;
}

.flash-message.warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

.flash-message.error {
    color: #a94442;
    background-color: #f2dede;
}

.flash-message .close {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 10px;
    font-size: 15px;
    color: #333;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    padding: 10px;
    cursor: pointer;
}

.flash-message .close:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.vacancy-error {
    position: relative;
    font-size: 14px;
    color: #31708f;
    background-color: #d9edf7;
    padding: 15px 25px;
    margin: 20px 0 20px 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3);
    color: #a94442;
    background-color: #f2dede;
}

.vacancy-error i {
    vertical-align: middle;
}

.vacancy-error strong {
    vertical-align: middle;
    padding-left: 30px;
}

#whoops_error_iframe {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    z-index: 9999;
}

#whoops_error_iframe_close {
    display: none;
    position: fixed;
    top: -16px;
    right: 20px;
    padding: 16px 15px 6px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #db3e3e;
    color: #FFFFFF;
    z-index: 19999;
    font-size: 20px;
}

.dashboard_candidates_parent_status {
    font-weight: bold;
    cursor: pointer;
}

.dashboard_candidates_parent_status:hover {
    background: #daf1f7;
}

.config_map_icon {
    position: relative;
}

.config_map_icon a:hover {
    text-decoration: none;
}

.config_map_icon .popup_hover {
    display: none;
    position: absolute;
    padding: 10px;
    top: 10px;
    left: 10px;
    width: 500px;
    background: #333;
    z-index: 99;
    color: #FFF;
}

.harbour_content_container {
    position: relative;
}

#content .config_map_icon .popup_hover p {
    margin: 2px 0;
    color: #FFF;
}

.config_map_icon:hover .popup_hover {
    display: block;
}

.config_map_icon a.no-find {
    font-size: 12px;
    color: red;
}

div#config_stuff .profile_part {
    overflow: visible;
}

#whoops_error_iframe_close:hover {
    text-decoration: none;
}

#content #properties ul.tagit {
    width: 100%;
    margin-top: 10px;
}

.incontent_nav .edit-item a {
    background: #84A2D4;
    color: #FFFFFF;
    border-color: #698FCF;
    padding-left: 8px;
}

.incontent_nav .edit-item a:hover {
    background: #B3C5E3;
    color: #333333;
}

#vic_interview_slots {
    margin-bottom: 10px;
}

.fake-checkbox {
    margin: 0;
    padding: 0 0.25em;
    cursor: pointer;
    font-size: 22px !important;
    text-align: center;
}

.fake-checkbox.js-checked {
    color: green;
}

.fake-checkbox.js-unchecked {
    color: red;
}

.hidden {
    display: none !important;
}

.row-hover tr:hover {
    background-color: #ddd;
}

#stat_filters select {
    margin-bottom: 5px;
}

#questions_and_answers {
    margin-top: 20px;
}

.select2-container {
    width: 300px;
}

.select2-container .select2-choice span {
    font-size: 12px;
}

#content .tb .tagit {
    width: 192px;
    margin-bottom: 0;
}

.code-monospace {
    font-family: monospace;
}

span.hidden_text_for_excel {
    display: none;
}

.basic-form {
    font-size: 14px;
}
 .basic-form .field:after {
    content: "";
    display: table;
    clear: both;
}
 .basic-form .multiwrapper {
    margin-bottom: 0;
}
 .basic-form input[type=checkbox] {
    width: auto;
}
 .rating-field {
    clear: none !important;
}

/* Import tables styling */
#import-table-new {
    float: right;
}
#import-table-new p {
    margin: 0;
}
#import-table-new p input {
    width: 200px;
    margin-left: 10px;
}
#import-table-new p input[type="submit"] {
    width: 75px;
}
#import-table-new + h4 {
    width: auto;
}
.import-table-columns-mappings {
    width: 95%;
    padding-left: 10px;
    list-style-type: disc;
    margin: 0 5px 10px 5px;
}
.import-table-columns-mappings li {
    font-size: 13px;
    color: #333;
    border: 1px solid #E3E3E3;
    padding: 4px 10px;
}
.import-table-columns-mappings li i {
    float: right;
    color: red;
    cursor: pointer;
    margin: 0 0 5px 5px;
}
#log-table .hidden {
  display: none;
}
#log-table a {
  cursor: pointer;
}
.loading-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0,0,0,0.4);
    z-index: 99;
}
.dependency-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
}

/* handsontable-table */
.handsontable-table {
    overflow: hidden;
    z-index: 0;
}
.handsontable-table tbody > tr:nth-child(2n) > td {
  background: #EFEFEF;
}

.upload_locations_file {
  float:right;
}

.locations_upload_container {
  margin-top: 12px;
}

table.no-border td {
    border: none;
}

/* Interviews Dashboard Piece */
.week-detail {
  text-align: center;
}
#loadingDiv{
  background: url(../furniture/ajax-loader-big.gif);
  position: absolute;
  margin-left: 45%;
  width: 59px;
  height: 56px;
}
.change_recuiter_select{
  margin: 10px 10px 10px 0px;
}
.dashboard ul.vacancy_switch_type,
.dashboard ul#interview_switch_type,
.dashboard ul#candidate_switch_type {
  list-style-type: none;
  padding: 0;
overflow: hidden;
display: inline-block;
margin: 0 0 5px 0;
}
.dashboard ul.vacancy_switch_type li,
.dashboard ul#interview_switch_type li,
.dashboard ul#candidate_switch_type li {
  display: block;
  float: left;
}
.dashboard ul.vacancy_switch_type li a,
.dashboard ul#interview_switch_type li a,
.dashboard ul#candidate_switch_type li a {
  color: #313131;
  font-weight: bold;
  outline: none;
  display: block;
  line-height: 2em;
  padding: 0 10px;
  border: 1px solid #ccc;
  text-decoration: none;
  margin-right: 3px;
  background: #E2E2E2 url(../furniture/tab_bg.gif) bottom left repeat-x;
}

.dashboard ul.vacancy_switch_type li a:hover,
.dashboard ul#interview_switch_type li a:hover,
.dashboard ul#candidate_switch_type li a:hover {
  background: #E2E2E2 url(../furniture/tab_bg_over.gif) top left repeat-x;
}

.dashboard ul.vacancy_switch_type li.on a,
.dashboard ul#interview_switch_type li.on a,
.dashboard ul#candidate_switch_type li.on a {
  background-color: #313131;
  color: #fff;
  background-image: none;
  border: 1px solid #313131;
}

.dashboard select#business_switch {
    display: inline-block;
    float: right;
    margin-top: 4px;
}

#interview_calendar .week-detail {
  text-align: center;
}
#interview_calendar #prev_week {
  float: left;
}
#interview_calendar #next_week {
  float: right;
}

.clear{
  clear: both;
}
#plugin-form fieldset {
    border: none;
    padding: 0;
    margin: 0;
    width: 700px;
}

#plugin-form table,
#plugin-form table td {
    border: none;
    padding: 0;
    margin: 0;
}

#plugin-form .handle {
    float: right;
    cursor: move;
}

#plugin-form fieldset div {
    margin: 0;
}

#plugin-form .sortable-field {
    position: relative;
    border: 1px solid #CCC;
    border-bottom: none;
    padding: 8px 10px;
    margin: 0;
}

#plugin-form .sortable-field:last-child {
    border-bottom: 1px solid #CCC;
}

#plugin-form .visible-modules .sortable-field:nth-child(even) {
    background: #EFEFEF;
}
#plugin-form .visible-modules .sortable-field table td {
    background: none;
}

#plugin-form .sortable-field label {
    margin-bottom: 0;
    line-height: 24px;
}

#plugin-form .sortable-field span.icon {
    margin-left: 10px;
}

#plugin-form .sub-section {
    font-size: 11px;
    margin-left: 25px;
    margin-top: 10px;
    margin-bottom: 0px;
    float: left;
}

#plugin-form input[type='text'] {
    font-size: 11px;
    width: 150px;
}

#plugin-form select {
    width: 300px;
    padding: 2px;
    margin-left: 5px;
}

.stage-item select {
    max-width: 200px;
}

.small-card {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    margin: 10px 5px;
    background: #f4fff6;
    -webkit-box-shadow: 3px 10px 38px -18px rgba(51,51,51,1);
    -moz-box-shadow: 3px 10px 38px -18px rgba(51,51,51,1);
    box-shadow: 3px 10px 38px -18px rgba(51,51,51,1);
    border: 1px solid #AAA;
}

.small-card .padding {
    position: relative;
    margin: 10px;
    font-size: 11px;
}

.small-card .padding .js-delete-action {
    position: absolute;
    top: 0px;
    right: 0px;
    color: red;
}

.small-card .padding input,
.small-card .padding textarea {
    max-width: 90%;
    font-size: 11px;
}
.small-card .padding textarea.js-autocomplete {
    padding: 2px 5px;
    height: 28px;
    line-height: 16px;
    border: 1px solid #CCC;
}

.small-card .highlightTextarea,
.small-card .highlightTextarea .highlightTextarea-container {
    width: 100% !important;
}

.small-card .padding select {
    width: 95%;
}

.small-card .padding label {
    margin-bottom: 3px;
    font-size: 11px;
}

.small-card .padding .field .input {
    font-size: 11px;
    padding: 3px 5px;
}

.stage-action-row input {
    width: 100%;
}

#content .stage-action-row .expandable {
    position: relative;
}

#content .stage-action-row .expandable > p {
    margin: 0;
    text-align: center;
    font-size: 10px;
    cursor: pointer;
    color: #84a2d4;
}

.stage-action-row .expandable .expandable-section {
    display: none;
}
.stage-action-row .expandable > input[type="checkbox"] {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 10px;
    opacity: 0;
    cursor: pointer;
}
.stage-action-row .expandable > input[type="checkbox"]:checked + .expandable-section {
    display: block;
}

#actions_inline label#onboarding-invite-button,
#actions_inline label#onboarding-reinvite-button {
    background-color: #80c342;
    color: #FFFFFF;
}

.better-popup-styling {
    text-align: left;
}

.better-popup-styling fieldset {
    width: 100%;
}

.better-popup-styling .field {
    margin-bottom: 4px;
}

.better-popup-styling .field>label {
    display: inline-block;
    background-color: #e5e5e5;
    border: 1px solid #ccc;
    width: 36%;
    padding: 2px 0 2px 10px;
}

.better-popup-styling label.full {
    width: 96%;
}

.better-popup-styling .checkboxes,
.better-popup-styling label+input,
.better-popup-styling label+select {
    display: inline;
    display: inline-block;
    width: 60%;
}

.better-popup-styling .checkboxes input {
    width: auto;
}

.better-popup-styling .checkboxes label {
    width: auto;
}

.better-popup-styling textarea {
    height: 150px;
    width: 100%;
}

.better-popup-styling span.input {
    float: none;
    display: inline;
    display: inline-block;
}

.centres-selected {
    padding-left: 0;
}

.ui-dialog .ui-dialog-title {
    width: 100% !important;
    /* Fuck Yeah */
}

#onboarding-table-tabs i.fa,
#onboarding-table-list i.fa {
    font-size: 14px;
}

#onboarding-table-tabs .fa-check,
#onboarding-table-list .fa-check {
    color: #5BA83E;
}

#onboarding-table-tabs .fa-times,
#onboarding-table-list .fa-times {
    color: #CF2929;
}

#onboarding-table-tabs .fa-exclamation-triangle,
#onboarding-table-list .fa-exclamation-triangle {
    color: #fbb32a;
}

#onboarding-table-tabs .fa-exclamation-circle,
#onboarding-table-list .fa-exclamation-circle {
    color: #f25a5d;
}

#onboarding-filter-options {
    padding: 10px;
    border: 1px solid #EFEFEF;
    width: 260px;
}

#owner-filter,
#configuration-filter {
    padding: 5px 10px 5px 0;
    width: 250px;
}

#owner-filter legend,
#configuration-filter legend {
    font-weight: bold;
    font-size: 12px;
}

#owner-filter select,
#configuration-filter select {
    margin-bottom: 0;
    float: none;
    clear: both;
    width: 250px;
}
#owner-filter select {
    margin-bottom: 10px;
}

#onboarding-profile {
    position: relative;
    margin-top: 20px;
}

#onboarding-profile .incontent_nav {
    margin-bottom: 0;
    padding: 3px;
    width: 100%;
}

#onboarding-table-tabs {
    width: 100%;
}

#profile-title,
#onboarding-status-change {
    position: relative;
    margin: 0;
    background: #333;
    color: #fff;
    width: auto;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 25px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    z-index: 99;
}
#onboarding-action-button-container {
    position: relative;
}
#onboarding-action-buttons,
#onboarding-status-change {
    position: absolute;
    top: 0px;
    right: 0px;
}

#onboarding-status-change select {
    width: 150px;
}

#onboarding-status-change select,
#onboarding-status-change input {
    margin: 0;
}

#onboarding-action-buttons a {
    font-size: 13px;
    margin-left: 5px;
}

#onbording-content-container tr th {
    text-align: left;
}

#onbording-content-container .onboarding_part {
    display: none;
}

#onbording-content-container .onboarding_part:first-child {
    display: block;
}

.onboarding-form-container tr th,
.onboarding-form-container tr td:first-child {
    width: 47%;
    color: white;
    background: #949494 !important;
    border-color: #fff;
    font-weight: bold;
    padding: 10px;
    vertical-align: middle;
    text-align: left;
}

.onboarding-form-container tr td:last-child {
    width: 60%;
    background: #fff;
    border-color: #ddd;
    padding: 10px;
    vertical-align: middle;
}

.onboarding-form-container .four-col tr th,
.onboarding-form-container .four-col tr td {
    width: 30%;
    background: #fff;
    border-color: #ddd;
    padding: 10px;
    vertical-align: middle;
}

.onboarding-form-container .four-col tr th {
    width: 20%;
    color: white;
    background: #949494;
    padding: 10px;
    border-color: #fff;
}

.onboarding-form-container {
    position: relative;
}

.onboarding-form-container .edit-form {
    position: absolute;
    right: 10px;
    top: -20px;
}

.audit-message {
    position: relative;
    padding-bottom: 20px;
    font-size: 13px;
    margin-bottom: 10px;
}

.audit-message .audit-message-content {
    padding: 10px;
    color: #333;
    border: 1px solid #AAA;
    border-bottom: none;
}

#content .audit-message .audit-message-content p {
    margin: 6px 0;
}

.audit-message .audit-message-content .audit-email-container {
    padding: 10px;
    color: #333;
    border: 1px solid #AAA;
    background: #ccc;
    border-bottom: none;
    margin: 10px 0;
}

.audit-message .audit-message-metadata {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: #e3eff7;
    color: #333;
    font-size: 11px;
    border: 1px solid #AAA;
}

.audit-message .audit-message-metadata .audit-message-metadata-content {
    padding: 4px 10px;
}
.audit-message .audit-message-metadata .actions {
    position: absolute;
    top: 2px;
    right: 10px;
}

#search-module ul.tabs {
  margin-bottom: 0;
  height: 27px;
  margin-top: 50px;
}

#search-module ul.tabs li {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid black;
  border-bottom: 0;
  display: inline;
  padding: 10px;
  background-color: white;
  cursor: pointer;
  background-color: #e0e0e0;
}

#search-module ul.tabs li.active {
  background-color: white;
}

#search-module .no-results {
  margin: 50px 0 50px 30px;
}

#search-module div.results {
  border: 1px solid black;
  padding: 0 10px;
  overflow-x: scroll;
}

.validation-error {
    color: red;
    /* text-align: center; */
    margin: 10px 0 20px 0;
}

.dynamic_action_menu {
    display: none;
}

form.inline {
    display: inline;
    margin-right: 10px;
    *display: inline-block;
}

.regenerate-contract-section {
    display: none;
    margin: 10px 0 20px 0;
}

.regenerate-contract-section .contract-template {
    display: none;
}

.contract_generation_field {
    width: 100%;
    box-sizing: border-box;
}

#onboarding-visibility-table textarea {
    height: 20px;
}

#onboarding-visibility-table mark {
    /** stylings if wanted **/
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    font: Arial;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #428bca;
    outline: 0;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.horizontal-overflow-fix {
    width: 100%;
    overflow-x: scroll;
}
#onboarding-table-list {
    margin: 0;
}
#onboarding-table-list th,
#onboarding-table-list td {
    min-width: 100px;
}
#onboarding-table-list tr th:first-child,
#onboarding-table-list tr td:first-child {
    min-width: 10px;
}

.completion-title {
    display: none;
}

.fa {
    display: inline-block;
}
i.admin-user-icon {
  color: #84a2d4;
  font-size: smaller;
}

.handsontable td {
    white-space: normal !important;
}
span.sort-key {
    display: none;
}

.two-column-container .column {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
}
.two-column-container .column .column-padding {
    padding: 10px;
}

.two-column-container .column .column-padding .field {
    margin-bottom: 2px;
}

.hbr-notify {
    position: absolute;
    display: none;
    border: 1px solid #333;
    background-color: #161616;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
    font-family: Arial;
    font-size: 11px;
    z-index: 10;
}

.hbr-notify {
    position: fixed;
    right: 15px;
    bottom: 10px;
    padding-bottom: 5px;
    font-size: 13px;
    border-color: none;
    background-color: #363636;
}

fieldset input[type="image"] {
    width: auto;
}

#vacancy-application-count, #vacancy-browse-cvs {
    float: right;
    font-size: 12px;
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 12px;
}
#vacancy-application-count .js-refresh-notice {
    display: none;
}

#vacancy-application-count img, #vacancy-application-count input[type=image], #vacancy-browse-cvs img {
    vertical-align: bottom;
}

#mass_move {
  width:668px !important;
}

.vacancy-autocomplete {
  width: 90%
}

.dependency_marked {
    float: right;
    margin-right: 55px;
}

#locations_tabs {
    padding: 0px;
    background: none;
    border-width: 0px;
}
#locations_tabs .ui-tabs-nav {
    padding-left: 0px;
    background: transparent;
    border-width: 0px 0px 1px 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
#locations_tabs .ui-tabs-panel {
    background: #f5f3e5 url(http://code.jquery.com/ui/1.8.23/themes/south-street/images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) repeat-x scroll 50% top;
    border-width: 0px 1px 1px 1px;
}

#locations_tabs .ui-widget-header {
    border: none;
}

#locations_tabs .ui-widget-header a {
    color: black;
}

#locations_tabs .ui-widget-header li {
    border-top: 2px #0f034e solid;
    border-left: 2px #0f034e solid;
    border-right: 2px #0f034e solid;
}

#locations_tabs .ui-state-active {
    background: #0f034e !important;
}

#locations_tabs .ui-state-active a {
    color: white !important;
}

.location_merge_link_hover {
    cursor: pointer;
}

.merge_field_input {
    width: 295px;
}

.references-display-answers .fieldset {
    position: relative;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

.reference-container .fieldset {
    padding: 10px;
    border: 1px solid #CCC;
    margin-bottom: 10px;
    position: relative;
}
.reference-container .fieldset .fieldwrap {
    margin-bottom: 2px;
}

.dynamic_wrapper_inner .delete_dynamic_field,
.reference-container a.delete-reference {
    color: red;
    position: absolute;
    top: 19px;
    right: 10px;
}
.dynamic_wrapper_inner .delete_dynamic_field {
    top: 2px;
    right: 2px;
}

.field .fieldwrap label,
.dynamic_wrapper_inner_field .fieldwrap label,
.gap-selected-form  .fieldwrap label {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.field .fieldwrap input,
.gap-selected-form  .fieldwrap input,
.dynamic_wrapper_inner_field .fieldwrap input,
.field .fieldwrap .input,
.dynamic_wrapper_inner_field .fieldwrap .input,
.gap-selected-form  .fieldwrap .input,
.field .fieldwrap textarea,
.gap-selected-form  .fieldwrap textarea,
.dynamic_wrapper_inner_field .fieldwrap textarea {
    width: 57%;
    display: inline-block;
    vertical-align: top;
}

.dynamic_wrapper_inner {
    padding: 20px 10px 10px 10px;
    border: 1px solid #CCC;
    margin: 10px 0;
    position: relative;
}

.dynamic_wrapper_inner .gap_form_select {
    margin-bottom: 20px;
}

.gap-selected-form .fieldwrap span.input {
    float: none;
}

#application-contract-tab-container .columns .split_column {
    margin-top: 10px;
}

#application-contract-tab-container .columns .split_column table {
    margin-top: 0;
}

#application-reference-form tr td:first-child {
    width: 40%;
}
#reference-columns #reference-additional-fields,
#reference-columns #reference-actual-fields,
.columns .split_column {
    float: left;
    width: 50%;
}
#reference-columns #reference-actual-fields.full-width {
    float: none;
    width: 100%;
}
#reference-columns .padding,
.columns .split_column .padding {
    padding: 0px 10px;
}

#content .contract-audit-note {
    border: 1px solid #333333;
    margin: 10px 0px;
}
#content .contract-audit-note .note-text {
    padding: 5px;
    font-size: 11px;
    background: #FFFFFF;
}
#content .contract-audit-note .note-details {
    font-size: 10px;
    padding: 2px 6px;
    background: #CECECE;
}

#available-form-field-list span.form-text {
    display: none;
}
#current-form-field-list a i:first-child,
#available-form-field-list a i:last-child {
    display: none;
}
#current-form-field-list,
#available-form-field-list,
#customfields_container ul {
    padding-left: 0;
    margin-bottom: 10px;
}
#current-form-field-list > li,
#available-form-field-list > li {
    margin-bottom: 10px;
}
#current-form-field-list > li > ul,
#available-form-field-list > li > ul {
    margin-top: 5px;
}
#customfields_container li,
#customfields_container li label,
#current-form-field-list li,
#available-form-field-list li {
    font-size: 12px;
    line-height: 16px;
}
#customfields_container ul ul {
    padding-left: 10px;
    margin-top: 10px;
}
#customfields_container ul li input {
    width: auto;
    margin: 0px 10px 0px 0px;
    vertical-align: middle;
}
#customfields_container ul li {
    line-height: 18px;
}
.gapcapture-read hr:last-child {
    display: none;
}
.gapcapture-read {
    padding: 5px 10px;
}

.chosen-search {
    display: inline-block;
    width: 100%;
}
.chosen-drop input {
    width: 100% !important;
}
#application-statuses-table input[type='text'] {
    width: 200px;
}
#application-statuses-table input[type='text'].larger {
    width: 400px;
}
#onboarding-configuration-setup fieldset {
    width: 90%;
}
#onboarding-configuration-setup fieldset #pages-and-forms > p {
    margin-top: 0;
}
#onboarding-configuration-setup .form-row > td {
    background: #bad4ff;
    border-color: #111;
}
#onboarding-configuration-setup .form-completion-row > td {
    border-bottom-color: #111;
}
#onboarding-configuration-setup  tbody:last-child .form-completion-row > td {
    border-bottom-color: #ccc;
}
#onboarding-configuration-setup .form-row > td {
    vertical-align: middle;
}
#onboarding-configuration-setup .form-row > td a {
    color: #333;
}
#onboarding-configuration-setup input,
#onboarding-configuration-setup select {
    margin-bottom: 0;
}
#onboarding-configuration-setup .form-row input[type="checkbox"] {
    width: auto;
    margin: 0 5px 0 0;
}
#onboarding-configuration-setup .form-completion-row > td {
    padding: 10px 0px 10px 10px;
}
#onboarding-configuration-setup .form-completion-row td img {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}
#onboarding-configuration-setup #configuration-form-list img {
    width: 2%;
}
#onboarding-configuration-setup .form-completion-row td .completion-container {
    margin: 0;
}
#onboarding-configuration-setup .form-completion-row td .completion-container table {
    width: 95%;
    margin: 0;
}
#onboarding-configuration-setup .form-completion-row td .completion-container > table {
    border: 1px solid #888;
}
#onboarding-configuration-setup .form-completion-row td .completion-container .completion-type {
    background: #e5eeff;
    color: #333;
}
#onboarding-configuration-setup .form-completion-row td .completion-container .completion-type td {

}
#onboarding-configuration-setup .form-completion-row td .completion-container .completion-fields-selection,
#onboarding-configuration-setup .form-completion-row td .completion-container .completion-options-selection {
    background: #e3e3e3;
}
#onboarding-configuration-setup .form-completion-row td .completion-container .completion-fields-selection td,
#onboarding-configuration-setup .form-completion-row td .completion-container .completion-options-selection td {
    font-size: 11px;
}
#onboarding-configuration-setup .form-completion-row td .completion-container .completion-type input[type='text'] {
    width: 95%;
}
#onboarding-configuration-setup .form-completion-row td .completion-container .completion-type select {
    width: 80%;
}
#onboarding-configuration-setup .form-completion-row td .completion-container .completion-type button {
    width: 12%;
}
.cke_path {
    display: none;
}
#filter-bar, #mapping-box {
  float: left;
  width: 350px;
  padding: 10px;
  border: 1px solid #CCCCCC;
}
#mapping-box {
  width: 450px;
  margin-right: 20px;
}
#mapping-box p {
  margin: 0 0 10px 0;
}
#mapping-box form > ul, #form_mapping_list {
  padding: 0px;
}
#mapping-box ul li, #form_mapping_list > li {
  list-style: none;
  margin-top: 20px;
}
#mapping-box ul ul {
  padding-left: 10px;
}
#mapping-box li span, #form_mapping_list li span {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
  color: #555;
}
#mapping-box li ul li, #form_mapping_list li ul li {
  font-size: 12px;
  margin: 5px 0;
}
#form_mapping_list li ul li {
  cursor: pointer;
}
#form_mapping_list img.delete {
  display: none;
}
table#form_mapping_table p {
  margin: 0 0 10px 0
}
.clear {
  clear: both;
}
#mapping-box img.delete {
  vertical-align: bottom;
  cursor: pointer;
}
#load-candidates-cv {
    clear: both;
    display: block;
}
#loaded-candidates-cv {
    width: 100%;
    border: 0;
    background: #FFFFFF;
    display: none;
    height: 300px;
}
#loaded-candidates-cv {
    height: 600px;
}
#onboarding-download-to-pdf {
    text-align: left;
}
#onboarding-download-to-pdf .field label {
    line-height: 16px;
    margin-bottom: 0;
}
#onboarding-download-to-pdf .field input {
    margin-bottom: 6px;
}
form .fa-minus-circle {
    color: red;
    cursor: pointer;
}
form .fa-archive {
    color: goldenrod;
    cursor: pointer;
}
form .fa-undo {
    color: green;
    cursor: pointer;
}
#content .form-edit .vacancy-display-container {
    float: left;
    width: 300px;
}
#content .form-edit .vacancy-display-container:after {
  content: "";
  display: table;
  clear: both;
}
#content .form-edit .vacancy-display-container p {
    margin-top: 0px;
}
.vacancy-display-container .vacancy-hidden-input {
    display: none;
}
.vacancy-display-container .vacancy-visible-input {
    border: 1px solid #ccc;
    padding: 4px;
}

#dependency-log {
    position: fixed;
    bottom: 0px;
    width: 100%;
    max-height: 540px;
    font-family: Arial;
    font-size: 11px;
    line-height: 16px;
    z-index: 50;
}
#dependency-log > div {
    display: none;
}
#dependency-log #dependency-log-button {
    background: #4e6ebf;
    color: #FFFFFF;
    padding: 10px 10px;
    width: 100%;
}
#dependency-log #dependency-log-output {
    background: #FFFFFF;
    overflow-y: scroll;
    max-height: 500px;
}
#dependency-log #dependency-log-output ul li {
    text-align: left;
    margin-bottom: 5px;
}
#dependency-log #dependency-log-output ul ul {
    margin-top: 5px;
}

#actions_move_applications form.normal label,
#actions_move form.normal label {
    float: none;
    width: auto;
}

.cke_reset {
    clear: both;
}

.new_files {
  margin-left: 0px;
  padding-left: 0px;
}

.new_files li {
  display: inline-block;
  width: 100%;
  clear: both;
}
.new_files li input[type=checkbox] {
    width: auto;
    margin: 0 5px 0 0;
}

.template_attachments .warning {
    clear: left;
    color: red !important;
    font-weight: 500;
}

/* Star ratings */
.star-rating {
    text-align: left;
    width: 142px;
    font-size: 1.2em;
    clear: left;
}

.star-rating span {
    display: none;
}

.star-rating.editable {
    position: relative;
    cursor: pointer;
}

.star-rating i.fa-star,
.star-rating i.fa-star-half-alt,
.star-rating i.fa-star-o {
    color: #DAA520;
}

/* The idea of no-star is is sits to the left of the rating, hidden to allow the user to deselect*/
.star-rating.editable .no-star {
    vertical-align: middle;
    margin: -2px 3px 0 5px;
}

.star-rating i.fa-star-o.empty-star {
    color: #efefef;
}
.rating-container {
    display: inline-block;
}

/* Job board posting */
.ui-widget .external_posting_debug textarea {
  text-align: left;
  width: 100%;
  height: 550px;
  resize: none;
  font-family: monospace;
}

/* Assessment centre calendar styling */
.calender_centres {
  margin-bottom: 5px;
}
.calender_centres a.main {
    background: #fff;
    padding: 10px;
    display: block;
    outline: none;
    text-decoration: none;
}
.calender_centres a.main:hover {
    background: #efefef;
    border: 1px solid #d5d5d5;
    padding: 9px;
}
.calender_centres a.main.calendar_picked {
    background: green;
}
.calender_centres span.cal_cen_title,
.calender_centres span.cal_cen_time,
.calender_centres span.cal_cen_location,
.calender_centres span.cal_cen_slots {
  display: block;
}
.calender_centres span.cal_cen_title {
  font-weight: bold;
}
.calender_centres span.cal_cen_actions {
  background: #d5d5d5;
  display: block;
  padding: 5px;
  text-align: right;
}
.calendar_centre_wrapper.picker {
  height: 500px;
  overflow: scroll;
}

.calender_centres_table td {
  padding-bottom: 0px;
}

.calender_centres_table td, .calender_centres_table th {
  border: none;
}

.calender_centres_table .cal-header-row th,
.calender_centres_table .cal-header-row td {
  background: #23874E;
}

.calender_centres_table .cal-date-row th {
  background-color: #949494;
  border-left: 1px solid #949494;
  border-right: 1px solid #949494;
  white-space: normal;
}

.calender_centres_table .cal-header-row td {
  vertical-align: middle;
  padding: 10px;
  box-sizing: border-box;
}

.calender_centres_table .cal-header-row td.cal-prev-week {
  text-align: left;
  width: 10%;
}

.calender_centres_table .cal-header-row td.cal-current-week {
  text-align: center;
  width: 80%;
}

.calender_centres_table .cal-header-row td.cal-next-week {
  text-align: right;
  width: 10%;
}

.calender_centres_table .cal-header-row a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}
.calender_centres_table .cal-header-row a:hover {
  text-decoration: none;
}

.calender_centres_table .cal-header-row td div {
  display: inline-block;
}

.calender_centres_table .js-switch-date.calendar_centre_prev, .calender_centres_table .js-switch-date.calendar_centre_next {
  display: block;
  text-align: center;
  text-indent: -9999px;
}

.calender_centres_table .js-switch-date.calendar_centre_prev {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 15px 8px 0;
  border-color: transparent #ffffff transparent transparent;
}

.calender_centres_table .js-switch-date.calendar_centre_next {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 15px;
  border-color: transparent transparent transparent #ffffff;
  float: right;
  clear: both;
}

.calender_centres_table #js-date-switcher {
  display: inline-block;
  width: 100%;
  max-width: 300px;
  border: none;
  padding: 5px 10px;
  margin-left: 10px;
  box-sizing: border-box;
}

.calender_centres_table .cal-body-row {
  background: #eee;
}

.calender_centres_table .cal-body-row td {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  vertical-align: top;
  background: #eee;
}

.ui-dialog-content .calender_centres_table #js-date-switcher {
  max-width: 200px;
}

.ui-dialog-content .calender_centres_table .cal-body-row td {
  border-bottom: 1px solid #ddd;
}

.ui-dialog-content .calender_centres_table .cal-body-row {
  background: #fff;
}

.ui-dialog-content .calender_centres a.main {
  background: #eee;
}

.ui-dialog-content .calender_centres a.main.calendar_picked {
  background-color: #499349;
  color: #fff;
}

.hbr-table-container{
    position: relative;
}
.hbr-table{
    margin: 0;
}
.hbr-table th {
    padding: 5px;
    background-image: none;
    cursor: auto !important;
    position: relative;
    box-sizing: border-box;
}
.hbr-table th.has_filter {
    min-width: 65px;
}
.hbr-table th select {
    width: 100%;
    margin-top: 5px;
    font-size: 11px;
}
.hbr-table th.sortable {
    padding-left: 12px;
    background: url(../furniture/pointer_sort.gif) 3px 8px no-repeat #7f7f7f;
}
.hbr-table th.sortable span {
    cursor: pointer !important;
}
.hbr-table th.sortable.sort-asc {
  background-position:3px -192px;
  background-color: #000000;
}
.hbr-table th.sortable.sort-desc {
  background-position:3px -92px;
  background-color: #000000;
}
.hbr-table tr:nth-child(even) td {
    background-color: #e5e5e5;
}
.hbr-table tr:nth-child(odd) td {
    background-color: #ffffff;
}
.greyout {
    opacity: 0.5;
    filter: alpha(opacity = 50);
}
.hbr-table-navigation-container {
    background: white;
    padding: 10px;
    height: 14px;
    clear: both;
    text-align: center;
    font-size: 12px;
}
.hbr-table-navigation-container.top {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.hbr-table-navigation-container.bottom {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.hbr-table-navigation-container .table-next {
    float: right;
}
.hbr-table-navigation-container .table-previous {
    float: left;
}
.table-data-loading {
    position: absolute;
    z-index: 4000;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100px;
    text-align: center;
}
.table-data-lazy-loading {
  text-align: center;
}
.hbr-table .sticky-column {
    position: absolute;
    z-index: 20;
    left: 0;
    top: auto;
}
.extra_scrollbar {
  overflow-x: scroll;
  overflow-y:hidden;
  height: 20px;
  position: fixed;
  bottom: 34px;
  z-index: 10000;
}
.extra_scrollbar_inner {
  height: 20px;
}
.float_bottom_nav {
    position: fixed;
    z-index: 30;
    bottom: 0px;
    background: white;
}
.hbr-table .has_checkbox, .hbr-table .nowrap {
  white-space: nowrap;
}
.hbr-table .fa {
  font-size: 15px;
}
.hbr-table th.active_filter {
  background-color: #000000;
}

.hot-settings-container {
    display: none;
    position: relative;
    color: #666;
    background-color: #b5d7f7;
    padding: 10px 0;
    border: 1px solid #333;
    border-bottom: 0;
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    text-align: center;
    overflow: hidden;
}
.hot-settings-container.active {
    display: block;
}
.handsontable-js-container .hot-settings-container {
    justify-content: center;
    align-items: top;
}
.handsontable-js-container .hot-settings-container.active {
    display: flex;
}
.hot-settings-container .inner-solid-container {
    padding: 10px 20px;
    display: inline-block;
    background-color: #b5d7f7;
    -webkit-box-shadow: 0px 0px 20px 10px rgba(181,215,247,1);
    -moz-box-shadow: 0px 0px 20px 10px rgba(181,215,247,1);
    box-shadow: 0px 0px 20px 10px rgba(181,215,247,1);
}
.hot-settings-container  .close-settings-overlay i {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
#content .hot-settings-container p {
    margin: 0;
    font-weight: bold;
    text-align: center;
}
#content .hot-settings-container p a,
#content .hot-settings-container p a:active,
#content .hot-settings-container p a:visited {
    color: #1479d9
}
#content .hot-settings-container i {
    margin-left: 5px;
    vertical-align: middle;
}
#content .hot-settings-container form {
    margin: 10px auto 0 auto;
}
#content .hot-settings-container form select {
    max-width: 400px;
}
#content .hot-settings-container form input[type="submit"] {
    margin-left: 10px;
}
.hot-settings-container .flex-container {
    display: flex;
    justify-content: center;
}

.handsontable td, .handsontable th {
    font-size: 12px;
    line-height: 25px;
}
.handsontable .ht_clone_top_left_corner th:nth-child(2) {
    border-left: none;
}
.top-scrollbar-wrapper {
  height: 15px;
  border: none;
  overflow-x: scroll;
  overflow-y: hidden;
}
.top-scrollbar-wrapper .top-scrollbar {
  height: 15px;
}

.default-attached-item {
    background-color: #e5e5e5;
    border: 1px solid #ccc;
    padding: 4px;
    font-size: 12px;
    margin: 4px 0;
}
.default-attached-item i {
    float: right;
}


/* Prevents flickering when hovering over tooltips with Google Charts */
.google-visualization-tooltip {
    pointer-events:none;
}

/* The main outer container... */
.stats-container {
    /*background-color: #eee;*/
}

/* A single box containing a stat of some kind */
.stats-box {
    border-radius: 5px;
    /*background-color: #eee;*/
    padding: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
    /*box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);*/
}

.stats-box .row {
    margin: 1em 0;
}

.stats-box .row:first-child {
    margin-top: 0;
}

.stats-box .row:last-child {
    margin-bottom: 0;
}

.stats-box table {
    margin-bottom: 0;
    margin-top: 0;
}

/* The header before each table */
.stats-box-header {
    font-weight: bold;
    font-size: 1.2em;
    color: #444;
    margin-bottom: 1em;
}

/* If it has a table, then use this for a horizontal scroll wrapper */
.stats-table-wrapper {
    overflow-x: scroll;
    /*margin-bottom: 1em;*/
}

/* The table itself */
.stats-table {
    background-color: white;
    margin-bottom: 1em;
    margin-top: 1em;
}

.stats-chart {}

/* The filters box */
.stats-filters input {
    box-sizing: border-box;
    height: 29px;
}

.stats-filters .field {
    margin-bottom: 0;
}

.stats-filters .field p {
    float: left;
    margin-top: 0 !important;
}

.js-calendar-item {
    cursor: pointer;
}

summary:hover {
    cursor: pointer;
}

summary {
    outline: none;
}

.data-query-debugger {
    font-size: 13px;
}

.data-query-debugger summary {
    font-weight: bold;
}

.data-query-debugger-container {
    border: 1px solid #d8d8d8;
    background-color: #eee;
    color: #444;
    padding: 1em;
    margin-top: 1em;
}

.data-query-debugger-grid {
    display: grid;
    grid-template-areas: "left right";
    grid-template-columns: 1fr 1fr;
}

.data-query-section-left {
    grid-area: left;
}

.data-query-section-right {
    grid-area: right;
}

.loading-spinner {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading-spinner:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading-spinner:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading-spinner:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

#application_notes_container fieldset, #application_notes_container textarea {
    width: auto;
}
#application_notes_container textarea {
    width: 100%;
    margin-top: 0.5em;
}
#application_notes_container label {
  text-align: left;
}

.backend_uploaded_file {
    margin: 10px 0px;
}

.fa-circle.color-green {
    color: green;
}
.fa-circle.color-amber {
    color: orange;
}
.fa-circle.color-red {
    color: red;
}

.fa-exclamation.color-red {
    color: red;
}

#auth_users #password_check_button {
    margin-top: 10px;
    margin-bottom: 10px;
}

#icon-selection-dialog a {
    border: 1px solid #CECECE;
    width: 18px;
    height: 18px;
    margin: 5px;
    padding: 5px;
    display: inline-block;
}

.rag-icon {
    font-size: 13px !important;
}

.stat_warning_box {
    border: 1px solid;
    padding: 10px;
    display: inline-block;
    margin: 10px 2px;
}

.stat_warning_box_icon {
    color: orange;
}

.stat_warning_box_text {
    padding-left: 5px;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.gap {
    margin-top: 1%;
    margin-bottom:1%;
}

.gap-top {
    margin-top:3%;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.jobtab .vacancy_tab,
#ajax-vacancy-list .jobtab .vacancy_tab {
    padding-left: 0px;
    max-height: 200px;
    overflow-y: scroll;
}

.perfect-radio,
.perfect-checkbox {
    display: flex;
    margin: 0 0 10px 0;
    align-items: center;
    padding: 0;
    text-align: left;
    gap: 10px;
}
.perfect-radio span,
.perfect-radio label,
.perfect-checkbox span,
.perfect-checkbox label {
    flex: 1;
}

.perfect-radio input,
.perfect-checkbox input {
    margin: 0;
    margin-right: 5px;
    flex: none !important;
}

ul.formatted-sortable-list {
    padding: 0;
}
ul.formatted-sortable-list li {
    margin: 5px 0;
    background: #84a2d4;
    color: #FFFFFF;
    font-size: 13px;
    padding: 5px 10px;
    cursor: move;
    width: 50%;
}
ul.formatted-sortable-list li a.js-delete {
    float: right;
}
ul.formatted-sortable-list li a.js-delete .fa-minus-circle {
    color: #FFFFFF;
}

.form-edit input[type="checkbox"] {
    margin-left: 0;
    width: 13px;
    margin-top: 1px;
}

.no-top-margin {
    margin-top: 0 !important;
}

.no-bottom-margin {
    margin-bottom: 0 !important;
}

.no-vert-margin {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#hot-display-license-info {
 display: none;
}

.sp-preview-inner, .sp-preview, .sp-dd {
    margin-bottom: 0;
}

.completion-group {
    margin: 10px;
    color: #333;
    border: 5px solid #333;
}
.completion-group .completion-group-header {
    color: #FFF;
    background: #333;
    padding: 10px;
    font-size: 18px;
}
.completion-group .completion-group-header i {
    float: right;
}
.completion-group .completion-group-description {
    font-size: 12px;
    margin-bottom: 0;
    border-bottom: 2px solid #333;
}
#content .completion-group .completion-group-description input.input {
    width: 100%;
    margin-bottom: 0;
    border: none;
}
.completion-group .completion-fields {
    padding: 10px;
    border-bottom: 2px solid #333;
}
.completion-group .custom-option-fields {
    padding: 10px;
}
#content .completion-group table {
    margin: 0;
}
#content .completion-group table th {
    background: #e5eeff;
    color: #333;
}
#content .completion-group .custom-option-fields table th {
    background: #fcd4d4;
}
#content .completion-group table th:first-child {
    text-align: left;
    font-weight: bold;
}
#content .completion-group table th:last-child {
    color: green;
}
#select-option-dialog .icon-list {
    margin-top: 10px;
}
#select-option-dialog .icon-list .icon {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #fff;
    padding: 2px;
}
#select-option-dialog .icon-list .icon.selected {
    border: 1px solid #666;
}
.custom-option-fields tbody tr td:first-child {
    text-align: center;
}
.custom-option-fields tbody tr td input {
    width: 98%;
}
#emails_disabled_header {
    background: #333333;
    padding: 5px;
    text-align: center;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    margin: 0;
}

input#only_unrated, input#include_unrated {
    margin-top: 0px;
}

input.alias_redirect {
    margin-top: 1px;
}

input.site_map_margin {
    margin-top: 4px;
}


.checkbox_margin {
    margin-top: 4px;
}

#email-trigger-table form i {
    cursor: pointer;
}

a.table_page_button {
    color: #fff;
}

.contract_mapping_table th {
    text-align: left;
    width: 30%;
}

div.plus {
    float: right;
}

.ui-accordion-content {
    height:auto !important;
}

#content .info_box {
    margin: 0;
    clear: both;
}

#content .info_box label {
    float: left;
    margin: 0;
    width: 200px;
    color: #000;
    padding: 3px;
    font-size: 12px;
    text-align: center;
    line-height: 1.5em;
    vertical-align: middle;
    text-align: right;
}

#content .info_box p {
    margin: 0;
    margin-top: 0;
    margin-left: 208px;
    width: auto;
    padding: 3px;
    font-size: 12px;
    text-align: left;
    max-width: 400px;
    min-height: 18px;
    line-height: 1.5em;
    vertical-align: middle;
    border: 1px solid #DDD;
}

#content .info_box img {
    margin-bottom: 0px;
}

#content .info_set {
    width: 38%;
    float: left;
    margin-left: 20px;
}

#vacancy_field_order li.li-small {
    width: 40%;
}

.info_panel {
    float: left;
    width: 50%;
}

.container_extra_data {
    display: none;
}


.container_extra_data td {
    background-color: #dff0d8 !important;
}

.extra_details {
    cursor: pointer;
}

.container_extra_data td div{
    background-color: #dff0d8;
}

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

.ui-dialog.vacancy-note .subject {
    text-align: left;
    margin-bottom: 0.5em;
    font-weight: bold;
}

.ui-dialog.vacancy-note .content {
    text-align: left;
    margin-top: 0;
}

.fa-action-icon-left {
    margin-left: 15px;
}

.action-icon-left,
.action-icon-right {
  margin-left: 20px;
  padding-left: 20px;
  padding-top: 3px;
  background-repeat: no-repeat;
}

.action-icon-key-go {
    background-image: url('/themes/default/furniture/icons/key_go.png')
}

.action-icon-key-preview:before  {
    content: "\f002";
    font-family: "Font Awesome 6 Pro";
    padding-right: 5px;
    font-size: 16px;
}

.action-icon-key-redo {
    background-image: url('/themes/default/furniture/icons/arrow_redo.png')
}

#download-user-excel {
    position: relative;
}

#download-user-excel p {
    margin-bottom: 0;
}

#download-user-excel span {
    margin-left: 10px;
    cursor: pointer;
    border-left: 1px solid #000;
    padding-left: 10px;
}

#download-user-excel-options {
    position: absolute;
    display: none;
    top: 75px;
    right: 0px;
    margin: 0;
    padding: 10px;
    background-color: #efefef;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
#download-user-excel-options li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}
#download-user-excel-options li a {
    margin: 0;
    color: #fff;
    padding: 5px;
    display: block;
    color: #333;
}
#download-user-excel-options li a i {

    color: green;
    margin-left: 5px;
}

#onboarding_application_summary .application_summary_edit_field {
    display: none;
}

#onboarding_application_summary input[type="text"] {
    width: 100%;
}

#onboarding_application_summary .application_summary_name_field {
    width: 50%;
    float: left;
}

#onboarding_application_summary .application_summary_name_field input[type="text"] {
    width: 90%;
}

.arrow_buttons {
    cursor:pointer;
}

#edit_media_costs fieldset {
    width: 98%;
}

#edit_media_costs select {
    margin-bottom: 0px;
    width: 390px;
}

.summary_section_spacing {
    margin-right: 2%;
}

.summary_section_half {
    width: 49%;
    float: left;
}

.black.center {
    display: flex;
    justify-content: center;
}

.left {
    margin-left: 10px;
}

i.fa.fa-link {
    color: black;
}

.copy_to_clipboard {
    font-size: 14px;
    cursor: pointer;
}

.copy_to_clipboard i {
    display: block;
    margin: 0 auto;
    width: 16px;
}

.copy_to_clipboard_success {
    display: none;
    margin: 0 auto;
    width: 125px;
    background-color: #12b1c9;
    padding: 10px;
    border-radius: 18px;
    margin-top: 10px;
    color: white;
}

.switch_workflow_content {
    min-height: 100px;
}

.dashboard_separator {
    margin-top: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ffffff;
}

.scheduler_text_container {
    font-size: 12px !important;
    line-height: 1.4em;
    color: #333333;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.private_confidential_container #vacancy_private {
    margin-top: 10px;
}

.follow_up_warning_icon {
    margin-left: 5px;
    margin-right: 10px;
}

.follow_up_warning_text {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.follow_up_summary_button {
    margin: 0 5px;
}

#template_sms_content {
    height: 200px;
}

.onboarding_summary_note {
    margin-top: 20px;
}

.onboarding_summary_note textarea {
    height: 100px;
    width: 46%;
}

.ui-dialog fieldset {
    max-width: 100%;
}

.ui-dialog form .wrap {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}
.ui-dialog form .wrap:after {
    content: "";
    display: table;
    clear: both;
}

.ui-dialog form .wrap label,
.ui-dialog form .wrap input,
.ui-dialog form .wrap select,
.ui-dialog form .wrap textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.ui-dialog form .wrap label,
.ui-dialog form .wrap input,
.ui-dialog form .wrap select {
    min-height: 26px;
}

.ui-dialog form .grouped {
    margin-bottom: 10px;
}

.ui-dialog form .grouped .wrap {
    margin-bottom: 2px;
}

.ui-dialog form .flex-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

.ui-dialog form .flex-wrap--f {
    width: auto;
}

.ui-dialog form .wrap > label {
    width: 30%;
    display: block;
    height: inherit;
    margin: 0 5px 0 0;
    vertical-align: middle;
    background-color: #e5e5e5;
    border: 1px solid #ccc;
    padding: 3px;
}

.ui-dialog form .wrap label.no-bg {
    border: none;
    background: none;
}

.ui-dialog form .wrap label.full-width {
    width: 100%;
    margin-bottom: 2px;
}

.ui-dialog form .wrap label.no-bg {
    background-color: none;
}

.ui-dialog form .wrap > textarea {
    width: 100%;
    min-height: 60px;
}

.ui-dialog form .wrap textarea + .cke {
    width: 100% !important;
}

.ui-dialog form .flex-wrap input,
.ui-dialog form .flex-wrap select,
.ui-dialog form .flex-wrap textarea,
.ui-dialog form .flex-wrap.field-textarea .field-textarea-wordlimit-wrapper,
.ui-dialog form .flex-wrap .col-input {
    flex-grow: 1;
}

.ui-dialog form .flex-wrap .col-input {
    width: 100%;
    vertical-align: middle;
}

.ui-dialog form .flex-wrap input,
.ui-dialog form .flex-wrap select:not([multiple]),
.ui-dialog form .flex-wrap textarea {
    margin: 0;
    width: inherit;
    max-height: 26px;
    box-sizing: border-box;
}

.ui-dialog form .wrap input[type=radio],
.ui-dialog form .wrap input[type=checkbox] {
    min-height: 0;
    width: auto;
}

.ui-dialog form .wrap label + input[type=radio],
.ui-dialog form .wrap label + input[type=checkbox] {
    flex-grow: 0;
    margin-top: 5px;
}

.ui-dialog form .flex-wrap fieldset {
    width: inherit;
    flex: 2;
}

.ui-dialog form .multi-selects select {
    width: 50px;
    flex-grow: 0;
    margin-right: 5px;
}

.ui-dialog form .multi-selects select:last-child {
    margin-right: 0;
}

/* This is to mirror functionality added, not here in this section but 4000 LINES ABOVE */
.ui-dialog form#add_application .flex-wrap.field-textarea .field-textarea-wordlimit-wrapper {
    flex: 2;
}

.ui-dialog form .flex-wrap.field-textarea .field-textarea-wordlimit-wrapper {
    display: flex;
    flex-flow: column nowrap;
}

.ui-dialog form#add_application .flex-wrap.field-textarea .field-textarea-wordlimit-wrapper textarea,
.ui-dialog form .flex-wrap.field-textarea .field-textarea-wordlimit-wrapper textarea {
    flex-grow: 1;
    min-height: 100px;
}

.ui-dialog .small-notification {
    font-size: 11px;
}

.ui-dialog .ui-dialog-titlebar {
    text-align: center;
}
.ui-dialog .notes-dialog h4 {
    margin-bottom: 10px;
}

#help_nav .header__ms_auth {
    background-color: white;
}

#help_nav .header__ms_auth--unavailable {
    background-color: #f77;
}

.application_view_file_dialog iframe {
    width: 98%;
    height: 95%;
    margin: auto;
}

.application_view_file_dialog .file_html_container {
    height: 100%;
}

.application_view_file_dialog .parsed_file_preview_spinner {
    margin-top: 35%;
}

.actions_field_container {
    height: 20px;
    margin: 5px 0px;
}
.actions_field_container * {
    margin: 0;
    vertical-align: middle;
}
#right_side .right_side_controls {
    padding: 5px 0;
}
#right_side .right_side_controls h3 {
    margin-left: 5px;
    margin-bottom: 10px;
}
#right_side .right_side_controls form {
    margin: 0 10px 10px 10px;
    padding: 0;
}

#summary_notes_container {
    margin-top: 1em;
}

.importer_field {
    border: 1px solid grey;
    border-top: none;
    padding: 20px;
    background: #b3b3b333;
}

.import_icon_insert {
    color: green !important;
}
.import_icon_update {
    color: orange !important;
}
.import_icon_delete {
    color: red !important;
}

.importer_field_title {
    font-weight: bold;
}

.importer_field_heading {
    margin-top: 5px;
    padding: 10px;
    cursor: pointer;
    background: grey;
    color: white;
}

.importer_field_container.method-insert > div > .importer_field_heading {
    background: #738c77;
}

.importer_field_container.method-update > div > .importer_field_heading {
    background: #826b35;
}

.importer_field_container.method-delete > div > .importer_field_heading {
    background: #996666;;
}

.importer_field_container.method-ignore > div > .importer_field_heading {
    background: #80808080;
    padding: 5px;
    font-size: 12px;
    margin-top: 3px;
}

.importer_field_main_row {
    display: flex;
}

.importer_field_main_row > div {
    margin-right: 15px;
}

.importer_field table {
    margin: 0;
}

.importer_field_type_heading {
    font-weight: bold;
    margin-top: 25px;
}

.importer_field_changes_link {
    margin-top: 15px;
    margin-bottom: 5px;
    text-decoration: underline;
    cursor: pointer;
}

.importer_field_children {
    display: flex;
    flex-direction: column;
}

.importer_field_container.method-ignore {
    order: 3;
}

.importer_field_heading .fas {
    color: white !important;
}

.fa.user_password_icon {
    font-size: 1.2em;
    padding-left: 0.4em;
}

#chat-content-container {
    position: relative;
    width: 500px;
}
#chat-content-container form.content {

}
#chat-content-container textarea {
    width: 100%;
    height: 120px;
    box-sizing: border-box;
}
#chat-content-container form .textarea-group {
    position: relative;
}
#chat-content-container form .textarea-group .btn {
    position: absolute;
    display: none;
    right: -40px;
    top: 0px;
}
#chat-content-container .add-new-action-container {
    margin: 20px 0;
    text-align: center;
}
#chat-content-container form .event-actions .btn,
#chat-content-container form .textarea-group .btn {
    width: 30px;
    height: 25px;
    padding: 0;
}
#chat-content-container form .btn i {
    color: #ffffff;
}
#chat-content-container form .btn.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}
#chat-content-container form .btn.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}
#chat-content-container .btn.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
#chat-content-container .btn.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
#chat-content-container .btn.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
#chat-content-container form .btn:disabled {
    opacity: 0.2;
}

#chat-content-container form .event-actions .btn i,
#chat-content-container form .textarea-group .btn i {
    margin: 0;
}
#chat-content-container form .textarea-group .btn-danger {
    top: 30px;
}
#chat-content-container form.btn-visible .textarea-group .btn {
    display: inherit;
}
#chat-content-container .event-actions .action-item {
    display: flex;
    position: relative;
    margin-top: 10px;
}
#chat-content-container .event-actions .action-item input {
    flex-grow: 1;
}
#chat-content-container .event-actions .action-item .btn {
    margin-left: 5px;
}
#chat-content-container .event-actions .action-item .action-buttons {
    display: none;
}
#chat-content-container .event-actions .action-item.actions-visible .action-buttons {
    display: inherit;
}
#chat-content-container .event-actions .action-item.actions-visible .default-buttons {
    display: none;
}
#chat-content-container .go-back-action-container {
    text-align: center;
    margin-bottom: 20px;
}
#action-to-clone-selection-list {
    text-align: left;
    max-height: 300px;
    overflow-y: scroll;
}
#chat-content-container .event-actions .action-item .warnings {
    width: 30px;
    height: 25px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    right: -30px;
    top: 0px;
}
#chat-content-container .event-actions .action-item .warnings i {
    vertical-align: sub;
}

.delete-reference-button {
    position: absolute;
    right: 10px;
    top: 10px;
}

.clickable {
    cursor: pointer;
}

#location_interview_address .chosen-container {
    width: 100% !important;
}

label.radio-label {
    right: 140px;
}

fieldset .checkbox-field-wrap {
    display: inline-block;
    width: 401px;
    float: right;
    margin-bottom: 0;
}

.form-edit .radio-field-wrap {
    display: inline-block;
    width: 401px;
    float: right;
    margin-bottom: 0;
}

.form-edit .radio-field-wrap .radio-label {
    right: 0px;
}

.form-edit .radio-field-wrap .radio-field {
    margin-left: 0;
    width: 13px;
    margin-top: 1px;
}

.checkbox-label {
    width: 300px;
}

.cke_textarea_inline {
    border: 1px solid #666;
    border-radius: 2px;
    color: #222;
    padding: 5px;
    margin: 10px 0;
    font-size: 12px;
}

#content .cke_textarea_inline p {
    margin-top: 0;
}

#content .cke_textarea_inline p:last-child {
    margin-bottom: 0;
}

#fca-settings div {
    margin-bottom: 0;
}
#fca-settings div.field {
    margin-bottom: 1.3em;
}
#fca-settings input {
    width: 50%;
}
#fca-settings .picker {
    width: 52%;
}
#fca-settings p {
    font-size: 14px;
    margin: 0 0 30px 0;
    font-style: italic;
}

#speculativepool-profile .tagging label {
    font-size: 13px;
    color: #313131;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

#content .handsontable .featured-job-flag {
    margin-right: 3px;
    color: #E2ABDF;
}

.acvb-popup .ui-dialog-titlebar-close {
    display: none;
}
.acvb-popup .acvb-candidate {
    margin: 10px 0;
    font-size: 16px;
}
.acvb-popup .acvb-candidate a {
    text-decoration: underline;
}
.acvb-popup iframe {
    width: 100%;
    height: 70vh;
}
.acvb-current {
    margin-left: 10px;
}
.acvb-count {
    margin-right: 10px;
}

.add_another_attachment {
    width: 97px;
    padding-left: 0px;
    padding-right: 0px;
}

.input-date-field {
    width: 6em;
}

table tr.break-row {
    height: 1em;
}

table tbody>tr:nth-child(2n).row-highlight td,
table tr.row-highlight td {
    background-color: #abdff0;
}

/* HBR Snitcher */
.snitcher-paging {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    text-align: center;
}
.snitcher-paging .snitcher-paging-prev {
    text-align: left;
}
.snitcher-paging .snitcher-paging-next {
    text-align: right;
}
.snitcher-paging div {
    flex-basis: 33%;
}

.media_source_field_container {
    margin-bottom: 10px;
}

.media_source_field {
    width: 250px;
}

.interview_note {
    padding: 10px 5px;
    border: 1px solid #CCC;
    margin: 10px 0;
}
#content .interview_note p {
    margin: 0 0 5px 0;
}
#content .interview_note p span {
    font-size: 11px;
}

.input-100 {
    width: 100px;
}

.notes-dialog h4 {
    margin-bottom: 0;
}

.ni_number_wrapper {
    display: flex;
    gap: 1em;
}

.small {
    font-size: 15px !important;
    background: transparent !important;
    padding: 0 !important;
}
.smileys {
    position: relative;
}
.acvb-popup .smileys {
    position: absolute;
    left: 10px;
    top: 3px;
}
.smileys i {
    font-size: 20px;
    width: 25px;
    height: 25px;
    display: inline-block;
    background: #ffffff;
    border-radius: 20px;
    opacity: 0.5;
    cursor: pointer;
    line-height: 25px;
    text-align: center;
    position: absolute;
}
.profile_container .smileys i {
    top: -8px;
}
.smileys i:hover,
.smileys i.disabled {
    opacity: 1;
}
.smileys .fa-smile {
    left: 0px;
}
.smileys .fa-meh {
    left: 30px;
}
.smileys .fa-frown {
    left: 60px;
}
.fa-smile {
    color:green;
}
.fa-meh {
    color:orange;
}
.fa-frown {
    color:red;
}
#cv-dialog-navigation {
    position: absolute;
    font-size: 11px;
    right: 10px;
    top: 10px;
}

.harbour-fullcalendar th {
  background: none;
  color: #333333;
}

.harbour-fullcalendar table {
  margin: 0;
}

.no-availability {
  color: grey!important;
}

a.inline-link {
    margin: 5px 20px 5px 5px;
    padding: 0px;
    float: left;
    font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1.4em;
}

/* Overrides for the FullCalendar plugin to make it work as expected */
.fc-time-grid .fc-slats table tbody > tr td,
.fc-time-grid .fc-slats table tbody > tr:nth-child(2n) > td:not(.slot_available):not(.slot_booked),
.fc-content-skeleton table tr td {
    background-color: transparent;
}

.reference-container .checkboxes {
    display: inline-block;
}

.reference-container .radio-field-wrap label, .reference-container .checkbox-field-wrap label {
    width: auto;
}

.reference-container .radio-field-wrap input, .reference-container .checkbox-field-wrap input {
    width: auto;
    display: inline-block;
}

#interview_availability_link {
    float: none;
}

.file-previewable {
    cursor: pointer;
    display: inline-block;
    transition: all .3s ease-in-out;
}

.file-previewable:hover {
    color: red;
}

#file-preview-dialog iframe {
    width: 100%;
    max-height: 70vh;
    background: #fff;
}

#file-preview-image-dialog {
    max-height: 70vh!important;
}

#file-preview-image-dialog img {
    width: 100%;
}


/* Help Dialog Styling */
#help_dialog input[type="file"] {
    margin: auto;
}

#help_dialog textarea {
    height: 200px;
    max-height: 200px;
}

#help_dialog .another_support_file {
    width: 140px;
}

#help_dialog .support_screenshots {
    width: inherit;
}

#sms_contact_content {
    height: 200px;
}

/* Fake heading 3 - for doing cool things inside the heading */
.fake-heading-3 {
    width: calc(100% - 4.5px);
    background-color: #EEE;
    min-height: 20px;
    padding: 7px 10px;
    position: relative;
    top:  -9px;
    left: -9px;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.fake-heading-3 .heading {
    color: #313131;
    font-size: 20px;
}

/* Audit navigation icons */
.audit-navigation {
    display: flex;
    flex-flow: row;
    height: 100%;
}

.audit-navigation a {
    width: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.audit-navigation a.disabled,
.audit-navigation a.disabled:hover {
    color: #AAA;
    text-decoration: none;
    cursor: default;
}

.info-box {
    padding: 12px;
    border: 1px solid #efefef;
    border-radius: 10px;
    background-color: #e2ebf9;
    margin-top: 0
}

.info-box code {
    background: #ddd;
    padding: 0 4px;
    color: #333;
    font-family: monospace;
    white-space: nowrap;
}

.info-box p:first-child {
    margin-top: 0 !important;
}

.info-box p:last-child {
    margin-bottom: 0 !important;
}

#sovren_summary_box {
    font-size: 13px;
    border: 1px solid orange;
    padding: 5px 5px 5px 25px;
    background-image: url(/themes/default/furniture/sovren.png);
    background-repeat: no-repeat;
    background-position: 8px center;
}

.cv-preview-download {
    margin-bottom: 10px;
}

.date_clearer {
    margin-left: 5px;
}

#base-contracts-css-container {
    height: 600px;
}

.email_trigger_conditional_statement, .onboarding_form_conditional_statement {
    min-height: 200px;
}

.password-view-toggle {
    position: relative;
    top: 2px;
    left: -22px;
}

.signature-canvas-container canvas {
    background: #fff;
    border: 1px solid #ccc;
}

.create_new_signature {
    padding: 10px;
    cursor: pointer;
    border: 1px solid;
    background: white;
    display: inline-block;
}

.htAutocomplete {
    color: rgb(119, 119, 119);
}

.bytheway {
    padding-top: 5px;
}

.min-column {
    width: 0px;
}

#mass-allocate-vic-slots-dialog {
    text-align: left;
}

#mass-allocate-vic-slots-dialog .users {
    margin-bottom: 0.5em;
}

#mass-allocate-vic-slots-dialog .dates input {
    width: 100px;
    text-align: right;
}

#mass-allocate-vic-slots-dialog label {
    display: inline-block;
    width: 100px;
}

.underlined {
    text-decoration: underline;
}

.form-section .postcode_anywhere_value {
  width: 400px;
  height: 150px;
  display: block;
  margin-top: 20px;
}

.form-section .postcode_anywhere_input {
  width: 400px;
}

.alert.alert--warning {
    background-color: #fff3cd;
    padding: 0.5em 1em;
    border: 1px solid #e7d8ab;
    border-radius: 5px;
}