/* ==========================================================================
   Font
   ========================================================================== */

@font-face {
    font-family: 'EurofurenceLight';
    src: url('../fonts/eurofurence/eurof35.eot');
    src: url('../fonts/eurofurence/eurof35.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurofurence/eurof35.woff') format('woff'),
         url('../fonts/eurofurence/eurof35.ttf') format('truetype'),
         url('../fonts/eurofurence/eurof35.svg#eurofurence_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'EurofurenceRegular';
    src: url('../fonts/eurofurence/eurof55.eot');
    src: url('../fonts/eurofurence/eurof55.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurofurence/eurof55.woff') format('woff'),
         url('../fonts/eurofurence/eurof55.ttf') format('truetype'),
         url('../fonts/eurofurence/eurof55.svg#eurofurence_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   Global style
   ========================================================================== */

body {
    padding-top: 23px;
    background: #ffffff url(../img/bg-bee.png) top left repeat;
}

form {
    margin: 0;
}

hr {
  margin: 15px 0;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  color: #000;
}

input[type="text"], input[type="password"] {
  height: 25px;
}

-webkit-input-placeholder { color:#9999a8; }
-moz-placeholder { color:#9999a8; } /* firefox 19+ */
-ms-input-placeholder { color:#9999a8; } /* ie */
input:-moz-placeholder { color:#9999a8; }

.btn-default:hover {
  text-decoration: none;
  color: #ce9a2d;
}

.gold { color: #ce9a2d; }
.blue { color: #144563; }
.gray { color: #f6f6f6; }
.gray-darken { color: #9999a8; }


.main {
  background-color: #ffffff;
  border-radius: 1px;
  margin-bottom: 2%;
  box-shadow: 1px 1px 6px #909090;
  filter:
     progid:DXImageTransform.Microsoft.Shadow(Color=#909090, Strength=2, Direction=90),
     progid:DXImageTransform.Microsoft.Shadow(Color=#909090, Strength=2, Direction=270);
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.img-responsive {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.vertical-center {
  vertical-align:middle;
  display:inline-block;
}

.alert {
  font-size: 0.9em;
}

.limit-width-ie-fix-15 {
  width: 15px;
  max-width: 15px;
}

.limit-width-ie-fix-25 {
  width: 25px;
  max-width: 25px;
}

.limit-width-ie-fix-32 {
  width: 32px;
  max-width: 32px;
}

/* ==========================================================================
   Front header
   ========================================================================== */

#front-header {
  min-height:100px;
}

#front-logo {
  line-height:100px;
}

/*#front-logo, #front-form-login, #front-data-login  {*/
#front-logo, #front-data-login  {
  padding-left: 3%;
  padding-right: 3%;
}

#front-form-login {
  padding-top: 2%;
  padding-bottom: 1%;
}

#front-data-login {
  text-align: right;
  padding-bottom: 1%;
}

#front-data-login h5 {
  font-family: 'EurofurenceLight', Arial, sans-serif;
  font-size: 1.7em;
  font-weight: 100;
}

/* ==========================================================================
   Front navigation
   ========================================================================== */

.navbar {
  border-top: 6px solid #ce9a2d;
  margin-bottom: 0;
}

.navbar-inner {
  box-shadow: none;
  padding-left: 3%;
  padding-right: 3%;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
  box-shadow: none;
  color: #fff;
}

.navbar .nav > li > a {
  min-width: 65px;
  text-align: center;
  text-shadow: none;
}

.navbar .nav > li > .dropdown-menu {
  border-radius: 2px;
}

.navbar .nav > li > .dropdown-menu > li > a {
  color: #a4a4b2;
}

.navbar .nav > li > .dropdown-menu > li > a:hover {
  color: #ce9a2d;
  background-color: transparent;
}

.dropdown-menu {
  padding-top: 10%;
}

.dropdown-menu li p {
  padding-left: 10%;
  padding-right: 10%;
}

.dropdown-menu li p img {
  vertical-align:middle;
}

.dropdown-menu li p a {
  color: #9999a8;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #CF9A2E;
    color: #ffffff;
}

/* ==========================================================================
   Front page content
   ========================================================================== */

#front-content {
  margin-top: 3.5%;
  padding-left: 3%;
  padding-right: 3%;
}

#front-content h1, #front-content h2,
#front-content h3, #front-content h4,
#front-content h5, #front-content h6 {
  font-family: 'EurofurenceLight', Arial, sans-serif;
}

#front-content h1 {
  font-family: 'EurofurenceLight', Arial, sans-serif;
  font-size: 3em;
  font-weight: 100;
  text-transform: uppercase;
}

#front-register {
  padding-right: 3%;
  padding-left: 3%;
}

#register {
  width: 100%;
  padding-top: 10%;
  padding-bottom: 15%;
  position: relative;
  background-color: #f6f6f6;
}

#register h3 {
  margin-top: 0;
  font-weight: 300;
}

#register form {
  width: 82%;
  margin: 0 auto;
}

#register label {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 10px;
}

#register-arrow {
  width: 100%;
  position: absolute;
  bottom: -17px;
  left: 0;
}

