/*-------------------------------------------------------

Custom styles for specific pages.

Selectors in this file should be page specific and should affect elements
visible only on one or two pages.

-------------------------------------------------------*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,500,700,800);
@import url(//fonts.googleapis.com/css?family=Cabin:400,500,700);

.application-confirm .summary {
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    padding:10px 20px 20px 20px;
    text-align: left;
}
.application-confirm .summary ul {
    margin-left: 0;
}
.application-confirm .summary h5 {
    text-transform: uppercase;
}
@media (min-width: 768px) {
    .application-confirm .summary {
        margin-left: 20px;
        margin-right: 20px
    }
}
.not-eligible img.small-timer {
    margin-top:20px;
}
.not-eligible h1 {
    font-weight: 300;
    color: #3E75A9;
}
.not-eligible .not-eligible-summary h5 {
    font-weight: bold;
}
.not-eligible .not-eligible-summary {
    text-align: left;
    padding: 10px 20px 20px;
    margin-bottom:10px;
    margin-top:20px;
    border: 1px solid #ddd;
    background: #ffffff;
}
.not-eligible p.form-holder-text {
    text-align: center;
    color: #BFC1C5;
    font-size: 1.5em;
    font-weight: 300;
}
.add-user-as-pm .panel-body {
    margin-bottom: 10px;
}

.not-eligible .additional-documents {
    margin-left: 20px;
}

@media (min-width: 768px) {
    .not-eligible .additional-documents {
        margin-left: 40px;
    }
}

/*-------------------------------------------------------

practice detail page

-------------------------------------------------------*/

.practice-detail .panel-body {
    margin-bottom: 10px;
}

.practice-detail .xs-responsive-table h4 {
    padding-left: 8px;
    background-color: #3e75a8;
    color: white;
    line-height: 2em;
    margin-bottom: 0;
}
.practice-detail .form-inline .form-group {
    vertical-align: top;
}

.practice-detail .managers {
    margin-left: 30px;
}
.practice-detail input[type="text"] {
    width: 300px;
    margin-right: 20px;
}
/*-------------------------------------------------------

Job list page

-------------------------------------------------------*/
.job-list .xs-responsive-table .week-heading {
    padding-left: 8px;
    background-color: #3e75a8;
    color: white;
    line-height: 2em;
    margin-bottom: 0;
}
.job-list .xs-responsive-table h4 {
    padding-left: 8px;
    background-color: #3e75a8;
    color: white;
    line-height: 2em;
    margin-bottom: 0;
}

.job-list .xs-responsive-table .week-heading:first-child {
    margin-top: 0;
}

@media (min-width: 768px) {
    .job-list td:first-child {
        width: 45%;
    }
    .job-list td:nth-child(2) {
        width: 20%;
    }
    .job-list td:nth-child(3) {
        width: 15%;
    }
    .job-list td:nth-child(3) {
        width: 25%;
    }
}

/*-------------------------------------------------------

Job advert page

-------------------------------------------------------*/
.job-advert h4 {
    font-weight: 300;
    color: #3E75A9;
}
.job-advert .grey-box {
    background-color: #EEEEE8;
    padding: 15px;
}
.job-advert .main .grey-box {
    margin-right: 15px;
}
.job-advert .side h4,
.job-advert .side .grey-box {
    margin-left: 15px;
}
.job-advert .grey-box ul {
    margin: 0 0 10px 25px;
}

.job-advert .summary {
    font-size: 1.2em;
}
.job-advert .summary .wide-icon [class^="icon-"],
.job-advert .summary .wide-icon [class*=" icon-"] {
    width: 25px;
    display: inline-block;
}

/* An alternative to this is adding col-xs-12 to the button and setting
 * float:inherit here
 */
.job-advert .main .continue-btn .btn {
    width: 100%;
}

.job-advert .contentWrapper {
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .job-advert .main .grey-box,
    .job-advert .side .grey-box,
    .job-advert .main h4,
    .job-advert .side h4 {
        margin-right: 0px;
        margin-left: 0px;
    }
    .job-advert .main h4,
    .job-advert .side h4 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .job-advert .contentWrapper {
        padding-top: 15px;
    }
}

/*----------------------------------------

FIX BANNER SUMMARY ONLY FOR MOBILE

-----------------------------------------*/

@media (max-width: 767px) {
    #advertHeaderMobile{
        position: fixed;
        width: 100%;
        height: 55px;
        left: 0;
        top: 50px;
        background-color: #fff;
        z-index: 1029;
        box-shadow: 0px 5px 5px #888888;
        border-bottom: solid;
        border-color: #DDDDDD;
        border-width: thin;
    }

    #advertHeaderMobile h4{
        text-align: center;
        width: 100%;
        margin: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: solid;
        border-color: #DDDDDD;
        border-width: thin;
        background-color: #F5F5F5;
        color:  #808080;
    }
    #advertHeaderMobile .nav{
        margin:auto;
        width: 290px;
        padding: 0;
        text-align: center;
    }
    #advertHeaderMobile .box{
        height: 55px;
        float: left;
        margin: 0;
        padding: 0;
        line-height: 1;
        padding-top: 2px;
    }
    #advertHeaderMobile .box1{
        width: 100px;
        color: black;
        padding-top: 18px;
    }
    #advertHeaderMobile .box1:hover, #advertHeaderMobile .box1:visited, #advertHeaderMobile  .box1:active {
        text-decoration: none;
    }
    #advertHeaderMobile .box2{
        width: 80px;
        background-color: #3E75A8;
    }
    #advertHeaderMobile .box2 .id{
        font-weight: 200;
        font-size: 18px;
        color: #ffffff;
    }
    #advertHeaderMobile .status{
        font-size: 12px;
        color: #ffffff;
    }
    #advertHeaderMobile .box3{
        width: 100px;
    }
    #advertHeaderMobile .title{
        font-size: 12px;
    }
    #advertHeaderMobile .box3 .value{
        color: #009700;
        font-weight: 300;
        font-size: 20px;
        width: 100%;
        float: left;
    }
    #advertHeaderMobile .box3 .under {
        font-weight: 300;
        font-size: 12px;
    }
}


/*-------------------------------------------------------

Job apply page

-------------------------------------------------------*/


.job-application .list-group-item.has-error,
.job-application .gp_use_nl_agreement.has-error {
    background-color: #f2dede;
}

.job-application .panel-body ul {
    margin: 0 0 10px 0;
}

.job-application .job_value {
    color: #009700;
}

.job-application .hourly-rate .control-label {
    text-align: left;
}

.job-application .you-will-earn  .control-label {
    text-align: left;
}

.job-application .you-will-earn p {
    margin-top: 5px;
}

/*-------------------------------------------------------

Locum find job page (/account/locum/find)

-------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 992px) {
    .job-search-with-availability .job-locum-find .value-col{
        min-width:50px !important;
    }

    .job-search-with-availability .job-locum-find .button-col .btn {
        white-space: normal;
    }

    .infinite-scroll-container.job-locum-find-results.jscroll-enabled table {
        max-width: 718px;
        table-layout: fixed;
    }

    .job-search-with-availability .job-locum-find th:nth-child(1) {
        width: 45px !important;
    }
}

@media (max-width: 768px) {
    .job-search-with-availability .job-locum-find .job-col{
        width:auto;
        min-width:75px;
    }

    .job-search-with-availability .job-locum-find .practice-col{
        width:auto !important;
    }

    .job-search-with-availability .job-locum-find .location-col{
        width:auto !important;
    }

    .job-search-with-availability .job-locum-find .times-col{
        width:auto !important;
        min-width: 100px;
    }
    .job-search-with-availability .job-locum-find .type-col{
        width:auto !important;
    }

    .job-search-with-availability .job-locum-find .distance-col{
        width:auto !important;
    }

    .job-search-with-availability .job-locum-find .itsystems-col{
        width:auto !important;
    }

    .job-search-with-availability .job-locum-find .extra-value-col{
        min-width:100px;
    }

    .job-search-with-availability .job-locum-find .value-col{
        min-width:75px;
        font-weight: bold;
        font-size: 10px;
    }

    .job-results-list .job-locum-find .label-fast-payment {
        line-height: 10px;
        font-size: 8pt;
        width: 69px;
    }

    .job-search-with-availability .job-locum-find .button-col{
        min-width:125px;
    }
}

@media (max-width: 992px) {
    .job-search-with-availability .job-locum-find .job-filter-section {
        display: none;
    }
    .job-search-with-availability.show-filters .job-locum-find .job-filter-section {
        display: inherit;
    }
    .job-search-with-availability.show-filters .job-locum-find .job-filter-section .button-search-jobs {
        display: none;
    }
    .job-search-with-availability .job-locum-find .results-panel {
        display: inherit;
    }
}

@media (min-width: 991px) {
    .job-search-with-availability .job-locum-find .col-filtering {
        display: none;
    }
    .job-search-with-availability .job-locum-find .button-col a{
        width:110px;
    }
}

.infinite-scroll-container.job-locum-find-results.jscroll-enabled {
    font-size: 10pt;
}

/* override some css from site-wide that ruins datepicker */
@media (min-width: 768px) {
    .job-results-list .ui-datepicker-calendar thead th:nth-child(3) {
        padding-left: inherit;
    }
}

.job-results-list .ui-datepicker-trigger {
    display: none;
}

.job-results-list .ui-datepicker-header {
    background: #3e75a8;
}

.job-results-list .ui-datepicker-title {
    color: #fff;
}

.job-search-with-availability .practice-search form {
    opacity: 0.1;
}
.job-search-with-availability .practice-search .practice-search-notification {
    z-index: 1;
    position: absolute;
    margin-top: 40px;
    margin-left: 25%;
    width: 420px;
}
/* Over write select2 css */
.job-search-with-availability .select2-selection {
    border-radius: 50px !important;
    background-color: #4a4a4a !important;
    padding-left: 10px !important;
    color: white !important;
    font-size: 12px !important;
    padding-left: 30px !important;
}
.job-search-with-availability .select2-selection.filled {
    background-color: transparent !important;
}
.job-search-with-availability .filled .select2-selection__placeholder,
.job-search-with-availability .filled .select2-selection__rendered {
    color: #428bca !important;
}
.job-search-with-availability .select2-selection__arrow {
    display: none;
}
.job-search-with-availability .select2-selection__clear {
    background-color: black;
    color: white;
    border-radius: 50px;
    font-size: 14px;
    padding: 5px;
    margin-top: 2px;
    line-height:10px;
    font-weight:normal !important;
}
.job-search-with-availability .select2-selection__placeholder,
.job-search-with-availability .select2-selection__rendered {
    color: white !important;
}
.job-search-with-availability .icon-search {
    position: absolute;
    margin-top: -20px;
    margin-left: 10px;
    color: white;
}
.job-search-with-availability .icon-search-filled {
  color: #808080;
}
/* End Over write select2 css */
.job-search-with-availability .cancel-practice-search {
    background-image: url("../img/Cancel.png");
    padding-left: 40px;
    text-decoration: none;
    color: #ffffff;
    background-size: 120px 20px;
    width: 160px;
    height: 40px;
    background-repeat: no-repeat;
    font-size: 12px;
}
.job-search-with-availability .job-locum-find .job-filter-section td {
    padding-top: 0px;
    padding-bottom: 5px;
    vertical-align: top;
    text-align: center;
}

.job-search-with-availability .job-locum-find .job-filter-section tr:first-child td {
    vertical-align: middle;
}

.job-locum-find .form-control {
    width: auto;
    display: inline-block;
}

.job-search-with-availability .job-locum-find .postcode {
    text-align: center;
    width: 100px;
    padding-left: 0px;
}

.job-search-with-availability .job-locum-find .from-date,
.job-search-with-availability .job-locum-find .to-date {
    text-align: center;
    width: 130px;
}

.job-locum-find .button-search-jobs {
    background-color:#b94a48;
    border-color: #fff;
    padding: 4px 20px 4px 20px;
    color: #fff;
    font-size: 12pt;
    border-radius: 0px;
    margin-bottom: 5px;
}

.job-locum-find label.checkbox-inline {
    font-size: 10pt;
}

.job-locum-find .button-search-jobs:hover{
    background-color:#a64240;
    text-decoration: none;
}

.job-search-with-availability .job-locum-find .xs-responsive-table h4,
.job-search-with-availability .job-locum-find .xs-responsive-table h4 {
    line-height: 2.5em;
    font-weight: bold;
    padding-left:10px;
    font-size: 11pt;
}

.job-locum-find th {
    text-align: left;
    vertical-align: middle;
}

.job-locum-find .results-panel thead {
    background-color: #f5f5f5;
}

.job-locum-find {
    margin-bottom: 0px;
}

.job-locum-find .job-filter-section {
    margin-left: 10px;
}

.job-results-list .job-locum-find thead th:nth-child(3) {
    padding-left: 8px;
}

.job-search-with-availability .job-locum-find td {
    text-align: left;
    vertical-align: middle;
}

.job-search-with-availability .job-locum-find .topup-box {
    border-radius: 3px;
    line-height: 14px;
    font-size: 8pt;
    padding: 5px;
    background-color: #008000;
    border-radius: 3px;
    background-image: none;
    border: 1px solid transparent;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    font-weight: normal;
    margin-bottom: 5px;
    cursor: default;
    color: #FFF;
    width: 69px;
    line-height: 10px;
}

.job-search-with-availability .job-locum-find .label-fast-payment {
    border-radius: 3px;
    color: #FFF;
    width: 69px;
    margin-left: 0px;
    line-height: 10px;
    font-size: 8pt;
}

.job-search-with-availability .job-locum-find .job-col{
    min-width: 0px;
    width: auto;
}

.job-search-with-availability .job-locum-find .practice-col{
    width:20%;
}

.job-search-with-availability .job-locum-find .location-col{
    width:10%;
}

.job-search-with-availability .job-locum-find .times-col{
    width:10%;
}

.job-locum-find .break-text {
    font-size: 9pt;
}

.job-search-with-availability .job-locum-find .type-col{
    width:10%;
}

.job-search-with-availability .job-locum-find .distance-col{
    width:10%;
}

.job-search-with-availability .job-locum-find .itsystems-col{
    width:10%;
}

.job-search-with-availability .job-locum-find .extra-value-col{
    min-width:100px;
}

.job-search-with-availability .job-locum-find .value-col{
    font-weight: bold;
    font-size: 18px;
    min-width:75px;
}

.job-search-with-availability .job-locum-find .button-col{
    min-width:125px;
}

.job-search-with-availability .job-locum-find .no-results {
    border-top: 20px solid #BCBCBC;
    border-left: none;
    min-height: 400px;
}

.job-search-with-availability .job-locum-find .no-results .message {
    padding: 0px;
}


/*-------------------------------------------------------

Locum job search page (Find a Job)

-------------------------------------------------------*/
.job-search-with-availability .onboarding-widget .job-search {
    display: block;
}

.job-search-with-availability .xs-responsive-table h4,
.job-results-list-filters .xs-responsive-table h4 {
    padding-left: 8px;
    background-color: #3e75a8;
    color: white;
    line-height: 2em;
    margin-bottom: 0;
}

.job-search-with-availability .xs-responsive-table h4:first-child,
.job-results-list-filters .xs-responsive-table h4:first-child {
    margin-top: 0;
}

@media (max-width: 767px) {
    .job-search-with-availability .hourly-rate,
    .job-results-list-filters .hourly-rate,
    .job-results-list .hourly-rate {
        font-size: 20px;
        line-height: 20px;
        height: 37px;
    }
}
@media (min-width: 768px) {
    .job-search-with-availability .hourly-rate,
    .job-results-list-filters .hourly-rate,
    .job-results-list .hourly-rate {
        font-size: 23px;
    }
    .job-search-with-availability .topup,
    .job-results-list-filters .topup,
    .job-results-list .topup {
        margin-top: 5px;
    }
}

@media (min-width: 992px) {
    .job-results-list-filters .job-filtering-section {
        padding-right: 0;
    }
}

.job-results-list table {
    /* bootstrap adds a margin to the table*/
    margin-bottom: 0;
}

.job-search-with-availability .hourly-rate,
.job-results-list-filters .hourly-rate,
.job-results-list .hourly-rate {
    color: #009700;
    vertical-align: middle !important;
    font-weight: bold;
}

.job-search-with-availability .topup-spacer,
.job-results-list-filters .topup-spacer,
.job-results-list .topup-spacer {
    width: 40px;
    display: inline-block;
    height: 5px;
    margin-right: 4px;
}

.job-results-list .search-job-form {
    margin: 10px auto;
}

.job-results-list-filters .form-group.day.selected {
    border-left: #3276b1 5px solid;
}

.job-results-list-filters .form-group.day.selected label {
    color: #3276b1;
    font-weight: bold;
}

.job-results-list-filters .form-group.day.disabled {
    border-left: #b3b3b3 5px solid;
    color: #b3b3b3;
}

.job-results-list-filters .form-group.day.not-selected {
    border-left: #666666 5px solid;
}

.job-results-list-filters .form-group.day {
    padding-left: 8px;
    background-color: #E6E6E6;
    margin-bottom: 1px;
}

.job-results-list-filters .form-group.day label {
    line-height: 32px;
    height: 30px;
    width: 100%;
    font-size: 10pt;
    font-weight: normal;
}

.job-results-list-filters .form-group.day.last {
    margin-bottom: 10px;
}

.job-results-list-filters .form-group.day input {
    margin-top: 10px;
}

.job-results-list-filters .form-group.day label span {
    margin-right: 10px;
}

.job-results-list-filters .form-group.day.selected label span {
    color: #3276b1;
    font-weight: bold;
}

.job-results-list-filters form hr {
    color: #CCCCCC;
    margin-top: 5px;
    margin-bottom: 5px;
}

.job-results-list-filters .form-label {
    margin-top: 55px;
}

.job-search-with-availability .panel-body .alert.alert-warning,
.job-results-list-filters .panel-body .alert.alert-warning {
    min-height: 85px;
}

.job-search-with-availability h4,
.job-results-list-filters h4 {
    background-color: #cdcccc;
}

.job-search-with-availability .explain-topup,
.job-results-list-filters .explain-topup {
    margin-left: 0;
    margin-bottom: 20px;
}

.job-results-list-filters .results-filters-separator {
    border: 1px solid #ccc;
}

.job-search-with-availability table,
.job-results-list-filters table {
    margin-bottom: 0;
}

.job-search-with-availability .xs-responsive-table .week-heading,
.job-results-list-filters .xs-responsive-table .week-heading {
    padding-left: 8px;
    background-color: #3e75a8;
    color: white;
    line-height: 2em;
    margin-bottom: 0;
}

.job-search-with-availability .xs-responsive-table .week-heading:first-child,
.job-results-list-filters .xs-responsive-table .week-heading:first-child {
    margin-top: 0;
}

.job-search-with-availability .job-col{
    width:60%;
}

.job-search-with-availability .times-col{
    width:18%;
}

.job-search-with-availability .value-col{
    min-width:135px;
}

.job-search-with-availability .button-col{
    min-width:125px;
}

.job-search-with-availability .onboarding-widget .btn-dismiss {
    display: none;
}

.job-search-with-availability  .dismissible .btn-dismiss {
    position: relative;
    display: inline-block;
    float: right;
    right: 10px;
}

.job-search-with-availability .next-month-availability {
    margin-top: 10px;
    margin-bottom: 5px;
}
.job-search-with-availability .next-month-availability .month-name {
    border: none;
    box-shadow: none;
}

.job-search-with-availability .next-month-availability .input-group .input-group-btn {
   visibility: hidden;
}

@media (min-width: 768px) {
    .job-results-list-filters td:first-child {
        width: 45%;
    }

    .job-results-list-filters td:nth-child(2) {
        width: 20%;
    }
}

@media (min-width: 992px) {
    .js.job-search-with-availability .update-results-btn {
        display: none;
    }
}

.job-results-list .popout-calendar-placeholder {
    height: 382px;
}

