@font-face {
    font-family: 'Krona One';
    font-style: normal;
    font-weight: 400;
    src: local('Krona One'), local('KronaOne-Regular'), url(../fonts/krona-one.woff2) format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(../fonts/poppins-regular.woff2) format('woff2');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(../fonts/source-sans-pro.woff2) format('woff2');
}

.skin-red .sidebar-form {
    border: none;
}

.box-teal {
    border-top-color: #39cccc !important;
}

.login-page {
    height: auto;
}

.main-header .sidebar-toggle {
    padding: 18px;
    font-family: "Font Awesome 5 Free";
}

.content-header > .breadcrumb {
    position: inherit;
    float: none;
    right: inherit;
    top: inherit;

}

.breadcrumb {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px !important;
}

.emblem {

    margin-top: 20px !important;
}

/*.direct-report-link {
    display: none;
}*/

.font-poppins {

    font-family: 'Poppins', sans-serif !important;
}

.font-verdana {

    font-family: Verdana, serif;
}

.font-poppins-light {

    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

.company-name {

    font-size: 10px;
}

.path-edit {

    font-family: Poppins, serif;
    color: #105952;
}

.sidebar-select2-cont {
    margin-bottom: 10px;
}

.sidebar-select2-cont .select2 {
    width: 100%;
}

.sidebar-select2-cont .select2-selection__rendered {
    padding: 0 10px !important;
}


.user-panel {

    font-size: 16px;
}

.font-krona {

    font-family: 'Krona One', sans-serif;
}

.font-15 {

    font-size: 15px;
}

footer {

    height: 48px;
}

.info-box-number {

    display: inline-block;
    font-size: 33px;
    font-family: 'Poppins', sans-serif;

}

.box-text {

    display: inline-block;
    max-width: 55%;
}

.pie-chart-legends > li {
    list-style: none;
    padding: 0 5px;
    margin: 10px 0;

}

.pie-chart-legends > li > ul > li {

    margin-left: 30px;
    padding: 0 7px;
}

.pie-chart-legends > li > a {

    color: #303030;
    font-family: 'Poppins', sans-serif;
    border: 2px solid #f2f2f2;
    border-radius: 5px;
    padding: 0 5px;
    display: block;
}

.pie-chart-legends {

    margin-left: -30px;
}

.legend-square {

    display: inline-block;
    width: 12px;
    height: 12px;
    background: gray;
    border-radius: 3px;
}

.user-icons a {

    color: #ababab;
    margin: 0 5px;
}

.user-icons a:hover {

    color: #000;

}

.bg-cyan {

    background: #7fdede !important;
}

.text-cyan {

    color: #7fdede !important;
}

.pie-chart-result {

    font-size: 60px;
    position: absolute;
    top: 70px;
    left: 44%;
    color: #105952;
}

.timeline {
    margin: 0 0 26px 0;
}


.test-takers li {

    font-family: Poppins, serif;
    list-style: none;
    font-weight: bold;
    margin: 32px 0;
    color: #747474;
    font-size: 20px;
}

.test-takers {

    padding: 0;
    margin-top: -23px;
}

.insight-factor-cont {
    text-align: center;
    height: 155px;
    margin-bottom: 20px;
}

.insight-factor-result {

    font-size: 60px;
    position: absolute;
    top: 38px;
    left: 32%;
    color: #ababab;
}

.see-more {

    background-color: #00c0ef;
    height: 36px;
    border-radius: 16px;
    font-family: Poppins, serif;
    width: 70%;
    border: none;
    box-shadow: 0 1px 2px #777;
    color: white;
    margin: 10px 0;

}

.timeline-item {
    border: 2px solid #eaeaea;
    background-color: #f0f5fe !important;
    border-radius: 5px !important;
    padding: 5px 10px !important;
    font-family: Poppins, serif !important;
    font-size: 12px;
    box-shadow: none !important;


}

.timeline-item a {

    color: black;

}

.icon-set {

    width: 38px !important;
    height: 38px !important;
    left: 14px !important;
    border: 4px solid white !important;
    color: white !important;
}

.icon-set2 {

    border-radius: 20% !important;
}

.timeline-date {

    padding: 5px 15px !important;
    border-radius: 4px !important;
    width: 100px !important;
    font-size: 12px;

}

.register-personnel {

    background-color: #f0f5fe;
}

.button-width {

    text-align: left;
    font-family: Poppins, serif;
}

.btn-group, .btn-group-vertical {
    margin: 5px 0;
}

.search-product {

    text-align: left;
    font-family: Poppins, serif;

}

.toggle-pad {

    padding: 3px 10px;
}

.button-check {

    width: 115px;
    border: none;
    border-radius: 7px;
    padding: 4px 0;
    font-family: Poppins, serif;
    font-size: 17px;
}

.showmar {

    margin: 20px 0;
}

.table-options {

    padding: 0;
    margin-bottom: 0;
}

.table-options li {

    list-style: none;
    display: inline-block;
    margin: 0 5px;

}

.table-options a {

    color: #ababab;
}

.table-options a:hover {

    color: #000;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {

    background: #f0f5fe;
}

.pagination .active a {

    background: #ababab;
    border: 1px solid #ababab;

}

.sorting a:hover {

    color: black !important;

}

.option-delete:hover {

    color: red;

}

.option-edit:hover {

    color: #00a65a;
}

.profile-margin {

    width: 70%;
    margin: 0 auto;

}

.profile-pic-edit {

    width: 200px;
    height: 200px;
    border: 3px solid white;
    background-size: cover;
    margin: 25px auto;
    box-shadow: 0 0 0 3px #00a65a;
    position: relative;
    overflow: hidden;

}

.profile-edit-button {

    background: #ababab;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 24px;
    padding-top: 7px;
}

.home-dashboard {

    color: #006060;
}

.purple-lite {

    background: #9896c7;
}

.green-lite {

    background: #5ac594;

}

.teal-lite {

    background: #7fdede;
}

.text-white {

    color: white;
}

.chart-padding {

    padding: 0 30px;

}

.legend-line {

    background: #f0f5fe;
}

.green-lite {

    background: #48c9b0;
}

.orange-lite {

    background: #f1c40f;

}

.bg-green-light {

    background: #5ac594 !important;
}

.bg-blue-light {

    background: #5499c7 !important;
}

.bg-cyan-light {

    background: #7fdede !important;
}

.bg-red-light {

    background: #e98b7f !important;
}

.bg-cyan-dark {

    background: #5ad6f5 !important;
}

.icon-margin .treeview-menu i,
.icon-margin > li > a > i {

    margin-right: 5px;

}

.insight-list > li > ul > li {

    list-style: none;
}


.profile-text-margin {

    margin: 7px;
    color: #33b87b;
}

.form-control {

    width: 60%;
}

.login-input {

    width: 100%;
}

.login-forget {

    text-decoration: underline;
}

.development-tracker-margin {

    margin: 10px;

}

.bar-margin {

    margin: 0 !important;
}

.progress-bar-margin-top {

    margin-top: 5px;

}

.progress-bar-label-margin-top {
    margin-top: 10px;
}

.dev-tracker-padding-edit {
    display: none;
    padding: 3px;
}

.border-purple {

    border-color: #605ca8;
}

.performance-factor-text-margin {
    margin: 10px 15px;
}

.second-session {
    text-align: left;
}

#web-chart {

}

