/*@font-face {
    font-family: 'NotoSansCJKjp-Regular';
    src: url('../fonts/NotoSansCJKjp-Regular.otf') format('truetype');
}*/

body {
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    color: #000;
}

a,
a:hover {
    text-decoration: none;
}

*:focus {
    outline: none !important;
}

input,
textarea,
select {
    -webkit-appearance: none;
}

select {
    background: url(../images/icon-down.svg) no-repeat right 10px center !important;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a,
.link,
.color-primary,
a {
    color: #00afe9;
}

.highcharts-credits {
    display: none;
}

.bg-white {
    background-color: #fff;
}

.page-account .logo {
    width: 238px;
    height: 195px;
    background: url(../images/logo.png) no-repeat center center;
    background-size: cover;
    text-indent: -9999px;
    margin: 35px auto;
}

.row-no-margin {
    margin-left: 0;
    margin-right: 0;
}

.col-fixed-530 {
    width: 530px;
    position: fixed;
    height: 100%;
    z-index: 1;
}

.col-offset-530 {
    padding-left: 530px;
    padding-right: 0px;
    z-index: 0;
}

.col-fixed-215 {
    width: 215px;
    position: fixed;
    height: 100%;
    z-index: 1;
}

.col-offset-215 {
    padding-left: 215px;
    padding-right: 0px;
    z-index: 0;
}

.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 8px;
    padding-right: 8px;
}

.row-eq-height.no-border {
    padding-left: 16px;
    padding-right: 16px;
}

.row-eq-height.no-border>div {
    border-right: none;
    border-left: none;
}

.padding-lr-60 {
    padding: 0 60px;
}

.transition {
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.icon-private {
    font-size: 70px;
}


/**/

.text-information {
    text-align: left;
    margin-top: 8px;
    color: #a3a3a3;
    display: inline-block;
}

.page-account .col-fixed-530 .carousel,
.page-account .col-fixed-530 .carousel .carousel-inner,
.page-account .col-fixed-530 .carousel .carousel-inner .item {
    height: 100%;
}

.page-account .header {
    text-align: right;
    margin-top: 50px;
    margin-right: 55px;
    position: absolute;
    right: 0;
    top: 0;
}

.page-account .header span {
    position: relative;
    top: 2px;
    color: #00afe9;
    margin-right: 40px;
}

.page-account .header .btn {
    min-width: 170px;
}

.page-account .header~.logo {
    margin-top: 145px;
    margin-bottom: 65px;
}

.page-account .header~form {
    max-width: 475px;
    margin: 0 auto;
}

.page-account .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    text-shadow: none;
    padding: 0 30px 30px;
}

.page-account .carousel-caption h3 {
    font-size: 14px;
}

.page-account .carousel-indicators {
    bottom: 5px;
}

.page-account .carousel-indicators li.active,
.page-account .carousel-indicators li {
    background-color: rgba(113, 110, 107, .5);
    height: 6px;
    width: 6px;
    margin: 0 7px;
    border: none;
}

.page-account .carousel-indicators li.active {
    background-color: #fff;
    border: none;
}

.page-account .carousel-caption:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -40px;
    bottom: 0;
    z-index: -1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.81) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.81) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.81) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cf000000', GradientType=0);
    /* IE6-9 */
}

.page-account .intro-information {
    font-size: 24px;
    color: #1d50a1;
    text-align: center;
    margin-bottom: 30px;
}

.page-account .group-btn {
    max-width: 480px;
    margin: 50px auto;
}

.table-portfolio {
    margin-bottom: 0px;
}

.table-portfolio .th-item {
    width: 250px;
}

.table-portfolio .th-previous {
    text-align: center;
    min-width: 60px;
}

.table-portfolio .current {
    color: #1D50A1;
    font-size: 20px;
    line-height: 20px;
    min-width: 60px;
}

.table-portfolio .current .up {
    font-size: 12px;
    color: #E57E22;
    margin-left: 8px;
    margin-bottom: 4px;
    position: relative;
    top: -2px;
}

.table-portfolio .previous {
    color: #AFAFAF;
    font-size: 15px;
    text-align: center;
}

.page-portfolio .group-btn,
.page-survey .group-btn {
    max-width: 100%;
}

.page-portfolio .group-btn {}

.page-account .group-btn .btn-primary {
    float: right;
}

.block-table {
    display: table;
    width: 100%;
}

.block-table-cell {
    display: table-cell;
}

.page-account .block-table {
    padding: 100px 0 50px 0;
    position: relative;
}

.page-account .block-content {
    width: 90%;
    max-width: 540px;
    margin: 0 auto;
}



/*****stepwizard******/

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    position: relative;
    width: 93%;
    max-width: 395px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 7.5px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #1D50A1;
}

.stepwizard-step {
    display: table-cell;
    width: 33.3333%;
    position: relative;
}

.stepwizard-step:first-child .btn-circle {
    margin-left: -3px;
}

.stepwizard-step:nth-child(2) {
    text-align: center;
}

.stepwizard-step:last-child {
    text-align: right;
}

.stepwizard-step .btn-circle[disabled] {
    opacity: 1;
    border-color: #1D50A1;
    background: #1D50A1;
}

.stepwizard-step .btn-circle~p {
    color: #a5b9d9;
}

.stepwizard-step .btn-circle[disabled]~p {
    color: #1D50A1;
}

.btn-circle {
    width: 16px;
    height: 16px;
    text-align: center;
    padding: 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    vertical-align: top;
    opacity: 1;
    border-color: #a5b9d9;
    background: #a5b9d9;
}




/****modal account***/

.page-account .modal-account {
    left: 530px;
}

