/* --------------------------------------------------------
Style Sheet for Up - Adecco's Incentives & Recognition Site

version: 1.0
copyright: © Sodexo Motivation U.K. Limited 2017.

CONTENTS
==================

=> Font Imports
=> Default CSS
=> Navigation
=> Primary Button inc. States
=> Background Wrapper & Main Content
=> Sidebar
=> User Profile
=> Jumbotron
=> Carousel & Controls
=> Hall of Fame Search Results
=> Site Footer & Elements
=> Helper Classes
=> Misc
=> Media Queries
----------------------------------------------------------*/

/** Import Font Faces **/
@font-face {
    font-family: 'SourceSansPro-Black';
    src: url('../fonts/sanspro/SourceSansPro-Black.otf') format('opentype');
}

@font-face {
    font-family: 'SourceSansPro-BlackIt';
    src: url('../fonts/sanspro/SourceSansPro-BlackIt.otf') format('opentype');
}

@font-face {
    font-family: 'SourceSansPro-Bold';
    src: url('../fonts/sanspro/SourceSansPro-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'SourceSansPro-BoldIt';
    src: url('../fonts/sanspro/SourceSansPro-BoldIt.otf') format('opentype');
}

@font-face {
    font-family: 'SourceSansPro-ExtraLight';
    src: url('../fonts/sanspro/SourceSansPro-ExtraLight.otf') format('opentype');
}

@font-face {
    font-family: 'SourceSansPro-ExtraLightIt';
    src: url('../fonts/sanspro/SourceSansPro-ExtraLightIt.otf') format('opentype');
}

@font-face {
    font-family: 'SourceSansPro-It';
    src: url('../fonts/sanspro/SourceSansPro-It.otf') format('opentype');
}

@font-face {
    font-family: 'SourceSansPro-Light';
    src: url('../fonts/sanspro/SourceSansPro-Light.otf') format('opentype');
}

@font-face {
    font-family: 'SourceSansPro-LightIt';
    src: url('../fonts/sanspro/SourceSansPro-LightIt.otf') format('opentype');
}

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('../fonts/sanspro/SourceSansPro-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'SourceSansPro-Semibold';
    src: url('../fonts/sanspro/SourceSansPro-Semibold.otf') format('opentype');
}

@font-face {
    font-family: 'SourceSansPro-SemiboldIt';
    src: url('../fonts/sanspro/SourceSansPro-SemiboldIt.otf') format('opentype');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
}
/*----------------------------------------------------------*/


/** Default CSS **/
html, body {
    height: 100%;
    /*font-family: AdeccoRegular, sans-serif;*/
    /*background-image: linear-gradient(to right, #531476, #e82b76);*/
    font-weight: normal;
    font-size: inherit;
    font-family: Roboto-Regular;
}

h1, h2, h3, h4, h5, h6, strong, th {
    /*font-family: AdeccoBold, sans-serif;*/
    font-family: Roboto-Bold;
}
em {
    /*font-family: AdeccoRegularItalic, sans-serif;*/
    font-style:italic;
}
strong em {
    /*font-family: AdeccoSemiBoldItalic, sans-serif;*/
    font-weight:bolder;
    font-style:italic;
}


label {
    font-weight: normal;
}

input[type='submit'], input[type='text'], input[type='password'], a:link{
    font-size: 16px;
}
.error {
    color: red;
}
h2{
    line-height: 38px;
}
/*----------------------------------------------------------*/


/** Navigation **/
.logo {
    max-height: 110px;
}
.navbar {
    border: none;
    border-radius: 0;
    background-color: white;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: bold;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #333;
    background-color: transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #968C83;
    background: #bdbdbd;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #eeeeee;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #a79f98;
    color: #ffffff;
}
.vertical-navbar a {
    background-color: #eee;
    color: black;
    display: block;
    padding: 12px;
    padding-right: 40px;
    text-decoration: none;
    position: relative;
}
.vertical-navbar a:hover
{
    background-color: #666;
}
.vertical-navbar a.active {
    background-color: #968C83;
    color: white;
}
.vertical-navbar a.active:after {
    border-width: 0;
    margin-left:  0;
}
li.active:after, .active:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
li.active:after {
    border-top-color: #bdbdbd;
    border-width: 10px;
    margin-left: -10px;
}


.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover

{
    color: #000;
}

.brandbar a:hover
{
    text-decoration: none;
    color: #000;
}

/* nav icon overrides */

ul.nav > li i.fa,
.brandbar i.fa
{
    color: transparent;
    content: "";
    height: 15px;
    width: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

ul.nav > li i.fa.fa-home
{
    background-image: url("../img/icons/home_white.png");
}

ul.nav > li.active i.fa.fa-home
{
    background-image: url("../img/icons/home_red.png");
}

ul.nav > li:hover i.fa.fa-home
{
    background-image: url("../img/icons/home_black.png");
}

ul.nav > li i.fa.fa-user
{
    background-image: url("../img/icons/hall_of_fame_white.png");
}

ul.nav > li.active i.fa.fa-user
{
    background-image: url("../img/icons/hall_of_fame_red.png");
}

ul.nav > li:hover i.fa.fa-user
{
    background-image: url("../img/icons/hall_of_fame_black.png");
}

ul.nav > li i.fa.fa-thumbs-up
{
    background-image: url("../img/icons/recognise_white.png");
}

ul.nav > li.active i.fa.fa-thumbs-up
{
    background-image: url("../img/icons/recognise_red.png");
}

ul.nav > li:hover i.fa.fa-thumbs-up
{
    background-image: url("../img/icons/recognise_black.png");
}

ul.nav > li i.fa.fa-star
{
    background-image: url("../img/icons/winners_white.png");
}

ul.nav > li.active i.fa.fa-star
{
    background-image: url("../img/icons/winners_red.png");
}

ul.nav > li:hover i.fa.fa-star
{
    background-image: url("../img/icons/winners_black.png");
}

ul.nav > li i.fa.fa-clock-o
{
    background-image: url("../img/icons/long_service_white.png");
}

ul.nav > li.active i.fa.fa-clock-o
{
    background-image: url("../img/icons/long_service_red.png");
}

ul.nav > li:hover i.fa.fa-clock-o
{
    background-image: url("../img/icons/long_service_black.png");
}

ul.nav > li i.fa.fa-gift
{
    background-image: url("../img/icons/rewards_white.png");
}

ul.nav > li.active i.fa.fa-gift
{
    background-image: url("../img/icons/rewards_red.png");
}

ul.nav > li:hover i.fa.fa-gift
{
    background-image: url("../img/icons/rewards_black.png");
}

ul.nav > li i.fa.fa-question-circle
{
    background-image: url("../img/icons/help_white.png");
}

ul.nav > li.active i.fa.fa-question-circle
{
    background-image: url("../img/icons/help_red.png");
}

ul.nav > li:hover i.fa.fa-question-circle
{
    background-image: url("../img/icons/help_black.png");
}

.brandbar > div a i.fa.fa-user
{
    background-image: url("../img/icons/profile_red.png");
}

.brandbar > div a:hover i.fa.fa-user
{
    background-image: url("../img/icons/profile_black.png");
}

.brandbar > div a i.fa.fa-user-plus
{
    background-image: url("../img/icons/managers_red.png");
}

.brandbar > div a:hover i.fa.fa-user-plus
{
    background-image: url("../img/icons/managers_black.png");
}

.brandbar > div a i.fa.fa-sign-out
{
    background-image: url("../img/icons/log_out_white.png");
    opacity: 1;
}

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


/** Primary Button inc. States **/
.btn-kura-primary,.btn-adecco-primary{
    /*background: #968C83;
    border: 1px solid;
    border-radius: 4px;*/
    color: #ffffff !important;
    border: 0px solid;
    border-radius: 5px;
    min-width: 110px;
    background: #09002D;
    /*background-image: linear-gradient(to right, #531476 0%, #e82b76 100%);*/
}
/*.btn-adecco-primary .fa {
    opacity: 0.25;
}
.btn-adecco-primary:hover {
    background-color: #a79f98;
    color: #ffffff;
}
.btn-adecco-primary:hover .fa {
    opacity: 1;
}
.btn-adecco-primary:active {
    background-color: #800d07;
    color: #ffffff;
}
.btn-adecco-primary:active .fa {
    opacity: 1;
}
.btn-adecco-primary:disabled {
    background-color: #C8C7C7;
    color: #ffffff;
}
.btn-adecco-primary:disabled .fa {
    opacity: 0.25;
}*/
/*----------------------------------------------------------*/


/** Background Wrapper & Main Content **/
.wrap {
    /*min-height: 80%;*/
    display: block;
    position: relative;
}
.wrap::after {
    content: "";
    /*background-image: url('../img/background.png');*/
    background-attachment: fixed !important;
    background-size: cover;
    opacity: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}
.main {
    /*overflow: auto;*/
    padding-top: 80px;
    padding-bottom: 80px;
    background: #09002D;
}
.content  {
    background: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0px;
    border: 0px;
    /*height: 712px;*/
}

.no-padding {
    padding: 0px;
}

.kura-logo {padding: 100px 0px 30px 0px;}

.kura-footer{
    padding: 50px;
    background-color: #fff;
}
/*----------------------------------------------------------*/


/** Sidebar **/
.sidebar {
    border-radius: 4px;
    color: #968C83;
    background: #EEEEEE;
    padding: 12px;
}
.sidebar > a{
    color: #968C83;
}
/*----------------------------------------------------------*/


/** User Profile **/
.avatar {
    position: relative;
    border: 5px solid #FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0 auto;
}
.avatarGold {
    position: relative;
    border: 5px solid #C39A26;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0 auto;
}
.avatarSilver {
    position: relative;
    border: 5px solid #7F7E7C;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0 auto;
}
.avatarBronze {
    position: relative;
    border: 5px solid #CC6026;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0 auto;
}
.avatarGold img, 
.avatarSilver img,
.avatarBronze img,
.avatar img{
    box-shadow: 0 0 0 1px #000;
}
.points {
    height: 75px;
    margin: 0 auto;
    color: #968C83;
    text-align: center;
}
.points > h5 {
    line-height: 37.5px
}
.points > p {
    line-height: 5px;
    text-align: center;
    font-size: 3em;
    font-weight: 700;
    margin: 0 auto;
}
/*----------------------------------------------------------*/


/** Carousel & Controls **/
#recognition {
    margin-left: 50px;
    margin-right: 50px;
}
.carousel-rounded .carousel-inner img {
    border-radius: 100%;
}
.carousel-control {
    opacity: 1;
    text-shadow: none;
}
.carousel-control.left {
    margin-left: -50px;
    background-image: none
}
.carousel-control.right {
    margin-right: -50px;
    background-image: none
}
.glyphicon-chevron-left {
    /*color: #968C83;*/
    color: white;
}
.glyphicon-chevron-right {
    /*color: #968C83;*/
    color: white;
}

.carousel-jumbotron
{
    margin-bottom: 30px;
}
/*----------------------------------------------------------*/

/** Hall of Fame Search Results**/
.result
{
    background-color: #e1e1e1;
    /*background-image: url('/img/hof/strip_bg_adecco.jpg');*/
    background-size: 100% auto;
    background-position: right;
    background-repeat: no-repeat;
}

.result-background-adecco 
{
    background-image: url('/img/hof/strip_bg_adecco.jpg');
}

.result-background-oa 
{
    background-image: url('/img/hof/strip_bg_oa.jpg');
}


.result > .row
{
    position: relative;
}

.result-ls-5 {
    background-image: url('../img/bg_5_years.jpg');
}
.result-ls-10 {
    background-image: url('../img/bg_10_years.jpg');
}
.result-ls-15 {
    background-image: url('../img/bg_15_years.jpg');
}
.result-ls-20 {
    background-image: url('../img/bg_20_years.jpg');
}
.result-ls-25 {
    background-image: url('../img/bg_25_years.jpg');
}
.result-ls-30 {
    background-image: url('../img/bg_30_years.jpg');
}
.result-ls-30P {
    background-image: url('../img/bg_30P_years.jpg');
}

.result-avatar-container
{
    padding: 15px;
    text-align: right;
}

.result-avatar-container img.avatar
{
    max-width: 80%;
    display: inline-block;
}

.result-ls-5 .result-profile-container,
.result-ls-10 .result-profile-container,
.result-ls-15 .result-profile-container,
.result-ls-20 .result-profile-container,
.result-ls-25 .result-profile-container,
.result-ls-30 .result-profile-container,
.result-ls-30P .result-profile-container
{
    min-height: 160px;
}

.result-profile-container
{
    min-height: 215px;
}

.result-profile-container,
.result-profile-button
{
    padding: 15px;
}

.result-profile-button a.btn.btn-adecco-primary,
.result-profile-button a.btn.btn-adecco-primary:hover
{
    background-color: #fff;
    color: #EF2E24;
    text-transform: uppercase;
}

@media(min-width: 768px)
{
    .result-profile-button
    {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 18.5%;
    }
}

.hof-results .result-profile-container
{
    min-height: 0;
}

.hof-results .result
{
    background-image: url('../img/hof/strip_bg_adecco.jpg');
}

@media(min-width: 768px)
{
    .hof-results .hof-ribbon
    {
        position: absolute;
        top: calc( 50% - 51px);
        right: 0;
        height: 102px;
        width: 18.5%;
    }
}

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

/** Site Footer & Elements **/
.footer {
    background: #fff;
    position: relative;
    margin-top: -100px;
    height: 100px;
    clear: both;
    border-top: 1px solid #BDBDBD;
}
.adecco-logo {
    padding: 15px;
    height: 100px;
}
.legal {
    color: #353131;
}
.user {
    color: #968C83;
}

.user a:link{ /*, a:visited {*/
     color: #968C83;
}

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


/** Helper Classes **/
.textContainer { 
    height: 110px; 
    line-height: 110px;
    color: #968C83;
    font-weight: bold;
}
.textContainer a {
    vertical-align: middle;
    display: inline-block;
}
.top-buffer-15 {
    margin-top: 15px;
}
.top-buffer-30 {
    margin-top: 30px;
}
.top-padding-5 {
    padding-top: 30px;
}
.red {
    color: #968C83;
}
.bg-red {
    background: #968C83;
}
.bg-red>a{
    color: #FFFFFF;
}
.bg-grey {
    background: #EEEEEE;
}
.normal-text {
    color: #000;
}
.no-padding {
    padding: 0;
}
.arrow-right {
    /*float: right;*/
    position: absolute;
    top: 12px;
    right: 15px;
}
.arrow-right:after {
    content: ">>";
}
.big-heading {
    /*color: #968C83;*/
    /*background-color:#484848;*/
   /*background: -webkit-linear-gradient(left, #531476 , #e82b76);
   background: -o-linear-gradient(right, #531476, #e82b76);
   background: -moz-linear-gradient(right, #531476, #e82b76);
   background: linear-gradient(to right, #531476 , #e82b76);*/
  /*background: -webkit-linear-gradient(#531476, #e82b76);*/
  /*-webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
  font-weight: bold;
}
.standard-form {
    padding: 12px;
}
/*.standard-form input {
    width: 100%;
}*/
/*----------------------------------------------------------*/


/** Misc **/

/*----------------------------------------------------------*/
.glyphicon:hover {
    cursor: pointer;
}

/** Media Queries **/
@media(min-width: 768px){
    .navbar-nav {
        float: none;
        display: table;
        width: 100%;
        vertical-align: top;
    }

    .navbar-nav > li {
        float: none;
        display: table-cell;
        text-align: center;
    }
}

@media(max-width: 768px){
    .brandbar, .sidebar {
      /*display: none;*/   
    }

    [class*="col-"]:not(:last-child){
        margin-bottom: 30px;
    }
}


/*Table*/

.table thead
{
    background-color: #968C83;
    border-bottom: solid #666 3px;
}

.table tbody
{
    border-bottom: solid #666 1px;
}

.table thead tr th
{
    border-left: solid 1px #968C83;
    border-right: solid 1px #fff;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

.table thead tr th:last-child
{
    border-right: solid 1px #968C83;
    width: 80px;
}

.table tbody tr td
{
    border-left: solid 1px #666;
    border-right: solid 1px #666;
    padding-top: 15px;
    padding-bottom: 15px;
}

/*.table tbody tr td:last-child
{
    font-weight: 600;
    text-align: center;
    font-size: 1.2em;
}*/

/*hot offers*/
.hot-offers .hot-offer-item a
{
    position: relative;
    display: block;
}

.hot-offers .hot-offer-item a .hot-offers-text
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 30px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    font-size: 1.7em;
}

.hot-offers .hot-offer-item a .hot-offers-text strong
{
    font-size: 1.6em;
}

/*talk to us*/
.talk-to-us-form label
{
    display: block;
    width: 100%;
    margin-top: 15px;
}

.talk-to-us-form textarea
{
    display: block;
    width: 100%;
    height: 200px;
    margin-top: 10px;
    margin-bottom: 15px;
    border: solid 1px #ccc;
    border-radius: 10px;
    outline: none;
    padding: 10px;
}





.usernameSuggestions {
    cursor: pointer;
}

.hidden {
    display: none;
}

/* Profile images */

.imageHolder {
    margin-bottom: 20px;
    clear: both;
}
.imageContainer 
{
    border: solid 5px #fff;
    float: left;
    width: 170px;
    height: 180px;
    margin-right: 5px;
    padding: 5px;
}
.imageContainer.primary {
    border: solid 5px #00FF00;
    
}

.imageContainer.primary .promote, .imageContainer.primary .delete, .imageContainer.primary .useThis {
    display: none;
}

.imageContainer .promote, .imageContainer .delete, .imageContainer .useThis, .refresh
{
    display: block;
    width: 19px !important;
    height: 19px !important;
    max-width: 19px !important;
    max-height: 19px !important;
    background-image: url('/img/glyphicons-halflings.png');
    border: solid 1px red;
    margin: 5px 5px 0 0;
    float: left;
    *-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.imageContainer .promote:hover, .imageContainer .delete:hover, .imageContainer .useThis:hover, .refresh:hover
{
    background-color: #ccc;
}
.imageContainer .promote
{
    background-position: -286px -94px;
}
.imageContainer .delete 
{
    background-position: -309px 2px;
}
.imageContainer .useThis 
{
    background-position: -286px 2px;
}
.refresh {
    background-position: -237px -21px;
    position: relative;
    top: -60px;
    left: 95%;
}

.jcrop-holder {
    min-height: 377px !important;    
}


/* ParticipantFinder */

.participantFinderPanel {
    width: 700px;
    min-height: 100px;
    padding: 5px;
}

.tieredStructureFilteringPanel, .flatStructureFilteringPanel {
    width: 330px;
    margin-right: 10px;
}

.freeTextSearchPanel {
    /*width: 260px;*/
    border-left: dashed 1px #ccc;
    padding-left: 10px;
}

.participantFinderResultsPanel {
    background: #fff;
    max-height: 560px;
    overflow: auto;
    margin: 10px 0;
}

.participantResult {
    margin: 2px;
    min-height: 52px;
    background: #C0C0C0;
    position: relative;
    cursor: pointer;
}

.simple .participantResult {
    margin: 2px;
    min-height: 22px;
}

.participantFinderPanel label {
    font-size: 12px;
}

.participantResult:hover {
    background: #968C83;
    color: White !important;
    
}

.participantResult img {
    margin: 0 5px 1px 1px;
    max-width: 50px;
    float: left;    
}

.participantResult div {
    max-width: 180px;
    color: #000000;
    font-size: 0.9em;
    line-height: 1.4em;
    padding-top: 1px;
}


.participantResult:hover div  {
    color: White !important;
}


.participantResult input {
    position: absolute;
    right: 3px;
    top: 14px;
}

.simple .participantResult input {
    top: 0;
}

.ajaxLoading {
    width: 100%;
    height: 32px;
    margin-bottom: 10px;
    background: url(/img/ajax-loader.gif) no-repeat 50% 50%;
    display: none;
}

.clear {
    clear: both;
}

/** Hall of Fame Search Results**/
.result-5 {
    background: url('../img/bg_5_years.jpg') no-repeat;
    background-size: cover;
}
.result-10 {
    background: url('../img/bg_10_years.jpg');
    background-size: cover;
}
.result-15 {
    background: url('../img/bg_15_years.jpg');
    background-size: cover;
}
.result-20 {
    background: url('../img/bg_20_years.jpg');
    background-size: cover;
}
.result-25 {
    background: url('../img/bg_25_years.jpg');
    background-size: cover;
}
/*----------------------------------------------------------*/

.top-nav {
    float: right;
}

.logout-container {
  position: absolute;
  transform: translate(0,40px);
}

.logout-container a {
  color:#ffffff;
}


/*------Register---------------*/
.Registration-Content {
    padding:20px;
}

.valSummary {
    color: red;
}

@media(max-width: 768px) {

    .textcontainer
    {
        height:auto;
        line-height: normal;
    }

    .logout-container 
    {
        position:static;
        transform: translate(0,0);
        height:auto;
    }

    .top-nav 
    {
        float: none;
    }
}

/*------Kura Klub ----------*/

.klub-Content{
    margin:20px;
    min-height:650px;
}