/** ADDED BY GTI/KUNAL - CUSTOM PANE **/
.dash-card-custom .row {
    /*display:block;*/
    }
.dash-card-custom a.cp-block {
    height: 130px;
    display: flex;
    width: 100%;
    align-items:flex-end;
    text-decoration:none;
    border-radius: .25rem;
    background-size: cover;
    background-position: center;
    }
.dash-card-custom a.cp-block > span {
    background-color:rgba(226, 34, 33,.74);
    display:block;
    width:100%;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 0 0 .25rem .25rem;
    color: #fff;
    font-size: 13px;
    }
.dash-card-custom a.cp-block span span {
    padding-top: 3px;
    }
.dash-card-custom a.cp-block:hover span, .dash-card-custom a.cp-block:focus span {
    background-color: #0068b3;
    }
    

.jobonline {
    background: #f56abb;
    background: -moz-linear-gradient(top, #f56abb 0%, #ef229b 100%);
    background: -webkit-linear-gradient(top, #f56abb 0%,#ef229b 100%);
    background: linear-gradient(to bottom, #f56abb 0%,#ef229b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f56abb', endColorstr='#ef229b',GradientType=0 );
    display: block;
    margin: -20px;
    color: #ffffff;
    position:relative;
}
.jobonline img {
    margin-left: 20px;
}
.jobonline-text {
    position: absolute;
    left: 171px;
    display: block;
    width: auto;
    width: 80%;
    top: 20px;
}
a:hover .jobonline{
    text-decoration:none;
    color:#EF229B;
    border-bottom:none;
}
a:hover .jobonline-text{
    text-decoration:none;
    color:#ffffff;
    border-bottom:none;
}
@media(max-width:1000px){
    .jobonline-text {
        display:none;
    }    
}
.unauthroised-body .helper-enabled.form-horizontal[name='graduateForm'] #details\.studentNumber-container > label:before {
    content: "Student ID (if known): This is 'NOT your K number'. If you do not remember this number, please complete this form: https://www.kcl.ac.uk/campuslife/services/Former/Request.aspx";
    visibility: visible;
}
.unauthroised-body .helper-enabled.form-horizontal[name='graduateForm'] #details\.studentNumber-container > label {
    visibility: hidden;
}
div#jobPosition\.businessAreas-container > label:after {
    content: "(Max 3 selections)";
    font-weight: 100;
    font-size: 90%;
    padding-left: 10px;
}
@media(min-width: 766px) {
                div#jobPosition\.businessAreas-container > label:after {
                                display:block;
                                padding-top: 15px;
                }
}
.employer-name.engaged a {
    color: red;
    text-decoration: underline;
}
.employer-name.phil a {

   color: red;

   text-decoration: underline;

}

/*** Tweaking Custom user registration form added by GTI/Graeme ***/
#newUserRegistration #user\.username-container .col-sm-10:after {
    content:"e.g. k0123456789@kcl.ac.uk";
    display:block;
    font-size:12px;
    line-height: 1.5rem
}
#newUserRegistration #user\.email-container .col-sm-10:after {
    content:"e.g. k0123456789@kcl.ac.uk";
    display:block;
    font-size:12px;
    line-height: 1.5rem
}