.modal-account {
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.modal-account .modal-dialog {
    width: inherit;
    margin: 30px 60px;
}

.modal-account .modal-header {
    padding: 35px 25px 20px 82px;
}

.modal-account .modal-title {
    text-transform: uppercase;
}

.modal-account .modal-body {
    padding: 0 82px;
}

.modal-account .modal-header,
.modal-account .modal-footer {
    border: none;
}

.modal-account .modal-footer {
    padding: 20px 82px 35px;
    text-align: left;
}

.modal-account label {
    color: #000;
}

.modal-account .form-control {
    color: #4c4949;
}

.modal-account textarea {
    resize: none;
}

.modal-account .select {
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #afafaf;
    background-color: #fff;
    border: 1px solid #d8f0f6;
    border-radius: 4px;
    height: 49px;
}

.modal-account .select:focus {
    border-color: #009ac7;
}

.modal-account .select option {
    padding-right: 10px;
}

.modal-account .checkbox {
    margin-top: 15px;
    margin-bottom: 15px;
}

.modal-account .modal-header .close {
    width: 40px;
    font-size: 40px;
    margin-top: -10px;
}

.modal-account .col-img {
    color: #00afe9;
}

.modal-account .col-img .input-img {
    width: 105px;
    height: 105px;
    border: 1px solid #d8f0f6;
    text-align: center;
    line-height: 100px;
}

.modal-account .col-img img {
    max-width: 100%;
}


/****Media custom**/

.media-custom {
    margin-top: 25px;
}

.media-custom img {
    width: 177px;
    height: 119px;
    margin-right: 15px;
}

.media-custom .media-heading a {
    color: #000;
    font-size: 18px;
}

.media-custom .media-heading span {
    color: #b0b0b0;
    font-size: 14px;
    font-weight: normal;
}

.media-custom .link {
    /*float: left;*/
    margin-bottom: 8px;
}

.media-custom .description {
    color: #4c4949;
    overflow: hidden;
}

.media-custom .media-right {
    min-width: 250px;
    text-align: right;
    color: #4C4949;
    font-size: 12px;
}

.media-custom label {
    color: #AFAFAF;
}

.media-custom .media-right .date {
    margin-bottom: 40px;
}

.media-custom .media-right .time {}

.media-custom .media-right .location {}



/****Modal help****/

.modal-help .header {
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
}

.modal-help .header img {
    float: left;
}

.modal-help .user-info {
    padding-left: 55px;
    color: #b0b0b0;
}

.modal-help .user-info .name,
.modal-help .description {
    color: #4c4949;
}

.modal-help .wrapper-content {
    max-height: 300px;
    overflow-y: auto;
}

.modal-help h4 {
    color: #111;
    clear: both;
    margin-bottom: 40px;
    margin-top: 0;
}


/*SIGNUP*/

.page-signup .term-information {
    text-align: center;
    margin-top: 50px;
    color: #a3a3a3;
}

.page-signup .term-information a,
.page-signup .term-information a:hover {
    color: #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
}


/*SIGNIN*/

.page-signin .col-fixed-530 {
    background: url(../images/signin-img.png) no-repeat right center;
    background-size: cover;
}

.page-signin .forgot {
    color: #989898;
}

.page-signin .welcome-text {
    color: #fff;
    font-weight: bold;
    font-size: 37px;
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
}

.page-signin .welcome-text>span {
    position: relative;
    left: 50%;
    display: inline-block;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.page-signin .part-text1 {
    color: #00afe9;
}

.page-signin .part-text2 {
    color: #939394;
}


/*BELIEF*/
#lastUpdated label img {
    width: 45px;
    height: 37px;
}

.page-belief .belief-pyramid {
    background: url(../images/belief-pyramid-bg.png) no-repeat;
    background-size: cover;
    width: 430px;
    height: 317px;
    margin: 70px auto 90px;
    text-align: center;
    cursor: pointer;
}

.page-belief .belief-pyramid>div {
    color: #075F63;
    height: 53px;
    line-height: 55px;
}

.page-belief .belief-pyramid .belief-pyramid-vision {
    height: 105px;
    line-height: 135px;
}

.modal-belief .modal-body .form-group {
    margin-bottom: 15px;
}

.modal-belief .modal-body label,
.page-profil-belief .panel-body label,
.page-profil-belief-new .group-belief label,
.list-comments-belief label{
    font-size: 18px;
    font-weight: bold;
    color: #00afe9;
}

.modal-belief .modal-body label img,
.page-profil-belief .panel-body label img,
.page-profil-belief-new .group-belief label img,
.list-comments-belief .col-img img {
    margin-right: 30px;
    width: 45px;
}

.belief-last-update .form-control[readonly="true"] {
    resize: none;
}

.belief-last-update .form-control[readonly="true"]:focus {
    border-color: #d8f0f6;
    box-shadow: none;
}


/*SURVEY*/

.panel-group-survey {
    padding: 0 60px;
}

.panel-survey {
    box-shadow: none;
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 10px;
    border-radius: 0 !important;
}

.panel-survey .panel-heading {
    background: #9a80b1;
    color: #fff;
    border: none;
    border-radius: 0;
    padding: 7px 8px 7px 22px;
}

.panel-survey .panel-title,
.panel-survey .question-number {
    font-size: 18px;
}

.panel-survey .question-number span {
    color: #9a80b1;
}

.panel-survey .panel-body {
    padding: 15px 0;
}

.panel-survey .switch-icon {
    background: url('../images/switch-icon_active.png') no-repeat;
    height: 29px;
    width: 43px;
    margin-top: -5px;
}

.panel-survey .switch-icon.collapsed {
    background: url('../images/switch-icon.png') no-repeat;
    height: 30px;
    width: 40px;
}

.panel-survey .question-content {
    margin: 10px 0 20px;
}

.panel-survey .list-choice label,
.panel-survey .answer-content {
    color: #4c4949;
}

.panel-survey .list-choice {
    text-align: justify;
    padding: 0 40px;
    color: #4c4949;
    margin-top: 16px;
}

.panel-survey .list-choice:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.panel-survey .panel-footer {
    background: transparent;
}

.panel-survey .panel-footer .btn.disabled {
    color: #8D8D8D;
}

.panel-survey .panel-footer .icon-back {
    position: relative;
    top: 2px;
    margin-right: 8px;
}

.panel-survey .panel-footer .icon-next {
    position: relative;
    top: 2px;
    margin-left: 8px;
}

.panel-survey .panel-footer span {
    display: inline-block;
    vertical-align: middle;
    margin-top: 1px;
    text-transform: capitalize;
}

.panel-survey .panel-footer [class^="icon-"] {
    font-size: 25px;
    margin-top: 0;
}

.panel-survey .answer-content textarea {
    resize: none;
}


/*PORTFOLIO*/

.page-portfolio .padding-lr-60 {
    margin-top: 30px;
}

.object-career .career-time,
.object-career .career-city,
.object-project .project-time,
.object-project .link {
    margin-top: 4px;
}

.object-project .link {
    display: inline-block;
}

.panel-portfolio {
    margin-bottom: 50px;
}

.panel-portfolio:last-child {
    margin-bottom: 0;
}

.panel-portfolio,
.panel-portfolio .panel-heading {
    border: none;
    box-shadow: none;
}

.panel-portfolio .panel-heading {
    padding: 5px 0;
}

.panel-portfolio .panel-title,
.panel-portfolio .career-occupation,
.panel-portfolio .project-name,
.panel-portfolio .career-company-name,
.panel-portfolio .project-occupation {
    font-size: 18px;
}

.panel-portfolio .panel-title {
    margin-bottom: 5px;
}

.panel-portfolio .panel-heading .link {
    font-size: 12px;
    cursor: pointer;
}

.panel-portfolio .list-group,
.panel-portfolio .object-skill {
    box-shadow: none;
    border: 1px solid #d8f0f6;
    border-radius: 3px;
}

.panel-portfolio .list-group-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-portfolio .list-group-item {
    border-color: #d8f0f6;
    margin-left: 20px;
    padding: 10px 40px 10px 0;
}

.panel-portfolio .career-occupation,
.panel-portfolio .project-name {
    color: #111;
}

.panel-portfolio .object-career,
.panel-portfolio .object-project {
    color: #4c4949;
}

.panel-portfolio .object-project .clearfix,
.panel-portfolio .object-career .clearfix {
    margin-bottom: 5px;
}

.panel-portfolio .list-group-item>a,
.panel-portfolio .object-skill>a {
    font-size: 20px;
    position: absolute;
    right: 7px;
    margin-top: 3px;
    text-decoration: none;
}

.panel-portfolio .object-skill>a {
    margin-top: 0;
}

.panel-portfolio .career-description,
.panel-portfolio .project-description {
    margin-top: 10px;
}

.panel-portfolio .object-skill {
    padding: 15px 20px;
    position: relative;
}

.panel-portfolio .label {
    margin-right: 20px;
    min-height: 25px;
    display: inline-block;
    line-height: 25px;
    padding: 0 10px;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
}


/*HOME*/


/*
 * Base structure
 */


/* Move down content because we have a fixed navbar that is 50px tall */

body.pad-top-80 {
    padding-top: 80px;
    background: #e0e0e0;
}


.logo-80x80 {
    background: url(../images/logo.png) no-repeat;
    height: 80px;
    width: 80px;
    background-size: 64px 52px;
    background-position: center;
    -webkit-box-shadow: 2px 0px 5px 0px rgba(204, 204, 204, 0.3);
    -moz-box-shadow: 2px 0px 5px 0px rgba(204, 204, 204, 0.3);
    box-shadow: 2px 0px 5px 0px rgba(204, 204, 204, 0.3);
}





/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}




/*
 * Top navigation
 * Hide default border to remove 1px line.
 */