.job-results-list .popout-calendar {
    position: absolute;
    width: 340px;
    height: 382px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .job-results-list .popout-calendar {
        width: 500px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .job-results-list .popout-calendar {
        width: 672px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    .job-results-list .popout-calendar:hover {
        width: 672px;
        box-shadow: 2px 2px 10px #888888;
    }
}

@media (min-width: 1200px) {

    .job-results-list .popout-calendar:hover {
        width: 1007px;
        box-shadow: 2px 2px 10px #888888;
    }
}

.job-results-list .popout-calendar-month {
    max-width: 360px;
    float: left;
    margin: 0px;
    margin-right: 1px;
    border-left: 5px #fff solid;
    width: 335px;
    background: white;
    min-height: 382px;
}

.job-results-list .popout-calendar-month:last-child {
    margin-right: 0px;
}

.job-results-list .popout-calendar-month:first-child {
    border-left: 0px #fff solid;
}

.job-results-list .form-group.month-selector {
    background: #ff0565;
}

.job-results-list .form-horizontal.next-month-availability {
    margin-top: 0px;
}

.job-results-list .input-group {
    margin-left: auto;
    margin-right: auto;
    background: #ff0565;
}

.job-results-list .form-control.month-name {
    background: #ff0565;
    color: black;
}

.job-results-list .form-control.month-name {
    color: white;
    font-size: 12pt;
    border: 0px;
}

.job-results-list .form-group.month-selector label {
    display: none;
}

.job-results-list .form-group.month-selector {
    margin: 0px;
}

.job-results-list a.btn.btn-default.next-month {
    background: initial;
    border: 0px;
}

.job-results-list a.btn.btn-default.prev-month {
    background: initial;
    border: 0px;
}


/*-------------------------------------------------------

Job search page with availability

-------------------------------------------------------*/
.job-search-with-availability .panel-body {
    padding: 0;
}

.job-search-with-availability .col-filtering {
    padding-right: 0;
    padding-bottom: 15px;
}

.job-search-with-availability .filtering-form-inputs {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
}

.job-search-with-availability .filtering-form .form-group {
    margin-bottom: 10px;
}

.job-search-with-availability .filter-label {
    width: 80px;
}

.job-search-with-availability .distance {
    padding: 4px 8px;
}

.job-search-with-availability .label-of {
    margin-left: 5px;
    margin-right: 5px;
}

.lt-ie9 .job-search-with-availability .postcode {
    width: 100px;
    padding: 4px 8px;
}

.job-search-with-availability .configure {
    margin-left: 5px;
    font-size: 85%;
    line-height: 20px;
}

.job-search-with-availability .month-selector {
    width: 100%;
}

.job-search-with-availability .month-selector label {
    line-height: 35px;
    width: 150px;
    float: left;
    padding-right: 0;
    padding-left: 15px;
}

.job-search-with-availability .month-selector .input-group {
    width: 125px;
    margin-left: auto;
    margin-right: auto;
}

.job-search-with-availability .month-name {
    text-align: center;
    border-left: 0;
    border-right: 0;
    padding-left: 2px;
    padding-right: 2px;
}

.job-search-with-availability .prev-month {
    border-right: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.job-search-with-availability .next-month {
    border-left: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.job-search-with-availability .prev-month.disabled,
.job-search-with-availability .next-month.disabled {
    opacity: 1;
    background-color: #fff;
    border-color: #ccc
}

.job-search-with-availability .prev-month.disabled i,
.job-search-with-availability .next-month.disabled i {
    opacity: 0.65;
}

.job-search-with-availability .availability .day-of-week {
    padding-bottom: 10px;
    padding-left: 3px;
    color: #C7C7C7;
}

.job-search-with-availability .availability .status-row td {
    width: 20px;
}

.job-search-with-availability .availability td {
    border: 0;
    padding: 0;
}

.job-search-with-availability .availability td.day {
    border: 1px solid #D2D2D2;
    text-align: center;
    padding: 0;
}

.job-search-with-availability .availability td.date-title {
    border: 1px solid #D2D2D2;
    font-size: 12px;
}

.job-search-with-availability .add-all-day,
.job-search-with-availability .remove-all-day {
    text-decoration: none;
    padding: 3px 3px 3px 5px;
    color: #333333;
}


.job-search-with-availability .no-toggle {
    padding: 3px 3px 3px 5px;
}

.job-search-with-availability .add-all-day,
.job-search-with-availability .remove-all-day,
.job-search-with-availability .no-toggle {
    display: none;
}

.job-search-with-availability .status-can-remove-availability .remove-all-day,
.job-search-with-availability .status-can-add-availability .add-all-day,
.job-search-with-availability .status-am-and-pm-booked .no-toggle,
.job-search-with-availability .in-the-past .no-toggle {
    display: block;
}


.job-search-with-availability .availability td.day.in-the-past,
.job-search-with-availability .availability td.date-title.in-the-past {
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
}

.job-search-with-availability .availability td.day.in-the-past,
.job-search-with-availability .availability td.date-title.in-the-past {
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 0;
    border-bottom: 0;
}

.job-search-with-availability .availability td.date-title.in-the-past {
    color: #EEEEEE;
    border-bottom: 0;
}

.job-search-with-availability .availability td.date-title.sunday.in-the-past,
.job-search-with-availability .availability td.sunday.pm.in-the-past {
    border-right: 1px solid #EEEEEE;
}

.job-search-with-availability .remove-availability,
.job-search-with-availability .add-availability,
.job-search-with-availability .booked,
.job-search-with-availability .period {
    display: none;
}

.job-search-with-availability .status-booked .booked,
.job-search-with-availability .status-available .remove-availability,
.job-search-with-availability .status-not-available .add-availability,
.job-search-with-availability .in-the-past .period {
    display: block;
}

.job-search-with-availability .week-status-row .remove-availability,
.job-search-with-availability .week-status-row .add-availability,
.job-search-with-availability .week-status-row .booked,
.job-search-with-availability .week-status-row .period {
    display: none;
}

.job-search-with-availability .week-status-row .status-booked .booked,
.job-search-with-availability .week-status-row .status-available .remove-availability,
.job-search-with-availability .week-status-row .status-not-available .add-availability,
.job-search-with-availability .week-status-row .in-the-past .period {
    display: block;
}

.job-search-with-availability .booked {
    line-height: 20px;
    color: #1482cd;
    padding: 3px 0 2px 0;
}

.job-search-with-availability .add-availability {
    text-decoration: none;
    color: #D2D2D2;
    font-size: 9px;
    line-height: 20px;
    padding: 3px;
}

.job-search-with-availability .remove-availability {
    text-decoration: none;
    color: #21b8a9;
    padding: 3px;
}

.job-search-with-availability .period {
    color: #EEEEEE;
    font-size: 12px;
    line-height: 20px;
    padding: 3px 0 3px 0;
}

.job-search-with-availability .availability td.date-title .add-all-day:hover,
.job-search-with-availability .availability td.date-title .remove-all-day:hover {
    border: 2px #cca614 solid;
    padding: 1px 1px 1px 3px;
}

.job-search-with-availability a.add-availability:hover,
.job-search-with-availability a.remove-availability:hover {
    border: 2px #cca614 solid;
    padding: 1px;
}

.job-search-with-availability .ajax-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    margin-bottom: 5px;
}

.job-search-with-availability .ajax-error p {
    margin: 0;
}

.job-search-with-availability .ajax-status {
    margin-top: 5px;
}

.job-search-with-availability .ajax-status .saving,
.job-search-with-availability .ajax-status .saved {
    display: none;
}

.job-search-with-availability .saved i {
    color: #4cae4c;
}

.job-search-with-availability .ajax-request-waiting,
.job-search-with-availability .ajax-request-error,
.job-search-with-availability .ajax-request-sent .hide-when-ajax-request-waiting {
    display: none;
}

.job-search-with-availability .ajax-request-sent .ajax-request-waiting {
    display: block;
}

.job-search-with-availability .ajax-request-fail .ajax-request-error {
    display: block;
}

.job-search-with-availability.show-filters .ajax-request-sent .hide-when-ajax-request-waiting {
    display: block;
}

.job-search-with-availability.show-filters .ajax-request-sent .ajax-request-waiting {
    display: none;
}

.job-search-with-availability .no-results .ajax-request-waiting,
.job-search-with-availability .ajax-request-sent .no-results .hide-when-ajax-request-waiting {
    visibility: hidden;
    display: block;
}

.job-search-with-availability .ajax-request-sent .no-results .ajax-request-waiting {
    visibility: visible;
}

.job-search-with-availability .ajax-request-waiting{
    position: absolute;
    background: white;
    width: 80%;
    text-align: center;
    font-weight: bold;
}

.job-search-with-availability .filter-btn-container {
    float: left;
    width: 100%;
    background-color: #F0F0F0;
}

.job-search-with-availability .filter-btn-container .filtering {
    float: right;
}


.job-search-with-availability .xs-search-form .filtering {
    width: 100%;
}

.job-search-with-availability .xs-search-form .form-group {
    margin-bottom: 0;
    padding: 10px;
    background-color: #6D716B;
}

.job-search-with-availability .xs-search-form .form-control-feedback {
    top: 28px;
    right: 10px;
    font-size: 18px;
}
.job-search-with-availability .has-feedback input {
    width: 90%;
    font-size:16px;
}
.job-search-with-availability .job-locum-find {
    margin-right: -15px;
}

.job-search-with-availability h4 {
    clear: both;
}


.job-search-with-availability .jscroll-enabled .pagination-num-results,
.job-search-with-availability .jscroll-enabled .pager {
    display: none;
}

.job-search-with-availability .results-loading {
    color: #31708f;
    background-color: rgba(177, 202, 224, 0.49);
    padding: 15px;
    margin: 20px 0 20px 0;
    border: 0;
    border-radius: 4px;

}

.job-search-with-availability .results-panel .ajax-request-waiting,
.job-search-with-availability .results-count {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 34px;
}

.job-search-with-availability .week-table {
    margin-bottom: 15px;
}

.job-search-with-availability .availability p {
    margin-bottom: 0;
}

.job-search-with-availability .add-multiple-days-link:hover {
    cursor: pointer;
}
.job-search-with-availability .add-multiple-days-popover {
    width: 285px;
}

.job-search-with-availability .add-multiple-days-form .checkbox {
    display: inline-block;
    margin: 0 0 0 10px;
}

.job-search-with-availability .add-multiple-days-form .day-of-week,
.job-search-with-availability .add-multiple-days-form .day-of-week-header {
    margin-bottom: 0;
}

.lt-ie9 .job-search-with-availability .add-multiple-days-form .form-group {
    clear: both;
}

.job-search-with-availability .add-multiple-days-form .day-of-week .control-label {
    text-align: right;
    padding-right: 0;
}

.job-search-with-availability .add-multiple-days-form .day-of-week .control-label {
    font-weight: normal;
}

.job-search-with-availability .add-multiple-days-form .action-buttons {
    text-align: center;
}

.job-search-with-availability .add-multiple-days-form .btn-saving,
.job-search-with-availability .add-multiple-days-form .btn-done {
    width: 85px;
}

.job-search-with-availability .add-multiple-days-form .btn-saving,
.job-search-with-availability .add-multiple-days-form.saving .btn-done {
    display: none;
}

.job-search-with-availability .add-multiple-days-form.saving .btn-saving {
    display: inline-block;
}

.job-search-with-availability .add-multiple-days-form .btn-cancel {
    margin-left: 10px;
}

.job-search-with-availability .no-results {
    background-color: #DDDDDD;
    border-top: 20px solid #BCBCBC;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 20px;
}

.job-search-with-availability .no-results .message {
    padding: 20px;
}

.job-search-with-availability .no-results .icon-calendar {
    display: block;
    font-size: 8em
}

.job-search-with-availability .no-results .arrow {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #BCBCBC;
    position: relative;
    float: left;
    top: -40px;
    left: 40px;
}

.job-search-with-availability .changed-results {
    margin: 10px 10px 25px 10px;
    border-bottom: 20px solid #F4E5C5;
}

.job-search-with-availability .changed-results .arrow {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #F4E5C5;
    position: relative;
    float: left;
    top: 35px;
    left: 200px;
}

.job-search-with-availability .changed-results .dismiss {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .job-search-with-availability .panel-default {
        border: 0;
    }

    .job-search-with-availability .pagination-num-results {
        display: block;
    }

    .job-search-with-availability .col-filtering.affix,
    .job-search-with-availability .col-filtering.affix-bottom,
    .job-search-with-availability .col-filtering.affix-top {
        position: static;
    }
}

@media (max-width: 991px) {
    .job-search-with-availability .action-buttons .btn {
        width: 47%;
    }

    .job-search-with-availability .results-panel,
    .job-search-with-availability.show-filters .col-filtering {
        display: block;
    }

    .job-search-with-availability.show-filters .results-panel,
    .job-search-with-availability .col-filtering {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .job-search-with-availability .col-filtering {
        padding-right: 30px;
    }
}

@media (min-width: 992px) {
    .job-search-with-availability .col-filtering {
        margin-top: 15px;
    }

    .job-search-with-availability .filtering-form {
        padding-right: 0px;
    }

    .job-search-with-availability .filtering-form .filter-btn-container {
        display: none;
    }

    .job-search-with-availability .filtering-form-inputs {
        margin-top: 0;
    }

    .job-search-with-availability .no-results {
        background-color: #DDDDDD;
        min-height: 1000px;
        border-left: 20px solid #BCBCBC;
        border-top: 0;
        margin-top: 0;
    }

    .job-search-with-availability .no-results .message {
        padding-top: 125px;
    }

    .job-search-with-availability .no-results .icon-calendar {
        display: block;
        font-size: 8em
    }

    .job-search-with-availability .no-results .arrow {
        width: 0;
        height: 0;
        border-left: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #BCBCBC;
        top: 350px;
        left: -5px;
        position: absolute;
    }

    .job-search-with-availability .changed-results {
        margin: 10px 10px 25px 0;
    }
}

@media (min-width: 768px) {
    .job-search-with-availability .postcode {
        width: 120px;
        padding: 4px 8px;
    }

    .job-search-with-availability .col-filtering {
        padding-right: 15px;
    }
    .job-search-with-availability .col-filtering {
        /* overflow-y: scroll; */
    }
    .job-search-with-availability .col-filtering.affix {
        top: 40px;
    }
}

/*-------------------------------------------------------

Salaried jobs / jobs abroad

-------------------------------------------------------*/
.jobs-abroad-list .onboarding-widget .jobs-abroad {
    display: block;
}

.jobs-abroad-list .col-filtering {
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 15px;
}

.jobs-abroad-list .col-results .table {
    margin-bottom: 0;
}

.jobs-abroad .apply-btn {
    width: 100%;
}

.jobs-abroad .continue-btn {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .jobs-abroad .main-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 768px) {
    .jobs-abroad .main-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .jobs-abroad-list .col-filtering {
        padding-right: 25px;
    }
}

@media (max-width: 991px) {
    .jobs-abroad-list .col-filtering {
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .jobs-abroad-list .col-results {
        padding-left: 0;
    }
}
/*-------------------------------------------------------

Your Account page

-------------------------------------------------------*/
.your-account-locum .account-section {
    margin-top: 20px;
}

.your-account-locum .content-wrapper {
    margin-bottom: 20px;
}

.your-account-locum .outerContainer {
    background: #f0f0f0;
    border-radius: 4px;
    padding: 2px;
    margin-left: 15px;
    margin-right: 15px;
}

.your-account-locum h5 {
    margin: 0;
    padding: 13px 16px 16px 16px;
}
.your-account-locum .outerContainer .content {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    padding: 16px;
}

.your-account-locum .external_service_access_status {
    font-size: larger;
    color: #454545;
    font-weight: bold;
}

@media (max-width: 767px) {

    .your-account-locum .outerContainer {
        margin-left: 0px;
        margin-right: 0px;
    }
}


/*-------------------------------------------------------

Account details page

-------------------------------------------------------*/
.account-details .input-section {
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin-top: 10px;
    padding: 20px 20px 0px 20px;
}
.account-details label {
    font-weight: normal;
}

.account-details .control-label.required {
    font-weight: bold;
}

.account-details .availibility-checkboxes label {
    display: inline-block;
    margin-right: 15px;
    padding-top: 5px;
}

.account-details .availibility-checkboxes input {
    margin-top: -2px;
    width: 16px;
    height: 16px;
}

.account-details .min-rate input[type=text] {
    width: 3em;
    display: inline-block;
}

.account-details .sort-code input[type=text] {
    width: 3em;
    float: left;
}

.account-details .sort-code .dash {
    width: 1.2em;
    float: left;
    /* Same as .form-control */
    display: block;
    height: 34px;
    padding: 6px 6px;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
}

.account-details .sort-code .help-block {
    float: left;
    width: 100%;
}

.account-details .account-number input[type=text] {
    width: 6.5em;
}

.account-details .save-btn {
    margin-top: 1em;
    padding-right: 0;
}

@media (max-width: 767px) {
    .account-details .continue-btn .btn {
        width: 100%;
    }
}
@media (min-width: 992px)  {
    .account-details .form-control {
        width: 50%;
    }
}
/*---------------------------------------------------------

Simplified Job application discussion page

----------------------------------------------------------*/
.rate-discussion .blue-text {
    color: #3276b1;
}

.rate-discussion .discussion-content .green-text {
    color: green;
    font-weight: bold;
    font-size: 1.3em;
}

.rate-discussion .left-pane {
    background-color: #E6E6E6;
    padding: 10px;
    margin-left: 15px;
}

.rate-discussion .right-pane {
    margin-right: 15px;
    margin-left: -15px;
}

.rate-discussion .left-pane hr {
    width: 50%;
    margin-left: 25%;
    border-top: 1px solid #FFFFFF;
}

.rate-discussion h5 {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0
}
.rate-discussion h5.subject {
    border-bottom: 1px solid #999999;
}
.rate-discussion h5.from {
    border-bottom: 1px solid #999999;
    float: left;
    width: 100%;
    line-height: 30px;
}
.rate-discussion h5.from .img-circle {
    height: 30px;
    margin-right: 5px;
    float: left;
}
.rate-discussion h5.from .date {
    font-size: 85%;
    float: right;
    color: #999;
}

.rate-discussion form {
    float: left;
    width: 100%;
}

.rate-discussion .icon-info-sign {
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 6em;
    text-align: center;
    width: 100%;
    display: block;
}

.rate-discussion .discussion-content {
    background-color: #E6E6E6;
    padding: 15px 15px 15px 40px;
    border-bottom: 1px solid darkgray;
}

.rate-discussion .discussion-content .chosen-days {
    margin: 5px 20px 5px 40px;
    width: 90%
}

.rate-discussion .discussion-content li {
    margin-left: 40px;
}

.rate-discussion .discussion-content label {
    font-weight: normal;
}

.rate-discussion .discussion-content input.form-control {
    width: 70px;
    display: inline;
}

.rate-discussion .send-button {
    width: 33%;
    margin: 10px 0;
}

.rate-discussion .discussion-content .radios {
    margin-left: 20px;
    margin-bottom: 0;
}

.rate-discussion .cancel-button {
    font-weight: bolder;
    font-size: 1.1em;
}

@media (max-width: 767px) {
    .rate-discussion .left-pane {
        margin-left: 0px;
    }
    .rate-discussion .right-pane {
        margin-left: 0px;
        margin-right: 0px;
    }

    .rate-discussion h5 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .rate-discussion .icon-info-sign {
        font-size: 3em;
    }
}

@media (max-width: 991px) {
    .rate-discussion .discussion-content {
        padding: 15px;
    }
}

/*-------------------------------------------------------

Rate discussion thanks

-------------------------------------------------------*/
.rate-discussion-thanks h2 [class^="icon-"],
.rate-discussion-thanks h2 [class*=" icon-"] {
    font-size: 85%;
}

/*-------------------------------------------------------

Simple job profile

-------------------------------------------------------*/

.job-profile-simple .side.pull-right {
    padding-left: 0px;
}

.job-profile-simple .main .content-section {
    border-bottom: 1px solid #eee;
    margin-top: 20px;
    padding: 0 0 20px 15px;
}

.job-profile-simple .side .content-section {
    margin-top: 20px;
    padding: 15px 15px 0 15px;
}

.job-profile-simple .driving-map .form-inline {
    margin-bottom: 10px;
}
/* Fix sidebar to RHS of panel */
.job-profile-simple .side.affix {
    top: 51px;
    padding-right: 0px;
}
.job-profile-simple .side.affix-top,
.job-profile-simple .side.affix-bottom {
    /* Remove the JS added "right" property when the viewport is at the top
    of the page */
    right: 0 !important;
}

.job-profile-simple .fast-payment,
.job-profile-simple .fast-payment .badge {
    cursor: default;
}

.job-profile-simple .fast-payment .badge {
    background-color: #EAC117;
}

.job-profile-simple .no-applicants {
    font-weight: bold;
    color: #A3D3A3;
    text-align: center;
    margin-bottom: 0;
}

.job-profile-simple .follow {
    color: blue;
    font-size: 10px;
}

.job-profile-simple .follow a {
    padding: 0 40px;
    border-radius: 0;
}

.job-profile-simple .ccg-name .follow a {
    margin-left: 15px;
    margin-right: 5px;
    border-radius: 0;
}

.job-profile-simple .ccg-name-panel {
    margin-right: 15px;
    color: #3E75A9;
    font-weight: bold;
    font-size: 16px;
}

.job-profile-simple .following {
    margin-left: 15px;
    background: #5ac1c1;
    padding: 5px 10px;
    color: white;
    font-size: 12px;
}

@media (max-width: 767px) {
    /* Don't affix the sidebar on mobile */
    .side.affix {
        position: static;
    }
}
@media (min-width: 768px) {
    /* When the sidebar is fixed it is no longer part of it's parent container,
     * so the BS3 fluid widths are incorrect.
     * http://stackoverflow.com/a/18966454/691427
     */
    .job-profile-simple .side.affix {
        width: 236px;
    }
    .job-profile-simple .following {
        padding: 5px 30px;
    }
}
@media (min-width: 992px) {
    /* When the sidebar is fixed it is no longer part of it's parent container,
     * so the BS3 fluid widths are incorrect.
     * http://stackoverflow.com/a/18966454/691427
     */
    .job-profile-simple .side.affix {
        width: 227px;
    }
}
@media (min-width: 1200px) {
    /* When the sidebar is fixed it is no longer part of it's parent container,
     * so the BS3 fluid widths are incorrect.
     * http://stackoverflow.com/a/18966454/691427
     */
    .job-profile-simple .side.affix {
        width: 277px;
    }
}


.job-profile-simple .black-text{
    color: #333;
}

.job-profile-simple blockquote {
    font-size: 14px;
    border-left: 5px solid #EFEFEF;
}
.job-profile-simple blockquote p {
    margin-left: 25px;
}
.job-profile-simple blockquote footer {
    margin-left: 25px;
    margin-bottom: 10px;
}

.job-profile-simple h3 {
    font-weight: 300;
    color: #3E75A9;
}

.job-profile-simple .date-time,
.job-profile-simple .it-systems .title,
.job-profile-simple .pension .title {
    color: #3E75A9;
}

.job-profile-simple .date-time p {
    margin-bottom: 0px;
}

.job-profile-simple .day-month-year {
    font-size: 2em;
    font-weight: 100;
}

.job-profile-simple .ccg-name {
    font-size: 1.2em;
    font-weight: 100;
}

.job-profile-simple .day-month {
    font-weight: bold;
}

.job-profile-simple .time {
    margin-left: 20px;
}

.job-profile-simple .extra-sessions {
    text-align: center;
    border-bottom: 1px solid #eee;
    margin-left: 15px;
    line-height: 2em;
}

.job-profile-simple .extra-sessions .icon-chevron-down {
    font-weight: bold;
}

.job-profile-simple .side .content-section.apply-section {
    background-color: #009F00;
    color: white;
    margin-top: 0px;
    padding: 0;
}
/* Taken from http://stackoverflow.com/a/13777800/691427 */
.job-profile-simple .apply-section:after {
    content: " ";
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 12px;
    background: linear-gradient(#009F00 0%, transparent 0%), linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF linear-gradient(45deg, #FFFFFF 33.33%, #009F00 33.33%) 0 0%;
    background: -webkit-linear-gradient(#009F00 0%, transparent 0%), -webkit-linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF -webkit-linear-gradient(45deg, #FFFFFF 33.33%, #009F00 33.33%) 0 0%;
    background: -o-linear-gradient(#009F00 0%, transparent 0%), -o-linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF -o-linear-gradient(45deg, #FFFFFF 33.33%, #009F00 33.33%) 0 0%;
    background: -moz-linear-gradient(#009F00 0%, transparent 0%), -moz-linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF -moz-linear-gradient(45deg, #FFFFFF 33.33%, #009F00 33.33%) 0 0%;
    background-repeat: repeat-x;
    background-size: 0px 100%, 20px 15px, 20px 15px;
}

.job-profile-simple .side .content-section.apply-section.job-not-posted{
    background-color: #B3B3B3;
}
.job-profile-simple .apply-section.job-not-posted:after {
    background: linear-gradient(#B3B3B3 0%, transparent 0%), linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF linear-gradient(45deg, #FFFFFF 33.33%, #B3B3B3 33.33%) 0 0%;
    background: -webkit-linear-gradient(#B3B3B3 0%, transparent 0%), -webkit-linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF -webkit-linear-gradient(45deg, #FFFFFF 33.33%, #B3B3B3 33.33%) 0 0%;
    background: -o-linear-gradient(#B3B3B3 0%, transparent 0%), -o-linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF -o-linear-gradient(45deg, #FFFFFF 33.33%, #B3B3B3 33.33%) 0 0%;
    background: -moz-linear-gradient(#B3B3B3 0%, transparent 0%), -moz-linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF -moz-linear-gradient(45deg, #FFFFFF 33.33%, #B3B3B3 33.33%) 0 0%;
    background-repeat: repeat-x;
    background-size: 0px 100%, 20px 15px, 20px 15px;
}
.job-profile-simple .side .content-section.apply-section.rejected{
    background-color: #FFAF23;
}
.job-profile-simple .apply-section.rejected:after {
    background: linear-gradient(#FFAF23 0%, transparent 0%), linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF linear-gradient(45deg, #FFFFFF 33.33%, #FFAF23 33.33%) 0 0%;
    background: -webkit-linear-gradient(#FFAF23 0%, transparent 0%), -webkit-linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF -webkit-linear-gradient(45deg, #FFFFFF 33.33%, #FFAF23 33.33%) 0 0%;
    background: -o-linear-gradient(#FFAF23 0%, transparent 0%), -o-linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF -o-linear-gradient(45deg, #FFFFFF 33.33%, #FFAF23 33.33%) 0 0%;
    background: -moz-linear-gradient(#FFAF23 0%, transparent 0%), -moz-linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF -moz-linear-gradient(45deg, #FFFFFF 33.33%, #FFAF23 33.33%) 0 0%;
    background-repeat: repeat-x;
    background-size: 0px 100%, 20px 15px, 20px 15px;
}
.job-profile-simple .side .content-section.apply-section.outstanding{
    background-color: #2373AA;
}
.job-profile-simple .apply-section.outstanding:after {
    background: linear-gradient(#2373AA 0%, transparent 0%), linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF linear-gradient(45deg, #FFFFFF 33.33%, #2373AA 33.33%) 0 0%;
    background: -webkit-linear-gradient(#2373AA 0%, transparent 0%), -webkit-linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF -webkit-linear-gradient(45deg, #FFFFFF 33.33%, #2373AA 33.33%) 0 0%;
    background: -o-linear-gradient(#2373AA 0%, transparent 0%), -o-linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF -o-linear-gradient(45deg, #FFFFFF 33.33%, #2373AA 33.33%) 0 0%;
    background: -moz-linear-gradient(#2373AA 0%, transparent 0%), -moz-linear-gradient(135deg, #FFFFFF 33.33%, transparent 33.33%) 0 0%, #FFFFFF -moz-linear-gradient(45deg, #FFFFFF 33.33%, #2373AA 33.33%) 0 0%;
    background-repeat: repeat-x;
    background-size: 0px 100%, 20px 15px, 20px 15px;
}

.job-profile-simple .apply-section .inner {
    padding: 15px;
}

.job-profile-simple .apply-section .summary {
    text-align: center;
    font-weight: 300;
}
.job-profile-simple .apply-section .summary .white-text {
    font-size: 3em;
    color: white;
}
.job-profile-simple .top_up {
    font-weight: bolder;
}

.job-profile-simple .apply-section .negotiate {
    text-align: center;
    font-weight: 300;
    line-height: 2.1em;
}
.job-profile-simple .negotiate a {
    font-weight: bolder;
    color: black;
    text-decoration: underline;
}

.job-profile-simple .explanation-text {
    border: 1px solid #3B83B4;
    color: #3B83B4;
    padding: 7px;
}

.job-profile-simple .explanation-text .icon-exclamation-sign {
    position: relative;
    margin-left: 47%;
    top: -20px;
    background-color: white;
}

.job-profile-simple .explanation-text p {
    margin-top: -10px;
}

.job-profile-simple .apply-section .btn,
.job-profile-simple .ask-section .btn {
    width: 100%
}

.job-profile-simple .btn-apply {
    margin-top: 10px;
}

.job-profile-simple .ask-section .icon-comments {
    vertical-align: middle;
    color: white;
    background-color: #808080;
    font-size: 1.5em;
    padding: 6px;
    margin-right: 5px;
    border-radius: 50%;
}

.job-profile-simple .ask-section p {
    margin-top: 10px;
}

.job-profile-simple .ask-section .speak-button {
    float: left;
    width: 100%;
}
.job-profile-simple .ask-section .icon-comments {
    float: left;
    width: 35px;
}

.job-profile-simple .distance-title {
    float: right;
    color: #ACACAC;
    font-size: 85%;
}

.job-profile-simple .nearby-point {
    height: 40px;
    line-height: 40px;
    background-color: #EEEEEE;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    overflow: hidden;
}

.job-profile-simple .nearby-point [class^="icon-"],
.job-profile-simple .nearby-point [class*=" icon-"] {
    font-size: 2em;
    color: white;
    margin: 5px 10px 5px;
    float: left;
}

.job-profile-simple .box-a {
    float: left;
    background-color: #E0DCDC;
}
.job-profile-simple .box-b {
    float: right;
    padding-right: 5px;
    color: #3B83B4;
}
.job-profile-simple .closest {
    width: 85%;
}
.job-profile-simple .closer {
    width: 80%;
}
.job-profile-simple .nearby {
    width: 75%;
}
.job-profile-simple .further {
    width: 70%;
}
.job-profile-simple .furthest {
    width: 65%;
}

.job-profile-simple .pm-travel-info {
    margin-top: 15px;
    margin-bottom: 5px;
}

.job-profile-simple .other-sessions thead{
    background-color: #EEEEEE;
}

.job-profile-simple .other-sessions thead th{
    font-weight: normal;
}

.job-profile-simple .apply-section form label span.error-message {
    font-weight: bold;
}

.job-profile-simple .apply-section form label span.normal-message {
    color: #ffffff;
}

.job-profile-simple .locum-feedback li {
    margin-right: 10px;
}
.job-profile-simple .feedback-label {
    font-weight: 600;
    margin-right: 5px;
    width: 140px;
    display: inline-block;
}
.job-profile-simple .locum-feedback .icon-star,
.job-profile-simple .locum-feedback .icon-star-half-empty {
    font-size: 1.5em;
    color: #FFD954;
    text-shadow: 0 0 1px #CCCCCC;
}
.job-profile-simple .locum-feedback .icon-star-empty {
    font-size: 1.5em;
    color: #CCCCCC;
}

.job-profile-simple .directions-panel-wrapper {
    border-left: 1px solid #ADADAD;
    border-right: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
}

.job-profile-simple .directions-panel {
    height: 200px;
    width: 100%;
    overflow-y: scroll;
    border: 0;
}

.job-profile-simple .map-canvas {
    margin: 10px 0 0 0;
    padding: 0px;
    height: 300px;
    border: 1px solid #ADADAD;
    width: 100%;
}

/* These are added by Google when there are directions*/
.job-profile-simple .adp-placemark {
    margin-top: 0;
}
.job-profile-simple .adp-directions {
    width: 100%;
}

.job-profile-simple .driving-map,
.job-profile-simple.driving-map-enabled .nearby-points {
    display: none;
}

.job-profile-simple.driving-map-enabled .driving-map {
    display: block;
}

@media (max-width: 767px) {
    .job-profile-simple .apply-section {
        padding-left: 15px;
    }
    .job-profile-simple .apply-section .inner,
    .job-profile-simple .explanation-section,
    .job-profile-simple .ask-section {
        padding-left: 30px;
    }
    .job-profile-simple .main .content-section {
        padding: 0 15px 20px 15px;
    }
    .job-profile-simple .side .content-section {
        padding: 0 15px 20px 30px;
    }
    .job-profile-simple .main {
        border-top: 1px solid #eee;
    }

    .job-profile-simple .time {
        margin-left: 0px;
    }
    .job-profile-simple blockquote p {
        margin-left: 0px;
    }


    #advertHeaderMobile .box3 .top_up.under {
        color: #009700;
        font-weight: bolder;
    }

    .job-profile-simple .apply-section:before {
        content: " ";
        display: block;
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 12px;
        background: linear-gradient(#FFFFFF 0%, transparent 0%), linear-gradient(135deg, #009F00 33.33%, transparent 33.33%) 0 0%, #009F00 linear-gradient(45deg, #009F00 33.33%, #FFFFFF 33.33%) 0 0%;
        background: -webkit-linear-gradient(#FFFFFF 0%, transparent 0%), -webkit-linear-gradient(135deg, #009F00 33.33%, transparent 33.33%) 0 0%, #009F00 -webkit-linear-gradient(45deg, #009F00 33.33%, #FFFFFF 33.33%) 0 0%;
        background: -o-linear-gradient(#FFFFFF 0%, transparent 0%), -o-linear-gradient(135deg, #009F00 33.33%, transparent 33.33%) 0 0%, #009F00 -o-linear-gradient(45deg, #009F00 33.33%, #FFFFFF 33.33%) 0 0%;
        background: -moz-linear-gradient(#FFFFFF 0%, transparent 0%), -moz-linear-gradient(135deg, #009F00 33.33%, transparent 33.33%) 0 0%, #009F00 -moz-linear-gradient(45deg, #009F00 33.33%, #FFFFFF 33.33%) 0 0%;
        background-repeat: repeat-x;
        background-size: 0px 100%, 20px 15px, 20px 15px;
    }

    .job-profile-simple .apply-section.job-not-posted:before {
        background: linear-gradient(#FFFFFF 0%, transparent 0%), linear-gradient(135deg, #B3B3B3 33.33%, transparent 33.33%) 0 0%, #B3B3B3 linear-gradient(45deg, #B3B3B3 33.33%, #FFFFFF 33.33%) 0 0%;
        background: -webkit-linear-gradient(#FFFFFF 0%, transparent 0%), -webkit-linear-gradient(135deg, #B3B3B3 33.33%, transparent 33.33%) 0 0%, #B3B3B3 -webkit-linear-gradient(45deg, #B3B3B3 33.33%, #FFFFFF 33.33%) 0 0%;
        background: -o-linear-gradient(#FFFFFF 0%, transparent 0%), -o-linear-gradient(135deg, #B3B3B3 33.33%, transparent 33.33%) 0 0%, #B3B3B3 -o-linear-gradient(45deg, #B3B3B3 33.33%, #FFFFFF 33.33%) 0 0%;
        background: -moz-linear-gradient(#FFFFFF 0%, transparent 0%), -moz-linear-gradient(135deg, #B3B3B3 33.33%, transparent 33.33%) 0 0%, #B3B3B3 -moz-linear-gradient(45deg, #B3B3B3 33.33%, #FFFFFF 33.33%) 0 0%;
        background-repeat: repeat-x;
        background-size: 0px 100%, 20px 15px, 20px 15px;
    }

    .job-profile-simple .apply-section.outstanding:before {
        background: linear-gradient(#FFFFFF 0%, transparent 0%), linear-gradient(135deg, #2373AA 33.33%, transparent 33.33%) 0 0%, #2373AA linear-gradient(45deg, #2373AA 33.33%, #FFFFFF 33.33%) 0 0%;
        background: -webkit-linear-gradient(#FFFFFF 0%, transparent 0%), -webkit-linear-gradient(135deg, #2373AA 33.33%, transparent 33.33%) 0 0%, #2373AA -webkit-linear-gradient(45deg, #2373AA 33.33%, #FFFFFF 33.33%) 0 0%;
        background: -o-linear-gradient(#FFFFFF 0%, transparent 0%), -o-linear-gradient(135deg, #2373AA 33.33%, transparent 33.33%) 0 0%, #2373AA -o-linear-gradient(45deg, #2373AA 33.33%, #FFFFFF 33.33%) 0 0%;
        background: -moz-linear-gradient(#FFFFFF 0%, transparent 0%), -moz-linear-gradient(135deg, #2373AA 33.33%, transparent 33.33%) 0 0%, #2373AA -moz-linear-gradient(45deg, #2373AA 33.33%, #FFFFFF 33.33%) 0 0%;
        background-repeat: repeat-x;
        background-size: 0px 100%, 20px 15px, 20px 15px;
    }


    .job-profile-simple .apply-section.rejected:before {
        background: linear-gradient(#FFFFFF 0%, transparent 0%), linear-gradient(135deg, #FFAF23 33.33%, transparent 33.33%) 0 0%, #FFAF23 linear-gradient(45deg, #FFAF23 33.33%, #FFFFFF 33.33%) 0 0%;
        background: -webkit-linear-gradient(#FFFFFF 0%, transparent 0%), -webkit-linear-gradient(135deg, #FFAF23 33.33%, transparent 33.33%) 0 0%, #FFAF23 -webkit-linear-gradient(45deg, #FFAF23 33.33%, #FFFFFF 33.33%) 0 0%;
        background: -o-linear-gradient(#FFFFFF 0%, transparent 0%), -o-linear-gradient(135deg, #FFAF23 33.33%, transparent 33.33%) 0 0%, #FFAF23 -o-linear-gradient(45deg, #FFAF23 33.33%, #FFFFFF 33.33%) 0 0%;
        background: -moz-linear-gradient(#FFFFFF 0%, transparent 0%), -moz-linear-gradient(135deg, #FFAF23 33.33%, transparent 33.33%) 0 0%, #FFAF23 -moz-linear-gradient(45deg, #FFAF23 33.33%, #FFFFFF 33.33%) 0 0%;
        background-repeat: repeat-x;
        background-size: 0px 100%, 20px 15px, 20px 15px;
    }
    .job-profile-simple blockquote {
        margin-left: -15px;
        border-left: 7px solid #D3D3D3;
        padding: 0 20px 0 8px;
    }

    .job-profile-simple .distance-title.driving {
        margin-top: 20px;
    }

    .job-profile-simple .extra-sessions.visible-xs {
        border-top: 1px solid #eee;
    }
    .job-profile-simple .extra-sessions {
        line-height: 3em;
    }
}
/*-------------------------------------------------------

Simple job profile thanks page

-------------------------------------------------------*/
.job-profile-simple-thanks h4 {
    margin: 20px 0 20px 0;
}

.job-profile-simple-thanks .other-days {
    padding: 0 20px 0 20px;
    border: 2px solid #2373AA;
    border-radius: 4px;
    margin-bottom: 40px;
    margin-top: 40px;
}

.job-profile-simple-thanks .other-days table  {
    margin-bottom: 0;
}
.job-profile-simple-thanks .other-days table thead {
    background-color: #EEEEEE;
}

.job-profile-simple-thanks .other-days thead th {
    font-weight: normal;
}

.job-profile-simple-thanks .other-days .apply-for-all {
    margin-top: 20px;
    margin-bottom: 20px;
}

.job-profile-simple-thanks .btn-success.disabled {
    opacity: 1;
}

/* - - - - - - - - - - - - - - - - -

GP Resource centre

- - - - - - - - - - - - - - - - - */
.gp_resource_centre .documentList {
    margin: 20px 20px 0 80px;
    width: auto;
}
.gp_resource_centre .document {
    clear: both;
    padding: 15px 0px 15px 0px;
    background: #FCF8E3;
    border: 1px solid #fbeed5;
    margin: 0px;
    margin-left: -70px;
    margin-right: -10px;
    width: auto;
}
.gp_resource_centre .document:hover {
    background: #FEFFF4;
    border: 1px solid #fbeed5;
}
.gp_resource_centre .documentDetail {
    padding-right: 10px;
}
.gp_resource_centre .documentDetail h3 {
    margin: 0;
    float: left;
    font-size: 16px;
    font-weight:bold;
    line-height: 25px;
    width: auto;
}
.gp_resource_centre .documentDetail .description {
    float: left;
    width: 100%;
}
.gp_resource_centre .uploadedBy {
    clear: left;
    font-size: 85%;
}
.gp_resource_centre .downloadDocument {
    float: right;
    width: 50%;

}

.gp_resource_centre .download-btn {
    background: #F8F8F8;
}

@media (max-width: 767px) {
    .gp_resource_centre .documentList {
        margin-left: 60px;
        margin-right: 0px;
    }

    .gp_resource_centre .documentDetail {
        padding-right: 0px;
    }
}
/*---------------------------------------------------------

Locum message center thread page

----------------------------------------------------------*/
.messagethread-detail .right-pane {
    float: right;
    width: 100%;
    word-wrap: break-word;
}
.messagethread-detail .blue-text {
    color: #3276b1;
}

.messagethread-detail .left-pane {
    background-color: #E6E6E6;
    padding: 10px;
    margin-left: 15px;
}

.messagethread-detail .right-pane {
    margin-right: 15px;
    margin-left: -15px;
}

.messagethread-detail .author-messages {
    border-bottom: 1px solid #999999;
    float: left;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.messagethread-detail .author-messages.me {
    background-color: #E6E6E6;
}

.messagethread-detail .previous-message {
    padding: 0 10px 0 10px;
    margin: 0;
    float: left;
    width: 100%;
}
.messagethread-detail .previous-message p {
    margin: 0;
    line-height: 24px;
}

.messagethread-detail .previous-message .date {
    font-size: 85%;
    color: #999;
}

.messagethread-detail .right-pane form {
    float: left;
    width: 100%;
}

.messagethread-detail .left-pane  [class^="icon-"],
.messagethread-detail .left-pane  [class*=" icon-"] {
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 6em;
    text-align: center;
    width: 100%;
    display: block;
}

.messagethread-detail .message-content {
    background-color: #E6E6E6;
    padding: 15px 15px 15px 40px;
    border-bottom: 1px solid darkgray;
}

.messagethread-detail .message-content label {
    font-weight: normal;
}

.messagethread-detail .right-pane .alert{
    margin: 0;
}

@media (max-width: 767px) {
    .messagethread-detail .left-pane {
        margin-left: 0px;
    }
    .messagethread-detail .right-pane {
        margin-left: 0px;
        margin-right: 0px;
    }

    .messagethread-detail .previous-message {
        padding-left: 15px;
        padding-right: 15px;
    }

    .messagethread-detail .left-pane  [class^="icon-"],
    .messagethread-detail .left-pane  [class*=" icon-"] {
        font-size: 3em;
    }
}

@media (max-width: 991px) {
    .messagethread-detail .message-content {
        padding: 15px;
    }
}

/*-------------------------------------------------------

Message Centre

-------------------------------------------------------*/

.messagethread-list .table {
    margin-bottom: 20px;
}

.messagethread-list .table i {
    margin-right: 10px;
}

.messagethread-list .unread {
    font-weight: bold;
}


/*-------------------------------------------------------

Home Page

-------------------------------------------------------*/
/* -- Social --*/
.public-homepage .social {
    padding-top: 10px;
    margin-bottom: 40px;
    text-align: center;
}

.public-homepage .extras hr {
    border-top-color: #3e75a8;
    margin-bottom: 0;
}

.public-homepage .extras h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: #3e75a8;
    font-weight: 300;
    margin: 0;
    background: #FFF;
    display: inline-block;
    position: relative;
    top: -21px;
    padding: 0 30px;
}

/* -- Areas we cover map section --*/
.public-homepage .areas-we-cover-section {
    margin-top: 30px;
    padding: 30px 0;
    background: #f5f5f5;
}
.public-homepage .areas-we-cover-section h2{
    color: #3e75a8;
    font-size: 20px;
    line-height: 30px;
}

.public-homepage .areas-we-cover-section p {
    font-size: 14px;
    color: #3e75a8;
    line-height: 30px;
}

/* -- Testimonials -- Homepage and Testimonial page -- */
.public-homepage .conversations {
    margin-top: 30px;
}
@media (max-width: 767px) {
    .public-homepage .areas-we-cover-section p,
    .public-homepage .areas-we-cover-section h2 {
        margin-left: 15px;
    }
    .public-homepage .featured-meta p {
        margin-left: 15px;
    }
    .public-homepage .featured-meta .stats-wide {
        margin-left: 15px;
    }
    .public-homepage .featured-meta {
        margin-right: 15px;
    }
}
.public-homepage .conversations blockquote::before {
    content: '“';
    font-size: 80px;
    position: absolute;
    left: 14px;
    top: 16px;
    line-height: 1em;
    font-weight: bold;
    color: #fefefe;
    font-family: Helvetica, Arial, sans-serif;
}

.public-homepage .conversations blockquote::after {
    content: '”';
    font-size: 80px;
    position: absolute;
    right: 40px;
    bottom: -24px;
    line-height: 1em;
    font-weight: bold;
    color: #fefefe;
    font-family: Helvetica, Arial, sans-serif;
}

.public-homepage .conversations blockquote {
    border: 0;
    padding: 0;
    margin: 0 0 0 40px;
}
.public-homepage .conversations p {
    margin: 10px 0 0 40px;
    font-size: 12px;
    font-weight:700;
    font-style: italic;
}

.public-homepage .locum-testimonial {
    border-radius: 20px;
    padding: 30px 20px 20px 20px;
    color: #3e75a8;
    font-weight: 300;
    font-size: 16px;
    background: #daecfd;
    position: relative;
}
.public-homepage .gp-testimonial {
    border-radius: 20px;
    padding: 30px 30px 20px 30px;
    color: #3e75a8;
    font-weight: 300;
    font-size: 16px;
    background: #e5e5e5;
    position: relative;
}
.public-homepage .darkblue-testimonial {
    background: #3e75a8;
    border-radius: 20px;
    padding: 30px 30px 20px 30px;
}

.public-homepage .homepage-sprite-bubble-bottom-blue {
    position: relative;
    left: 600px;
    margin-bottom: 14px;
}
@media (max-width: 767px) {
    .public-homepage .homepage-sprite-bubble-bottom-blue {
        left: 400px;
    }
}

@media (max-width: 480px) {
    .public-homepage .homepage-sprite-bubble-bottom-blue {
        left: 300px;
    }
}
@media (min-width: 768px) and (max-width: 1021px) {
    .public-homepage .homepage-sprite-bubble-bottom-blue {
        left: 420px;
    }
}

.public-homepage .homepage-sprite-bubble-bottom-grey {
    position: relative;
    left: 50px;
    margin-bottom: 14px;
}
.conversations i {
    margin-bottom: 20px;
}
/* -- Twitter -- */
.public-homepage .twitter-bubble {
    background: #3e75a8;
    border-radius: 20px;
    padding: 30px 30px 20px 30px;
    position: relative;
}

.public-homepage .twitter-bubble p {
    margin: 0;
    color: #daecfd;
    font-weight: 300;
    font-size: 15px;
    font-style: italic;
    text-align: center;
}
.public-homepage .twitter-bird {
    background: url(../img/twitter-bird.png) no-repeat;
    width: 60px;
    height: 50px;
    position: relative;
    left: 172px;
    top: 15px;
}

.public-homepage .twitters {
    background: #3e75a8;
    color: #FFF;
    font-weight: 400;
    font-style: italic;
}

.public-homepage .twitters ul {
    list-style: none;
    margin: 0 0 20px 0;
}

.public-homepage .twitters a {
    color: #daecfd;
}
/* -- Benefits Section -- */

.public-homepage .benefits {
    margin-top: 30px;
    padding: 30px 0;
    background: #f5f5f5;
}

.public-homepage .benefits h2, .benefits h3 {
    text-align: center;
    color: #3e75a8;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    line-height: 20px;
}

.public-homepage .benefits h2 {
    font-size: 24px;
}

.public-homepage .benefits h3 {
    font-size: 15px;
}

.public-homepage .benefits i {
    float: left;
    margin-right: 15px;
    padding: 2px 0 2px 0px;
}
.public-homepage .benefits ul {
    display: table;
    margin: 0 auto;
}
.public-homepage .benefits li {
    list-style: none;
    margin: 15px 0 0 10px;
    font-weight: 300;
    vertical-align: middle;
    color: #3e75a8;
}
.public-homepage .benefits .actions {
    text-align: center;
    margin-top: 15px;
}
@media (max-width: 767px) {
    .benefits .benefits-practice {
        padding-top: 30px;
    }
}

/* -- Featured Sections -- */
.public-homepage .featured-heading {
    clear: both;
    background: #3e75a8;
    color: #FFF;
    height: 50px;
    margin-bottom: 10px;
}

.public-homepage .featured-heading h2 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    float: left;
}

.public-homepage .featured-body li {
    padding-top: 10px;
    background: #f5f5f5;
    margin-bottom: 5px;
    overflow: hidden;
    height:95px;
}
.public-homepage .featured-body i.homepage-sprite.homepage-sprite-large-location-icon {
    float: left;
}

.public-homepage .featured-meta .stats-wide {
    height: 30px;
}

.public-homepage .locum-leaderboard li {
    background: #f5f5f5;
    margin-bottom: 5px;
    overflow: hidden;
    height: 55px;
}

.public-homepage .locum-leaderboard img.mugshot {
    border: 1px solid #3e75a8;
    margin: 8px;
}
.public-homepage .locum-leaderboard i.homepage-sprite.homepage-sprite-blueThumb{
    margin-right: 5px;
    margin-top: 15px;
}

.public-homepage .locum-leaderboard h2 {
    font-size: 40px;
    color: #3e75a8;
    font-weight: 300;
    float: right;
    margin-right: 10px;
    margin-top: 8px;
    line-height: 40px;
}

.public-homepage .locum-leaderboard .name {
    font-size: 16px;
    line-height: 20px;
    color: #3e75a8;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 8px;
    margin-bottom: 0;
}

.public-homepage .locum-leaderboard .qualifications {
    font-size: 11px;
    line-height: 18px;
}

.public-homepage .locum-info h3, .job-info h3 {
    font-size: 16px;
    line-height: 20px;
    color: #3e75a8;
    font-weight: 300;
    text-transform: uppercase;
    margin: 7px 0 0 0;
}

.public-homepage .locum-heading span {
    float: left;
    font-weight: 300;
    line-height: 20px;
    margin: 7px 0 0 0;
}

.public-homepage .locum-heading span::before {
    content: "|";
    padding: 0 4px;
}

.public-homepage .job-info p {
    margin: 0;
}

.public-homepage p.notes {
    font-size: 12px;
    font-weight: 300;
}

.public-homepage .homepage-sprite-featured-locums,
.public-homepage .homepage-sprite-latest-jobs {
    float:left;
    margin-right: 15px;
    margin-left: 15px;
    position: relative;
    top: 10px;
}

.public-homepage .featured-meta {
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 10px;
}

.public-homepage .featured-meta p {
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}

.public-homepage .featured-meta a {
    float: right;
}

.public-homepage .featured-meta .locum-name {
    color: #3e75a8;
}

/* -- Banner -- */
.public-homepage .main-banner {
    margin-top: 5px;
    background: radial-gradient(ellipse at center, #d3b2f3 0%,#b381e5 100%);
    background-color: #d3b2f3;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3b2f3', endColorstr='#b381e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.public-homepage .main-banner h1 {
    font-size: 55px;
    line-height: 55px;
    color: white;
    font-weight: 300;
    margin-left: 10px;
}
@media (max-width: 767px) {
    .public-homepage .main-banner h1 {
        font-size: 40px;
    }
}
.public-homepage .main-banner h2 {
    font-size: 25px;
    color: white;
    margin-left: 10px;
    font-weight: 300;
}
.public-homepage .main-banner h1 ~ a {
    padding: 20px 35px;
    line-height: 25px;
    font-size: 30px;
    margin-top: 20px;
    margin-left: 10px;
    width: 45%;
}

@media (max-width: 767px) {
    .public-homepage .main-banner h1 ~ a {
        width: 97%;
        margin-left: 5px;
    }
    .public-homepage .main-banner .find-locums-btn {
        margin-bottom: 25px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .public-homepage .main-banner h1 {
        font-size: 30px;
    }
    .public-homepage .main-banner h2 {
        font-size: 25px;
    }
}

.public-homepage .homepage-sprite.homepage-sprite-ishani.pull-right {
    clear: right;
}
.public-homepage .main-banner .col-md-4 p {
    position: absolute;
    bottom: 0;
    right: 209px;
}
.public-homepage .homepage-sprite.homepage-sprite-badge-appstore-lrg.appStoreLogo {
    float: right;
    margin-top: 10px;
    margin-right: 15px;
}
.public-homepage .homepage-logos {
    background-color: #f5f5f5;
    text-align: center;
}
.public-homepage .homepage-logos ul li {
    margin: 30px 15px;
}

@media (max-width: 767px) {
    .public-homepage .homepage-logos ul li {
        margin: 0;
    }
}

/*-------------------------------------------------------

Home page sprite fixs

-------------------------------------------------------*/

.homepage-sprite-twitter-bubble-bottom {
    position: relative;
    top: -1px;
    left: 150px;
}
.homepage-sprite.homepage-sprite-twitter-bird {
    position: relative;
    left: 100px;
    top: 15px;
}
.homepage-sprite-facebook {
    height: 73px !important;
    margin: auto;
}
.homepage-sprite-linkedin {
    height: 73px !important;
    margin: auto;
}
.homepage-sprite-twitter {
    height: 73px !important;
    margin: auto;
}
.homepage-sprite-youtube {
    height: 73px !important;
    margin: auto;
}
.homepage-sprite-linkedin:hover {
    background-position: -617px -234px;
}
.homepage-sprite-twitter:hover {
    background-position: -5px -390px;
}
.homepage-sprite-facebook:hover {
    background-position: -617px -78px;
}
.homepage-sprite-youtube:hover {
    background-position: -88px -390px;
}
.homepage-sprite-homepageMap {
    margin: auto;
}
/*-------------------------------------------------------

Login Page

-------------------------------------------------------*/
.new-login .login-box {
    margin-top: 30px;
    background-color: white;
    min-height: 20px;
    padding: 0 19px;
    margin-bottom: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    float: left;
    padding: 30px;
}

.new-login label{
    font-weight: 500;
    color: #969696;
}
.new-login .login-box h3{
    color: #428BCA;
}

.new-login .new-to-nl {
    margin-top: 25px;
}

.new-login .forgotten-password {
    margin-top: 10px;
}

.new-login .login-box-container {
    margin-bottom: 30px;
}

.new-login .sign-line{
    padding-bottom: 10px;
    border-bottom: solid 1px #CCCCCC;
}

.new-login .sign-title{
    color: #6d6d6d !important;
    padding-left: 15px;
}

.new-login #titleSpan{
    font-weight: bold;
    font-size: 20px;
    color: green;
    margin-bottom: 30px;

}
.new-login .titleText{
    margin-bottom: 30px;
    margin-top: 25px;
}

@media (max-width: 767px) {
    .new-login .col-xs-12 {
        padding-right: 5px;
    }
}
/*-------------------------------------------------------

Simple Locum Form Page

-------------------------------------------------------*/
.simple-signup-simple-info .form_box {
    margin-top: 0;
    background-color: white;
    min-height: 20px;
    padding: 20px 19px 19px 19px;
    margin-bottom: 0;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    float: left;
    width: 100%;
}

.simple-signup-simple-info .sign-line {
    color: #5CB85C;
    font-weight: 500;
    margin-bottom: 15px;
}
.simple-signup-simple-info .signup-tagline {
    color: #969696;
    padding-bottom: 20px;
}

.simple-signup-simple-info .has-error {
    padding: 10px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

@media (min-width: 768px) {
    .simple-signup-simple-info .form_box {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
/*-------------------------------------------------------

Advanced signup Locum Form Page

-------------------------------------------------------*/
.simple-signup-advanced-info .form_box {
    margin-top: 0;
    background-color: white;
    min-height: 20px;
    padding: 20px 19px 19px 19px;
    margin-bottom: 0;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    float: left;
    width: 100%;
}
.simple-signup-advanced-info .tooltip {
    z-index: 0;
}

.simple-signup-advanced-info .tooltip-inner {
    max-width: 100px;
}

.simple-signup-advanced-info .sign-line {
    color: #5CB85C;
    font-weight: 500;
    margin-bottom: 15px;
}
.simple-signup-advanced-info .signup-tagline {
    color: #969696;
    padding-bottom: 20px;
}

.simple-signup-advanced-info .has-error {
    padding: 10px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

@media (min-width: 768px) {
    .simple-signup-advanced-info .form_box {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .simple-signup-advanced-info .help-block.col-sm-offset-4 {
        padding-left: 15px;
    }
}
/*-------------------------------------------------------

Staff pages

-------------------------------------------------------*/
.distance-search .last-login-never {
    color:  #bbb;
}
.distance-search .last-login-today {
    color:  #000;
}
.distance-search .last-login-last-7-days {
    color:  #444;
}
.distance-search .last-login-last-30-days {
    color:  #888;
}
.distance-search .last-login-more-than-30-days {
    color:  #bbb;
}

.distance-search .results-section .table [class^="icon-"],
.distance-search .results-section .table [class*=" icon-"] {
    padding-right: 5px;
}

.impersonate .table,
.user-deep-dive .table {
    margin-bottom: 20px;
}
.booked-locums ul,
.fill-job ul {
    padding-left: 20px;
}

.fill-job .tab-content [class^="icon-"],
.fill-job .tab-content [class*=" icon-"] {
    padding-right: 5px;
}

.locum-invoice-detail .document-type select {
    border: 1px solid #CCCCCC
}

.locum-invoice-detail .void {
    text-decoration: line-through;
}

.locum-invoice-detail .btn-link {
    padding: 0;
}

.locuminvoice-list .active{
    font-weight:bold;
    background-color: #ffa;
}

.practice-verification select,
.practice-verification textarea,
.practice-verification input {
    border: 1px solid #CCCCCC
}

.practice-verification .verified_btn {
    margin-right: 10px;
}

.practice-verification .about_us textarea,
.practice-verification .notes textarea,
.practice-verification .description textarea,
.practice-verification .travel_info textarea{
    width: 400px;
    height: 100px;
}

.practice-verification h3 {
    border-bottom: 1px solid #e5e5e5;
}

.user-detail .user-info td:first-child {
    display: none;
}

.user-detail .user-info .label {
    display: inline-block;
    margin-right: 3px;
}

.impersonate .action-links {
    text-align: right;
}

.impersonate .send-text {
    margin-right: 10px;
}

.impersonate .results-section td {
    padding: 0;
}

.impersonate .impersonate-start .icon-hospital {
    font-size: 50px;
    margin-left: 5px;
    margin-right: 5px;
}

.impersonate .pm-name {
    position: relative;
    top: -8px;
}

.impersonate .results-section td.action-links {
    padding: 10px;
}

.impersonate .results-section a.impersonate-start {
    line-height: 34px;
    padding: 5px 10px 5px 10px;
    display: block;
}

.impersonate .results-section a.impersonate-start:hover {
    background-color: #F0F0F0;
    text-decoration: none;
}


.impersonate .practice-list {
    margin-left: 10px;
}

.staff-upload-jobs .upload-form {
    margin-top: 20px;
}

.staff-uploaded-jobs-detail .column-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border: 1px solid;
    padding: 2px;
}

.staff-uploaded-jobs-detail .error-description {
    color: #a94442;
}

@media (max-width: 767px) {
    .staff-reports .btn-download {
        margin-bottom: 20px;
    }
    .impersonate .btn-default-blue {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .staff-reports .btn-regenerate {
        margin-top: 20px;
    }
    .staff-reports .btn-md-or-xs {
        /* behave like btn-xs */
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

    .user-detail .user-info td:first-child {
        display: table-cell;
    }

    .impersonate .action-links {
        width: 200px;
    }

    .impersonate .practice-list {
        margin-left: 15px;
    }


    .locum-invoice-detail .upload-document-form .form-group {
        margin-right: 10px;
    }

}

/*-------------------------------------------------------

Public pages

-------------------------------------------------------*/
.about-us .public-content {
    margin-top: 30px;
    margin-bottom: 30px;
}
.about-us .thumbnail{
    border: none;
}
.about-us .aboutPeopleSection ul li{
    font-size: 0.9em;
    padding: 10px;
    float: left;
    margin-bottom: 0;
}
.about-us .person-wrapper {
    border-radius: 5px 5px 5px 5px;
    background-color: #f0f0f0;
    display: block;
    border: 1px solid #ddd;
    min-height: 240px;
    padding: 10px;
}
.about-us .aboutPeopleSection img{
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-right: 10px;
}
.about-us .aboutPeopleSection h3{
    margin: 0px;
}

.about-us .qualifications {
    font-size: 14px;
}

@media (max-width: 767px) {
    .about-us .person-wrapper {
        min-height: 150px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .about-us .person-wrapper {
        min-height: 210px;
    }
}

.affiliates-page .main-image{
    overflow: hidden;
}
.affiliates-page .main-image img{
    margin-top: 30px;
    float: right;
}
.affiliates-page .affiliatesPartnerSection:last-of-type {
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .affiliates-page .main-image img{
        margin-top: 30px;
        float: left;
    }
}

/*-- Press page --*/
.press-page .article-title {
    font-size: 24px;
}
.press-page .pressItem{
    clear: both;
    padding:20px 0 20px 0;
    border-bottom: 1px solid #f0f0f0;
}
.press-article p{
    margin-top: 25px;
}
/*-- Pensions Page --*/
.pension-page .main-content-row {
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    margin-top: 40px;
}

.pension-page .main-content-row .btn-lg {
    font-size: 48px;
    line-height: 48px;
}


/* -- Testimonials page --*/

.testimonials-page .testimonials blockquote::before {
    content: '“';
    font-size: 80px;
    position: absolute;
    left: 14px;
    top: 16px;
    line-height: 1em;
    font-weight: bold;
    color: #fefefe;
    font-family: Helvetica, Arial, sans-serif;
}

.testimonials-page .testimonials blockquote::after {
    content: '”';
    font-size: 80px;
    position: absolute;
    right: 40px;
    bottom: -24px;
    line-height: 1em;
    font-weight: bold;
    color: #fefefe;
    font-family: Helvetica, Arial, sans-serif;
}

.testimonials-page .testimonials blockquote {
    border: 0;
    padding: 0;
    margin: 0 0 0 40px;
}

.testimonials-page .testimonials > .testimonial {
    border-radius: 20px;
    padding: 30px 20px 20px 20px;
    color: #3e75a8;
    font-weight: 300;
    font-size: 16px;
}

.testimonials-page .locum-testimonial {
    background: #daecfd;
    position: relative;
    border-radius: 20px;
    padding: 30px 30px 20px 30px;
}
.testimonials-page .gp-testimonial {
    background: #e5e5e5;
    position: relative;
    border-radius: 20px;
    padding: 30px 30px 20px 30px;
}
.testimonials-page .darkblue-testimonial {
    background: #3e75a8;
    border-radius: 20px;
    padding: 30px 30px 20px 30px;
}

.testimonials-page .testimonial-meta {
    margin: 10px 0 0 40px;
    font-size: 12px;
    font-weight:700;
    font-style: italic;
}

.testimonials-page .bubble-bottom {
    width: 32px;
    height: 22px;
    display: block;
    position: relative;
    margin-bottom: 14px;
    top: -1px; /* Gets rid off thin white line on iOS */
}
.testimonials-page .bubble-bottom-blue {
    background: url(../img/bubble-bottom-blue.png) no-repeat 0 0;
    left: 520px;
}
.testimonials-page .bubble-bottom-grey {
    background: url(../img/bubble-bottom-grey.png) no-repeat 0 0;
    left: 50px;
}
.testimonials-page .bubble-bottom-darkblue {
    height: 27px;
    width: 43px;
    background: url(../img/twitter-bubble-bottom.png) no-repeat 0 0;
    position: relative;
    top: -1px; /* Gets rid off thin white line on iOS */
    left: 210px;
}

.testimonials-page .testimonials > div {
    padding-bottom: 50px;
}
.testimonials-page .locum-testimonial .testimonial-meta,
.testimonials-page .gp-testimonial .testimonial-meta {
    color: #3E75A8;
}
.testimonials > div.darkblue-testimonial {
    color: #ffffff;
    position: relative;
}
.testimonials-page .bubble-bottom-blue{
    left:50px;
}
.bubble-bottom-darkblue p{
    color: #ffffff;
}
.testimonials-page .testimonial-meta{
    position: relative;
    top:30px;
}
.testimonials-page p::after{
    bottom: 5px;
}


/* Public all jobs page */
.public-all-jobs .container-fluid.mainWrapper .row {
    margin-top: 10px;
}

.public-all-jobs .xs-responsive-table .week-heading {
    padding-left: 8px;
    background-color: #3e75a8;
    color: white;
    line-height: 2em;
    margin-bottom: 0;
}

.public-all-jobs .xs-responsive-table .week-heading:first-child {
    margin-top: 0;
}

@media (min-width: 768px) {
    .public-all-jobs .apply-btn .btn {
        float: right;
    }
    .public-all-jobs td:first-child {
        width: 35%;
    }
    .public-all-jobs td:nth-child(2) {
        width: 30%;
    }
    .public-all-jobs td:nth-child(3) {
        width: 15%;
    }
    .public-all-jobs td:nth-child(4) {
        width: 15%;
    }
}


/*-------------------------------------------------------

Locum billing

-------------------------------------------------------*/
.locum-billing .details.col-xs-9 {
    padding: 0;
}

.locum-billing .job-date {
    color: #3F74A6;
    display: inline-block;
    font-weight: 300;
    float: left;
    line-height: 1;
    padding: 10px 0 0 10px;
    margin: 0 0 0 -15px;
    border-left: 5px solid #3F74A6;
}

.locum-billing .job-date .day {
    font-size: 85px;
    font-weight: 500;
    float: left;
}

.locum-billing .job-date .job-month-year {
    float: left;
}

.locum-billing .job-date .month {
    font-size: 35px;
    font-weight: 500;
    margin-top: 10px;
    text-transform: uppercase;
}

.locum-billing .job-date .year {
    font-size: 25px;
    font-weight: 100;
    margin-top: 6px;
}

.locum-billing .status-container {
    font-weight: 300;
    text-transform: uppercase;
}

.locum-billing .detail-container {
    padding: 15px 0 0 0;
}

.locum-billing .status {
    font-size: 26px;
}

.locum-billing .status_invoice_not_requested .status-container .status,
.locum-billing .status_invoice_requested .status-container .status {
    color: #D8A375;
}

.locum-billing .status_paid .status-container .status {
    color: #57BB5E;
}

.locum-billing .actions ul {
    padding-left: 0;
    list-style: none;
}

.locum-billing .actions ul li {
    margin-bottom: 5px;
}

.locum-billing .status-container .status_invoice_not_requested,
.locum-billing .status-container .status_invoice_requested,
.locum-billing .status-container .status_paid,
.locum-billing .actions .btn-create-invoice,
.locum-billing .actions .btn-mark-as-paid,
.locum-billing .actions .btn-mark-as-paid-primary,
.locum-billing .actions .btn-contact-practice,
.locum-billing .actions .btn-mark-as-unpaid,
.locum-billing .actions [data-url] .icon-spinner {
    display: none;
    margin-right: 5px;
}

.locum-billing .status_invoice_not_requested .status-container .status_invoice_not_requested,
.locum-billing .status_invoice_not_requested .actions .btn-create-invoice,
.locum-billing .status_invoice_requested .status-container .status_invoice_requested,
.locum-billing .status_invoice_requested .actions .btn-mark-as-paid-primary,
.locum-billing .status_invoice_requested .actions .btn-leave-feedback,
.locum-billing .status_paid .status-container .status_paid,
.locum-billing .status_paid .actions .btn-leave-feedback,
.locum-billing .status_paid .actions .btn-contact-practice,
.locum-billing .status_paid .actions .btn-mark-as-unpaid {
    display: block;
}

.locum-billing .billing-btn {
    padding-right: 5px;
    padding-left: 5px;
    height: 50px;
    width: 120px;
    padding-top: 10px;
}
.locum-billing .status_invoice_requested .actions .btn-send-payment-reminder a {
    color: #ffffff;

}

.locum-billing .billing-btn {
    background: #3E75A8;
    color: #ffffff;
}
@media (min-width: 768px) and (max-width: 991px) {
    .locum-billing .billing-btn {
        width: 65px;
        font-size: 10px;
        padding-top: 5px;
    }
}

.locum-billing .btn-send-payment-reminder a {
    padding-top: 3px;
    color: #CBF6FF;
    margin-right: 5px;
    font-size: 12px;
}

.locum-billing .actions .ajax-request-sent[data-url] .icon-spinner {
    display: inline;
}

.locum-billing .actions .ajax-error{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.locum-billing .amount p {
    font-size: 21px;
    color: #57BB5E;
    font-weight: 600;
}

.locum-billing h4 {
    font-weight: 600;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.locum-billing p {
    font-weight: 300;
}

.locum-billing .details ul.documents {
    padding-left: 0;
    list-style: none;
}

.locum-billing .details ul li.void a,
.locum-billing .details ul li.void span {
    text-decoration: line-through;
}
.locum-billing .details ul.documents li {
    padding-left: 0;
    list-style: none;
    float: left;
    width: 100%;
}
.locum-billing .details ul.documents a {
    color: #333333;
}
.locum-billing .details .document-date {
    color: #989898;
}
.locum-billing .list-inline > li{
    padding-right: 40px;
}
.locum-billing .documents .document-date{
    color: #989898;
}
.locum-billing .documents{
    font-weight: 300;
}
.locum-billing .other-info .job-id {
    text-decoration:none;
    color: #333333;
}
.locum-billing .other-info .job-id:hover {
    text-decoration: underline;
}

.locum-billing .no-jobs p:first-child {
    padding: 30px 20px 30px 20px;
}

.locum-billing p.empty-message {
    padding: 20px;
}
.locum-billing .listPages{
    font-weight: 300;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 20px;
}
.locum-billing .pager{
    margin-bottom: 10px;
}
.locum-billing .filtering li {
    color: #808080;
    font-size: 20px;
    font-weight: 200;

}
.locum-billing .filtering{
    margin-bottom: 5px;
}
.locum-billing .filtering a{
    color: #808080;
}
.locum-billing .void {
    text-decoration: line-through;
}

@media (max-width: 767px) {

    .locum-billing .pager{
        margin-top: 5px;
    }
    .locum-billing .panel-heading{
        position: fixed;
        top: 50px;
        left: 0;
        width: 100% !important;
        z-index: 100;
        text-align: center;
    }
    .locum-billing .fixPosition{
        position: fixed;
        top: 100px;
        left: 0;
        width: 100% !important;
        z-index: 100;
        background-color: white;
        margin: 0;
        border-bottom: solid #BBBBBB 1px;
        box-shadow: 0px 5px 5px #BBBBBB;
    }
    .locum-billing .fixPositionPadding{
        padding-left: 0;
    }
    .locum-billing .filtering .btn-group {
        width: 100%;
        margin: 10px 0 10px 0;
        float: left;
    }

    .locum-billing .filtering .btn {
        width: 33.3333333%;
        color: #BBBBBB;
        text-decoration: none;
        white-space: normal;
    }
    .locum-billing .filtering .btn.active {
        color: #777777;
        font-weight: bold;
    }
    .locum-billing .filtering .badgeInvoicePos { /* INVOICE BADGE POSITION */
        background-color: #B94A48; /*RED TO SHOW THE MOST THAT THE USER NEED TO DO SOMETHING TO GET THE PAYMENT*/
        position: absolute;
        left: 48%;
        top: -9px;
        z-index: 10;
    }
    .locum-billing .filtering .badgePayPos { /* PAYMENT BADGE POSITION */
        background-color: #3F74A5; /*BLUE TO SHOW THAT THE USER CAN GIVE A INFO ABOUT THE AWAITING PAYMENT*/
        position: absolute;
        right: 16%;
        top: -9px;
        z-index: 10;
    }
    .locum-billing .contentStart{
        margin-top: 125px;
    }

    .locum-billing .date-container {
        min-height: 200px;
    }

    .locum-billing .right-hand-side {
        padding: 0;
    }

    .locum-billing .status_invoice_not_requested .date-container,
    .locum-billing .status_invoice_requested .date-container {
        border-top: 4px solid #D8A375;
    }

    .locum-billing .status_paid .date-container {
        border-top: 4px solid #57BB5E;
    }

    .locum-billing .status_invoice_not_requested .right-hand-side,
    .locum-billing .status_invoice_requested .right-hand-side {
        border-top: 15px solid #D8A375;
    }

    .locum-billing .status_paid .right-hand-side {
        border-top: 15px solid #57BB5E;
    }

    .locum-billing .job-date {
        border-left: 0;
        text-align: center;
    }

    .locum-billing .day,
    .locum-billing .job-month-year {
        display: block;
        width: 100%;
    }

    .locum-billing .status-container {
        padding: 10px 0;
    }

    .locum-billing .status {
        display: block;
    }

    .locum-billing .amount p {
        line-height: 1.6;
    }

    .locum-billing .details ul.documents li {
        margin-bottom: 10px;
    }

    .locum-billing .visible-xs.actions {
        padding-left: 15px;
        padding-right: 15px;
    }
    .locum-billing .filtering .container{
        display:table;
    }
    .locum-billing  .filtering .table-row{
        display:table-row;
    }
    .locum-billing .filtering .col{
        display:table-cell;
    }
    .locum-billing .invoice{
        border-radius: 0;
    }
    .locum-billing .payment{
        border-radius: 0 4px 4px 0;
        border-left: 0;
    }
    .locum-billing .byList{
        border-radius: 4px 0 0 4px;
        border-right: 0;
    }
    .locum-billing .messages .alert {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

@media (min-width: 768px) {

    .locum-billing .filtering .badge{
        vertical-align: middle;
        margin-bottom: 4px;
    }
    .locum-billing .filtering {
        padding: 20px;
    }
    .locum-billing .filtering li.active a {
        color: #3e75a7;
        font-weight: 400;
    }
    .locum-billing .filtering li a:hover{
        color: #3e75a7;
        text-decoration: none;
    }

    .locum-billing .filtering .badge {
        background-color: #3F74A5; /*BLUE TO SHOW THAT THE USER CAN GIVE A INFO ABOUT THE AWAITING PAYMENT*/

    }
    .locum-billing .filtering li.invoice-needed .badge {
        background-color: #B94A48; /*RED TO SHOW THE MOST THAT THE USER NEED TO DO SOMETHING TO GET THE PAYMENT*/
    }

    .locum-billing .right-hand-side {
        padding: 0;
    }

    .locum-billing .date-container,
    .locum-billing .right-hand-side {
        display: table-cell;
        float: none;
        vertical-align: top;
    }

    /*
     * These next 2 rules attempt to make the action part of the detail section the
     * same height as the details
     * http://stackoverflow.com/a/19378956/691427
     */
    .locum-billing .detail-container {
        display: table;
        width: 100%;
    }

    .locum-billing .details,
    .locum-billing .actions {
        display: table-cell;
        float: none;
        vertical-align: top;
    }

    .locum-billing .date-container {
        position: relative;
        overflow: hidden;
        min-height: 200px;
        float: left;
        width: 100%;
    }

    .locum-billing .job-date .year {
        float: left;
    }

    .locum-billing .other-info {
        position: absolute;
        bottom: 15px;
        left: 20px;
        padding-right: 35px;
        padding-left: 0;
    }

    .locum-billing .status_invoice_not_requested .status-container,
    .locum-billing .status_invoice_requested .status-container {
        border-bottom: 5px solid #D8A375;
    }

    .locum-billing .status_paid .status-container {
        border-bottom: 5px solid #57BB5E;
    }

    .locum-billing .status-container {
        padding: 20px 0 0 0;
    }

    .locum-billing .status {
        margin-top: 30px;
    }

    .locum-billing .details ul.documents a {
        color: #333333;
    }

    .locum-billing .contentStart thead th:nth-child(1) {
        width: 5%;
    }
    .locum-billing .contentStart thead th:nth-child(2) {
        width: 12%;
    }
    .locum-billing .contentStart thead th:nth-child(3) {
        width: 15%;
    }
    .locum-billing .contentStart thead th:nth-child(4) {
        width: 5%;
    }
    .locum-billing .contentStart thead th:nth-child(5) {
        width: 5%;
    }
    .locum-billing .contentStart thead th:nth-child(6) {
        width: 12%;
    }
    .locum-billing .contentStart thead th:nth-child(7) {
        width: 5%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .locum-billing table {
        font-size: 12px;
    }
    .locum-billing .btn-send-payment-reminder a {
        font-size: 10px;
    }
    .locum-billing .contentStart thead th:nth-child(1) {
        width: 5%;
    }
    .locum-billing .contentStart thead th:nth-child(2) {
        width: 10%;
    }
    .locum-billing .contentStart thead th:nth-child(3) {
        width: 10%;
    }
    .locum-billing .contentStart thead th:nth-child(4) {
        width: 5%;
    }
    .locum-billing .contentStart thead th:nth-child(5) {
        width: 5%;
    }
    .locum-billing .contentStart thead th:nth-child(6) {
        width: 13%;
    }
    .locum-billing .contentStart thead th:nth-child(7) {
        width: 5%;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .locum-billing table {
        font-size: 12px;
    }
    .locum-billing .billing-btn {
        padding-top: 0px
    }
    .locum-billing .btn-send-payment-reminder a {
        font-size: 10px;
    }
    .locum-billing .contentStart thead th:nth-child(1) {
        width: 5%;
    }
    .locum-billing .contentStart thead th:nth-child(2) {
        width: 5%;
    }
    .locum-billing .contentStart thead th:nth-child(3) {
        width: 10%;
    }
    .locum-billing .contentStart thead th:nth-child(4) {
        width: 5%;
    }
    .locum-billing .contentStart thead th:nth-child(5) {
        width: 5%;
    }
    .locum-billing .contentStart thead th:nth-child(6) {
        width: 13%;
    }
    .locum-billing .contentStart thead th:nth-child(7) {
        width: 5%;
    }
}

.locum-billing .actions .btn-mark-as-paid-primary .billing-btn {
    background: #61AB54;
}

.locum-billing .actions .btn-mark-as-paid-primary .billing-btn {
    background: #61AB54;
}

.locum-billing .btn-send-payment-reminder a {
    background: #97AABB;
    color: #CBCBCB;
}

.locum-billing .status_invoice_requested .actions .btn-send-payment-reminder a {
    background: #3E75A8
}

.locum-billing .actions .btn-mark-as-unpaid .billing-btn {
    background: #A6524C;
}


/*---------------------------------------------------------

Job Payment reminder

----------------------------------------------------------*/

.payment-reminder .message {
    width: 90%;
    margin: 5px 20px 5px 40px;
}

@media (max-width: 767px) {
    .payment-reminder .send-button {
        width: 100%;
    }
    .payment-reminder .cancel {
        margin-bottom: 10px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .payment-reminder .send-button {
        width: 50%;
    }
}

/*-------------------------------------------------------

Practice billing

-------------------------------------------------------*/
.practice-billing .job-container {
    float: left;
    width: 100%;
}

.practice-billing .details.col-xs-12 {
    padding: 0;
}

.practice-billing .job-date {
    color: #3F74A6;
    display: inline-block;
    font-weight: 300;
    float: left;
    line-height: 1;
    padding: 10px 0 0 10px;
    margin: 0 0 0 -15px;
    border-left: 5px solid #3F74A6;
}

.practice-billing .job-date .day {
    font-size: 85px;
    font-weight: 500;
    float: left;
}

.practice-billing .job-date .job-month-year {
    float: left;
}

.practice-billing .job-date .month {
    font-size: 35px;
    font-weight: 500;
    margin-top: 10px;
    text-transform: uppercase;
}

.practice-billing .job-date .year {
    font-size: 25px;
    font-weight: 100;
    margin-top: 6px;
}

.practice-billing .status-container {
    font-weight: 300;
    text-transform: uppercase;
}

.practice-billing .detail-container {
    padding: 15px 0 15px 0;
}

.practice-billing .status {
    font-size: 26px;
}

.practice-billing .status_invoice_not_requested .status-container .status,
.practice-billing .status_invoice_requested .status-container .status,
.practice-billing .status_needs_approval .status-container .status {
    color: #D8A375;
}

.practice-billing .status_paid .status-container .status {
    color: #57BB5E;
}

.practice-billing .actions ul {
    padding-left: 0;
    list-style: none;
}

.practice-billing .actions ul li {
    margin-bottom: 5px;
}

.practice-billing .status-container .status_invoice_not_requested,
.practice-billing .status-container .status_invoice_requested,
.practice-billing .status-container .status_needs_approval,
.practice-billing .status-container .status_paid,
.practice-billing .session-times,
.practice-billing .actions .btn-mark-as-paid-secondary,
.practice-billing .actions .btn-mark-as-paid-primary,
.practice-billing .actions .btn-mark-as-unpaid,
.practice-billing .actions .btn-approve-hours,
.practice-billing .actions [data-url] .icon-spinner {
    display: none;
}

.practice-billing .status_invoice_not_requested .status-container .status_invoice_not_requested,
.practice-billing .status_invoice_requested .status-container .status_invoice_requested,
.practice-billing .status_needs_approval .status-container .status_needs_approval,
.practice-billing .status_needs_approval .session-times,
.practice-billing .status_paid .status-container .status_paid,
.practice-billing .status_invoice_not_requested .actions .btn-mark-as-paid-secondary,
.practice-billing .status_invoice_requested .actions .btn-mark-as-paid-primary,
.practice-billing .status_needs_approval .actions .btn-mark-as-paid-secondary,
.practice-billing .status_needs_approval .actions .btn-approve-hours,
.practice-billing .status_paid .actions .btn-mark-as-unpaid {
    display: block;
}

.practice-billing .session-times ul {
    margin-left: 15px;
}

.practice-billing .actions .ajax-request-sent[data-url] .icon-spinner {
    display: inline;
}

.practice-billing .actions .ajax-error{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.practice-billing .amount p {
    font-size: 21px;
    color: #57BB5E;
    font-weight: 600;
}

.practice-billing h4 {
    font-weight: 600;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.practice-billing p {
    font-weight: 300;
}

.practice-billing .details ul.documents {
    padding-left: 0;
    list-style: none;
}

.practice-billing .details ul li.void a,
.practice-billing .details ul li.void span {
    text-decoration: line-through;
}
.practice-billing .details ul.documents li {
    padding-left: 0;
    list-style: none;
    float: left;
    width: 100%;
}
.practice-billing .details ul.documents a {
    color: #333333;
}
.practice-billing .details .document-date {
    color: #989898;
}
.practice-billing .list-inline > li{
    padding-right: 40px;
}
.practice-billing .documents .document-date{
    color: #989898;
}
.practice-billing .documents{
    font-weight: 300;
}
.practice-billing .other-info .job-id {
    text-decoration:none;
    color: #333333;
}
.practice-billing .other-info .job-id:hover {
    text-decoration: underline;
}

.practice-billing .no-jobs p:first-child {
    padding: 30px 20px 30px 20px;
}

.practice-billing p.empty-message {
    padding: 20px;
}
.practice-billing .listPages{
    font-weight: 300;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 20px;
}
.practice-billing .pager{
    margin-bottom: 10px;
}
.practice-billing .filtering li {
    color: #808080;
    font-size: 20px;
    font-weight: 200;
    float: left;
}
.practice-billing .filtering{
    margin-bottom: 35px;
}
.practice-billing .filtering a{
    color: #808080;
}
.practice-billing .to_approve {
    display: none;
}
.practice-billing.show_approval .to_approve{
    display: block;
}

.practice-billing .gocardless {
    margin-top: -20px;
    background: #ffffff;
    padding-bottom: 40px;
    padding-top: 20px;
    box-shadow: 0 5px 5px #888888;
    margin-bottom: 20px;
}
.practice-billing .gocardless .dismiss {
    padding-left: 15px;
}
@media (max-width: 767px) {
    .practice-billing .contentStart{
        margin-top: 125px;
    }

    .practice-billing .filtering .btn-group {
        width: 100%;
        margin: 10px 0 10px 0;
        float: left;
    }

    .practice-billing .filtering .btn {
        width: 33.3333333%;
        color: #BBBBBB;
        text-decoration: none;
        white-space: normal;
    }
    .practice-billing .filtering .btn.active {
        color: #777777;
        font-weight: bold;
    }
    .practice-billing .filtering .badgeToApprove { /* INVOICE BADGE POSITION */
        background-color: #B94A48; /*RED TO SHOW THE MOST THAT THE USER NEED TO DO SOMETHING TO GET THE PAYMENT*/
        position: absolute;
        left: 48%;
        top: -9px;
        z-index: 10;
    }
    .practice-billing .filtering .badgeToPay { /* PAYMENT BADGE POSITION */
        background-color: #3F74A5; /*BLUE TO SHOW THAT THE USER CAN GIVE A INFO ABOUT THE AWAITING PAYMENT*/
        position: absolute;
        right: 24%;
        top: -9px;
        z-index: 10;
    }
    .practice-billing.show_approval  .filtering .badgeToPay { /* PAYMENT BADGE POSITION */
        background-color: #3F74A5; /*BLUE TO SHOW THAT THE USER CAN GIVE A INFO ABOUT THE AWAITING PAYMENT*/
        position: absolute;
        right: 16%;
        top: -9px;
        z-index: 10;
    }
    .practice-billing .filtering .container {
        display:table;
    }
    .practice-billing .filtering .table-row {
        display:table-row;
    }
    .practice-billing .filtering .col.to_approve {
        display: none;
    }
    .practice-billing .filtering .col,
    .practice-billing.show_approval  .filtering .col.to_approve {
        display:table-cell;
    }
    .practice-billing .visible-xs .to_approve {
        border-radius: 0;
    }
    .practice-billing.show_approval  .to_pay {
        border-left: 0;
    }
    .practice-billing .to_pay {
        border-radius: 0 4px 4px 0;
    }
    .practice-billing .byList {
        border-radius: 4px 0 0 4px;
        border-right: 0;
    }

    .practice-billing .job-container {
        margin-bottom: 20px;
    }
    .practice-billing .panel-heading {
        position: fixed;
        top: 50px;
        left: 0;
        width: 100% !important;
        z-index: 100;
        text-align: center;
    }
    .practice-billing .fixPosition {
        position: fixed;
        top: 100px;
        left: 0;
        width: 100% !important;
        z-index: 100;
        background-color: white;
        margin: 0;
        border-bottom: solid #BBBBBB 1px;
        box-shadow: 0px 5px 5px #BBBBBB;
    }
    .practice-billing .fixPositionPadding{
        padding-left: 0;
    }

    .practice-billing .filtering .btn.active {
        color: #777777;
        font-weight: bold;
    }

    .practice-billing .job-container {
        margin-bottom: 20px;
    }

    .practice-billing .date-container {
        min-height: 200px;
    }

    .practice-billing .right-hand-side {
        padding: 0;
    }

    .practice-billing .status_invoice_not_requested .date-container,
    .practice-billing .status_invoice_requested .date-container,
    .practice-billing .status_needs_approval .date-container {
        border-top: 4px solid #D8A375;
    }

    .practice-billing .status_paid .date-container {
        border-top: 4px solid #57BB5E;
    }

    .practice-billing .status_invoice_not_requested .right-hand-side,
    .practice-billing .status_invoice_requested .right-hand-side,
    .practice-billing .status_needs_approval .right-hand-side {
    border-top: 15px solid #D8A375;
    }

    .practice-billing .status_paid .right-hand-side {
        border-top: 15px solid #57BB5E;
    }

    .practice-billing .job-date {
        border-left: 0;
        text-align: center;
    }

    .practice-billing .day,
    .practice-billing .job-month-year {
        display: block;
        width: 100%;
    }

    .practice-billing .status-container {
        padding: 10px 0;
    }

    .practice-billing .status {
        display: block;
    }

    .practice-billing .amount p {
        line-height: 1.6;
    }

    .practice-billing .details ul.documents li {
        margin-bottom: 10px;
    }

    .practice-billing .visible-xs.actions {
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media (min-width: 768px) {

    .practice-billing .filtering {
        padding: 20px;
    }
    .practice-billing .filtering li.active a {
        color: #3e75a7;
        font-weight: 400;
    }
    .practice-billing .filtering li a:hover{
        color: #3e75a7;
        text-decoration: none;
    }
    .practice-billing .filtering .badge{
        vertical-align: middle;
        margin-bottom: 4px;
    }
    .practice-billing .filtering li a {
        color: #BBBBBB;
    }
    .practice-billing .filtering li.badgeColor .badge {
        background-color: #B94A48; /*RED TO SHOW THE MOST THAT THE USER NEED TO DO SOMETHING TO GET THE PAYMENT*/
    }
    .practice-billing .right-hand-side {
        padding: 0;
    }

    /*
     * These next 2 rules attempt to make the date part of the job row the same
     * height as the right hand side.
     * http://stackoverflow.com/a/19378956/691427
     */
    .practice-billing .job-container {
        display: table;
        margin-bottom: 10px;
        border: 1px solid #B2B2B2;
        float: left;
    }

    .practice-billing .date-container,
    .practice-billing .right-hand-side {
        display: table-cell;
        float: none;
        vertical-align: top;
    }

    /*
     * These next 2 rules attempt to make the action part of the detail section the
     * same height as the details
     * http://stackoverflow.com/a/19378956/691427
     */
    .practice-billing .detail-container {
        display: table;
        width: 100%;
    }

    .practice-billing .details,
    .practice-billing .actions {
        display: table-cell;
        float: none;
        vertical-align: top;
    }

    .practice-billing .date-container {
        position: relative;
        overflow: hidden;
        min-height: 200px;
        float: left;
        width: 100%;
    }

    .practice-billing .job-date .year {
        float: left;
    }

    .practice-billing .other-info {
        position: absolute;
        bottom: 15px;
        left: 20px;
        padding-right: 35px;
        padding-left: 0;
    }

    .practice-billing .status_invoice_not_requested .status-container,
    .practice-billing .status_invoice_requested .status-container,
    .practice-billing .status_needs_approval .status-container {
        border-bottom: 5px solid #D8A375;
    }

    .practice-billing .status_paid .status-container {
        border-bottom: 5px solid #57BB5E;
    }

    .practice-billing .status-container {
        padding: 20px 0 0 0;
    }

    .practice-billing .status {
        margin-top: 30px;
    }

    .practice-billing .details ul.documents a {
        color: #333333;
    }
}


/*-------------------------------------------------------

Part application thanks page

-------------------------------------------------------*/
.part-application-thanks .other-days {
    padding: 0 20px 0 20px;
    border: 2px solid #2373AA;
    border-radius: 4px;
    margin-bottom: 40px;
    margin-top: 40px;
}
.part-application-thanks .other-days .apply-for-all {
    margin-top: 20px;
    margin-bottom: 20px;
}

.part-application-thanks .btn-success.disabled {
    opacity: 1;
}


/*-------------------------------------------------------

Invite available locums page

-------------------------------------------------------*/
.invite-available-locums {
    color: #676767;
}

.invite-available-locums .invite-all {
    text-align: center;
}

.invite-available-locums .available-locums{
    margin-top: 20px;
}

.invite-available-locums .table > thead > tr > td,
.invite-available-locums .table > tbody > tr > td {
    padding-top: 8px;
}
.invite-available-locums .header-text [class^="icon-"],
.invite-available-locums .header-text [class*=" icon-"] {
    margin: 10px;
}

.invite-available-locums .available-locums .header-text {
    margin-bottom: 10px;
}

.invite-available-locums .header-text [class^="icon-"],
.invite-available-locums .header-text [class*=" icon-"] {
    color: #256298;
}


.invite-available-locums .available-locums .table > thead > tr > th {
    border: 1px solid #CDCDCD;
    background-color: #F1F1F1;
}

.invite-available-locums .locum-info h3 {
    margin: 0;
    word-break: break-all;
}
.invite-available-locums .view-warnings {
    font-size: 13px;
}
.invite-available-locums .clinical-governance-notes-checked {
    font-size: 13px;
}
.invite-available-locums .documents-download {
    font-size: 13px;
}
.invite-available-locums .rating {
    color: #256298;
}
.invite-available-locums .rating:before {
    color: #676767;;
}

.invite-available-locums .rating-title,
.invite-available-locums .documents-title,
.invite-available-locums .pension-title {
    text-align: center;
}

.invite-available-locums .documents .icon-question-sign {
    font-size: 14px;
}

.invite-available-locums .locum-image {
    padding: 0;
}

.invite-available-locums .locum-container {
    padding-top: 20px;
    padding-bottom: 20px;
}

.invite-available-locums .locum-container .row {
    margin-left: 0;
}

.invite-available-locums .previously-hired {
    line-height: 14px;
    font-size: 14px;
    padding: 5px;
    background-color: #cca711;
    border-radius: 0;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: default;
    border: 1px solid transparent;
}

.invite-available-locums .btn-invite,
.invite-available-locums .locum-already-invited {
    font-size: 18px;
}

.invite-available-locums .status-invited .btn-invite,
.invite-available-locums .status-invited .ajax-error,
.invite-available-locums .locum-already-invited {
    display: none;
}

.invite-available-locums .status-invited .locum-already-invited {
    display: block;
}

.invite-available-locums .locum-already-invited {
    width: 100%;
    padding: 6px 0 6px 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: default;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #1FBBA5;
    border-color: #46A293;
}

.invite-available-locums .btn-invite[data-url] .icon-spinner {
    display: none;
}

.invite-available-locums .btn-invite[data-url].ajax-request-sent .icon-spinner {
    display: inline;
}

.invite-available-locums .ajax-error{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 5px;
}

.invite-available-locums .take-to-job-posting {
    margin-bottom: 2em;
}

@media (max-width: 767px) {
    .invite-available-locums .locum-info {
        padding: 0;
    }
    .invite-available-locums .clinical-governance-notes-checked {
        display: inline-block;
    }
    .invite-available-locums .view-warnings {
        display: inline-block;
        padding-bottom: 10px;
    }
}

.invite-available-locums .btn-bg-white {
    background-color: #ffffff;
}

@media (min-width: 768px) {
    .invite-available-locums .locum-image {
        text-align: center;
    }
    .invite-available-locums .table > tbody > tr > td:nth-child(2),
    .invite-available-locums .table > tbody > tr > td:nth-child(3),
    .invite-available-locums .table > tbody > tr > td:nth-child(4),
    .invite-available-locums .table > tbody > tr > td:nth-child(5){
        padding-top: 40px;
    }
    .invite-available-locums .rating,
    .invite-available-locums .documents,
    .invite-available-locums .pension {
        font-size: 26px;
        text-align: center;
    }
}

/*-------------------------------------------------------

Invite declined thanks page

-------------------------------------------------------*/

.invite-declined-thanks .panel-body h4{
    margin-bottom: 5px;
}

.invite-declined-thanks .panel-body .glyphicon.check{
    font-size: 3em;
    float: left;
    margin-right: 10px;
    color: #3C763D;
    margin-top: 6px;
}

.invite-declined-thanks .panel-body .text{
    min-height: 50px;
    margin-top: 1.1em;
}

.invite-declined-thanks .decline-thanks{
    background-color: #D6E9C6;
    padding: 1em;
}

.invite-declined-thanks .find-job{
    margin-top: 1em;
}


/*-------------------------------------------------------

 invite declined form

-------------------------------------------------------*/
.invite-declined-form .survey button {
    border-color: #1482cc;
    border-radius: 0;
    color: #1482cc;
    margin-bottom: 10px;
    text-align: left;
    padding-left: 15px;
    white-space: normal;
}

.invite-declined-form .survey button:hover {
    background-color: #1482cc;
    color: #ffffff;
}

.invite-declined-form .survey form {
    padding-bottom: 25px;
}
/*-------------------------------------------------------

Locum document list

-------------------------------------------------------*/
.locum-document-list  h2:first-child {
    margin-top: 0;
}

.locum-document-list .essential-documents {
    margin-left: 50px;
}

.locum-document-list .th-actions {
    width: 220px;
}

.locum-document-list .action-buttons .text {
    text-align: center;
    display: block;
    margin: 10px 0 10px 0;
}

.locum-document-list .btn-delete {
    display: inline-block;
}

.locum-document-list .table {
    word-break: break-all;
    margin-bottom: 20px;
}

.locum-document-list .table-striped .uploaded > td {
    background-color: #dff0d8;
}

.locum-document-list .icon-check {
    color: #3c763d;
}

.locum-document-list .icon-trophy {
    color: #FECC14;
}

@media (min-width: 768px) {
    .locum-document-list .table  td:nth-child(1) {
        width: 35%;
    }
    .locum-document-list .table  td:nth-child(2) {
        width: 50%;
    }

    .locum-document-list h3 {
        margin-top: 0px;
    }
}
/*-------------------------------------------------------

Locum upload document

-------------------------------------------------------*/
.locum-document-upload .content-container {
    margin-top: 20px;
}

.locum-document-upload .has-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 10px;
}

/*-------------------------------------------------------

Change impersonation

-------------------------------------------------------*/

.change-impersonation .impersonation-box {
    margin-top: 30px;
    background-color: white;
    min-height: 20px;
    padding: 0 19px;
    margin-bottom: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    float: left;
    padding: 30px;
}

.job-fill-staff .job-fill-locums table {
    margin-bottom: 0px;
}

.job-fill-staff .favourite {
    color: #C09853;
}

.job-fill-staff .approved {
    color: #C09853;
}

.job-fill-staff .borderless td {
    border-top: 0 !important;
    font-size: 14px;
}
.job-fill-staff h3 {
    margin-left: 10px;
}

/*-------------------------------------------------------

 Invite declined survey location preference page

-------------------------------------------------------*/
.invite-declined-location-preference .section-content {
    background-color: #F5F5F5;
    padding: 20px;
}

.invite-declined-location-preference .section-content h3 {
    margin: 0 0 20px;
}

.invite-declined-location-preference .section-content .btn-update-preferences {
    display: block;
    margin-top: 10px;
}

.invite-declined-location-preference .section-content .interest-container {
    margin-top: 10px;
}

.invite-declined-location-preference .section-content .help-block {
    margin-bottom: 0;
}

.invite-declined-location-preference .section-content form span,
.invite-declined-location-preference .section-content form div {
    vertical-align: top;
}

.invite-declined-location-preference .section-content form span {
    line-height: 2.5em;
}

.invite-declined-location-preference .section-content .work-within {
    font-weight: bold;
}

@media (max-width: 767px) {
    .invite-declined-location-preference .section-content .form-group {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .invite-declined-location-preference .section-content form .form-group {
        margin: 0 10px 0 10px;
    }
}


/*-------------------------------------------------------

 Invite declined survey rate preference page

-------------------------------------------------------*/
.invite-declined-rate-preference .section-content {
    background-color: #F5F5F5;
    padding: 20px;
}

.invite-declined-rate-preference .section-content h3 {
    margin: 0 0 20px;
}

.invite-declined-rate-preference .section-content .btn-update-preferences {
    display: block;
    margin-top: 10px;
}

.invite-declined-rate-preference .section-content .earn-at-least {
    font-weight: bold;
}

.invite-declined-rate-preference .section-content .min_rate {
    width: 3em;
}

.invite-declined-rate-preference .section-content form span,
.invite-declined-rate-preference .section-content form div {
    vertical-align: top;
}

.invite-declined-rate-preference .section-content form span {
    line-height: 2.5em;
}

.invite-declined-location-preference .section-content .help-block {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .invite-declined-rate-preference .section-content .form-group {
        display: inline-block;
        margin-bottom: 0;
    }
    .invite-declined-rate-preference .section-content .form-group.has-error {
        display: block;
    }
    .invite-declined-rate-preference .section-content input {
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .invite-declined-rate-preference .section-content form .form-group {
        margin: 0 10px 0 0;
    }
    .invite-declined-rate-preference .section-content .help-block {
        margin-left: 1em;
    }
}


/*-------------------------------------------------------

 Locum long term availability

-------------------------------------------------------*/
.locum-long-term-availability .panel-body {
    padding-top: 0px;
}

.locum-long-term-availability .legend td {
    padding: 7px;
}
.locum-long-term-availability .legend .available,
.locum-long-term-availability .legend .booked {
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
}
.locum-long-term-availability .legend .available {
    background-color: #21b8a9;
}
.locum-long-term-availability .legend .booked {
    background-color: #1482cd;
}

.locum-long-term-availability .availability-table td {
    font-size: 12px;
    border-left: 0;
    border-bottom: 0;
    border-top: 0;
}
.locum-long-term-availability .availability-table td:nth-child(1) {
    border-left: 0;
}
.locum-long-term-availability .availability-table td:last-child {
    border-right: 0;
}
.locum-long-term-availability .availability-table tr:last-child td {
    border-bottom: 1px solid #DDDDDD;
}
.locum-long-term-availability .month-header-row td:nth-child(1) {
    border-right: 0;
}
.locum-long-term-availability .am .header {
    border-bottom: 1px solid #dddddd;
}
.locum-long-term-availability .availability-table .status-booked,
.locum-long-term-availability .availability-table .status-booked.weekend,
.locum-long-term-availability .availability-table .status-available,
.locum-long-term-availability .availability-table .status-available.weekend {
    border: 1px solid white;
}
.locum-long-term-availability .availability-table .am .status-not-available {
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
.locum-long-term-availability .availability-table .pm .status-not-available {
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
}

.locum-long-term-availability .days-header-row td {
    text-align: right;
    font-weight: 600;
    color: #666666;
    border-right: 0;
    border-top: 1px solid #DDDDDD;
}
.locum-long-term-availability .month-header-row td {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding-top: 0;
    padding-bottom: 0;
}
.locum-long-term-availability .month-header-row .month-name {
    text-align: left;
    font-weight: 600;
    color: #666666;
    float: left;
    margin-right: 10px;
    display: block;
    line-height: 40px;
}
.locum-long-term-availability .month-header-row .available-jobs {
    display: block;
    float: right;
}

.locum-long-term-availability .date-header-row {
    background-color: #eeeeee;
}
.locum-long-term-availability .date-header-row .all {
    text-align: center;
    width: 9%;
}
.locum-long-term-availability .am .header,
.locum-long-term-availability .pm .header {
    text-align: center;
    padding: 0;
}
.locum-long-term-availability .date-header-row .date {
    text-align: right;
    font-weight: 600;
    padding: 0;
    width: 13%;
    border-right: 0;
}

.locum-long-term-availability .all {
    padding: 0;
}
.locum-long-term-availability .add-all,
.locum-long-term-availability .remove-all,
.locum-long-term-availability .add-all-day,
.locum-long-term-availability .remove-all-day {
    display: none;
}
.locum-long-term-availability .show-add-all-day .add-all-day,
.locum-long-term-availability .show-remove-all-day .remove-all-day {
    display: block;
}
.locum-long-term-availability .availability-table .am td:nth-child(2),
.locum-long-term-availability .availability-table .pm td:nth-child(2) {
    border-left: 0;
}
.locum-long-term-availability .show-add-all .add-all,
.locum-long-term-availability .show-remove-all .remove-all {
    display: block;
}
.locum-long-term-availability .add-all,
.locum-long-term-availability .remove-all {
    padding: 3px;
}
.locum-long-term-availability .add-all:hover,
.locum-long-term-availability .remove-all:hover {
    border: 3px #cca614 solid;
    line-height: 26px;
    padding: 0;
}
.locum-long-term-availability .add-all-day,
.locum-long-term-availability .remove-all-day {
    padding: 3px 10px 0 0;
    text-decoration: none;
    color: #333333;
}
.locum-long-term-availability .availability-table a.add-all,
.locum-long-term-availability .availability-table a.remove-all,
.locum-long-term-availability .availability-table a.add-all-day,
.locum-long-term-availability .availability-table a.remove-all-day {
    line-height: 20px;
}
.locum-long-term-availability .availability-table a.add-all-day:hover,
.locum-long-term-availability .availability-table a.remove-all-day:hover {
    border: 3px #cca614 solid;
    line-height: 19px;
    padding: 0px 7px 0 0;
}

.locum-long-term-availability .add-all-am,
.locum-long-term-availability .add-all-pm,
.locum-long-term-availability .remove-all-am,
.locum-long-term-availability .remove-all-pm {
    display: none;
    line-height: 50px;
    border-right: 1px solid #dddddd;
}
.locum-long-term-availability .show-add-all .add-all-am,
.locum-long-term-availability .show-add-all .add-all-pm,
.locum-long-term-availability .show-remove-all .remove-all-am,
.locum-long-term-availability .show-remove-all .remove-all-pm {
    display: block;
}
.locum-long-term-availability .header a {
    text-decoration: none;
    color: #B2B2B2;
}
.locum-long-term-availability .add-all-am:hover,
.locum-long-term-availability .add-all-pm:hover,
.locum-long-term-availability .remove-all-am:hover,
.locum-long-term-availability .remove-all-pm:hover {
    border: 3px #cca614 solid;
    line-height: 38px;
    padding: 3px 0 3px 0;
}

.locum-long-term-availability .availability-table .icon-plus,
.locum-long-term-availability .availability-table .remove-availability,
.locum-long-term-availability .availability-table .add-availability {
    display: none;
}
.locum-long-term-availability .status-booked .icon-plus,
.locum-long-term-availability .status-available .remove-availability,
.locum-long-term-availability .status-not-available .add-availability {
    display: block;
}
.locum-long-term-availability .availability-table .status-booked,
.locum-long-term-availability .availability-table .status-available,
.locum-long-term-availability .availability-table .status-not-available {
    text-align: center;
    font-size: 20px;
}

.locum-long-term-availability .availability-table .status-booked,
.locum-long-term-availability .availability-table .status-booked.weekend {
    background-color: #1482cd;
    color: #ffffff;
}
.locum-long-term-availability .availability-table .status-available,
.locum-long-term-availability .availability-table .status-available.weekend {
    background-color: #21b8a9;
}
.locum-long-term-availability .status-available a {
    color: white;
}
.locum-long-term-availability .status-not-available a.add-availability {
    color: #1482cd;
}
.locum-long-term-availability .status-available a,
.locum-long-term-availability .status-not-available a {
    text-decoration: none;
    height: 100%;
    line-height: 30px
}
.locum-long-term-availability .status-not-available,
.locum-long-term-availability .status-available,
.locum-long-term-availability .status-booked {
    padding: 0;
}
.locum-long-term-availability .status-not-available a.add-availability:hover,
.locum-long-term-availability .status-available a:hover,
.locum-long-term-availability .availability-day-highlight a:hover {
    border: 3px #cca614 solid;
    height: 50px;
    line-height: 44px;
}
.locum-long-term-availability .availability-table .icon-plus,
.locum-long-term-availability .availability-table .remove-availability,
.locum-long-term-availability .availability-table .add-availability {
    line-height: 50px;
}
.locum-long-term-availability .available-jobs a {
    margin: 2px;
    padding: 8px;
}
.locum-long-term-availability .availability-table a:hover {
    text-decoration: none;
}

.locum-long-term-availability .ajax-error {
    color: #A94442;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    padding: 15px;
    margin: 5px;
    border-radius: 4px;
}
.locum-long-term-availability .ajax-error p {
    margin: 0;
}

.locum-long-term-availability .help-text-popover-content p {
    /* Restore font-size from body */
    font-size: 14px;
}
.locum-long-term-availability .help-text-popover-content a {
    /* Restore line-height from .btn-sm */
    line-height: 1.5em;
}

@media (max-width: 767px) {
    .locum-long-term-availability .panel-body {
        padding-right: 0px;
    }
}
@media (min-width: 768px) {
    .locum-long-term-availability .date-header-row .all {
        width: 4.5%;
    }
    .locum-long-term-availability .date-header-row .date {
        width: 13.5%;
    }
}

/*-------------------------------------------------------

 Locum long term availability during onboarding

-------------------------------------------------------*/

.locum-long-term-availability.onboarding .available-jobs .jobs-found {
    display: none;
}

.locum-long-term-availability.onboarding .saving,
.locum-long-term-availability.onboarding .saved {
    margin-top: 20px;
    line-height: 20px;
}

/*-------------------------------------------------------

LOCUM PROFILE PRIVATE

-------------------------------------------------------*/
.locum-profile-private .profileLeft{
    margin-left: -15px;
    padding-left: 0;
}
.locum-profile-private .plDocs h3, .locum-profile-private .plGovNotes h3{
    font-weight: bold;
    margin-top: 35px;
}
.locum-profile-private .plDocItems{
    list-style-type: none;
    display: block;
}
.locum-profile-private .plDocItems li{
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.locum-profile-private .plGovNotes{
    padding-left: 0;
}
.locum-profile-private .profileRight li{
    list-style-type: none;
}
.locum-profile-private .profileRight h4{
    font-weight: bold;
    font-size: 15px;
}
.locum-profile-private .profileRight h4:not(:first-child){
    margin-top: 35px;
}

/** Referral code **/

.referral-panel {
    background-color:white;
    color:black;
    text-align:center;
    border-width:2px;
    border-style:solid;
    border-color:#4b8bc5;
}

.referral-title {
    text-align:center;
    padding:5px;
    background-color:#4b8bc5;
    color:white;
}

.referral-title a  {
    text-decoration: underline;
    font-size:large;
    color:white;
}

.referral-code{
    background-color: #00b300;
    font-size: large;
    font-weight: bold;
    padding: 5px;
    line-height:50px;
    color:white;
}

.referral-description {
    padding: 5px;
    font-size: small;
    margin: 0px;
}

.share-referral-code {
    color:#4b8bc5;
}


.referral-share {
    padding:10px;

    width:100%;
    height:100%;
}

.referral-share table {
    border-spacing: 10px 0;
    border-collapse: separate;
    margin: 0 auto; /* or margin: 0 auto 0 auto */
}

.referral-share:after {
    content:"";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 2px dotted #ff0000;
}

.referral-share .referral-share-email {
    background: url('../img/icons/email_icon24x24.png') no-repeat scroll 0 0;
    width: 24px;
     height: 24px;
     display: inline-block;
}

.referral-share .referral-share-whatsapp {
    background: url('../img/icons/whatsapp_icon24x24.png') no-repeat scroll 0 0;
    width: 24px;
     height: 24px;
     display: inline-block;
}

/** END referral code**/

.locum-profile-private .persDetails{
    font-size: 14px;
}
.locum-profile-private .persDetails span{
    font-weight: 300;
    margin-right: 10px;
    color: #777777;
}
.locum-profile-private blockquote{
    font-size: 15px;
}
.locum-profile-private .btnGroup{;
    margin-top: 0;
    padding: 0;
}
.locum-profile-private .thumbnailGroup{
    background-color: white;
    width: 120px;
    padding: 0;
}

.locum-profile-private .locumAvailability{
    padding-bottom: 10px;
}
.locum-profile-private .locumDocuments{
    padding-bottom: 10px;
}
.locum-profile-private .locumDocuments .document {
    border-radius: 0;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    font-weight: bold;
}
.locum-profile-private .locumDocuments .document:hover {
    background-color: #99C599;
    border-color: #83AB83;
}
.locum-profile-private .locumDocuments .expiring-soon {
    color: #66512c;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.locum-profile-private .locumDocuments .expiring-soon:hover {
    background-color: #FAF1C0;
    border-color: #F2DEB5;
}
.locum-profile-private .locumDocuments .expired {
    color: #843534;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.locum-profile-private .locumDocuments .expired:hover {
    background-color: #D8C0C0;
    border-color: #E2ACB4;
}
.locum-profile-private .btnGroup a{
    margin-right: 5px;
    margin-bottom: 5px;
}
.locum-profile-private .img-user-config{
    background-color: white;
    height: 120px;
    text-align: center;
}
.locum-profile-private .locumDescriptionBox{
    margin-top: -120px;
    margin-left: 120px;
    padding-left: 10px;

}
.locum-profile-private .locumDescription{
    padding-right: 0;
}
.locum-profile-private .breadcrumb li{
    display:inline;
}
.locum-profile-private .list-unstyled a:hover{
    text-decoration: none;
}
.locum-profile-private .modal-header {
    background-color: #f1f1f1;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #cccccc;
    padding: 15px;
}
.locum-profile-private .modal-header h4 {
    margin: 0;
}
.locum-profile-private .modal-header a {
    cursor: pointer;
}

.locum-profile-private .documents-link .icon-trophy {
    color: #cccccc;
    text-decoration: none;
}

.locum-profile-private .icon-trophy {
    color: #FECC14
}

.locum-profile-private .onboarding-widget .locum-profile {
    display: block;
}

@media (min-width: 992px) {
    .locum-profile-private .available-jobs .jobs-found {
        width: 55%;
    }
}


/*-------------------------------------------------------

 Locum private feedback page

-------------------------------------------------------*/

.locum-private-feedback .job-header {
    width: 20%;
}

.locum-private-feedback .question {
    font-weight: 600;
}

.locum-private-feedback .star-rating {
    margin-bottom: 10px;
}

.locum-private-feedback blockquote {
    font-size: 14px;
    border-left: 5px solid #EFEFEF;
}

.locum-private-feedback .panel-body .icon-star {
    font-size: 1.5em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;

}

/*-------------------------------------------------------

Landing Pages - Best Paid GP Jobs

-------------------------------------------------------*/
.bestPaid-page .title{
    margin-top: 20px;
}
.bestPaid-page .title h1{
    font-size: 48px;
    font-weight: 200;
    color: #3E75A7;
    text-align: center;
    margin: 0;
}
.bestPaid-page .title h1 span{
    font-weight: bold;
}
.bestPaid-page .nlEnables {
    margin-top: 35px;
    margin-bottom: 35px;
}
.bestPaid-page .nlEnables h3{
    font-size: 24px;
    font-weight: 200;
    color: #808285;
    text-align: center;
}
.bestPaid-page .nlEnables .boxIcons{
    border: 1px #808285 solid;
    margin: 0 0 0 0;
    padding-top: 10px;
}
.bestPaid-page .nlEnables .icon{
    float: left;
    width: 301px;
}
.bestPaid-page .boxIcons .saveMoney{
    background: url('../img/icons/all_iconbestpaid.png') no-repeat scroll 0 0;
    float: left;
    margin-bottom: 25px;
    padding: 50px;
}
.bestPaid-page .boxIcons .chooseLocums{
    background: url('../img/icons/all_iconbestpaid.png') no-repeat scroll 0 -90px;
    float: left;
    margin-bottom: 25px;
    padding: 50px;
}
.bestPaid-page .boxIcons .feedback{
    background: url('../img/icons/all_iconbestpaid.png') no-repeat scroll 0 -180px;
    float: left;
    margin-bottom: 25px;
    padding: 50px;
}
.bestPaid-page .boxIcons .txt{
    margin-top: 40px;
    padding: 0;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    float: left;
    width: 170px;
}
.bestPaid-page .earnings{
    padding-left: 45px;
    margin-top: 50px;
}
.bestPaid-page .earningsTitle h2{
    padding: 0;
    color: #3E75A7;
    font-size: 24px;
    font-weight: 200;
    margin: 0;
}
.bestPaid-page .earningsTxt p{
    padding: 0;
    color: #808285;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
}
.bestPaid-page .earningsTxt{
    margin-top: 35px;
}
.bestPaid-page .formArea{
    position: absolute;
    bottom: 0px;
    padding-right: 55px;
}
.bestPaid-page .fromButton{
    margin-top: 30px;
}
/*-------------------------------------------------------

    Landing Pages - Best Paid GP Jobs Thanks page

-------------------------------------------------------*/
.thanks-page-all-jobs .mainWrapper{
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
}
.thanks-page-all-jobs .mainPageTitle{
    color: #31a02f;
}
/*-------------------------------------------------------

    Landing Pages - Agencies VS Nl

-------------------------------------------------------*/

.agencies-nl-page .bannerPhoto{
    position: absolute;
    left: 0;
    width: 100%;
    height: 245px;
    background-color: #000;
    background-image: url("../img/landing_page/ag_vs_nl_banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 99;
}
.agencies-nl-page .title{
    margin-top: 20px;
}
.agencies-nl-page .title h1{
    font-size: 63px;
    font-weight: 500;
    color: white;
    text-align: center;
    margin: 0;
}
.agencies-nl-page .title h1 span{
    font-size: 45px;
    font-weight: 200;
}
.agencies-nl-page .wrapTable{
    position: relative;
    margin-top: 220px;
    background-color: white;
    z-index: 100;
    padding: 10px;
}
.agencies-nl-page .wrapTable table{
    text-align: center;
    padding:40px;
}
.agencies-nl-page .wrapTable table td{
    border: none;
    display: table-cell;
    vertical-align: middle;
}
.agencies-nl-page .wrapTable .agTitle{
    font-size: 21px;
    font-weight: normal;
    color: #808080;
}
.agencies-nl-page .wrapTable td{
    padding-top: 25px;
}
.agencies-nl-page .wrapTable .agStyle p{
    font-size: 13px;
    font-weight: 800;
    color: #808080;
    margin-bottom: 0;
}
.agencies-nl-page .wrapTable .agStyle p span{
    font-size: 16px;
    font-weight: 200;
}
.agencies-nl-page .wrapTable .nlStyle p{
    font-size: 16px;
    font-weight: 100;
    color: #3E75A7;
    margin-bottom: 0;
}
.agencies-nl-page .formArea{
    margin-top: 30px;
}
.agencies-nl-page .fromButton{
    margin-top: 30px;
}
.agencies-nl-page .table .iconSprites{
    position: relative;
}
.agencies-nl-page .table .iconSprites img{
    height: 41px;
    width: 41px;
    display: block;
}
.agencies-nl-page .table .iconSprites img.iconMoney{
    background: url('../img/landing_page/icons/icon_all.png') 0 0;
}
.agencies-nl-page .table .iconSprites img.iconPhone{
    background: url('../img/landing_page/icons/icon_all.png') 0 -41px;
}
.agencies-nl-page .table .iconSprites img.iconTrain{
    background: url('../img/landing_page/icons/icon_all.png') 0 -84px;
}
/*-------------------------------------------------------

    Landing Pages - GP Finance Survey

-------------------------------------------------------*/
.finance-survey-page .wrapBanner{
    width: 100%;
    height: 245px;
    background-color: #3E75A7;
    max-width: none;
}
.finance-survey-page .title{
    margin-top: 20px;
}
.finance-survey-page .title h1{
    font-size: 48px;
    font-weight: 100;
    color: white;
    text-align: center;
    margin: 0;
    margin-bottom: 40px;
}
.finance-survey-page .title h3{
    font-size: 18px;
    font-weight: 100;
    color: white;
    text-align: center;
}
.finance-survey-page .title h1 span{
    font-weight: bold;
}
.finance-survey-page .questions{
    padding-left: 45px;
    margin-top: 30px;
}
.finance-survey-page .questionsTitle h2{
    padding: 0;
    color: #3E75A7;
    font-size: 24px;
    font-weight: bolder;
    margin: 0 0 0 50px;
}
.finance-survey-page .questionsTxt p{
    padding: 0;
    color: #808285;
    font-size: 18px;
    font-weight: normal;
    margin: 30px 0 0 0 ;
}
.finance-survey-page .questionsTxt{
    float: left;
}
.finance-survey-page .questions .iconQ{
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    margin-right: 10px;
}
.finance-survey-page .questions .iconQ{
    background: url('../img/landing_page/icons/iconq.png') no-repeat 0 0 ;
}
.finance-survey-page .formArea{
    position: absolute;
    bottom: 0px;
    padding-right: 55px;
}
.finance-survey-page .formArea h2{
    color: #3E75A7;
    font-size: 24px;
    font-weight: 100;
}
.finance-survey-page .formArea p{
    font-size: 19px;
    font-weight: normal;
    color: #808285;
}
.finance-survey-page .fromButton{
    margin-top: 30px;
}
.finance-survey-page .form-group{
    margin-top: 30px;
}

/*-------------------------------------------------------

Landing Pages - Thanks Page Get GMC

-------------------------------------------------------*/
.thanks-get-gmc .fromButton{
    margin-bottom: 40px;
}
.thanks-get-gmc .wrapperTitle h1, .thanks-get-gmc .wrapperSubTitle h4{
    margin: 0;
}
.thanks-get-gmc .wrapperTitle{
    margin-bottom: 30px;
    margin-top: 30px;
}
.thanks-get-gmc .wrapperSubTitle{
    margin-bottom: 30px;
    margin-top: 30px;
}

/*---------------------------------------------------------

Locum My Jobs

----------------------------------------------------------*/
.locum-my-jobs .onboarding-widget .my-jobs {
    display: block;
}

.locum-my-jobs .new_feature_banner .icon-cogs {
    height: 90px;
}

.locum-my-jobs .break {
    font-size: 85%;
}

.locum-my-jobs .btn-decline {
    margin-top: 20px;
}

.locum-my-jobs .hourly-rate {
    font-size: 23px;
    color: #009700;
    vertical-align: middle !important;
    font-weight: bold;
    line-height: 1.42857143;
}

.locum-my-jobs .label-fast-payment {
    line-height: 14px;
    font-size: 14px;
    padding: 5px 10px 5px 10px;
    background-color: #cca711;
    border-radius: 0;
    margin-bottom: 0;
    background-image: none;
    border: 1px solid transparent;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    font-weight: normal;
    cursor: default;
    display: inline-block;
}

.locum-my-jobs .table .practice-name {
    width: 25%;
}
/* Don't show the tabs when there is no javascript*/
.no-js.locum-my-jobs .nav-tabs {
    display: none;
}
.no-js.locum-my-jobs .tab-pane {
    display: block;
}

@media (max-width: 767px) {
    /* Don't show the page tabs on mobile */
    .locum-my-jobs .nav-tabs {
        display: none;
    }
    .locum-my-jobs .tab-pane {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .locum-my-jobs .btn-decline {
        width: 110px;
        margin-left: 0px;
        margin-top: 5px;
    }
}

@media (min-width: 768px) {
    .js.locum-my-jobs .panel h3 {
        display: none;
    }
    .locum-my-jobs .panel h3 {
        padding-left: 15px;
    }

    /* "Value" table header */
    .locum-my-jobs .invite-table thead th:nth-child(4) {
        padding-left: 58px;
    }

    .locum-my-jobs .invite-table td:first-child {
        width: 10%;
    }
    .locum-my-jobs .invite-table  td:nth-child(2) {
        width:20%
    }
    .locum-my-jobs .invite-table td:nth-child(4) {
        width: 14%
    }
    .locum-my-jobs .invite-table td:nth-child(5) {
        width: 25%;
    }
    .locum-my-jobs .booked-jobs th:nth-child(3),
    .locum-my-jobs .completed-jobs th:nth-child(3) {
        width: 300px;
    }
    .locum-my-jobs .booked-jobs .break,
    .locum-my-jobs .completed-jobs .break {
        margin-bottom: 0;
    }
    .locum-my-jobs .invite-table .working-day,
    .locum-my-jobs .booked-jobs .working-day,
    .locum-my-jobs .completed-jobs .working-day {
        margin-top: 10px;
        margin-bottom: 0;
    }
    .locum-my-jobs .invite-table  .working-day:nth-child(1),
    .locum-my-jobs .booked-jobs .working-day:nth-child(1),
    .locum-my-jobs .completed-jobs .working-day:nth-child(1) {
        margin-top: 0;
    }

    .locum-my-jobs .empty-message {
        padding: 15px;
    }
    .locum-my-jobs .invite-table .btn-apply {
        width: 110px;
    }
    .locum-my-jobs .label-fast-payment {
        margin-left: 30px;
    }
}

@media (min-width: 992px) {

    .locum-my-jobs .btn-decline {
        margin-top: 0;
        margin-left: 10px;
    }

}

/*-------------------------------------------------------

    Public Pages - CASE STUDIES

-------------------------------------------------------*/
.case-studies .title{
    text-align: center;
    padding-bottom: 30px;
}
.case-studies .title h1{
    font-size: 48px;
    font-weight: 300;
    color: #428BCA;
}
.case-studies h2{
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    padding-bottom: 40px;
    color: #808285;
}
.case-studies .contentBox p{
    padding-top: 5px;
    font-size: 18px;
    font-style: italic;
    line-height: 28px;
    font-weight: 100;
    color: #B2B2B2;
}
.case-studies .contentBox {
    text-align: center;
    margin-bottom: 35px;
}
.case-studies .contentBox a{
    font-size: 21px;
    color: #333333;
}
.case-studies .contentBox a:hover{
    color: #3E8ACC;
    font-weight: 500;
    text-decoration: none;
}
.case-studies .contentBox .round-border{
    margin-left: auto;
    margin-right: auto;
    width: 111px;
    height: 111px;
    border-radius: 56px;
    -webkit-border-radius: 56px;
    -moz-border-radius: 56px;
    border: 2px #3E8ACC solid;

}
.case-studies .contentBox .round{
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
.case-studies .contentBox .a1{
    background: url('../img/round-mugshot.png') no-repeat 0 -400px;
}
.case-studies .contentBox .a2{
    background: url('../img/round-mugshot.png') no-repeat 0 -300px;
}
.case-studies .contentBox .a3{
    background: url('../img/round-mugshot.png') no-repeat 0 -200px;
}
.case-studies .contentBox .b1{
    background: url('../img/round-mugshot.png') no-repeat 0 0;
}
.case-studies .contentBox .b2{
    background: url('../img/round-mugshot.png') no-repeat 0 -100px;
}
.case-studies .contentBox .b3{
    background: url('../img/round-mugshot.png') no-repeat 0 -500px;
}

/*-------------------------------------------------------

    Landing Pages - european-gp

-------------------------------------------------------*/
.european-gp .wrapBanner{
    width: 100%;
    min-height: 245px;
    background-color: #3E75A7;
    overflow: auto;
}
.european-gp .title h1{
    font-size: 48px;
    font-weight: 100;
    color: white;
    text-align: center;
    margin: 5;
    margin-top: 10px;
}
.european-gp .title h1 span{
    font-weight: bold;
}
.european-gp .title .icon{
    padding-bottom: 0;
    font-size: 65px;
}
.european-gp .pageDesc h3{
    color: white;
    text-align: center;
    font-size: 22px;
    font-weight: 100;
    margin-top: 5px;
    margin-bottom: 20px;
}
.european-gp .questions{
    padding-left: 45px;
    margin-top: 30px;
    margin-bottom: 0;
}
.european-gp .questionsTitle h2{
    padding: 0;
    color: #3E75A7;
    font-size: 24px;
    font-weight: bolder;
    margin: 0 0 30px 0;
    padding-left: 40px;
}
.european-gp .questionsTxt p{
    padding: 0;
    color: #808285;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding-left: 40px;
    font-weight: bold;
}
.european-gp .questionsTxt .notes{
    margin-bottom: 30px;
    font-weight: normal;
}
.european-gp .formArea{
    bottom: 0px;
    padding-right: 15px;
}
.european-gp .formArea h2{
    color: #3E75A7;
    font-size: 24px;
    font-weight: 100;
}
.european-gp .formArea p{
    font-size: 19px;
    font-weight: normal;
    color: #808285;
}
.european-gp .fromButton{
    margin-top: 0;
}
.european-gp .form-group{
    margin-top: 20px;
}

.european-gp .questionsTxt i{
    color: #3E75A7;
    font-size: 25px;
    float: left;
    text-align: center;
}
@media (max-width: 768px) {
    .european-gp .formArea{
        padding-left: 45px;
    }
}
/*-------------------------------------------------------

    Landing Pages - european-gp - know you

-------------------------------------------------------*/
.know_you_european-gp h1 {
    font-size: 48px;
    font-weight: 100;
    color: #3E75A7;
    text-align: center;
    margin: 5;
    margin-top: 30px;
}
.know_you_european-gp h3{
    color: #3E75A7;
    text-align: center;
    font-size: 22px;
    font-weight: 100;
    margin-top: 10px;
    margin-bottom: 40px;
}
/*-------------------------------------------------------

    Landing Pages - european-gp - Thanks

-------------------------------------------------------*/
.thanks-page-european-gp h1 {
    font-size: 48px;
    font-weight: 100;
    color: #3E75A7;
    text-align: center;
    margin: 5;
    margin-top: 30px;
}
.thanks-page-european-gp h3{
    color: #3E75A7;
    text-align: center;
    font-size: 22px;
    font-weight: 100;
    margin-top: 10px;
    margin-bottom: 40px;
}
.thanks-page-european-gp h4{
    text-align: center;
    font-size: 18px;
    font-weight: 100;
    margin-top: 10px;
    margin-bottom: 40px;
}
/*-------------------------------------------------------

    Landing Pages - know_you_european-gp

-------------------------------------------------------*/
.know_you_european-gp .title {
    margin-top: 20px;
}
/*-------------------------------------------------------

Locum onboarding page

-------------------------------------------------------*/
.locum-onboarding .upload-documents,
.locum-onboarding .documents-need-approval,
.locum-onboarding .documents-approved,
.locum-onboarding .finish-onboarding,
.locum-onboarding .onboarding-finished {
    display: none;
}

.locum-onboarding .status-onboarding-complete .onboarding-finished,
.locum-onboarding .status-documents-need-approval .finish-onboarding,
.locum-onboarding .status-documents-approved .finish-onboarding,
.locum-onboarding .status-documents-need-approval .documents-need-approval,
.locum-onboarding .status-documents-approved .documents-approved,
.locum-onboarding .status-documents-not-uploaded .upload-documents {
    display: block;
}

.locum-onboarding .progress-pane {
    border-left: 1px solid #ddd;
    text-align: center;
}
.locum-onboarding .progress-pane .done {
    text-decoration: line-through;
}

.locum-onboarding .still-have-to {
    margin-top: 10px;
}

.locum-onboarding .status-onboarding-complete .still-have-to {
    display: none;
}

.locum-onboarding .num-documents-uploaded {
    padding: 10px;
    float: left;
    width: 100%;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 10px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #C29B57;
}

.locum-onboarding .document-upload-buttons li {
    display: block;
    padding: 0;
    float: left;
    width: 47%;
    height: 100px;
    font-size: 1.3em;
    line-height: 1.3em;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #1482CC;
    background-color: white;
    border: 1px solid #1482CC;
}

.locum-onboarding .document-upload-buttons a {
    height: 100px;
    display: block;
    vertical-align: middle;
    padding-top: 35px;
}

.locum-onboarding .document-upload-buttons .cct a,
.locum-onboarding .document-upload-buttons .medical-indemnity a {
    padding-top: 25px;
}
.locum-onboarding .document-upload-buttons .uploaded.cct,
.locum-onboarding .document-upload-buttons .uploaded.medical-indemnity  {
    padding: 10px;
}
.locum-onboarding .document-upload-buttons .uploaded.cct .name,
.locum-onboarding .document-upload-buttons .uploaded.medical-indemnity .name {
    font-size: 13px;
}

.locum-onboarding .document-upload-buttons a:hover {
    text-decoration: none;
    background-color: #E2E2E2;
    height: 98px;
}

.locum-onboarding .document-upload-buttons .uploaded {
    padding: 15px;
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #A0AF92;
}

.locum-onboarding .document-upload-buttons [class^="icon-"],
.locum-onboarding .document-upload-buttons [class*=" icon-"] {
    font-size: 1.8em;
}

.locum-onboarding .document-upload-buttons .uploaded .done {
    font-size: 65%;
}

.locum-onboarding .big-link {
    display: block;
    background-color: white;
    border: 1px solid #1482CC;
    padding: 15px;
    color: #1482CC;
    float: left;
    width: 100%;
    font-size: 1.3em;
    line-height: 1.3em;
    margin-bottom: 10px;
}

.locum-onboarding .big-link [class^="icon-"],
.locum-onboarding .big-link [class*=" icon-"]{
    line-height: 1.5em;
}

.locum-onboarding .big-link:hover {
    text-decoration: none;
    background-color: #E2E2E2;
}

.locum-onboarding .documents-approved {
    padding: 10px;
    float: left;
    width: 100%;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 10px;
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #A0AF92;
}

.locum-onboarding .documents-approved [class^="icon-"],
.locum-onboarding .documents-approved [class*=" icon-"]{
    margin-right: 10px;
}

.locum-onboarding .documents-need-approval {
    padding: 10px;
    float: left;
    width: 100%;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 10px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #C29B57;
}

.locum-onboarding .documents-need-approval [class^="icon-"],
.locum-onboarding .documents-need-approval [class*=" icon-"] {
    margin-right: 10px;
}

.locum-onboarding .available-jobs .jobs-found {
    display: none;
}

.locum-onboarding .find-first-job {
    margin-top: 40px;
}
.locum-onboarding .onboarding-reward .great-box {
    padding: 15px;
    margin-top: 10px;
}
.locum-onboarding .onboarding-reward h3 {
    margin-top: 0;
}
.locum-onboarding .onboarding-reward .col-xs-2 {
    padding-right: 5px;
}
.locum-onboarding .safe-documents {
    margin-top: 20px;
}
.locum-onboarding .safe-documents h2 {
    margin-top: 0;
}
.locum-onboarding .icon-lock {
    margin-top: 10px;
    background-color: #f5f5f5;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.locum-onboarding .countdown {
    color: #1482CC;
}

@media (min-width: 992px) {
    .locum-onboarding .document-upload-buttons li {
        width: 185px;
    }
}

@media (min-width: 1200px) {
    .locum-onboarding .document-upload-buttons li {
        width: 230px;
    }
}
/*-------------------------------------------------------

Locum upload photo

-------------------------------------------------------*/
.locum-photo-upload .current-photo {
    text-align: center;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 15px;
    padding-bottom: 15px;
}

.locum-photo-upload .uploader input[type="file"] {
    padding-top: 10px;
    margin-top: 20px;
}

.locum-photo-upload .uploader .submit-button {
    margin-top: 20px;
}

.locum-photo-upload .has-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.locum-photo-upload .has-error input[type="file"] {
    padding: 10px
}

.locum-photo-upload .has-error .help-block {
    padding: 10px;
}

@media (min-width: 768px) {
    .locum-photo-upload .current-photo {
        border-bottom: none;
        border-right: 1px solid #EEEEEE;
    }
}

/*-------------------------------------------------------

Locum public profile edit

-------------------------------------------------------*/

.locum-public-profile-edit .has-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 10px;
}

.locum-public-profile-edit .checkbox,
.locum-public-profile-edit .radio {
    margin-left: 10px;
}

.locum-public-profile-edit .btn-save-changes {
    margin-top: 20px;
    width: 100%;
}

/*-------------------------------------------------------

    Landing Pages - LMC

-------------------------------------------------------*/
.lmc-page .wrapperBox .wrapperBackimg{
    height: 100px;
    width: 570px;
    margin: 20px 0 0 200px ;
}
.lmc-page .wrapperBox .wrapperBackimg h3{
    color:#428bca;
    font-size: 25px;
    font-weight: lighter;
    padding: 20px 0 0 10px;
    text-align: center;
    margin: 0;
}
.lmc-page .wrapperBox .contacts{
    color: #428bca;
    float: left;
    margin: 15px 0 0 45px;
    padding: 0;
    font: bold 12px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
.lmc-page .wrapperBox .contacts span{
    font-size: 22px;
    float: left;
    margin-top: -5px;
}
.lmc-page .wrapperBox .contacts .envelope{
    font-size: 20px;
    margin-top: -4px;
}
.lmc-page .wrapperBox .contacts p{
    float: left;
    margin-left: 10px;
}
.lmc-page .wrapperBox .contacts{
    float: left;
}
.lmc-page .wrapperBox .contacts a, .lmc-page .wrapperBox .contacts a:hover {
    color: #428bca;
}
.lmc-page {
    background-color: #ebebeb !important;
}
.lmc-page .mainWrapper{
    background-color: #ffffff;
    max-width: 980px;
    width: 980px;
}
.lmc-page .menu{
    height: 41px;
    max-width: 980px;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    background-color: #63b1eb;
    background-image: linear-gradient(to bottom, #3e75a8, #63b1eb);
}
.lmc-page .banner {
    background-color: #ffffff;
    height: 175px;
    max-width: 980px;
    width: 980px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}
.lmc-page .banner .headerLeft{
    float: left;
    margin: 70px 0 0 20px;
    padding: 0;
    width: 301px;
}
.lmc-page .banner .middle_banner{
    float: left;
    margin: 70px 0 0 20px;
    padding: 0;
    width: 300px;
}
.lmc-page .banner .middle_banner p{
    margin-left: 85px;
    font-size: 30px;
    font-weight: lighter;
    color: #d3d3d3;
}
.lmc-page .banner .headerRight {
    float: right;
    margin: 23px 20px 0 0;
    padding: 0;
    width: 200px;
}
.lmc-page .contentLeft, .lmc-page .contentRight{
    width: 485px;
    float: left;
    padding: 0px 15px 0px 15px;
    margin: 0;
}
.lmc-page .contentLeft h2{
    font-size: 28px;
    font-weight: bolder;
    color: #3E75A7;
    padding-bottom: 20px;
}
.lmc-page .contentLeft .mainText{
    font-size: 15px;
    font-weight: bold;
    color: #808285;
    line-height: 20px;
    padding-bottom: 15px;
}
.lmc-page .contentLeft p{
    font-size: 15px;
    font-weight: normal;
    color: #808285;
    line-height: 20px;
}
.lmc-page .contentLeft .pointCheck p{
    float: left;
    max-width: 395px;
    padding-top: 5px;
}
.lmc-page .contentLeft .pointCheck i{
    font-size: 30px;
    color: #3E75A7;
    padding: 0 15px 10px 0;
    float: left;
}
.lmc-page .contentRight h2{
    font-size: 23px;
    font-weight: 100;
    color: #428BCA;
    padding-bottom: 10px;
}
.lmc-page .contentRight .contentBox {
    text-align: left;
    margin-bottom: 10px;
}
.lmc-page .contentRight .contentBox .round-border{
    width: 92px;
    height: 92px;
    border-radius: 56px;
    -webkit-border-radius: 56px;
    -moz-border-radius: 56px;
    border: 2px #3E8ACC solid;
    float: left;
}
.lmc-page .contentRight .contentBox .round{
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
.lmc-page .contentRight .contentBox .a1{
    background: url('../img/landing_page/user_icon.png') no-repeat 0 0;

}
.lmc-page .contentRight .text{
    width: 345px;
    float: left;
    margin-left: 15px;
}
.lmc-page .contentRight .text p{
    font-size: 16px;
    color: #808285;
}
.lmc-page .contentRight .text .name{
    font-size: 12px;
    color: #B2B2B2;
}
.lmc-page .contentRight .text i{
    color: #3B75A8;
    font-size: 25px;
    margin-bottom: 15px;
}

.lmc-page .formArea{
    padding-top: 2px;
}
.lmc-page .formArea .contentLeft{
    padding-left: 150px;
}
.lmc-page .formArea .contentRight{
    padding-right: 150px;
}
.lmc-page .fromButton{
    margin-left: 300px;
    width: 370px;
    margin-top: 10px;
}

/*-------------------------------------------------------

Recurring availability

-------------------------------------------------------*/

.add-recurring-availability .action-buttons .btn {
    width: 47%;
}

.add-recurring-availability .form-horizontal .checkbox {
    display: inline-block;
    margin-right: 10px;
    margin-left: 5px;
}

.add-recurring-availability .am-pm-labels {
    padding-left: 15px;
    float: left;
}

.add-recurring-availability .am-pm-label {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
}

.add-recurring-availability .am-pm-label.am {
    margin-right: 15px;
}

.add-recurring-availability .day-of-week,
.add-recurring-availability .day-of-week-header {
    margin-bottom: 0;
}

.add-recurring-availability .day-of-week {
    padding-bottom: 10px;
    padding-top: 10px;
}

.add-recurring-availability .day-of-week.last{
    margin-bottom: 15px;
}

.add-recurring-availability .day-of-week .control-label {
    font-weight: normal;
}

@media (min-width: 768px) {

    .add-recurring-availability .day-of-week {
        padding: 0;
    }
}

@media (min-width: 992px) {

    .add-recurring-availability .action-buttons .btn {
        width: 12%;
        margin-right: 10px;
    }
}

/*-------------------------------------------------------

Practice sessions (My Sessions Page)

-------------------------------------------------------*/
.practice-sessions .new-page-banner a {
    text-decoration: underline;
}

.practice-sessions .nav-tabs > li > a {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    padding: 8px;
    margin-right: 6px;
}

.practice-sessions .nav-tabs > li.active > a {
    border-bottom-color: transparent;
}

.practice-sessions .app-tabs {
    border-bottom: 0;
}

.practice-sessions #appcontainer {
    background-color: #fff;
    border: 1px solid #DDDDDD;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.practice-sessions .applicant-list td {
    border-top: 0;
    border-bottom: #DDDDDD 1px solid;
    padding-top: 15px;
}

.practice-sessions .applicant-list tr:last-child td {
    border-bottom: 0;
}

.practice-sessions .results-title {
    background-color: #f6f6f6;
    border-radius: 5px 5px 0 0;
    border: #DDDDDD 1px solid;
    padding: 5px 10px;
    width: 100%;
    float: right;
}

.practice-sessions .filtering-label {
    margin-right: 10px;
}

.practice-sessions #filtering {
    float: right;
}

.practice-sessions #filtering .control-label {
    margin-right: 10px;
}

.practice-sessions #filtering .form-group {
    padding: 5px;
}

.practice-sessions #filtering .btn {
    color: #2DB57A;
    border-color: #2DB57A;
}

.practice-sessions #filtering .btn-default.active {
    background-color: #2DB57A;
    color: white;
    cursor: default;
}

.practice-sessions .loading-sessions {
    text-align: center;
    font-size: 16px;
    height: 300px;
    padding-top: 100px;
    background-color: #f6f6f6;
}

.practice-sessions .no-find-results {
    text-align: center;
    padding: 30px;
}

.practice-sessions .applicant-list td.no-find-results {
    border-bottom: 0;
}

.practice-sessions .practice-filtering-layout #practice-filtering {
    padding: 5px;
}

.practice-sessions .practice-filtering-layout .practice-name {
    margin-right: 10px;
}

.practice-sessions .practice-filtering-layout #num_sessions {
    font-size: 27px;
}

.practice-sessions .practice-filtering-layout .results-panel {
    background-color: #EEEEEE;
    border-top: 1px solid #E7E7E7;
    padding: 10px;
}

.practice-sessions .table {
    margin-bottom: 0;
}

.practice-sessions #results {
    border: 1px solid #DDDDDD;
    border-top: 0;
    background-color: white;
}

.practice-sessions .find-a-session {
    padding: 10px;
}

.practice-sessions .find-a-session #search {
    padding-bottom: 10px;
}

.practice-sessions .find-a-session #search .control-label {
    font-size: 20px;
    margin-right: 10px;
}

.practice-sessions .find-a-session #clear{
    margin-left: 10px;
    color: red;
}

.practice-sessions .find-a-session .surgery-name {
    background-color: #f6f6f6;
    padding: 5px;
    border-right: #DDDDDD 1px solid;
    border-left: #DDDDDD 1px solid;
}

.practice-sessions .find-a-session .no-search {
    padding: 0;
    border-top: 0;
    background-color: white;
    height: 300px;
}

.practice-sessions .find-a-session .loading-sessions {
    border-top: 0;
    background-color: #f6f6f6;
}

.practice-sessions #find-a-job a {
    margin-right: 0;
}

.practice-sessions #loading {
    height: 100%;
    width:  100%;
    opacity: 0.3;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #293a54;
}

.practice-sessions .find-a-session .practice-row {
    background: #F6F6F6;
    font-size: 0.9em;
    font-weight: bold;
    color: #767070;
    padding-top: 14px;
    padding-bottom: 14px;
}

.practice-sessions .applicant-list td {
    vertical-align: middle;
}

.practice-sessions td.withdraw-btn {
    vertical-align: middle;
    padding-right: 10px;
}

.practice-sessions td.withdraw-btn a {
    visibility: hidden;
    color: #c03b36;
    opacity: 1;
}
.practice-sessions td.withdraw-btn a:hover {
    color: #892c28;
}

.practice-sessions .open-tab .applicant-list tr:first-child {
    border-top: #FFF 1px solid;
}

.practice-sessions .open-tab .applicant-list tr:not(.withdrawn):hover {
    /* Outline so that it doesn't nudge the content in */
    outline-left: #ffe4e4 1px solid;
    outline-right: #ffe4e4 1px solid;
    /* Double wins over the border above, but looks the same */
    border-top: #ffe4e4 1px double;
    border-bottom: #ffe4e4 1px double;
    background: #fff9f9;
}

.practice-sessions .open-tab .applicant-list tr:not(.withdrawn):hover td.withdraw-btn a{
    visibility: visible;
}

/* Code for the TR strikethrough */

.practice-sessions .open-tab .applicant-list td {
    position: relative;
}

.practice-sessions .open-tab .applicant-list tr:not(.withdrawn):hover td:last-child:before {
    border-bottom: 0px;
}

.practice-sessions .open-tab .applicant-list tr:not(.withdrawn):hover td:after {
  content: "\00B7";
  font-size: 1px;
}

/* End code for the TR strikethrough */

.practice-sessions .open-tab .applicant-list tr.withdrawn td:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/stripes.png) repeat;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAP0lEQVQYV43M2QkAIAwEUVPL9l/S1qJEUDxyzfdjpBUi2SVzigBICBfSmQtP5MIXmdBCH/TQBSO0YYYmrCCFA2tMJ6ENKat0AAAAAElFTkSuQmCC) repeat;*/
}

.practice-sessions .open-tab .applicant-list tr.withdrawn td {
    color: #aaa;
}


.practice-sessions .modal-header {
    background: #f1f1f1;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.practice-sessions .modal-title {
    font-size: 1.1em;
}

.practice-sessions .modal-content {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.practice-sessions .modal-body {
    text-align: center;
    padding: 15px;
}

.practice-sessions .modal-content .btn {
    color: #2DB57A;
    border-color: #2DB57A;
    width: 150px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    margin: 5px;
}

.practice-sessions .modal-content .btn-default.active {
    background-color: #2DB57A;
    color: white;
    cursor: default;
}

.practice-sessions .withdraw-modal  .modal-dialog{
    width: 470px;
    margin-top: 300px;
}

.practice-sessions .session.status-withdrawn {
    text-decoration: line-through;
}

.practice-sessions .session .job-id a {
    color: lightgray;
    font-size: 12px;
}

.practice-sessions .session .pay-per-hour {
    color: #808080;
}

.practice-sessions .session .break {
    color: #808080;
    padding-left: 15px;
}

.practice-sessions .session .icon-large {
    padding-right: 5px;
}

.practice-sessions .worked-before {
    border-radius: 50%;
    border: 2px solid #ffffff;
    width: 15px;
    height: 15px;
    background: #EAC117;;
    position: absolute;
    margin-left: 25px;
    margin-top: -10px;
}

.practice-sessions .icon-gbp {
    border-radius: 50%;
    border: 2px solid white;
    width: 15px;
    height: 15px;
    color: #ffffff;
    background: #2DB57A;
    font-size: 9px;
    line-height: 12px;
    text-align: center;
    display: block;
}

.practice-sessions .ratenegotiation .icon-gbp {
    color: #ffffff;
}

.practice-sessions .ratenegotiation .icon-stack {
    width: 12px;
    line-height: 30px;
}

.practice-sessions .locum-img-rate {
    margin-right: 25px;
    margin-top: -10px;
    text-align: center;
    position:relative;
}

.practice-sessions .ratenegotiation {
    color: #2DB57A;
    font-size: 11px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.practice-sessions .desired-rate {
    font-size: 14px;
}

.practice-sessions .session .locum-img:hover {
    text-decoration: none;
}
.practice-sessions .session .locum-img {
    padding-right: 5px;
}
.practice-sessions .session .locum-img img {
    border: 2px solid transparent;
}

.practice-sessions .session .locum-img.status-accepted img {
    border-color: #2DB57A;
}

.practice-sessions .open-tab .session td:nth-child(3),
.practice-sessions .filled-tab .session td:nth-child(3),
.practice-sessions .past-tab .session td:nth-child(3) {
    display: none;
}

.practice-sessions .session td:first-child {
    width: 25%;
}
.practice-sessions .session td:nth-child(2) {
    width: 20%;
}
.practice-sessions .session td:nth-child(3) {
    width: 20%;
}
.practice-sessions .session td:nth-child(4) {
    width: 25%;
}
.practice-sessions .session td:nth-child(5) {
    width: 10%;
}
.practice-sessions .session td:nth-child(6) {
    width: 30%;
}
.practice-sessions #applications-list a:focus {
    outline: none;
}

.practice-sessions #applications-list .popover {
    min-width: 291px;
    max-width: initial;
}

.practice-sessions #applications-list .popover-content {
    padding: 0px;
}

.practice-sessions #applications-list .popover .left {
    float: left;
    display: inline-block;
    width: 110px;
    text-align: center;
    margin-bottom: 20px;
}

.practice-sessions #applications-list .popover .right {
    float: left;
    display: inline-block;
    text-align: left;
    margin-right: 15px;
}

.practice-sessions #applications-list .popover img {
    height: 80px;
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 3px;
    border-right: #aaaaaa 1px solid;
    display: block
}

.practice-sessions #applications-list .popover p {
    margin-bottom: 0px;
}

.practice-sessions #applications-list .actions {
    margin-top:10px;
    display: none;
}

.practice-sessions #applications-list .status-rejected,
.practice-sessions #applications-list .status-rescinded,
.practice-sessions #applications-list .status-withdrawn {
    display: none;
}

.practice-sessions #applications-list .details {
    padding-left: 20px;
    min-height: 63px;
    margin-top: 20px;
    border-left: #ccc 1px solid;
    margin-bottom: 20px;
}

.practice-sessions #applications-list .name {
    font-weight: 600;
    font-size: 1.3em;
    word-break: break-all;
    width: 140px;
}

.practice-sessions #applications-list .stats {
    color: #999;
    font-size: 0.9em;
}

.practice-sessions #applications-list .popover i:not(:first-child) {
    color: #999;
    font-size: 0.9em;
    margin-left: 10px
}

.practice-sessions #applications-list .has-worked-before {
    color: #cda700;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 0.9em;
}

.practice-sessions #applications-list .profile-link,
.practice-sessions #applications-list .send-message-link {
    display: none;
}

.practice-sessions .status-posted #applications-list .actions,
.practice-sessions .status-posted #applications-list .profile-link,
.practice-sessions .status-started #applications-list .profile-link,
.practice-sessions .status-filled #applications-list .profile-link,
.practice-sessions .status-started #applications-list .send-message-link,
.practice-sessions .status-completed #applications-list .send-message-link,
.practice-sessions .status-paid #applications-list .send-message-link,
.practice-sessions .status-confirmed #applications-list .send-message-link,
.practice-sessions .status-filled #applications-list .send-message-link {
    display: block;
}

.practice-sessions .status-withdrawn #applications-list {
    display: none;
}

.practice-sessions .zero-width{
    width: 0px;
}

.practice-sessions .gocardless {
    margin-top: -20px;
    background: #ffffff;
    padding-bottom: 40px;
    padding-top: 20px;
    box-shadow: 0 5px 5px #888888;
    margin-bottom: 20px;
}
.practice-sessions .gocardless .dismiss {
    padding-left: 15px;
}

.practice-sessions .star-rating {
    color: #C09853 !important;
}

/*-------------------------------------------------------

    Landing Pages - out-of-hours

-------------------------------------------------------*/
.out-of-hours .wrapBanner{
    width: 100%;
    min-height: 245px;
    background-color: #3E75A7;
    overflow: auto;
}
.out-of-hours .title h1{
    font-size: 48px;
    font-weight: 100;
    color: white;
    text-align: center;
    margin: 5;
    margin-top: 10px;
}
.out-of-hours .title h1 span{
    font-weight: bold;
}
.out-of-hours .title .icon{
    padding-bottom: 0;
    font-size: 65px;
}
.out-of-hours .pageDesc h3{
    color: white;
    text-align: center;
    font-size: 22px;
    font-weight: 100;
    margin-top: 5px;
    margin-bottom: 20px;
}
.out-of-hours .questions{
    padding-left: 45px;
    margin-top: 30px;
    margin-bottom: 0;
}
.out-of-hours .questionsTitle h2{
    padding: 0;
    color: #3E75A7;
    font-size: 24px;
    font-weight: bolder;
    margin: 0 0 30px 0;
    padding-left: 40px;
}
.out-of-hours .questionsTxt p{
    padding: 0;
    color: #808285;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding-left: 40px;
    font-weight: bold;
}
.out-of-hours .questionsTxt .notes{
    margin-bottom: 30px;
    font-weight: normal;
}
.out-of-hours .formArea{
    bottom: 0px;
    padding-right: 15px;
}
.out-of-hours .formArea h2{
    color: #3E75A7;
    font-size: 24px;
    font-weight: 100;
}
.out-of-hours .formArea p{
    font-size: 19px;
    font-weight: normal;
    color: #808285;
}
.out-of-hours .fromButton{
    margin-top: 0;
}
.out-of-hours .form-group{
    margin-top: 20px;
}

.out-of-hours .questionsTxt i{
    color: #3E75A7;
    font-size: 25px;
    float: left;
    text-align: center;
}
@media (max-width: 768px) {
    .out-of-hours .formArea{
        padding-left: 45px;
    }
}
/*-------------------------------------------------------

    Landing Pages - Salaried Jobs

-------------------------------------------------------*/
.salaried-jobs .wrapBanner{
    width: 100%;
    min-height: 245px;
    background-color: #3E75A7;
    overflow: auto;
}
.salaried-jobs .title h1{
    font-size: 48px;
    font-weight: 100;
    color: white;
    text-align: center;
    margin: 5;
    margin-top: 10px;
}
.salaried-jobs .title h1 span{
    font-weight: bold;
}
.salaried-jobs .title .icon{
    padding-bottom: 0;
    font-size: 65px;
}
.salaried-jobs .pageDesc h3{
    color: white;
    text-align: center;
    font-size: 22px;
    font-weight: 100;
    margin-top: 5px;
    margin-bottom: 20px;
}
.salaried-jobs .questions{
    padding-left: 45px;
    margin-top: 30px;
    margin-bottom: 0;
}
.salaried-jobs .questionsTitle h2{
    padding: 0;
    color: #3E75A7;
    font-size: 24px;
    font-weight: bolder;
    margin: 0 0 30px 0;
    padding-left: 40px;
}
.salaried-jobs .questionsTxt p{
    padding: 0;
    color: #808285;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding-left: 40px;
    font-weight: bold;
}
.salaried-jobs .questionsTxt .notes{
    margin-bottom: 30px;
    font-weight: normal;
}
.salaried-jobs .formArea{
    bottom: 0px;
    padding-right: 15px;
}
.salaried-jobs .formArea h2{
    color: #3E75A7;
    font-size: 24px;
    font-weight: 100;
}
.salaried-jobs .formArea p{
    font-size: 19px;
    font-weight: normal;
    color: #808285;
}
.salaried-jobs .fromButton{
    margin-top: 0;
}
.salaried-jobs .form-group{
    margin-top: 20px;
}

.salaried-jobs .questionsTxt i{
    color: #3E75A7;
    font-size: 25px;
    float: left;
    text-align: center;
}
@media (max-width: 768px) {
    .salaried-jobs .formArea{
        padding-left: 45px;
    }
}

/*-------------------------------------------------------

    Boost your rate

-------------------------------------------------------*/

.boost-your-rate .referral-link {
    text-align: center;
    margin-bottom: 60px;
    margin-top: 20px;
}

.boost-your-rate .referral-link a {
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
    font-size: 1.2em;
}

.boost-your-rate .referral-link #copy-button {
    margin-left: 20px;
    width: 150px;
}

.boost-your-rate img {
    text-align: center;
    text-decoration: underline;
}

.boost-your-rate #submit-button {
    margin-top: 10px;
    margin-bottom: 30px;
}

/*-------------------------------------------------------

Evaluation on practice

-------------------------------------------------------*/
.evaluation-on-practice .feedback-score li {
    margin-left: auto;
    margin-right: auto;
}

.evaluation-on-practice .feedback-score li label {
    width: 120px;
    font-weight: normal;
    text-align: center;
}

.evaluation-on-practice .feedback-score li input {
    width: 20px;
    margin-left: auto;
    margin-right: auto;
}

.evaluation-form  .star {
    font-size: 2em;
    color: #eee;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}

.evaluation-form  .star:hover {
    cursor: pointer;
}

.evaluation-form .stars1 .star.one {
    font-size: 2em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}

.evaluation-form .stars2 .star.one {
    font-size: 2em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}

.evaluation-form .stars3 .star.one {
    font-size: 2em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}

.evaluation-form .stars4 .star.one {
    font-size: 2em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}

.evaluation-form .stars5 .star.one {
    font-size: 2em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}

.evaluation-form .stars2 .star.two {
    font-size: 2em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}

.evaluation-form .stars3 .star.two {
    font-size: 2em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}

.evaluation-form .stars4 .star.two {
    font-size: 2em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}

.evaluation-form .stars5 .star.two {
    font-size: 2em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}

.evaluation-form .stars3 .star.three {
    font-size: 2em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}

.evaluation-form .stars4 .star.three {
    font-size: 2em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}

.evaluation-form .stars5 .star.three {
    font-size: 2em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}

.evaluation-form .stars4 .star.four {
    font-size: 2em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}

.evaluation-form .stars5 .star.four {
    font-size: 2em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}


.evaluation-form .stars5 .star.five {
    font-size: 2em;
    color: #FFD954;
    text-shadow: 0 0 1px #444;
    margin-right: 3px;
}

.evaluation-on-practice.js .input-radio {
    display: none;
}

.evaluation-on-practice .input-stars {
    display: none;
}

.evaluation-on-practice.js .input-stars {
    display: inherit;
}

.evaluation-on-locum.js .input-radio {
    display: none;
}

.evaluation-on-locum .input-stars {
    display: none;
}

.evaluation-on-locum.js .input-stars {
    display: inherit;
}
/*-------------------------------------------------------

    Landing Pages - Prison

-------------------------------------------------------*/
.landing-page-prison .wrap-banner{
    width: 100%;
    height: 245px;
    background-color: #3E75A7;
    max-width: none;
}
.landing-page-prison .title{
    margin-top: 20px;
}
.landing-page-prison .title h1{
    font-size: 48px;
    font-weight: 100;
    color: white;
    text-align: center;
    margin: 0;
    margin-bottom: 40px;
}
.landing-page-prison .title h3{
    font-size: 18px;
    font-weight: 100;
    color: white;
    text-align: center;
}
.landing-page-prison .title h1 span{
    font-weight: bold;
}
.landing-page-prison .questions{
    padding-left: 45px;
    margin-top: 30px;
}
.landing-page-prison .questions-title h2{
    padding: 0;
    color: #3E75A7;
    font-size: 24px;
    font-weight: bolder;
    margin: 0;
}
.landing-page-prison .questions-txt p{
    padding: 0;
    color: #808285;
    font-size: 18px;
    font-weight: normal;
    margin: 30px 0 0 0 ;
}
.landing-page-prison .questions-txt{
    float: right;
}
.landing-page-prison .questions .iconQ{
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    margin-right: 10px;
}
.landing-page-prison .questions .iconQ{
    background: url('../img/landing_page/icons/iconq.png') no-repeat 0 0 ;
}
.landing-page-prison .form-area{
    margin-top: 30px;
    padding-right: 55px;
    float: right;
}
.landing-page-prison .form-area h2{
    color: #3E75A7;
    font-size: 24px;
    font-weight: 100;
    margin-top: 0;
}
.landing-page-prison .form-area p{
    font-size: 19px;
    font-weight: normal;
    color: #808285;
}
.landing-page-prison .form-group{
    margin-top: 30px;
}

/*-------------------------------------------------------

    Rate Negotiation

-------------------------------------------------------*/

.guided-message-create .select-days-table{
    padding: 10px;
    background: #ffffff;
    width: 100%;
    max-width:615px;
    margin-bottom: 20px;
}

.guided-message-create .select-days-table td,
.guided-message-create .select-days-table th {
    padding: 5px;
}

.guided-message-create .select-days-table td:last-child {
    padding-right: 10px;
}

.guided-message-create .select-days-table input[type="checkbox"]{
    height: 18px;
    width: 18px;
    position: relative;
    top: 4px;
}

/*-------------------------------------------------------

Practice My Statements

-------------------------------------------------------*/

.practice-statements .new-page-banner a {
    text-decoration: underline;
}
.practice-statements .items {
    color: #808080;
    border: 0;
}
.practice-statements .items td:nth-child(5) {
    width: 10%;
}
.practice-statements .items td:nth-child(6) {
    width: 10%;
}
.practice-statements .items td:nth-child(7) {
    width: 10%;
}
.practice-statements .items-header {
    background: #d9edf7;
    color: #31708f;
    font-weight: bold;
}

.practice-statements .items-count {
    color: #31708f;
    font-size: 14px;
    font-weight: bold;
}
.practice-statements .items-count td {
    border: 0;
    padding-bottom: 0;
    vertical-align: bottom;
}

.practice-statements .items-count p {
    margin: 0;
}
.practice-statements .items-count .number {
    font-size: 28px;
}

.practice-statements .practice-filtering-layout {
    padding-bottom: 20px;
}

.practice-statements .next-payment-schedule {
    color: #808080;
    font-size: 15px;
}
.practice-statements .gocardless {
    margin-top: -20px;
    background: #ffffff;
    padding-bottom: 40px;
    padding-top: 20px;
    box-shadow: 0 5px 5px #888888;
    margin-bottom: 20px;
}
.practice-statements .gocardless .dismiss {
    padding-left: 15px;
}

/*-------------------------------------------------------

Area jobs

-------------------------------------------------------*/

.area-jobs .results {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
.area-jobs .results td {
    padding: 2px;
    border-bottom: solid 1px #eee;
}
.practice-statements .gocardless {
    margin-top: -20px;
    background: #ffffff;
    padding-bottom: 40px;
    padding-top: 20px;
    box-shadow: 0 5px 5px #888888;
    margin-bottom: 20px;
}
.practice-statements .gocardless .dismiss {
    padding-left: 15px;
}
/*-------------------------------------------------------
    Landing Pages - NURSES
-------------------------------------------------------*/
body.nurses-landing-page{
    background: #555555 url('../img/landing_page/nursing2.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.nurses-landing-page .mainWrapperContent,
.nurses-landing-page .mainWrapper{
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
}
.doctors-landing-page .menu-area a{
    margin-left: 3px;
    margin-right: 3px;
    display: block;
}
.doctors-landing-page .menu-area a:active,
.doctors-landing-page .menu-area a:hover{
    text-decoration: none;
}
.nurses-landing-page .menu-area{
    margin-top: 25px;
    margin-left:25px;
    height: 42px;
}
.nurses-landing-page .menu-area li{
    list-style: none;
    float: left;
    background: url(../img/landing_page/icons/nl-and-tags.png) no-repeat;
    height: 42px;
}
.nurses-landing-page .menu-area .menu-logo-nl{
    width: 48px;
    background-position: 0 0;
}
.nurses-landing-page .menu-area .menu-logo-nl p{
    text-indent: -9999px;
}
.nurses-landing-page .menu-area .menu-area-active,
.nurses-landing-page .menu-area .menu-area-standby {
    width: 118px;
    margin-left: -5px;
}
.nurses-landing-page .menu-area .menu-area-standby{
    background-position: -48px 0 ;
}
.nurses-landing-page .menu-area .menu-area-active {
    background-position: -166px 0;
}
.nurses-landing-page .menu-area p{
    color: #ffffff;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 0;
}
.nurses-landing-page .content{
    margin-top: 50px;
    padding: 5px;
}
.nurses-landing-page .content .left-side {
    padding: 10px 10px 0 0;
}
.nurses-landing-page .content .right-side {
    padding: 10px 10px 0 0;
}
.nurses-landing-page .content .left-side .box-title{
    color: #ffffff;
    background-color: #1382CC;
    opacity: 0.8;
    min-height: 100px;
    padding-top: 20px;
    text-align: center;
    font-weight: lighter;
    font-size: 20px;
    margin-bottom: 0px;
}
.nurses-landing-page .content .left-side .box-title h1{
    margin: 0;
    font-size: 40px;
}
.nurses-landing-page .content .left-side .box-title h1 span{
    font-weight: bolder;
}
.nurses-landing-page .content .left-side .box-content ul{
    background-color: #ffffff;
    list-style-image: url(../img/landing_page/icons/icon_bullets_list.png);
    padding:20px 0 20px 50px;
    margin-bottom: 0;
}
.nurses-landing-page .content .left-side .box-content li{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}
.nurses-landing-page .content .left-side .box-content{
    color: #4F5050;
    font-size: 17px;
    opacity: 0.8;
    padding: 0 0 -10px 0;
    margin: -10px 0 0 0 ;
}
.nurses-landing-page .content .right-side .formArea{
    background-color: #ffffff;
    min-height: auto;
}
.nurses-landing-page .content .right-side .formArea .form-control{
    height: 80px;
    border-radius: 0px;
    border-bottom: solid 1px grey;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.nurses-landing-page .content .right-side .formArea input,
.nurses-landing-page .content .right-side .formArea select {
    font-size: 17px;
    color: grey;
}
.nurses-landing-page .content .right-side .formArea p{
    margin-top: -20px;
    margin-left: 13px;
    color: #3C96D3;
    font-size: 12px;
}
.nurses-landing-page .content .right-side .btn{
    border-radius: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.nurses-landing-page .content .right-side .fromButton .button{
    border-radius: 0px;
    padding: 0;
    margin-top: 15px;
}
.nurses-landing-page .content .right-side #emailResponse{
    border-radius: 0px;
}
.nurses-landing-page .content .right-side .form-group{
    margin-bottom: 0px;
    border-radius: 0px;
}
.nurses-landing-page .content .right-side .form-group p{
    margin-bottom: 0px;
}
.nurses-landing-page .content .left-side .box-content-thanks{
    background-color: #ffffff;
    color: #4F5050;
    font-size: 17px;
    opacity: 0.8;
    padding: 15px;
    margin: -10px 0 0 0 ;
    text-align: center;
}
.nurses-landing-page .content .left-side .box-content-thanks h1{
    color: #3C96D3;
    margin-bottom: 50px;
}
.nurses-landing-page .content .left-side .box-content-thanks p{
    padding-left: 20%;
    padding-right: 20%;
    margin-bottom: 50px;
}
.nurses-landing-page .content .left-side .box-content-thanks .btn{
    border-radius: 0px;
    margin-bottom: 20px;
}

/*-------------------------------------------------------
    Landing Pages - DOCTORS
-------------------------------------------------------*/
body.doctors-landing-page{
    background: #555555 url('../img/landing_page/doctor1.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.doctors-landing-page .mainWrapperContent,
.doctors-landing-page .mainWrapper{
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
}
.doctors-landing-page .menu-area a{
    margin-left: 3px;
    margin-right: 3px;
    display: block;
}
.doctors-landing-page .menu-area a:active,
.doctors-landing-page .menu-area a:hover{
    text-decoration: none;
}
.doctors-landing-page .menu-area{
    margin-top: 25px;
    margin-left:25px;
    height: 42px;
}
.doctors-landing-page .menu-area li{
    list-style: none;
    float: left;
    background: url(../img/landing_page/icons/nl-and-tags.png) no-repeat;
    height: 42px;
}
.doctors-landing-page .menu-area .menu-logo-nl{
    width: 48px;
    background-position: 0 0;
}
.doctors-landing-page .menu-area .menu-logo-nl p{
    text-indent: -9999px;
}
.doctors-landing-page .menu-area .menu-area-active,
.doctors-landing-page .menu-area .menu-area-standby {
    width: 118px;
    margin-left: -5px;
}
.doctors-landing-page .menu-area .menu-area-standby{
    background-position: -48px 0 ;
}
.doctors-landing-page .menu-area .menu-area-active {
    background-position: -165px 0;
}
.doctors-landing-page .menu-area p{
    color: #ffffff;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 0;
}
.doctors-landing-page .content{
    margin-top: 50px;
    padding: 5px;
}
.doctors-landing-page .content .left-side {
    padding: 10px 10px 0 0;
}
.doctors-landing-page .content .right-side {
    padding: 10px 10px 0 0;
}
.doctors-landing-page .content .left-side .box-title{
    color: #ffffff;
    background-color: #1382CC;
    opacity: 0.8;
    min-height: 100px;
    padding-top: 20px;
    text-align: center;
    font-weight: lighter;
    font-size: 20px;
    margin-bottom: 0px;
}
.doctors-landing-page .content .left-side .box-title h1{
    margin: 0;
    font-size: 40px;
}
.doctors-landing-page .content .left-side .box-title h1 span{
    font-weight: bolder;
}
.doctors-landing-page .content .left-side .box-content ul{
    background-color: #ffffff;
    list-style-image: url(../img/landing_page/icons/icon_bullets_list.png);
    padding:20px 0 20px 50px;
    margin-bottom: 0;
}
.doctors-landing-page .content .left-side .box-content li{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}
.doctors-landing-page .content .left-side .box-content{
    color: #4F5050;
    font-size: 17px;
    opacity: 0.8;
    padding: 0 0 -10px 0;
    margin: -10px 0 0 0 ;
}
.doctors-landing-page .content .right-side .formArea{
    background-color: #ffffff;
    min-height: auto;
}
.doctors-landing-page .content .right-side .formArea .form-control{
    height: 80px;
    border-radius: 0px;
    border-bottom: solid 1px grey;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.doctors-landing-page .content .right-side .formArea input,
.doctors-landing-page .content .right-side .formArea select {
    font-size: 17px;
    color: grey;
}
.doctors-landing-page .content .right-side .formArea p{
    margin-top: -20px;
    margin-left: 13px;
    color: #3C96D3;
    font-size: 12px;
}
.doctors-landing-page .content .right-side .btn{
    border-radius: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.doctors-landing-page .content .right-side .fromButton .button{
    border-radius: 0px;
    padding: 0;
    margin-top: 15px;
}
.doctors-landing-page .content .right-side #emailResponse{
    border-radius: 0px;
}
.doctors-landing-page .content .right-side .form-group{
    margin-bottom: 0px;
    border-radius: 0px;
}
.doctors-landing-page .content .right-side .form-group p{
    margin-bottom: 0px;
}
.doctors-landing-page .content .left-side .box-content-thanks{
    background-color: #ffffff;
    color: #4F5050;
    font-size: 17px;
    opacity: 0.8;
    padding: 15px;
    margin: -10px 0 0 0 ;
    text-align: center;
}
.doctors-landing-page .content .left-side .box-content-thanks h1{
    color: #3C96D3;
    margin-bottom: 50px;
}
.doctors-landing-page .content .left-side .box-content-thanks p{
    padding-left: 20%;
    padding-right: 20%;
    margin-bottom: 50px;
}
.doctors-landing-page .content .left-side .box-content-thanks .btn{
    border-radius: 0px;
    margin-bottom: 20px;
}

/*-------------------------------------------------------
    Gocardless popup
-------------------------------------------------------*/

.gocardless img {
    float: left;
    padding-right: 45px;
    padding-top: 20px;
    padding-bottom: 20px;
}
/*-------------------------------------------------------
    LOCUM - YOUR ACCOUNT advanced-email-preferences
-------------------------------------------------------*/

.email-preferences .mainWrapper .content-wrapper {
    margin: 20px;
}
.email-preferences .box-title {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}
.email-preferences .maximum-invites-per-day .col-sm-3 {
    padding: 5px;
}
.email-preferences .maximum-invites-per-day .form-control-static {
    padding-left: 0;
    padding-right: 0;
}
.email-preferences .box-title h1 {
    font-size: 30px;
    margin-top: 0;
    padding: 20px 20px 5px 20px;
}
.email-preferences .box-title h2 {
    font-size: 15px;
    margin-top: 0;
    padding: 0 20px 20px 20px;
}
.email-preferences .box-title ol {
    margin-left: 20px;
    font-size: 14px;
    padding: 0 20px 5px 20px;
    color: #418BCA;
    font-weight: lighter;
}
.email-preferences .help-block {
    font-size: 13px;
}
.email-preferences .resultMap {
    float:left;
    margin-bottom: 20px;
    border:1px solid #cccccc;
}
.email-preferences .markerAddressSection {
    font-size: 14px;
}
.email-preferences .markerAddressSection h3 {
    font-size: 20px;
    margin-left: 0px;
}
.email-preferences .markerAddressSection .itemRow {
    border-bottom:1px solid #cccccc;
    margin-bottom:5px;
    padding-bottom: 5px;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 20px;
}
.email-preferences .clearMap{
    clear: both;
}
.email-preferences .btn-block{
  background-color: #b94a48;
  border-color: #fff;
  color: #fff;
  border-radius: 0;
}
.email-preferences .bottomInputSection{
    display: none;
}
.email-preferences .select-class select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.email-preferences .min-rate input[type=text] {
    width: 3em;
    display: inline-block;
}
.email-preferences .tbSection input[type=text]{
    height: 28px;
    padding: 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 50px;
    display: inline-block;
    margin-right: 5px;
}
.email-preferences #map_canvas{
    height: 535px !important;
}
.email-preferences .map_pos_left{
    padding: 0;
    margin-left: 0;
}
.email-preferences .map_pos_right{
    padding: 0;
    margin-left: 0;
}
.email-preferences .box-background-title {
    background-color: #f5f5f5;
    margin-right: 5px;
}
.email-preferences .radio {
    margin-left: 10px;
}
.email-preferences .anti_row {
    margin: -20px;
}
.email-preferences .btn_last{
    margin-bottom: 80px;
    margin-top: 20px;
}
.email-preferences .radiusSection label{
    float: left;
    line-height: 2;
    margin-left: 30px;
    margin-right: 10px;
}
.email-preferences .form_area_title {
    color: #808080;
    padding-left: 0;
    padding-bottom: 5px;
}
.email-preferences .area_box{
    padding: 0;
}
.email-preferences .area_box .form-group{
    margin-right: 0;
    margin-left: 0;
}
@media (max-width: 767px) {
    .email-preferences #map_canvas{
        height: 300px !important;
    }
}

.email-preferences .table {
    max-width: 100%;
    border: 1px solid;
    font-size: 12px;
    border-spacing: 0;
    border-collapse: collapse;
    margin-top: 0;
}
.email-preferences .form_area_title{
    padding-top: 0;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.email-preferences .table th.date-title {
    border: 1px solid #D2D2D2;
    font-size: 12px;
;
}

.email-preferences .table td.day {
    border: 1px solid #D2D2D2;
    font-size: 9px;
    padding: 0;
    height: 50px;
    max-width: 100%
}

.email-preferences .table td.day p{
    padding-top: 20px;
}
.email-preferences .table td.day .icon-ok{
    padding-top: 20px;
}

.email-preferences .table td.day input[type="checkbox"] {
    display:none;
}
.email-preferences .table td.day input[type=checkbox] + label {
    background: #ffffff;
    width: 100%;
    height: 100%;
    display:block;
    padding: 0;
    cursor:pointer;
    color: #808080;
    text-transform: lowercase;
    font-weight: lighter;
    position: relative;
}

.email-preferences .table td.day input[type=checkbox]:checked + label{
    width: 100%;
    height: 100%;
    display:block;
    padding: 0;
    cursor:pointer;
    text-align: middle;
    text-transform: lowercase;

}
.email-preferences .table td.day input[type=checkbox] + label p{
    color: darkgray;
    display:block;
    position: absolute;
    padding-left: 30%;
}
.email-preferences .table td.day input[type=checkbox] + label .icon-ok {
    display:none;
    z-index: 99px;
    font-size: 15px;
    position: absolute;
}
.email-preferences .table td.day input[type=checkbox]:checked + label p{
    display:none;
    z-index: 99px;
    position: absolute;

}
.email-preferences .table td.day input[type=checkbox]:checked + label .icon-ok {
    color: #21b8a9;
    display:block;
    font-size: 15px;
    position: absolute;
    padding-left: 30%;
}
.email-preferences .email-preferences-title {
    background-color: #418BCA;
    color: white;
}
@media (max-width: 991px) {
    .email-preferences .table td.day input[type=checkbox] + label p{
        padding-left: 20%;
    }
    .email-preferences .table td.day input[type=checkbox]:checked + label .icon-ok {
        padding-left: 20%;
    }
}

/*-------------------------------------------------------
    Practice timesheets
-------------------------------------------------------*/

.practice-timesheets .invoiced-since-warning {
    color: #FF0000;
    font-weight: bold;
}

.practice-timesheets .days-approved-not-paid {
    border: 5px solid #5cb85c;
    padding: 10px;
}

.practice-timesheets .no-days-approved-not-paid {
    border: 3px solid #ddd;
    padding: 15px;
}

.practice-timesheets .day-in-dispute {
    border-top: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000;
    background: #fff1f1;

}

/* Big clients jobs search */
.big-client-jobs .button-col {
    min-width: 190px;
}
.big-client-jobs .xs-full-width-button a {
    margin-top: 5px;
}



/*-------------------------------------------------------
    Practice Billing
-------------------------------------------------------*/



.practice-billing-section .panel-title .submenu {
    list-style: none;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 0px;
}

.practice-billing-section .panel-title .submenu li {
    display: inline-block;
    text-shadow: 0 1px 0 #ffffff;
    padding: 15px;
    font-size: 10pt;
    color: #888;
}

.practice-billing-section .panel-title .submenu > li > .divider {
    padding: 0 5px;
    color: #ccc;
}

.practice-billing-section .panel-title .submenu > .active {
    color: #999999;
}


.practice-billing-section .panel-heading {
    padding: 0px;
    border-bottom: solid 5px #ccc;
}

.practice-billing-section .billing-table thead tr {
    background: #f4f4f4;
    font-weight: bold;
    border-top: solid 1pt #ddd;
}

.practice-billing-section .billing-table thead tr td {
    padding: 15px 10px;
}

.practice-billing-section .billing-table {
    font-size: 9pt
}

.practice-billing-section .billing-table td {
    margin: 30px;
    text-align: center;
}


.practice-billing-section h3 {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}

.practice-billing-section p.instructions {
    margin-top: 20px;
    margin-bottom: 20px;
}

.practice-billing-section .total-billing {
    margin-top: 20px;
}

.practice-billing-section .total-billing tr:last-child {
    font-size: 20px;
}
.practice-billing-section .payments {
    background: #f5f5f5;
    padding: 10px;
    width: 350px;
}
.practice-billing-section .documents {
    background: #f5f5f5;
    padding: 10px;
    font-size: 12px;
    width: 300px;
}
.practice-billing-section .payment {
    margin-bottom: 20px;
}

.practice-billing-section .download {
    color: #00FF00;
}

/*-------------------------------------------------------
    Practice Billing - Transaction Feed
-------------------------------------------------------*/

.transaction-feed #button-transaction-feed li {
    color: #4C4C4C;
    background: #e9e9e9;
}


.transaction-feed .day-in-dispute a {
    color: #ee1111
}


.transaction-feed tr.day-in-dispute{
    background-color: #ffdbe3;
    border: solid #ee6669 1px;
}

.transaction-feed tr.day-in-dispute td{
    border: none;
}

.transaction-feed tr.day-in-dispute + tr td{
    border: none;
}


/*-------------------------------------------------------
    Practice Billing - Direct Invoices
-------------------------------------------------------*/

.direct-invoices #button-direct-invoices li {
    color: #4C4C4C;
    background-color: #E9E9E9;
}

.direct-invoices .instructions a{
    color: #428BCD;
    padding: 5px 15px 5px 15px;
    background: #FFF;
    border: 1px solid #428BCD;
    margin-right: -15px;
    margin-left: 10px;
}

.direct-invoices .instructions a.filter-selected {
    background: #428BCD;
    color: #FFF;
}

.direct-invoices .billing-table .direct-invoice td {
    vertical-align: middle;
}

.direct-invoices .billing-table .direct-invoice tr{
    vertical-align: middle;
}
.direct-invoices tr.job-unpaid{
    background: #f4f4f4;
}

.direct-invoices tr.job-unpaid td:nth-child(3) {
    color: #D8A375;
}

.direct-invoices .session-total {
    font-weight: bold;
}

.direct-invoices .unpaid-indicator {
    margin-right: 10px;
    padding: 5px 15px 5px 5px;
}
.direct-invoices .paid-indicator {
    padding: 5px 5px 5px 15px;
}

/* for unpaid jobs */
.direct-invoices tr.job-unpaid .paid-checkmark {
    visibility:hidden;
}
.direct-invoices tr.job-unpaid .unpaid-indicator {
    font-weight: bold;
    color: #D8A375;
}
.direct-invoices tr.job-unpaid .paid-indicator {
    background: #FFF;
    border: 1px solid #9B9B9B;
}

/* for paid jobs */
.direct-invoices tr.job-paid .unpaid-checkmark {
    visibility:hidden;
}
.direct-invoices tr.job-paid .unpaid-indicator {
    background: #FFF;
    border: 1px solid #DDD;
}
.direct-invoices tr.job-paid .paid-indicator {
    font-weight: bold;
    color: #5CB85C;
}

/* for approved/unapproved column jobs */
.direct-invoices td.job-approved .approve-hours-btn {
    display:none;
}
.direct-invoices td.job-unapproved .invoice-link {
    display:none;
}
.direct-invoices .approve-hours-btn {
    background:#FFF;
    border: 1px solid #9B9B9B;
    padding: 5px 15px 5px 15px;
    display: block;
}
.direct-invoices .hours-just-approved {
    font-weight: bold;
    color: #5CB85C;
}

.direct-invoices .payment-indicators {
    vertical-align: middle;
    line-height:25px;
}

#approve_hours_dialog {
    background-color: #FFF;

}


/*-------------------------------------------------------
    Practice Billing - Payment Run Detail
-------------------------------------------------------*/


.history #button-payment-history li {
    color: #4C4C4C;
    background-color: #E9E9E9;
}



/*-------------------------------------------------------
    Practice Billing - Payment Run Detail
-------------------------------------------------------*/


.payment-run-detail #button-payment-history li {
    color: #4C4C4C;
    background: #e9e9e9;
}


.payment-run-detail .totals {
    text-align: right;
    float: right;
    padding: 10px;
    font-size: 9pt;
}

/*-------------------------------------------------------
    Practice Billing - Payment Status
-------------------------------------------------------*/


.payment-status #button-payment-status li {
    color: #4C4C4C;
    background: #e9e9e9;
}

.payment-status .payment-progress-bar {
    margin: 60px auto 0px auto;
    color: #666;
    font-size: 10pt;
    font-family: Sans-serif;
    max-width: 700px;
}

.payment-status .dates {
    height: 5px;
    position: relative;
    bottom: -10px;
    left: 0px;
    margin: 0px;
}

.payment-status .dates .date {
    display: inline-block;
    float: left;
    position: absolute;
    text-align: center;

}

.payment-status .dates .date p {
    margin: 0px
}

.payment-status .dates .date label{
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px;
}

/* No nth-child selector on IE8*/
.payment-status .dates .date:first-child { left:0%;  }
.payment-status .dates .date:first-child + .date { left:47%; }
.payment-status .dates .date:first-child + .date + .date  { left:68%; }
.payment-status .dates .date:first-child + .date + .date + .date  { left:87%; }


.payment-status .labels {
  position: relative;
  top: -45px;
  left: 10px;
  margin-left: 45px;
  margin-right: 45px;
  font-size: 15pt;
}

.payment-status .labels .label {
    display: inline-block;
    position: relative;
    color: #666;
    font-weight: initial;
}

.payment-status .labels .label#billing-period {
    left: 17%;
}

.payment-status .labels .label#review {
    left: 42%;
}

.payment-status .labels .label#processing {
    left: 48%;
}

.payment-status .icons {
    height: 35px;
    position: relative;
    top: -37px;
    margin-left: 45px;
    margin-right: 85px;
}

.payment-status .icon {
    height: 40px;
    width: 40px;
    position: absolute;
    top: -13px;
    border-radius: 50px;
    border: 7px solid #ddd;
    display: inline-block;
    float: left;
    background: #aaa;
}

.icons .icon:first-child { left:0%;  }
.icons .icon:first-child + .icon { left:57%; }
.icons .icon:first-child + .icon + .icon { left:80%; }
.icons .icon:first-child + .icon + .icon + .icon { left:100%; }

.payment-status .meter-green {
    background-color: rgb(73, 179, 173);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, rgb(73, 179, 173)),
            color-stop(1, rgb(82, 202, 196))
    );
    background-image: -moz-linear-gradient(
            center bottom,
            rgb(73, 179, 173) 37%,
            rgb(82, 202, 196) 69%
    );
}

.payment-status .meter {
    height: 20px; /* Can be anything */
    position: relative;
    margin: 60px 60px 20px 60px; /* Just for demo spacing */
    background: #ddd;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 10px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.payment-status .meter > span {
    z-index: 1000;
    display: block;
    height: 10px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    top: -5px;
    position: relative;
    overflow: hidden;
}

.payment-status .meter > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

.payment-status .panel-body {
    min-height: 600px;
}

.payment-status h3 {
    text-align: center;
    margin-top: 40px
}

.payment-status h4 {
    text-align: center;
}

.payment-status button.btn{
    border-radius: 0px;
}

/*-------------------------------------------------------
    Practice Billing - Pensions
-------------------------------------------------------*/


.payment-pensions #button-payment-pensions li {
    color: #4C4C4C;
    background-color: #E9E9E9;
}

.payment-pensions .downloaded {
    color: #199C47;
}

.payment-pensions .download {
    color: #3E7FD1;
}

.payment-pensions .no-pension {
    color: #BFBFBF;
}
.payment-pensions .billing-table{
    margin-top: 30px;
}

/* ----------------
Locum vailability
------------------*/
.locum-availability .onboarding-widget .job-search {
    display: block;
}

.locum-availability .onboarding-widget .btn-dismiss {
    display: none;
}
.locum-availability .month-selector label {
    line-height: 35px;
    width: 150px;
    float: left;
    padding-right: 0;
    padding-left: 15px;
}

.locum-availability .month-selector .input-group {
    width: 125px;
    margin-left: auto;
    margin-right: auto;
}

.locum-availability .month-name {
    text-align: center;
    border-left: 0;
    border-right: 0;
    padding-left: 2px;
    padding-right: 2px;
}

.locum-availability .prev-month {
    border-right: 0;
    padding-left: 6px;
    padding-right: 6px;
    color: #000000;
    text-decoration: none;
}

.locum-availability .next-month {
    border-left: 0;
    padding-left: 6px;
    padding-right: 6px;
    color: #000000;
    text-decoration: none;
}

.locum-availability .prev-month.disabled,
.locum-availability .next-month.disabled {
    opacity: 1;
    background-color: #fff;
    border-color: #ccc
}

.locum-availability .prev-month.disabled i,
.locum-availability .next-month.disabled i {
    opacity: 0.65;
}

.locum-availability .availability .day-of-week {
    padding-bottom: 10px;
    padding-left: 3px;
    color: #C7C7C7;
}

.locum-availability .availability .status-row td {
    width: 20px;
}

.locum-availability .availability td {
    border: 0;
    padding: 0;
}

.locum-availability .availability td.date-title {
    font-size: 10px;
}

.locum-availability .add-all-day,
.locum-availability .remove-all-day {
    text-decoration: none;
    padding: 3px 3px 3px 5px;
}


.locum-availability .no-toggle {
    padding: 3px 3px 3px 5px;
}

.locum-availability .add-all-day,
.locum-availability .remove-all-day,
.locum-availability .no-toggle {
    display: none;
}

.locum-availability .status-can-remove-availability .remove-all-day,
.locum-availability .status-can-add-availability .add-all-day,
.locum-availability .status-am-and-pm-booked .no-toggle,
.locum-availability .in-the-past .no-toggle {
    display: block;
}

.locum-availability .status-booked .booked,
.locum-availability .day.status-not-available,
.locum-availability .availability td.status-available {
    border: 1px solid #428bca;
}
.locum-availability .status-not-available {
    background: white;
}
.locum-availability .week-availability {
    padding: 2px;
    background: #DDEAF9;
    border-radius: 5px;
}
.locum-availability .availability td.week-header {
    color: #428bca;
    border: 1px solid #428bca;
    padding: 5px;
    background: white;
}
.locum-availability .availability td.status-can-remove-availability,
.locum-availability .availability td.status-can-add-availability,
.locum-availability .availability td.status-am-and-pm-booked {
    background: #DDEAF9;
    color: #428bca;
    border: 1px solid #428bca;
}

.locum-availability .availability td.day.in-the-past,
.locum-availability .availability td.date-title.in-the-past {
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 0;
    border-bottom: 0;
}

.locum-availability .availability td.date-title.in-the-past {
    color: #EEEEEE;
}

.locum-availability .availability td.date-title.sunday.in-the-past,
.locum-availability .availability td.sunday.pm.in-the-past {
    border-right: 1px solid #EEEEEE;
}

.locum-availability .status-available {
    background: #C1F08D;
    vertical-align: middle;
}

.locum-availability .remove-availability,
.locum-availability .add-availability,
.locum-availability .booked,
.locum-availability .period {
    display: none;
}

.locum-availability .status-booked .booked,
.locum-availability .status-available .remove-availability,
.locum-availability .status-not-available .add-availability,
.locum-availability .in-the-past .period {
    display: block;
}

.locum-availability .week-status-row .remove-availability,
.locum-availability .week-status-row .add-availability,
.locum-availability .week-status-row .booked,
.locum-availability .week-status-row .period {
    display: none;
}

.locum-availability .week-status-row .status-booked .booked,
.locum-availability .week-status-row .status-available .remove-availability,
.locum-availability .week-status-row .status-not-available .add-availability,
.locum-availability .week-status-row .in-the-past .period {
    display: block;
}

.locum-availability .booked {
    line-height: 20px;
    color: #1482cd;
    background: #CAE1FB;
    padding: 3px 0 2px 0;
}

.locum-availability .add-availability {
    text-decoration: none;
    line-height: 20px;
    padding: 3px;
}

.locum-availability .remove-availability {
    text-decoration: none;
    padding: 3px;
}

.locum-availability .period {
    color: #EEEEEE;
    font-size: 12px;
    line-height: 20px;
    padding: 3px 0 3px 0;
}

.locum-availability .availability td.date-title .add-all-day:hover,
.locum-availability .availability td.date-title .remove-all-day:hover {
    border: 2px #cca614 solid;
    padding: 1px 1px 1px 3px;
}

.locum-availability a.add-availability:hover,
.locum-availability a.remove-availability:hover {
    border: 2px #cca614 solid;
    padding: 1px;
}

.locum-availability .ajax-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    margin-bottom: 5px;
}

.locum-availability .ajax-error p {
    margin: 0;
}

.locum-availability .ajax-status {
    margin-top: 5px;
}
.locum-availability .available-legend {
    border-radius: 2px;
    border:solid 2px #C1F08D;
    background: #EDFFDC;
    width:20px;
    height:15px;
    margin-top: 2px;
    margin-right: 5px;
}

.locum-availability .booked-legend {
    border-radius: 2px;
    background: #CAE1FB;
    border:solid 2px #1482cd;
    width:20px;
    height:15px;
    margin-top: 2px;
    margin-right: 5px;
}
.locum-availability .week-table {
    margin-bottom: 15px;
}

.locum-availability .availability p {
    margin-bottom: 0;
}

.locum-availability .add-multiple-days-link:hover {
    cursor: pointer;
}
.locum-availability .add-multiple-days-popover {
    width: 285px;
}

.locum-availability .add-multiple-days-form .checkbox {
    display: inline-block;
    margin: 0 0 0 10px;
}

.locum-availability .add-multiple-days-form .day-of-week,
.locum-availability .add-multiple-days-form .day-of-week-header {
    margin-bottom: 0;
}

.lt-ie9 .locum-availability .add-multiple-days-form .form-group {
    clear: both;
}

.locum-availability .add-multiple-days-form .day-of-week .control-label {
    text-align: right;
    padding-right: 0;
}

.locum-availability .add-multiple-days-form .day-of-week .control-label {
    font-weight: normal;
}

.locum-availability .add-multiple-days-form .action-buttons {
    text-align: center;
}

.locum-availability .add-multiple-days-form .btn-saving,
.locum-availability .add-multiple-days-form .btn-done {
    width: 85px;
}

.locum-availability .add-multiple-days-form .btn-saving,
.locum-availability .add-multiple-days-form.saving .btn-done {
    display: none;
}

.locum-availability .add-multiple-days-form.saving .btn-saving {
    display: inline-block;
}

.locum-availability .add-multiple-days-form .btn-cancel {
    margin-left: 10px;
}

.locum-availability .no-results {
    background-color: #DDDDDD;
    border-top: 20px solid #BCBCBC;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 20px;
}

.locum-availability .no-results .message {
    padding: 20px;
}

.locum-availability .no-results .icon-calendar {
    display: block;
    font-size: 8em
}

.locum-availability .no-results .arrow {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #BCBCBC;
    position: relative;
    float: left;
    top: -40px;
    left: 40px;
}

.locum-availability .changed-results {
    margin: 10px 10px 25px 10px;
    border-bottom: 20px solid #F4E5C5;
}

.locum-availability .changed-results .arrow {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #F4E5C5;
    position: relative;
    float: left;
    top: 35px;
    left: 200px;
}

.locum-availability .changed-results .dismiss {
    margin-top: 10px;
}

.locum-availability .availability {
    border-spacing: 2px;
    font-size: 9px;
    border-collapse: separate;
    margin-bottom: 10px;
    table-layout: fixed;
}

@media (min-width: 768px) {
    .locum-availability .availability {
        border-spacing: 5px;
        font-size: 12px;
    }
    .locum-availability .available-legend {
        margin-left: 30px;
    }

    .locum-availability .booked-legend {
        margin-left: 30px;
    }
    .locum-availability .availability td.date-title {
        font-size: 12px;
    }
    .locum-availability .week-availability {
        padding: 10px;
    }
}
.onboarding-widget .can-get-reward h2 {
    margin-top: 0;
}


.about-page .bold {
    font-weight: bold;
}
.about-page .blue {
    color: #2D83C0;
}
.about-page .bg-blue {
    background-color: #2D83C0;
    color: white;
}
.about-page .header {
    margin-bottom: 80px;
}
.about-page {
    font-size: 1.3em;
}
.about-page .team {
    height: 280px;
}
.about-page .team img {
    max-width: 250px
}
.about-page .no-margin {
    margin: 0;
}
.about-page .margin {
    margin: 80px 0;
}
.about-page .logo-one-row {
    margin-bottom: 14px;
}
.about-page .logo-one-row span {
    width: 71px; height: 64px; overflow: hidden;display: inline-block;
}
.about-page .marginB {
    margin-bottom: 80px;
}
.about-page .numbers {
    margin: 150px 0;
}
.about-page .numbers .block {
    display: inline-block;
    padding: 20px;
    margin: 5px 10px;
    line-height: 1.5em;
}
.about-page .numbers .number {
    font-size: 3em;
    float: left;
    padding-right: 10px;
}
.about-page .numbers .content {
    display: inline-block;
    text-align: right;
    margin-top: 10px;
}
.about-page .numbers .number-label {
    min-width: 60px;
    display: inline-block;
    margin-top: -5px;
}
.about-page .image-one-row {
    width: 100%;
    margin-left: -15px;
    margin-top: 24px;
}
.about-page .skewed {
    transform: skewX(-12deg);
    -webkit-transform: skewX(-12deg);
    border: 1px solid #CCC;
}
.about-page .unskewed {
    transform: skewX(12deg);
    -webkit-transform: skewX(12deg);
}
.about-page .image-left {
    position: relative;
    padding: 30px 50px 60px 300px;
}
.about-page .image-right {
    position: relative;
    padding: 30px 300px 60px 100px;
}
.about-page .image-absolute {
    position: absolute;
    left: -80px;
    bottom: -10px;
    height: 250px;
}
.about-page .image-right .image-absolute {
    left: auto;
    right: -50px;
}
.about-page .logos {
    height: 200px;
    text-align: center;
}
.about-page .bigger {
    font-size: 1.15em;
}
.about-page .quote {
    text-align: left;
}

.about-page .quote.text-center{
    text-align: center;
}

.about-page .quote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -20px;
    top: -65px;
    color: #2D83C0;
}
.about-page .quote:after {
    display: block;
    content: "\201D";
    font-size: 80px;
    position: absolute;
    right: -20px;
    bottom: -20px;
    color: #2D83C0;
}
.about-page .white-quote.quote:before, .about-page .white-quote.quote:after {
    color: white;
}
@media (max-width: 767px) {
    h1 {
        font-size: 1.2em;
        margin-bottom: 40px;
    }
    .about-page .numbers {
        margin: 0;
    }
    .about-page .numbers .number {
        display: block;
        float: none;
        line-height: 1em;
        font-size: 2em;
    }
    .about-page .numbers .number-label {
        text-align: center;
        display: block;
        margin-top: 0;
    }
    .about-page .image-absolute {
        height: 100px;
        left: auto;
        right: 0 !important;
        top: 0;
    }
    .about-page .image-left {
        padding: 10px 10px;
    }
    .about-page .image-right {
        padding: 10px 10px;
    }
    .about-page .team {
        height: 150px;
        overflow: hidden
    }
    .about-page .row {
        margin-right: -15px;
    }
    .about-page .adjust-size {
        margin-right: -30px;
    }
    .about-page .padding {
        padding: 50px 30px;
    }
    .about-page .skewed {
        transform: skewX(0);
        -webkit-transform: skewX(0);
        border-color: transparent;
    }
    .about-page .unskewed {
        transform: skewX(0);
        -webkit-transform: skewX(0);
    }
}

.my-locum-bank .container {
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.my-locum-bank {
  height: 100%;
  font-family: 'Open Sans';
  color: #666;
}

.my-locum-bank .side-panel {
  display: inline-block;
  font-size: 12pt;
  height: 100%;
  width: 233px;
  padding: 0px;
  margin: 0px;
  float: left;
}

.my-locum-bank .side-panel ul {
  margin: 0px;
  padding: 0px;
}

.my-locum-bank .side-panel li {
  padding: 15px;
  margin: 0px;
  list-style-type: none;
  display: block;
  background: solid white;
  border-top: 1px solid #ccc;
  color: #bcbcbc;
  font-size: 14px;
}

.my-locum-bank .side-panel li.last-in-list {
    border-bottom: 1px solid #ccc;
}

.my-locum-bank .side-panel li:hover {
  box-shadow: inset -5px 0 0 #aaa;
  background: #efefef;
  color: #777;
}

.my-locum-bank .side-panel li.active {
  border-top: 1px solid #90c1e5;
  box-shadow: inset -5px 0 0 #1482cc;
  background-color: #e9f2f9;
  color: #777;
}

.my-locum-bank .side-panel li.active + li {
  border-top: 1px solid #ccccff;
}

.my-locum-bank .side-panel li.plus-icon::after {
  content: "+";
  float: right;
  position: relative;
  color: #1482cc;
  font-size: 20pt;
  line-height: 16pt;
  font-weight: 800;
}

.my-locum-bank .side-panel li.section-title {
  text-transform: uppercase;
  background: #eee;
  border: 0px;
  color: #1482cc;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 1.1px;
  background-image: linear-gradient(180deg, white 0%, #e8e8e8 100%);
}

.my-locum-bank .main-content {
  padding-left: 78px;
  padding-right: 75px;
  padding-top: 25px;
  margin-left: 233px;
  border-left: 1px solid #DDD;
  padding-bottom: 50px;
}

.my-locum-bank .main-content hr {
  margin-left: -60px;
  margin-right: -100px;
  margin-top: 50px;
  margin-bottom: 50px;
  border: none;
  border-top: 3px dashed #ddd;
  color: #fff;
  background-color: #fff;
  height: 1px;
}

.my-locum-bank .main-content h1 {
  color: #666;
  font-family: Cabin;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 2.1px;
  margin-bottom: 40px;
}

.my-locum-bank .main-content h2 {
  color: #666;
  font-family: Cabin;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1.25px;
  margin-top: 40px;
}

.my-locum-bank .main-content table {
  border: 1pt solid #ddd;
  width: 100%;
  letter-spacing: 0.5px;

}

.my-locum-bank .main-content th, .my-locum-bank .main-content td {
  padding: 8px 14px;
  font-family: "Cabin";
  font-size: 15pt;
  font-weight: 400;
  color: #666;
}

.my-locum-bank .main-content th {
  border-bottom: 1pt solid #ddd;
  background-color: #eee;
  background-image: linear-gradient(180deg, white 0%, #e8e8e8 100%);
}

.my-locum-bank .main-content td {
  font-size: 12px;
  font-family: "Open Sans";
  border-bottom: 1px solid #DDD;
  height: 42px;
}

.my-locum-bank .main-content tr.deleted {
    border: 1px double #ff7163;
}

.my-locum-bank .main-content tr.actions {
  display: none;
}

.my-locum-bank .main-content tr.response-status {
    display: none;
    cursor: pointer;
}

.my-locum-bank .main-content tr.response-status td {
    height: 30px;
}

.my-locum-bank .main-content tr.response-status .error {
    color: #ff7163;
    font-size: 10px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.58px;
    text-align: center;
}

.my-locum-bank .main-content tr.response-status .success {
    color: #25c082;
    font-size: 10px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.58px;
    text-align: center;
    margin: auto;
}

.my-locum-bank .main-content tr.response-status .deleted {
    width: 160px;
    height: 18px;
    color: #ff7163;
    font-family: "Open Sans";
    font-size: 10px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.58px;
    text-align: center;
    margin: auto;
}

.my-locum-bank .main-content tr.response-status-success .error,
.my-locum-bank .main-content tr.response-status-success .deleted {
    display:none;
}

.my-locum-bank .main-content tr.response-status-error .success,
.my-locum-bank .main-content tr.response-status-error .deleted {
    display:none;
}

.my-locum-bank .main-content tr.delete-status-success .success,
.my-locum-bank .main-content tr.delete-status-success .error {
    display:none;
}
.my-locum-bank .footer {
    margin-left: 233px;
    border-left: 1px solid #DDD;
    background-color: #f4f4f4;
    padding: 20px 20px 20px 100px;
}
.my-locum-bank .footer h1 {
    font-size: 20px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: 0.4px;
    color: #999;
}
.my-locum-bank .footer h2 {
    color: #999;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}
.my-locum-bank .footer p {
    color: #020d14;
    font-size: 10px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.58px;
}


.my-locum-bank .actions label {
  color: #999;
  font-size: 10px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.58px;
  }

.my-locum-bank .actions input {
  display: block;
  width: 120px;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  border: 1px solid #bcbcbc;
  border-radius: 2px;
  box-shadow: inset 0 1px 0 #ececec;
  color: #999;
  font-size: 25px;
  font-weight: bold;
}

.my-locum-bank tr.actions .button-success {
  width: 135px;
}

.my-locum-bank tr.actions fieldset::after {
  content: "+";
  float: right;
  position: absolute;
  left: 200px;
  color: #1482cc;
  font-size: 20pt;
  line-height: 16pt;
  font-weight: 800;

}

.my-locum-bank .main-content tr.open td {
  border-bottom: none;
}

.my-locum-bank .main-content tr.open + tr {
  display: table-row;
}


.my-locum-bank .main-content td.name {
    min-width: 40%;
    color: #293036;
    height: 15px;
    color: #666;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0.5px;
}

.my-locum-bank .main-content td.name img {
  width: 30px;
  height: 30px;
  margin-right: 20px;
  border-radius: 15px;
}

.my-locum-bank .main-content td.email {
 color: #bcbcbc;
}

.my-locum-bank .main-content td.edit, .my-locum-bank .main-content td.closer {
    text-align: right;
    width: 36px;
    height: 15px;
    color: #666;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0.5px;
}

.my-locum-bank .main-content td.edit .link-close {
    display: none;
}

.my-locum-bank .main-content td.closer .link-edit {
    display: none
}

.my-locum-bank .main-content .pagination {
  float: right;
  position: relative;
  margin-top: -100px;
  top: 35px;
  color: #1482cc;
  font-family: Cabin;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 0.92px;
}

.my-locum-bank .main-content .pagination a {
  display: inline-block;
  padding: 10px;
  width: 40px;
  border: 1px solid #eee;
  margin: -2px;
  text-align: center;
  font-size: 10pt;
}

.my-locum-bank .main-content .pagination a.active {
  color: #fff;
  background-color: #1482cc;
}

.my-locum-bank .main-content form.add-doctors {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
}

.my-locum-bank form.add-doctors .fieldset {
  padding-left: 0px;
  padding-right: 10px;
  padding-bottom: 10px;
}



.my-locum-bank .add-doctors label {
  display: block;
  color: #999;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.7px;
}

.my-locum-bank .add-doctors input {
  display: block;
  width: 100%;
  height: 45px;
  padding: 10px;
  border: 1px solid #bcbcbc;
  border-radius: 2px;
  box-shadow: inset 0 1px 0 #ececec;
}

.my-locum-bank .add-doctors .form-row {
  display:block;
}

.my-locum-bank .add-doctors .add-new-line {
  color: #1482cc;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.4px;
  display: inline-block;
  margin-top: 16px;
  margin-bottom: 26px;
}

.my-locum-bank .add-doctors .add-new-line i {
  margin-right: 10px;
  font-style: normal;
  font-weight: 900;
}

.my-locum-bank .button-success {
  height: 35px;
  background-color: #25c082;
  border-radius: 2px;
  display:block;
  color: white;
  font-family: Cabin;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0.93px;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
  cursor: pointer
}
.my-locum-bank .button-success:hover {
  text-decoration: none;
}

.my-locum-bank .add-doctors .button-success {
  width: 222px;
}

.my-locum-bank .add-doctors input.invalid-data {
    border: 1px solid #ff7163;
}

.my-locum-bank .add-doctors .empty input {
    border: 1px dotted #bcbcbc;
}

.my-locum-bank .add-doctors .invalid {
    background-color: #959E9B;
    cursor: not-allowed;
}
.my-locum-bank .edit-doctor label {
    font-size: 1.2em;
    padding-left: 30px;
}
.my-locum-bank .edit-doctor .pound-sign, .my-locum-bank .edit-doctor .perhour-label {
    display: block;
    height: 45px;
    padding-right: 10px;
    line-height: 45px;
    font-size: 30px;
    color: #999;
}

.my-locum-bank .edit-doctor .perhour-label {
    padding-left: 10px;
    font-size: 18px;
}

#ajax-loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 150px;
    font-size: 40px;
    background: black;
    opacity: 0.6;
    transition: 0.2s ease-in-out;

    cursor: pointer;
    color: white;
}
#ajax-loader.opaque {
    opacity: 0;
}

.my-locum-bank .confirm-remove-doctor .button-confirm {
    border: 1px double #ff7163;
    text-align: center;
}

.my-locum-bank .confirm-remove-doctor .button-cancel {
    text-align: center;
}

.my-locum-bank .confirm-remove-doctor .button-confirm a {
    color: #ff7163;
}

.my-locum-bank .confirm-remove-doctor .button-cancel a {
    color: #DDD;
}

.my-locum-bank .remove-doctor .button-remove {
    text-align: center;
}

.my-locum-bank .remove-doctor .button-remove a {
    color: #ff7163;
}

.my-locum-bank .confirm-remove-doctor, .my-locum-bank .remove-doctor a {
    font-family: "Open Sans";
    font-size: 10px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.58px;
}

.my-locum-bank .remove-doctor {
    display: none;
}

.my-locum-bank .confirm-remove-doctor .button-remove {
    display: none;
}

.my-locum-bank .remove-doctor .button-confirm, .my-locum-bank .remove-doctor .button-cancel {
    display: none;
}