#register-arrow img {
  width: 100%;
  max-width: 100%;
}

#front-logo-eipm {
  padding-top: 2%;
  padding-left: 8%;
  padding-right: 8%;
}


/* ==========================================================================
   Front page content
   ========================================================================== */

#tabbale-shop {
  margin-bottom: 80px;
}

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

/* ==========================================================================
   Front checkout content
   ========================================================================== */

#front-checkout-content, #front-forget-content {
  margin-bottom: 80px;
}

.modal {
  width: 450px;
  margin-left: -240px;
  border-radius: 2px;
}

.modal-header {
  min-height: 25px;
  background-color: #ce9a2d;
}

.modal-body {
    padding: 15px 30px 30px 30px;
}

.modal-body h3 {
  color: #ce9a2d;
  margin-top:0;
  font-family: 'EurofurenceLight', Arial, sans-serif;
  font-size: 2.5em;
  font-weight: 100;
}

.modal-footer {
  min-height: 25px;
  background-color: #f6f6f6;
  border-top: 6px solid #ce9a2d;
  text-align: left;
  font-size: 0.8rem;
  padding-right: 30px;
  padding-left: 30px;
}

/* ==========================================================================
   Front footer
   ========================================================================== */

#front-footer {
  border-top: 6px solid #ce9a2d;
  background-color: #f6f6f6;
  color: #a4a4b2;
  font-size: 0.9em;
}

#front-footer-content {
  height: 65px;
  line-height: 65px;
  padding-left: 3%;
  padding-right: 3%;
}

#front-footer-content a {
  color: #a4a4b2;
}

/* ==========================================================================
   Request password page
   ========================================================================== */

.request-password .centering > div {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 0 10px;
    -webkit-box-shadow: 0 0 5px #ddd;
       -moz-box-shadow: 0 0 5px #ddd;
            box-shadow: 0 0 5px #ddd;
}

.request-password .centering form {
    padding: 10px;
}

/* ==========================================================================
   Dashboard Global style
   ========================================================================== */

#dashboard-warpper {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 1px;
  border-top: 6px solid #ce9a2d;
  box-shadow: 1px 1px 6px #909090;
  filter:
     progid:DXImageTransform.Microsoft.Shadow(Color=#909090, Strength=2, Direction=90),
     progid:DXImageTransform.Microsoft.Shadow(Color=#909090, Strength=2, Direction=270);
}

#dashboard-logo {
  padding-left: 1.5%;
  padding-right: 1.5%;
}

#menu-top-dashboard {
  padding-top: 2%;
  font-family: 'EurofurenceLight', Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
}

#menu-top-dashboard li {
  padding-right: 4%;
}

#nav-menu-dashboard {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  border-radius: 1px;
  background-color: #f6f6f6;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

#nav-menu-dashboard h3 {
  text-transform: capitalize;
  padding-top: 6px;
  font-family: 'EurofurenceLight', Arial, sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
}

#nav-menu-dashboard h5 {
  text-transform: uppercase;
  padding-top: 6px;
  margin-bottom:2px;
  font-family: 'EurofurenceLight', Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
}

#nav-menu-dashboard ul {
  list-style: none;
  margin-left: 5px;
}

#logo-eipm-dashboard {
  text-align: center;
  margin-bottom: 50px;
}

.last {
  padding-bottom: 20px;
}

#logo-eipm-dashboard a img {
  display: none;
  width: 75%;
  max-width: 75%;
  filter : alpha(opacity=40);
  opacity : 0.4;

  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

#logo-eipm-dashboard a img:hover {
  filter : alpha(opacity=100);
  opacity : 1;
}

#main-content-dashboard {
  margin-top: 20px; /* fix IE */
  margin-top: 1rem;
}

#main-content-dashboard h2 {
  display: inline;
  font-family: 'EurofurenceLight', Arial, sans-serif;
  font-size: 2.3rem;
  font-weight: 600;
}

#main-content-dashboard span {
  padding-left: 1rem;
  font-family: 'EurofurenceLight', Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
}

#footer-dashboard {
  background-color: #f6f6f6;
  border-top: 6px solid #ce9a2d;
  color: #a4a4b2;
  font-size: 0.9em;
}

#footer-dashboard-content {
  height: 65px;
  line-height: 65px;
  padding-left: 3%;
  padding-right: 3%;
}

#footer-dashboard ul li a {
  color: #a4a4b2;
}