.navbar-fixed-top {
    border: 0;
    background: #fff;
    margin-bottom: 0;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(204, 204, 204, 0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(204, 204, 204, 0.3);
    box-shadow: 0px 2px 5px 0px rgba(204, 204, 204, 0.3);
}

.navbar-fixed-top .navbar-collapse {
    max-height: 495px;
}

#navbar .navbar-nav>li>a {
    padding-top: 16px;
    padding-bottom: 16px;
    color: #00afe9;
}

.nav>li>a {
    padding: 10px 0;
}

#navbar .nav>li>a.dropdown-toggle {
    background: #fff;
    box-shadow: none;
}

#navbar .nav>li>a.dropdown-user {
    padding: 0;
    text-align: left;
    color: #4c4949;
    display: inline-block;
    min-width: 230px;
}

#navbar .nav>li.dropdown .dropdown-menu {
    left: auto;
    right: 0;
}

.navbar-collapse .dropdown-toggle .profile-name {
    color: #1d50a1;
    font-weight: bold;
    display: inline-block;
}

#navbar .dropdown-notification .number {
    min-width: 14px;
    height: 14px;
    font-size: 9px;
    line-height: 14px;
    position: absolute;
    margin-left: -11px;
    margin-top: 8px;
}

#navbar .dropdown-notification~.dropdown-menu {
    margin-top: 15px;
    min-width: 440px;
    right: -100px !important;
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 5px);
}

#navbar .dropdown-notification~.dropdown-menu:before {
    content: '';
    position: absolute;
    right: 132px;
    top: -22px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 22px 8px;
    border-color: transparent transparent #ffffff transparent;
}

#navbar .dropdown-notification~.dropdown-menu .header,
#navbar .dropdown-notification~.dropdown-menu li {
    padding: 20px 30px;
}

#navbar .dropdown-notification~.dropdown-menu li {
    padding-bottom: 15px;
}

#navbar .dropdown-notification~.dropdown-menu .header {
    -webkit-box-shadow: 0px 2px 7px 0px rgba(204, 204, 204, .2);
    -moz-box-shadow: 0px 2px 7px 0px rgba(204, 204, 204, .2);
    box-shadow: 0px 2px 7px 0px rgba(204, 204, 204, .2);
    position: relative;
}

#navbar .dropdown-notification~.dropdown-menu .header span {
    margin-left: 15px;
}

#navbar .dropdown-notification~.dropdown-menu ul {
    max-height: 300px;
    overflow: auto;
}

#navbar .dropdown-notification~.dropdown-menu li {
    border-bottom: 1px solid #e5e5e5;
}

#navbar .dropdown-notification~.dropdown-menu li.unread {
    background-color: #cceffb;
}

#navbar .dropdown-notification~.dropdown-menu img {
    float: left;
}

#navbar .dropdown-notification~.dropdown-menu .description {
    padding-left: 55px;
    color: #3d5d69;
}

#navbar .dropdown-notification~.dropdown-menu .name {
    font-weight: bold;
    color: #236db4;
}

#navbar .dropdown-notification~.dropdown-menu .time {
    color: #8db0bb;
    clear: both;
    padding-top: 5px;
}

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav>li>a:hover {
    text-shadow: none;
}

.navbar-collapse .navbar-nav {
    text-align: center;
}

.nav-sidebar [class^="icon-"],
.navbar-nav [class^="icon-"],
.link-logout [class^="icon-"] {
    font-size: 24px;
}

.page-profil-v2 .info-user .progress,
.navbar-collapse .progress {
    margin-bottom: 0;
    height: 5px;
    background: #b2e7f8;
    width: 115px;
    display: inline-block;
    box-shadow: none;
}

.page-profil-v2 .info-user .progress .progress-bar,
.navbar-collapse .progress .progress-bar {
    background: #00afe9;
    box-shadow: none;
}

.navbar-collapse .profile-img {
    margin-right: 15px;
    width: 80px;
    height: 80px;
    display: inline-block;
}

.navbar-collapse .dropdown-toggle .profile-name {
    vertical-align: middle;
}

/*
 * Sidebar
 */


/* Hide for mobile, show later */

.section-content .sidebar {
    display: none;
    z-index: 9999;
}

.section-content .nav-sidebar a {
    color: #fff;
}


@media (min-width: 768px) {
    .section-content .sidebar {
        position: fixed;
        top: 80px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        /* Scrollable contents if viewport is shorter than content. */
        background: #00afe9;
    }
}




/* Sidebar navigation */

.section-content .nav-sidebar {
    /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-top: 40px;
}

.section-content .nav-sidebar>li {
    margin-bottom: 20px;
}

.section-content .nav-sidebar>li>a {
    padding-right: 0;
    padding-left: 0;
    opacity: .5;
}

.section-content .nav>li>a:hover,
.section-content .nav>li>a:focus {
    opacity: 1;
    background-color: transparent;
}

.section-content .nav-sidebar>.active>a,
.section-content .nav-sidebar>.active>a:hover,
.section-content .nav-sidebar>.active>a:focus {
    color: #fff;
    background-color: transparent;
    opacity: 1;
}

.section-content .sidebar .link-logout {
    color: #fff;
    display: inline-block;
    padding: 20px 0;
    font-size: 24px;
    margin-top: 30px;
    text-decoration: none;
}




/*
 * Main content
 */

.section-content .main {
    padding: 16px;
}

.section-content .col-fixed-80 {
    width: 80px;
    padding: 0;
    text-align: center;
}

.section-content .col-offset-80 {
    padding-left: 80px;
    float: left;
    margin: 0 auto;
    width: 100%;
    padding-right: 0;
    padding-top: 0;
}

.section-content .page-header,
.block-content .time-update,
.survey-progress .percent-complete,
.list-latest-news .thumbnail .date {
    color: #b0b0b0;
}

.section-content .page-header {
    background-color: #f2f4f4;
    border-color: #ccc;
    font-size: 14px;
    padding: 16px 40px;
}

.section-content .breadcrumb span,
.section-content .page-header .title {
    color: #4c4949;
}

.section-content .page-header .title {
    font-weight: bold;
    font-size: 18px;
}

.section-content .breadcrumb a {
    color: #AFAFAF;
}

.section-content .breadcrumb a:hover {
    text-decoration: underline;
}

.section-content .main {
    background-color: #e0e0e0;
}

.section-content .row-content {
    padding-left: 8px;
    padding-right: 8px;
    overflow: hidden;
}

.section-content .row-content.margin-bottom {
    margin-bottom: 16px;
}



/***block content***/

.section-content .block-content {
    min-height: 280px;
    background-color: #fff;
    padding: 30px;
    color: #4C4949;
}

.block-content.block-portfolio,
.block-content.block-belief,
.block-content.block-survey,
.block-content.block-item {
    padding: 15px 30px 10px;
}


.block-content h4 {
    color: #4C4949;
    font-weight: bold;
}

#chart_portfolio {
    width: 230px;
    height: 180px;
}

#chart_portfolio,
.section-content .block-content .chart-description {
    display: inline-block;
    vertical-align: middle;
}

.page-profil-v2 #chart_portfolio {
    margin-top: 10px;
    width: 180px;
    height: 100px;
}

.section-content .block-content .chart-description {
    margin-left: 12%;
}

.block-content .time-update {
    /*float: right;*/
    margin-top: 10px;
}

.block-content .belief-pyramid {
    background: url(../images/belief-pyramid-bg.png) no-repeat;
    background-size: 210px 150px;
    width: 210px;
    height: 150px;
    margin: 15px auto 0;
    text-align: center;
    overflow: hidden;
}

.block-content .belief-pyramid>div {
    color: #075F63;
    height: 25px;
    line-height: 26px;
    font-size: 9px;
}