.evaluation-header-height {

    height: 35px;

}

.evaluation-border {

    border: 1px solid gray;
    margin: 12px;
    border-radius: 7px;
    padding-left: 15px;
    border-color: #f2f2f2;
}

.evaluation-button {
    margin: 5px 10px;
    padding: 5px 20px;
    border: none;
    border-radius: 5px;
    font-family: Poppins, serif;
    font-size: 12px;

}

.padding-list {

    padding: 0;
}

.remarks-edit {

    border: 1px solid gray;
    width: 100%;
    padding: 5px 0px 100px 10px;
    border-radius: 7px;
    border-color: #f2f2f2;
    color: gray;
}

.label-position {

    margin: 8px;
}


.border-height {

    height: 25px;
}

.rating-legend {

    list-style: none;
    color: #b1b1b1;

}

.low-star {
    color: red;
}

.moderate-star {
    color: blue;
}

/*.highcharts-grid-line {*/
/*    fill: none;*/
/*    stroke: black;*/
/*}*/


/*.highcharts-label {*/
/*    color: purple!important;*/
/*    text-align: -webkit-center!important;*/

/*}*/


/* Credits */
.highcharts-credits {
    cursor: pointer;
    fill: none;
    font-size: 0.7em;
    transition: fill 250ms, font-size 250ms;
}
.highcharts-credits:hover {
    fill: none;
    font-size: 1em;
}

.task-div {
    height:535px;
    overflow-y:scroll;
}