/* ==========================================================================
   Dashboard Manage settings style
   ========================================================================== */


/* ==========================================================================
   Dashboard Assessement style
   ========================================================================== */

#main-content-assessement-dashboard {
  margin-top: 2rem;
}

.btn-legend-assessment {
  margin-right: 15px;
  cursor: pointer;
}

.block-assessment-legend {
  color: #9999a8;
  margin-top: 15px;
  border-bottom: 1px solid #eeeeee;
}

.block-assessment-legend ul {
  list-style: none;
  padding-top: 10px;
  font-size: 0.9rem;
}

.block-article {
  border:1px solid #9999a8;
  border-radius:1px;
}

.block-content-article {
  background-color: #f6f6f6;
}

.block-column-left-article {
  background-color: #f6f6f6;
  padding-left:15px;
}

.block-column-left-article h4 {
  color:#9999a8;
  font-size:1.4rem;
  font-weight: 100;
}

.block-column-left-article h5 {
  color:#9999a8;
  font-size:1.4rem;
  font-weight: 100;
}

.block-row-left-article {
  margin-bottom:10px;
  border-top: 1px solid #d6d6d9;
  border-bottom: 1px solid #d6d6d9;
}

.info-article {
  color:#7ca7bc;
  line-height: 15px;
  font-size:0.75rem;
}

.block-row-left-article h5 {
  color: #9999a8;
  font-size: 0.8rem;
  margin-bottom:0;
}

.block-row-left-article p {
  font-size: 0.75rem;
}

.notyet {
  color: #9999a8;
  margin-top: 15px;
}

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

.block-column-right-article img {
  width: 70%;
  max-width: 70%;
}

.block-column-right-article p {
  font-family:'EurofurenceLight',Arial,sans-serif;
  font-size: 1.6rem;
  color: #fff;font-weight: 400;
  margin-bottom: 25px;
}

.block-column-right-article a {
  display: block;color: #fff;
  margin-bottom: 5px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.9rem;
}