.block-content .belief-pyramid .belief-pyramid-vision {
    height: 50px;
    line-height: 64px;
}

.block-career .bg-career {
    margin-top: 25px;
    margin-right: -30px;
    margin-left: -30px;
}

.block-career .bg-career img {
    max-height: 170px;
    margin: 0 auto;
}

.section-content .block-plan,
.section-content .block-book {
    min-height: 313px;
}

.block-plan img {
    margin-top: 35px;
    width: 119px;
}

.block-book .book-item {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px;
}

.block-content .survey-progress {
    margin-top: 30px;
}

.block-content .survey-progress .percent-complete {
    float: right;
    font-size: 10px;
}


.block-content .survey-progress .progress {
    height: 7px;
    background: #d7cce0;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 15px;
}

.block-content .survey-progress .progress-bar {
    background: #9a80b1;
    box-shadow: none;
}

.block-content .survey-progress .title {
    color: #9a80b1;
}

.row-eq-height>div {
    background: #fff;
    border-right: 8px solid #e0e0e0;
    border-left: 8px solid #e0e0e0;
}

.section-content .list-recommend,
.section-content .list-latest-news {
    padding: 15px 15px 25px;
}


/* page profil portfolio*/

.page-profil-portfolio .block-chart {
    max-height: 235px;
    overflow: hidden;
}

.page-profil-portfolio .panel-portfolio {
    margin-bottom: 25px;
}

.page-profil-portfolio h4,
.page-profil-portfolio .time-update {
    display: block;
    text-align: left;
}


.page-profil-portfolio .block-content {
    padding: 0 45px;
}

.page-profil-portfolio .block-chart {
    text-align: center;
    height: 235px;
    padding-top: 35px;
}

.page-profil-portfolio .block-chart-trimester .block-content {
    padding-top: 20px;
    padding-bottom: 30px;
}

.page-profil-portfolio .block-chart-trimester .action-chart {
    text-align: right;
}

.page-profil-portfolio .block-chart-trimester .action-chart select {
    width: 100px;
    height: 30px;
    margin-right: 20px;
    line-height: 16px;
    background: url(../images/icon-down.svg) no-repeat right 10px center;
}

.page-profil-portfolio .block-chart-trimester .action-chart select,
.page-profil-portfolio .block-chart-trimester .action-chart ul {
    display: inline-block;
}

.page-profil-portfolio .block-chart-trimester .action-chart ul {
    font-size: 12px;
}

#chart_trimester {
    margin: 0 auto;
}

.page-profil-portfolio .modal-account .row,
.page-portfolio .modal-account .row {
    margin-left: -8px;
    margin-right: -8px;
}


/******list recommend*******/

.section-content .list-recommend>h4 {
    margin-bottom: 35px;
}



/******latest news******/

.section-content .list-latest-news {
    padding-bottom: 0;
}

.list-latest-news>h4 {
    margin-bottom: 25px;
}

.list-latest-news .thumbnail {
    border: none;
    padding: 0;
    box-shadow: none;
    margin-bottom: 35px;
}

.list-latest-news .thumbnail img {
    max-width: 100%;
    height: auto;
}

.list-latest-news .thumbnail .caption {
    color: #4c4949;
    padding: 0;
    margin-top: 20px;
}

.list-latest-news .caption .title {
    margin: 15px 0;
}


/*NAV centered*/

.nav-profile {
    background: #fff;
    height: 69px;
}

.nav-tabs.centered>li,
.nav-pills.centered>li {
    float: none;
    display: inline-block;
    *display: inline;
    /* ie7 fix */
    zoom: 1;
    /* hasLayout ie7 trigger */
}

.nav-tabs.centered,
.nav-pills.centered {
    text-align: center;
}

.nav-profile>li {
    height: 69px;
}

.nav-profile>li.active {
    border-bottom: 2px solid #00AFE9;
}

.nav-profile>li>a {
    line-height: 69px;
    padding: 0 60px;
    border: none !important;
    background-color: transparent !important;
    font-size: 18px;
    color: #4C4949;
}

.nav-profile>li.active>a,
.nav-profile>li.active>a:hover,
.nav-profile>li.active>a:focus {
    color: #00AFE9;
}

@media (min-width: 768px) {
    .navbar-nav>li {
        margin: 0 25px;
    }
}

.section-content .main .page-header {
    margin-top: 0;
    position: relative;
}


@media (min-height: 720px) {
    .section-content .sidebar .link-logout {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
}
@media (max-height: 719px) {
    .section-content .sidebar .link-logout {
        margin-top: 0;
        padding-top: 0;
    }
}


/*EVENTS LIST*/

.page-events-list {}

.page-events-list .media-custom {
    margin-top: 45px;
}

.page-events-list .media-custom:first-child {
    margin-top: 0;
}


/*EVENTS*/

.block-action {
    text-align: right;
}

.block-action .btn-print {
    margin-left: 10px;
}

.block-action .btn-no-rounded {}

.block-action .btn-no-rounded span {
    font-size: 18px;
    position: relative;
    top: 3px;
    margin-right: 8px;
}

.block-action .btn-no-rounded span.icon-mail {
    font-size: 14px;
    top: 1px;
}

.page-events-description .location label,
.block-event-time .date .day {
    color: #AFAFAF;
}

.block-event-time .time {
    margin-bottom: 30px;
}

.block-event-time .add-calendar {
    padding-left: 18px;
    padding-right: 18px;
}

.block-event-time .add-calendar span {
    margin-right: 18px;
    font-weight: bold;
}

.page-events-description .block-content-large {
    overflow: hidden;
}

.page-events-description .block-content-large .btn-apply {
    margin-bottom: 8px;
}


/*block-content-medium*/

.block-content-medium {
    background-color: #fff;
    padding: 30px 200px;
}

.block-content-large {
    background-color: #fff;
    padding: 30px 15px;
}

.block-content-nopad {
    background-color: #fff;
    padding: 0;
}

.block-content-nopad .row {
    margin-left: 0;
    margin-right: 0;
}


/*list-comments*/

.list-comments {
    margin-top: 25px;
}

.list-comments .media-left img {
    margin-right: 10px;
    border: 1px solid #bcbdbe;
    width: 42px;
}

.list-comments .media-left b {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
}

.list-comments .stars {
    margin-top: 24px;
    margin-bottom: 15px;
}

.list-comments .media .media-left,
.list-comments .media .media-body {
    border: 1px solid #ccc;
    padding: 15px;
    vertical-align: middle;
}

.list-comments .media .media-heading {
    color: #000;
}

.list-comments .media .time {
    float: right;
    font-size: 14px;
    color: #afafaf;
}

.list-comments .media .media-body span {
    color: #1d50a1;
}

.list-comments .media .media-left {
    border-right: none;
}

.list-comments .media .media {
    padding-left: 180px;
}

.list-comments .media .media .media-left {
    border: none;
    vertical-align: middle;
}

.list-comments .media .media-body .media-object {
    display: none;
}

.list-comments .comment-content {
    color: #4c4949;
}


/*BOOK LIST*/

.book-wrapper {
    padding: 15px;
    border: 1px solid #ccc;
    border-top: none;
    border-left: none;
}

.book-listing {
    background-color: #fff;
    overflow: hidden;
    position: relative;
}

.book-listing.new:before {
    font-family: 'icomoon' !important;
    content: "\e907";
    font-size: 30px;
    color: #1D50A1;
    position: absolute;
    right: 0;
    top: 0;
}

.book-listing img {
    height: 100%;
}

.nopad {
    padding: 0;
}

.book-footer {
    height: 20px;
    width: 100%;
    text-align: center;
    color: #1D50A1;
}

.book-listing h5,
.book-listing h6 {
    padding: 0 15px;
    text-align: center;
}

.book-listing h5 a {
    color: #000;
}

.book-listing.new h5 a {
    color: #1D50A1;
}

.book-listing h6 {
    color: #AFAFAF;
}

.img-97x155 {
    width: 97px;
    height: 155px;
    margin: 0 auto;
    overflow: hidden;
}


/*JOB LIST*/

.list-job {
    padding: 30px 15px !important;
}

.border-right {
    border-right: 1px solid #ccc !important;
}

.filter {
    margin-left: 15px;
    background-color: #fff;
}

.filter h4 {
    color: #009AC7;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.filter .checkbox {
    margin-bottom: 25px;
}

.filter label {
    color: #4C4949;
}


/*JOB DESCRIPTION*/

h4.description {
    margin-bottom: 20px;
}

.content-uploaded {
    padding: 15px 0;
}

.content-uploaded li {
    line-height: 1.8em;
}

.page-job-description .block-content-large {
    overflow: hidden;
}

#modal_apply .text-error {
    color: #f00;
    display: inline-block;
    margin-top: 5px;
}