.col{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.col-wrap{
    overflow: hidden;
}

.bg-blue { background-color: #7ca7bc; }
.bg-green { background-color: #7cbc7c; }
.bg-purple { background-color: #ba7cbc; }
.bg-gray { background-color: #cccccc; }
.bg-darken { background-color: #303030; }

.btn-blue { background-color: #144662;}
.btn-green { background-color: #346734;}
.btn-purple { background-color: #703b72;}
.btn-gray { background-color: #999999; }
.btn-darken { background-color: #000000; }
.btn-red { background-color: #b50000; }

.warning { color: #b50000}


/* ==========================================================================
   Dashboard Manager traking
   ========================================================================== */

#block-tracking-graphic {
  margin-top: 40px;
  margin-bottom: 40px;
}

#monitoring {
  width: 300px;
  height: 200px;
  overflow: hidden;
  margin-top: 20px;
  /* margin: 0 auto; */
}

#monitoring span.pieLabel {
    padding:0 !important;
}

.legend table {
  border-spacing: 5px;
}

/*==============================================================================
User Assessment
===============================================================================*/
.user.assessment {}

.user.assessment h1, .user.assessment h2, .user.assessment h3, .user.assessment h4, .user.assessment h5, .user.assessment h6 {
    font-family: 'EurofurenceLight', Arial, sans-serif;
}
.user.assessment h1 {}
.user.assessment h2 {}
.user.assessment h3 {}
.user.assessment h4 {}
.user.assessment h5 {}
.user.assessment h6 {}

.user.assessment section {
    background-color: #ffffff;
    border-radius: 1px;
    box-shadow: 1px 1px 6px #909090;
    margin-bottom: 2%;
}
.user.assessment section header {
    background-color: #144662;
    padding: .7em;
    margin-bottom: .7em;
}
.user.assessment section article {
    margin: 1em;
}

.user.assessment section article label.checkbox,
.user.assessment section article label.radio {
    border: 1px solid;
    border-color: #ddd;
    margin-bottom: -1px;
    padding: .5em;
}


.user.assessment section article label.checkbox.active,
.user.assessment section article label.radio.active {
    background-color: #FFF293 !important;
}



.quiz_hover,
.user.assessment section article label.checkbox:hover,
.user.assessment section article label.checkbox:active,
.user.assessment section article label.checkbox:focus,
.user.assessment section article label.radio:hover,
.user.assessment section article label.radio:active,
.user.assessment section article label.radio:focus {
    background-color: #eee;

}

/*==============================================================================
User Assessment Configuration panel
===============================================================================*/
section#assessment-start-main {}
section#assessment-start-main header {}
section#assessment-start-main article {}

section#assessment-start-main article h2 {
    border-bottom: #CE9A2D 1px solid;
    color: #303030;
}



/*==============================================================================
User Assessment Table of Content
===============================================================================*/
.assessment-toc {}
#assessment-toc-main {}
#assessment-toc-main .skills-list {}

#assessment-toc-main .skills-list i {
    float: right;
    margin-top: 2px;
    margin-right: -6px;
    opacity: .25;
}

#assessment-toc-main .skills-list > li > a {
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
    border: 1px solid #e5e5e5;
}

/*==============================================================================
User Assessment about you
===============================================================================*/


.inline-row-odd {
    background-color: #F0F8FF;
    border-bottom: 1px solid #E7E8FF;
}


/*==============================================================================
User Assessment skill
===============================================================================*/
.user.assessment.skill {}
.user.assessment.about section,
.user.assessment.skill section {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 2%;
}
.user.assessment.skill section article {
    margin: 0 !important;
}

.assessment-skill {
    padding-top: 0;
}
.assessment-skill h1 {
    /*margin-bottom: 1em;*/
    /*padding: .5em;*/
}

.skill-progress {}
.skill-progress li {
    width: 8%;
}
.skill-progress li span {
    background-color: #ce9a2d;
    padding: .3em .5em;
    border-radius: 20px;
}


.qblock-item {}

.qblock-label {
    color: #144662;
/*    margin-bottom: 2em;*/
    font-size: 1.2em;
    line-height: 1.3;
}
.qblock-item .control-group {
    padding: .5em 2em 1em;
}

.qblock-sub-label {
    border-bottom: .1em solid #F6D18E;
    color: #144662;
    font-style: italic;
    font-size: medium;
}

.control-group.error {}
.control-group.error label.checkbox,
.control-group.error label.radio {
    border-color: #ddd;
}
.form-item .icheckbox_square-blue,
.form-item .iradio_square-blue {
    float: left;
}
.form-item-label {
    margin-left: 2.5em;
}


/*==============================================================================
Tos Agreement page and First Login
===============================================================================*/
.agree.to.tos, .first.login {}
.agree.to.tos #assessment-start-main, .first.login  #assessment-start-main {
    background-color: #ffffff;
    border-radius: 1px;
    box-shadow: 1px 1px 6px #909090;

}
.agree.to.tos #assessment-start-main header, .first.login  #assessment-start-main header {
    background-color: #144662;
    padding: .7em;
}
.agree.to.tos #assessment-start-main header h1, .first.login  #assessment-start-main header h1 {
    font-family: 'EurofurenceLight', Arial, sans-serif;
}
.agree.to.tos #assessment-start-main article, .first.login  #assessment-start-main article {
    padding: 1em;
}



@media (min-width: 1200px) {

    .assessment-skill .wizard .content {
        width: 80%;
        margin: 0px auto;
    }

    .assessment-skill .wizard .actions {
        width: 80%;
        margin: 1em auto;
    }

}



@media (max-width: 767px) {

    body {
        padding-top: 0 !important;
        background: #fff;
        background-image: none !important;
    }
    .user.assessment section {
        background-color: #ffffff;
        border-radius: 0;
        box-shadow: none !important;
    }

    .assessment-about .wizard .content,
    .assessment-skill .wizard .content {
        border-radius: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
    }

    .assessment-about .steps,
    .assessment-skill .steps {
        display: none !important;
        visibility: hidden !important;
    }

    .assessment-about .actions,
    .assessment-skill .actions {
        font-size: 80%;
        margin-top: .5em;
    }

    .assessment-about .qblock-item .control-group,
    .assessment-skill .qblock-item .control-group {
        padding: 0 !important;
    }

    nav.actions {
        position: fixed !important;
        width: 100% !important;
        bottom: 0 !important;
        text-align: center !important;
        margin-left: -20px !important;
        padding-top: .2em !important;
        background-color: #fff !important;
        border-top: 1px solid #ddd !important;
    }

    nav.actions > ul {
        width: 100% !important;
        text-align: center !important;
        margin: 0 !important;
    }

    nav.actions > ul > li {
        width: 45% !important;
    }

    nav.actions > ul > li > a {
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    #div-to-tech-support {
        position: absolute;
        top:0;
        right:0;
    }
    #div-to-dashboard {
        position: absolute;
        top:0;
        left:0;
    }
    #div-to-tech-support a {
        font-size: xx-small;
    }
    #div-to-tech-support #dl-user-guide {
        border-top: 0 !important;
        border-right: 0 !important;
    }
    #div-to-tech-support #go-to-tech-support {
        border-top: 0 !important;
    }
    #div-to-dashboard #back-to-dashboard {
        font-size: xx-small;
        border-top: 0 !important;
        border-left: 0 !important;
    }
    #assessment-about-main > h1,
    #assessment-skill-main > h1 {
        margin-top: 1em;
    }
    .wizard > .content > .body {
        padding: 0 !important;
    }

}