#modal_apply .modal-content-review-apply,
#modal_apply .modal-content-complete-apply {
    display: none;
}

#modal_apply textarea {
    resize: none;
}

#modal_apply .form-control[disabled] {
    cursor: default;
    border-color: transparent;
    background: #fff;
}

/*PROFIL BELIEF*/

.belief-last-update textarea[readonly="true"],
.page-profil-belief-new textarea[readonly="true"] {
    background-color: #fff;
}

.belief-last-update .panel-heading {
    background: transparent;
}

.belief-last-update .panel-group .panel,
.belief-last-update .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
    box-shadow: none;
}

.belief-last-update .panel-title {
    font-size: 18px;
}


.list-comments-belief .col-img,
.page-profil-v2 .list-comments-belief .col-img,
.page-profil-belief .panel-body .block-table-cell {
    width: 80px;
}

.list-comments-belief .block-table {
    padding: 0 15px;
    position: relative;
}

.list-comments-belief .show-help {
    position: absolute;
    right: 15px;
    font-size: 30px;
}

.list-comments-belief .group-text-btn {
    position: relative;
    border: 1px solid #b2e7f8;
    border-radius: 4px;
    min-height: 135px;
    margin-top: 40px;
}

.list-comments-belief .group-text-btn .btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 10px 30px;
}

.list-comments-belief .group-text-btn .form-control {
    border: none;
    resize: none;
}

.list-comments-belief .submit-comment {
    right: 5px;
}

.list-comments-belief .list-comments {
    margin-top: 35px;
    margin-bottom: 20px;
}

.list-comments-belief .edit-comment {
    margin-top: 27px;
    position: absolute;
    right: 15px;
    font-size: 12px;
}

.list-comments-belief .comment-content {
    margin-top: 7px;
}

.list-comments-belief .list-comments-child .list-comments {
    margin-top: 0;
}

.list-comments-belief .media .media-body {
    border: 1px solid #b2e7f8;
    position: relative;
    height: 85px;
}

.list-comments-belief .media .media-left {
    border: none;
    border-left: 1px solid #b2e7f8;
}

.list-comments-belief .list-comments-parent .col-img {
    vertical-align: top;
    padding-top: 57px;
}

.list-comments-belief .block-table-cell.col-img {
    position: relative;
}

.list-comments-belief .block-table-cell.col-img img {
    background: #fff;
    position: relative;
}

.list-comments-belief .block-table-cell.col-img::before {
    content: '';
    width: 1px;
    height: 100%;
    background: #b2e7f8;
    position: absolute;
    left: 22px;
    top: 0;
}

.list-comments-belief .list-comments-parent:last-child .block-table-cell.col-img::after {
    content: '';
    width: 1px;
    background: #fff;
    position: absolute;
    left: 22px;
    top: 102px;
    bottom: 0;
}

.list-comments-belief .list-comments-child .block-table-cell.col-img::before {
    display: none;
}

.list-comments-belief .active-edit .comment-content {
    padding-right: 50px;
}

.page-profil-belief-new .block-left .item-new-belief {
    cursor: pointer;
}

.page-profil-belief-new .block-left .item-new-belief:last-child {
    border-bottom: none;
}

.page-profil-belief-new .group-belief {
    border-top: 16px solid #e0e0e0;
    padding: 20px 20px 0;
}

.page-profil-belief-new .block-right .row-content.margin-bottom {
    border-bottom: 16px solid #e0e0e0;
    margin-bottom: 0;
}

.page-profil-belief-new #create_new_belief .row-content.group-belief {
    margin: 0 -20px;
    border-bottom: none !important;
}

.page-profil-belief-new .block-right .list-comments-belief .block-table {
    padding: 0 4px;
}

.page-profil-belief-new .block-right .block-content-large {
    padding: 30px 0;
}

.page-profil-belief-new .block-right .item-new-belief {
    border-bottom: none;
}


.page-profil-belief-new .block-right .item-new-belief .action {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 14px;
}


.page-profil-belief-new .block-right .media-left {
    border-left: none;
}

.block-create-new-belief {
    padding: 20px;
}

.page-belief .block-create-new-belief {
    display: block;
    padding: 0;
}

.page-belief .block-create-new-belief label {
    font-size: 14px;
    font-weight: normal;
}

.page-belief .block-create-new-belief label,
.block-create-new-belief label {
    color: #000;
}

.page-belief .block-create-new-belief .form-group {
    margin-bottom: 15px;
}

.page-belief .bootstrap-tagsinput .tag {
    margin-right: 5px;
}

.block-create-new-belief .col-img {
    float: left;
    color: #00afe9;
}

.block-create-new-belief .col-img .input-img {
    width: 168px;
    height: 99px;
    border: 1px solid #d8f0f6;
    text-align: center;
    line-height: 99px;
}

.block-create-new-belief .col-img .input-img img {
    max-width: 100%;
}

.block-create-new-belief .group-input-star {
    border: 1px solid #d8f0f6;
    text-align: center;
    height: 99px;
    position: relative;
}

.block-create-new-belief .col-star {
    margin-left: 200px;
}

.block-create-new-belief .star-cb-group {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.block-create-new-belief .bootstrap-tagsinput {
    width: 100%;
    position: relative;
    padding: 8px 6px 0;
}

.block-create-new-belief .group-btn {
    padding: 0 10%;
    margin: 10px 0 20px;
}

.bootstrap-tagsinput .tag {
    margin-bottom: 10px;
    display: inline-block;
}

/** typeahead **/
.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}

.block-create-new-belief .bootstrap-tagsinput input {
    min-width: 80px;
}

.twitter-typeahead .tt-hint {
    display: none;
}

.tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    cursor: pointer;
    right: 0;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}

.tt-suggestion:hover,
.tt-suggestion:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #ccc;
}


.item-new-belief {
    padding: 20px;
    border-bottom: 1px solid #ccc;
    margin-top: 0;
}

.item-new-belief h5 {
    font-weight: bold;
    overflow: hidden;
    color: #000;
}

.item-new-belief .stars,
.item-new-belief .stars span {
    display: inline-block;
    background: url(../images/icon_star.png) 0 -19px repeat-x;
    width: 176px;
    height: 22px;
    text-align: left;
    background-size: 25px 38px;
    vertical-align: middle;
    margin-bottom: 7px;
}

.item-new-belief .stars span {
    background-position: 0 2px;
}

.item-new-belief .line-clamp {
    -webkit-line-clamp: 2;
}

.item-new-belief .media-left img {
    width: 168px;
}

.item-new-belief .media-body {
    font-size: 12px;
    color: #919191;
    position: relative;
    width: auto;
    padding-right: 50px;
}

.item-new-belief .tag .line-clamp {
    -webkit-line-clamp: 1;
}

.item-new-belief .media-body img {
    float: left;
    margin-right: 5px;
}

.item-new-belief .media-body .tag {
    margin-top: 2px;
}

.item-new-belief .media-body .tag img {
    margin-top: 3px;
    width: 16px;
}

.item-new-belief .media-body [class*=" icon-"] {
    font-size: 16px;
}

.item-new-belief .line-clamp .icon-tag {
    position: relative;
    top: 1px;
}


/*PROFIL SURVEY*/

.page-profil-survey .panel-survey {
    border-bottom: none;
    margin-bottom: 55px;
}

.page-profil-survey .panel-survey .panel-body {
    border: 1px solid #d8f0f6;
}

.page-profil-survey .panel-survey .question {
    margin: 15px 0;
    display: table;
    width: 100%;
}

.page-profil-survey .panel-survey .question.has-answer * {
    color: #AFAFAF !important;
}

.page-profil-survey .panel-survey .question.has-answer .radio-primary input[type="radio"]+label::after {
    background-color: #AFAFAF;
}

.page-profil-survey .panel-survey .question.has-answer .radio-primary input[type="radio"]:checked+label::before {
    border-color: #AFAFAF;
}

.page-profil-survey .panel-survey .question-number {
    width: 94px;
    display: table-cell;
    text-align: center;
    font-size: 14px;
}

.page-profil-survey .panel-survey .question-content-and-answer {
    display: table-cell;
    padding-right: 30px;
}

.page-profil-survey .panel-survey .question-content .question-number {
    display: none;
}


/*PROFILE SETTINGS*/

.fb-profile img.fb-image-lg {
    z-index: 0;
    width: 100%;
    margin-bottom: 10px;
}

.fb-profile .change-picture {
    position: absolute;
    top: 10px;
    left: 0;
    font-size: 12px;
    color: #fff;
    margin-left: 20px;
}

.fb-profile .change-picture span {
    margin-right: 10px;
}

.fb-image-profile {
    margin-top: -58px;
    margin-left: auto;
    margin-right: auto;
    z-index: 999999999999;
    width: 116px;
    border: none;
    border-radius: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.fb-profile .fb-image-profile,
.fb-image-profile.thumbnail{
    z-index: 1;
}

.fb-image-profile img {
    padding: 0;
    margin: 0;
    border: 6px solid #fff;
    border-radius: 0;
    max-width: 100%;
}

.fb-image-profile .transition {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 12px;
    background: rgba(0,0,0,.5);
    padding: 3px 5px;
}

.form-profile-setting {
    padding: 0px 80px 30px;
}

.form-profile-setting h3 {
    margin-top: 30px;
    margin-bottom: 30px;
}


/*PROFILE V2*/

.page-profil-v2 .panel-portfolio .list-group-item {
    padding-right: 20px;
}

.page-profil-v2 .list-comments-belief .col-img img {
    margin-right: 30px;
    width: 45px;
}

.page-profil-v2 .list-comments-belief label {
    font-size: 18px;
    font-weight: bold;
    color: #00afe9;
}

.page-profil-v2 .list-comments-belief .block-item {
    margin-bottom: 30px;
}

.page-profil-v2 .info-user .progress {
    display: block !important;
    margin: 10px auto !important;
}

.page-profil-v2 .info-user {
    color: #4c4949;
}

.page-profil-v2 .info-user h2,
.page-profil-v2 .info-user .title {
    color: #000;
}

.page-profil-v2 .info-user .address {
    margin-bottom: 5px;
}

.page-profil-v2 .info-user .description {
    max-width: 648px;
    margin: 0 auto;
    padding: 0 24px;
}

.page-profil-v2 .info-user .group-chart {
    margin-top: 40px;
}

.page-profil-v2 .info-user .group-chart {
    border-collapse: separate;
    border-spacing: 5px;
    max-width: 840px;
    margin: 40px auto 0;
    padding: 0px 24px 45px;
}

.page-profil-v2 .info-user .item-chart {
    width: 25%;
    vertical-align: middle;
    margin: 0 2px;
    text-align: center;
    border: 1px solid #009ac7;
    height: 125px;
}

.page-profil-v2 .info-user .item-chart .img-chart {
    min-height: 51px;
    position: relative;
    margin-bottom: 3px;
}

.page-profil-v2 .info-user .item-chart img {
    max-width: 77px;
    max-height: 51px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.page-profil-v2 .info-user .item-chart .img-chart~span {
    display: inline-block;
}

.page-profil-v2 .info-user .group-survey {
    margin-top: 30px;
}

.page-profil-v2 .info-user .survey-progress {
    margin-left: -6px;
    margin-right: -6px;
    padding-bottom: 45px;
}

.page-profil-v2 .info-user .group-survey .block-table-cell {
    width: 33.3333%;
    padding: 0 6px;
}

.page-profil-v2 .info-user .group-survey .progress {
    background: rgba(154, 128, 177, .4);
    width: 100%;
    border-radius: 0;
}

.page-profil-v2 .info-user .group-survey .progress .progress-bar {
    background: #9a80b1;
}

.page-profil-v2 .panel-portfolio {
    margin-bottom: 25px;
}

.panel-portfolio .list-group-item {
    padding: 20px 40px 15px 0;
}

.panel-portfolio .object-img span {
    width: 104px;
    height: 104px;
    background: #afafaf;
    display: block;
}

.panel-portfolio .object-career,
.panel-portfolio .object-project,
.panel-portfolio .object-img {
    display: table-cell;
    vertical-align: top;
}

.panel-portfolio .object-img {
    width: 104px;
}

.panel-portfolio .object-img img {
    max-width: 100%;
}

.panel-portfolio .object-career,
.panel-portfolio .object-project {
    padding-left: 20px;
}

.panel-portfolio .object-career .col-md-6,
.panel-portfolio .object-project .col-md-6 {
    padding-left: 16px;
}

.panel-portfolio .career-occupation,
.panel-portfolio .project-name {
    margin-top: -5px;
}

/*PROFILE PRIVACy*/

.wrapper-profil-private {
    position: fixed;
    top: 152px;
    bottom: 20px;
    right: 15px;
    left: 95px;
}

.wrapper-profil-private h4 {
    margin: 30px 0 20px;
}


/*BOOK DESCRIPTION*/

.page-book-description .img-book {
    width: 104px;
    height: 166px;
    float: left;
}

.page-book-description .header {
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}

.page-book-description .header .show-help {
    font-size: 30px;
    position: absolute;
    right: 0;
    top: 0;
}

.page-book-description .content {
    padding-left: 134px;
}

.page-book-description .content h3 {
    margin-top: 0;
}

.page-book-description .content h4 {
    color: #4c4949;
}

.page-book-description .header .btn-default {
    padding: 10px 25px;
    color: #fff;
    background: #1d50a1;
    border-color: #1d50a1;
    text-shadow: none;
    box-shadow: none;
    margin-top: 25px;
}

.page-book-description .description {
    max-width: 66%;
}

.page-book-description .description,
.page-book-description .media .media-body {
    color: #4c4949;
}

.page-book-description span.stars,
.page-book-description span.stars span {
    display: inline-block;
    background: url(../images/stars.png) 0 -26px repeat-x;
    width: 161px;
    height: 25px;
    text-align: left;
    background-size: 32px 51px;
    vertical-align: middle;
}

.page-book-description .number-review {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.page-book-description span.stars span {
    background-position: 0 0;
}

/*HISTORY*/
.page-history .list-plan {
    margin-bottom: 40px;
}

.page-history .list-plan .media-left,
.page-history .list-plan .media-right,
.page-history .list-plan .media-body {
    vertical-align: middle;
}

.page-history .list-plan .media-left {
    width: 290px;
    min-width: 290px;
}

.page-history .list-plan .media-body {
    width: 100%;
}

.page-history .list-plan .media-body textarea {
    resize: none;
}

.page-history .list-plan .form-control[disabled],
.page-history .list-plan .form-control[readonly] {
    background-color: #fff;
    border-color: #fff;
    cursor: default;
}

.page-history .list-plan select {
    max-width: 200px;
    height: 32px;
}

.page-history .list-plan .number {
    font-size: 24px;
    margin-right: 15px;
}

.page-history .list-plan select,
.page-history .list-plan .number {
    display: inline-block;
    vertical-align: middle;
}

.page-history .list-plan .item-plan {
    border-bottom: 1px solid #ccc;
    padding: 30px 0;
    margin-top: 0;
}

.page-history .form-group label {
    color: #333;
}

.page-history .icon-help {
    font-size: 25px;
    cursor: pointer;
}

.page-history .list-plan .btn-edit {
    text-align: right;
}

.page-history .list-plan .btn-edit .icon-edit {
    font-size: 20px;
    padding: 10px 0 10px 20px;
}

.form-history {
    position: relative;
}

.form-history .btn-edit-textarea {
    float: right;
    color: #00afe9;
    font-size: 16px;
}

.star-cb-group {
    font-size: 0;
    unicode-bidi: bidi-override;
    direction: rtl;
}

.star-cb-group * {
    font-size: 1rem;
}

.star-cb-group>input {
    display: none;
}

.star-cb-group>input+label {
    display: inline-block;
    text-indent: 9999px;
    width: 30px;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    margin-top: 6px;
    height: 20px;
}

.star-cb-group>input+label:before {
    content: "";
    color: #888;
    background: url(../images/stars.png) 0 -20px no-repeat;
    width: 29px;
    height: 30px;
    background-size: 27px 40px;
    position: absolute;
    left: 0;
    right: 0;
}

.star-cb-group>input:checked~label:before,
.star-cb-group>input+label:hover~label:before,
.star-cb-group>input+label:hover:before {
    content: "";
    color: #e52;
    text-shadow: 0 0 1px #333;
    background: url(../images/stars.png) 0 0 no-repeat;
    width: 29px;
    height: 20px;
    background-size: 27px 40px;
    position: absolute;
    left: 0;
    right: 0;
}

.star-cb-group>.star-cb-clear+label {
    text-indent: -9999px;
    width: .5em;
    margin-left: -.5em;
}

.star-cb-group>.star-cb-clear+label:before {
    width: .5em;
}

.star-cb-group:hover>input+label:before {
    content: "";
    color: #888;
    text-shadow: none;
    background: url(../images/stars.png) 0 -20px no-repeat;
    background-size: 27px 40px;
}

.star-cb-group:hover>input+label:hover~label:before,
.star-cb-group:hover>input+label:hover:before {
    content: "";
    color: #e52;
    text-shadow: 0 0 1px #333;
    background: url(../images/stars.png) 0 0 no-repeat;
    width: 29px;
    height: 20px;
    background-size: 27px 40px;
}

.block-create-new-belief .star-cb-group>input+label:before {
    background: url(../images/stars-belief.png) 0 -20px no-repeat;
    background-size: 27px 40px;
}


.block-create-new-belief .star-cb-group>input:checked~label:before,
.block-create-new-belief .star-cb-group>input+label:hover~label:before,
.block-create-new-belief .star-cb-group>input+label:hover:before {
    background: url(../images/stars-belief.png) 0 0 no-repeat;
    background-size: 27px 40px;
}


#modal_share label,
#modal_apply label {
    color: #000;
}

#modal_share .form-inline .form-group {
    text-align: justify;
    width: 100%;
    line-height: 0;
}

#modal_share .form-inline .form-group:after {
    content: '';
    display: inline-block;
    width: 100%;
}

#modal_share .form-inline label,
#modal_share .form-inline .form-control {
    display: inline-block;
}

#modal_share .form-inline .form-control {
    width: 286px;
    text-align: center;
}

#modal_share .modal-content,
#modal_apply .modal-content {
    border: none;
}

#modal_share .modal-header,
#modal_apply .modal-header {
    background: #00afe9;
    color: #fff;
    padding: 19px 40px;
}

#modal_share .modal-header h2,
#modal_apply .modal-header h2 {
    margin-top: 14px;
}

#modal_share .modal-header .close,
#modal_apply .modal-header .close {
    margin-top: 18px;
    font-size: 20px;
    opacity: 1;
    color: #fff;
}

#modal_share .modal-body,
#modal_apply .modal-body {
    padding: 15px 40px;
}

#modal_share .modal-footer,
#modal_apply .modal-footer {
    padding: 15px 40px 35px;
    border: none;
    text-align: left;
}


/*DIARY LIST*/
.page-profil-belief-new .block-left .header,
.diary-action {
    position: relative;
    height: 60px;
    border-bottom: 1px solid #ccc;
}

.diary-action {
    border-top: 1px solid #ccc;
}

.page-profil-belief-new .block-left .btn-no-rounded,
.diary-action .btn-no-rounded {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -18px;
}

.page-profil-belief-new .block-left .icon-compose,
.diary-action .btn-no-rounded .icon-compose {
    font-size: 18px;
    margin-right: 15px;
    position: relative;
    top: 1.5px;
}

.page-profil-belief-new .block-left .icon-help,
.diary-action .icon-help {
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 24px;
    line-height: 24px;
    margin-top: -12px;
    cursor: pointer;
}

.list-diary .media-custom {
    border-bottom: 1px solid #CCCCCC;
    padding: 20px 20px 40px 20px;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
}

.list-diary .media-custom.active {
    background: #cceffb;
}

.list-diary .media-custom .date {
    color: #AFAFAF;
    margin-bottom: 4px;
}

.diary-content {
    padding: 30px 8px;
}

.diary-heading {
    position: relative;
}

.diary-heading .avatar span {
    color: #1d50a1;
    display: inline-block;
    margin-left: 15px;
}

.diary-heading .action {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.block-right .item-new-belief .media-body .action a,
.block-right .item-new-belief .action a,
.diary-heading .action a {
    color: #4C4949;
    padding-left: 20px;
    cursor: pointer;
}

.diary-heading .date {
    position: absolute;
    top: 30px;
    right: 0;
}

.diary-title {
    font-size: 24px;
}

.page-diary-list .list-comments {
    border-top: 1px solid #ccc;
    padding-bottom: 20px;
    padding-top: 30px;
    margin-top: 30px;
}

.page-diary-list .list-comments .media .media-left {
    border: none;
}

.page-diary-list .list-comments .media .media-body {
    border: 1px solid #b2e7f8;
}

.page-diary-list .list-comments .comment-content {
    margin-top: 10px;
}

.page-diary-list #calendar {
    margin-top: 20px;
    padding: 0 15px;
}

.page-diary-list .fc-toolbar.fc-header-toolbar {
    margin-bottom: 20px;
}

.page-diary-list .fc-center h2 {
    font-size: 14px;
}

.page-diary-list #calendar .table-bordered>thead>tr>th,
.page-diary-list th.fc-day-header.fc-widget-header {
    height: 40px;
}

.page-diary-list .fc-basic-view .fc-body .fc-row {
    max-height: 40px;
}

.form-comment .form-group {
    position: relative;
}

.form-history textarea,
.form-comment textarea {
    padding-right: 50px;
}

.submit-comment {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -22.5px;
}

.form-history .btn-submit {
    position:absolute;
    bottom: 0;
    right: 0;
}

.submit-comment .icon-sent,
.form-history .icon-sent {
    font-size: 32px;
}

.diary-compose {
    padding-left: 8px;
    padding-right: 8px;
}

.form-note {
    padding-bottom: 30px;
}

.form-note label {
    color: #000;
}

.form-note .form-group {
    margin-top: 30px;
    margin-bottom: 40px;
}

.form-note .group-btn {
    padding-bottom: 30px;
}

.form-note .group-btn .btn {
    margin-left: 30px;
}

.diary-heading .avatar span,
.list-comments .media .media-body span {
    font-weight: bold;
}


/*NEWS LIST*/

.page-news-list .link~.pull-right,
.page-news-description .link~.pull-right {
    color: #b0b0b0;
}

.page-news-list .media-heading,
.page-news-description .media-heading {
    margin-top: 15px;
    margin-bottom: 20px;
}

.page-news-list .media-custom img {
    width: 303px;
    height: 163px;
}


/*NEWS DESCRIPTION*/

.page-news-description .block-content-medium .img-responsive {
    margin-top: 20px;
    margin-bottom: 35px;
}

.page-news-description .block-content-medium h2 {
    text-transform: capitalize;
    padding: 0 30px;
}

.page-news-description .list-recommend {
    border-top: 1px solid #ccc;
    margin-top: 30px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.page-news-description .media-custom img {
    width: 303px;
    height: 163px;
}

@media (max-width:768px) {

    .fb-profile-text>h1 {}

    .fb-image-profile {
        margin-top: -40px;
        width: 92px;
    }

    .form-profile-setting {
        padding: 0px 15px 30px;
    }
}



/*CHECKBOX*/

.checkbox {
    padding-left: 20px;
}

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 0px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
}

.checkbox input[type="checkbox"]:focus+label::before {
    /*outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;*/
}

.checkbox input[type="checkbox"]:checked+label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled+label {
    opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled+label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox.checkbox-inline {
    margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked+label::before {
    background-color: #00afe9;
    border-color: #00afe9;
}

.checkbox-primary input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked+label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked+label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked+label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked+label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.radio {
    padding-left: 20px;
}

.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
    opacity: 0;
}

.radio input[type="radio"]:focus+label::before {
    /*outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;*/
}

.radio input[type="radio"]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio input[type="radio"]:disabled+label {
    opacity: 0.65;
}

.radio input[type="radio"]:disabled+label::before {
    cursor: not-allowed;
}

.radio.radio-inline {
    margin-top: 0;
}

.radio-dark input[type="radio"]+label {
    color: #000;
}

.radio-dark input[type="radio"]+label::after {
    background-color: #AFAFAF;
}

.radio-dark input[type="radio"]:checked+label::before {
    border-color: #AFAFAF;
}

.radio-dark input[type="radio"]:checked+label::after {
    background-color: #AFAFAF;
}

.radio-primary input[type="radio"]+label::after {
    background-color: #00afe9;
}

.radio-primary input[type="radio"]:checked+label::before {
    border-color: #00afe9;
}

.radio-primary input[type="radio"]:checked+label::after {
    background-color: #00afe9;
}

.radio-danger input[type="radio"]+label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked+label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked+label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"]+label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked+label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked+label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"]+label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked+label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked+label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"]+label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked+label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked+label::after {
    background-color: #5cb85c;
}


/*switch*/

.material-switch>input[type="checkbox"] {
    display: none;
}

.material-switch>label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch>label::before {
    background: #E0E0E0;
    border-radius: 8px;
    content: '';
    height: 10px;
    margin-top: -6px;
    position: absolute;
    transition: all 0.4s ease-in-out;
    width: 33px;
}

.material-switch>label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 16px;
    left: -4px;
    margin-top: -7px;
    position: absolute;
    top: -2px;
    transition: all 0.3s ease-in-out;
    width: 16px;
}

.material-switch[aria-expanded="true"]>input[type="checkbox"]+label::before,
.material-switch>input[type="checkbox"]:checked+label::before {
    background: #E0E0E0;
    opacity: 1;
}

.material-switch[aria-expanded="true"]>input[type="checkbox"]+label::after,
.material-switch>input[type="checkbox"]:checked+label::after {
    background: #00AFE9;
    left: 20px;
}

@media (max-width: 767px) {
    .modal-account .form-group .form-group {
        overflow: hidden;
    }
}

/***home**/
.section-content .training-score {
    min-height: inherit;
    overflow: hidden;
    margin-bottom: 15px;
    padding-top: 0;
    padding-bottom: 15px;
}

.training-score .date-range {
    margin-top: 20px;
}

.training-score .item-chart {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    align-items: flex-end;
    -webkit-align-items: flex-end;
}

.training-score .media {
    display: inline-block;
    vertical-align: bottom;
}

.training-score .media-body,
.training-score .media-left {
    vertical-align: bottom;
}

.training-score .media-body {
    width: inherit;
}

.training-score .media-left {
    padding-right: 15px;
}

.training-score .text-chart {
    margin-bottom: -3px;
    font-size: 12px;
}

.training-score .text-chart span {
    display: block;
    font-weight: bold;
    margin-top: 5px;
    color: rgba(0, 175, 233, .5);
}

.training-score .text-chart span.active {
    color: rgba(0, 175, 233, 1);
}

.page-home a:focus,
.page-home a:visited {
    text-decoration: none;
}

.page-home .block-content h4 a {
    color: #4C4949;
}

/**Calendar**/
#calendar {
    margin: 5px auto 10px;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 5px;
}

.fc-center h2 {
    font-size: 12px;
    margin-top: 6px;
}

.fc-scroller.fc-day-grid-container {
    height: auto !important;
    overflow: hidden !important;
}

.fc-head-container .fc-row.panel-default {
    border: none;
    margin-right: 0 !important;
}

.fc-basic-view .fc-body .fc-row {
    min-height: 25px;
    max-height: 25px;
}

span.fc-title,
span.fc-time {
    display: none;
}

.fc-event{
    background: #00afe9;
    width: 3px;
    height: 3px;
    border-radius: 50% !important;
    padding: 0;
    margin: 0 auto;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: none;
}

.fc th, .fc td {
    text-align: center;
    font-size: 12px;
}

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
    border: none;
    width: 40px;
}

.fc table,
#calendar .table-bordered>thead>tr>th,
#calendar .table-bordered>tbody>tr>th,
#calendar .table-bordered>tfoot>tr>th,
#calendar .table-bordered>thead>tr>td,
#calendar .table-bordered>tbody>tr>td,
#calendar .table-bordered>tfoot>tr>td {
    border: none;
}

.fc td.fc-today {
    border: none;
}

.fc-unthemed td.fc-today {
    background: transparent;
}

.fc-unthemed td.fc-today .fc-day-number,
td.fc-today.alert .fc-day-number {
    border-bottom: 1px solid #00afe9;
    padding-bottom: 0;
}

#calendar .table-bordered>thead>tr>th,
th.fc-day-header.fc-widget-header {
    height: 30px;
    color: #b0b0b0;
    font-size: 12px;
    font-weight: normal;
}

.fc-header-toolbar .fc-left .fc-next-button,
.fc-header-toolbar .fc-right .fc-prev-button {
    display: none;
}

.fc-bootstrap3 .fc-today.alert,
.btn-group .fc-next-button,
.btn-group .fc-prev-button {
    border: none;
    background: transparent;
    box-shadow: none;
}

.fc-header-toolbar .btn-default:active:hover,
.fc-header-toolbar .btn-default:active:focus {
    background: transparent;
}

.fc-header-toolbar .btn-default {
    color: #b0b0b0;
}

td.fc-day-top {
    cursor: pointer;
}