/* Color used
1. Normal : #ffd519
2. Hover : #ffd519
*/

@font-face {
    font-family: 'News Gothic MT';
    src: url('fonts/NewsGothicMT/NewsGothicMT.eot');
    src: url('fonts/NewsGothicMT/NewsGothicMT.eot?#iefix') format('embedded-opentype'), url('fonts/NewsGothicMT/NewsGothicMT.woff2') format('woff2'), url('fonts/NewsGothicMT/NewsGothicMT.woff') format('woff'), url('fonts/NewsGothicMT/NewsGothicMT.ttf') format('truetype'), url('fonts/NewsGothicMT/NewsGothicMT.svg#NewsGothicMT') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background: #ffffff;
    font-family: News Gothic MT !important;
    font-size: 14px;
    color: #595b60 !important
}

a,
a:hover {
    color: #ffd519;
}

.filter_wrapper {
    background: #595b60
}

.badge-primary {
    background: #ffd519;
    color: #000;
}

a.btn.btn-primary {
    border-radius: 0;
    background-color: #ffd519;
    border-color: #ffd519;
    min-width: 150px;
    border-bottom: 5px solid #595b60 !important;
}

.btn-primary,
.btn-primary.active,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #ffd519;
    border-color: #ffd519;
    border-radius: 0;
    box-shadow: 0 0 0 0rem !important;
    outline: 0 !important;
    font-size: 13px;
    color: #000;
    ;
}

.btn-primary:hover {
    background: #ffd519 !important;
    border-color: #ffd519 !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background: #ffd519 !important;
    color: #000000 !important;
}

span.link_span {
    color: #ffd519;
    cursor: pointer;
    text-decoration: underline;
}

.other_schedule_icon span {
    padding: 8px 10px 7.5px 10px;
    background: #ffd519;
    border-radius: 200px;
}

.card:hover .card-title a {
    color: #ffd519 !important;
    text-decoration: underline;
}

.left_panel_header {
    background: #ffd519;
    padding: 8px 14px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.right_header h6 {
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #ffd519;
    padding: 9px 0;
    margin-bottom: 18px;
}

.detail_tabs_wrapper .nav-tabs .nav-item.show .nav-link,
.detail_tabs_wrapper .nav-tabs .nav-link.active {
    background: #ffd519;
    border: 0;
    color: #000 !important;
    border-radius: 0;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-bottom: none !important;
    background: #ffd519;
    border-radius: 0;
}

.page-item.active .page-link {
    background: #000;
    color: #ffffff;
    border-color: #ffffff;
}

li.page-item:hover a {
    background: #000000 !important;
    color: #ffffff;
}

.detail_tabs_wrapper .nav-tabs {
    border-bottom: 1px solid #ffd519;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-bottom: 4px solid #ffd519;
}

.right_header h6 {
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #ffd519;
    padding: 9px 0;
    margin-bottom: 18px;
}

table .fa.fa-minus-circle,
table .fa.fa-plus-circle {
    color: #ffd519;
}

.presense_training {
    background-color: #ffd519
}

.email-tabs .tab-links a {
    background-color: #ffd519
}

.email-tabs .tab-links a:hover {
    background: #ffd519;
    text-decoration: none;
}

.fa-1-5x {
    font-size: 1.5em;
}


/*my skill*/

.add_sign {
    border: 2px solid #ffd519;
    color: #ffd519;
}

a.btn.btn-primary {
    background-color: #ffd519;
    border-color: #ffd519;
}

li.nav-item.active a {
    color: #ffd519 !important;
}


/*font color*/

li.nav-item a {
    color: #485155 !important;
}

.card {
    color: #485155 !important;
}

.card-title a {
    color: #485155 !important;
}

li.page-item a.page-link {
    background: #ffd519;
}

.other_schedule_icon a span {
    color: #000000
}

.btn-primary:hover {
    color: #000000;
    border-bottom: 5px solid #595b60 !important;
}

.btn-primary {
    border-bottom: 5px solid #595b60;
}

.green-btn,
.green-btn:hover {
    background: #ffd519 !important;
    color: #000000;
}

.btn {
    border-radius: 0 !important
}

.panel-title.seminar_title .label-planned,
.qualification-event-list .label-planned {
    background: #ffd519;
    color: #000000
}


/*custom header with image*/

.plannedEventListTable .newRegisterLayout {
    border-left: 10px solid rgb(255, 214, 26) !important;
}

.header_img_wrapper {
    height: 220px;
    min-height: 220px;
    overflow: hidden;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    background: url(../Images/header_image.jpg);
    margin-top: 0px;
    z-index: -1;
}

.nav_wrapper {
    background: rgba(255, 255, 255, 0.95);
    position: fixed;
    top: 0;
    z-index: 99999;
}

.navbar-brand {
    position: absolute;
    right: -30px;
    top: -10px;
}

nav.navbar {
    height: 50px;
    min-height: 50px;
}

#nav_bar ul.profile_and_cart {
    padding-right: 130px;
    margin-bottom: 0;
    font-weight: bold !important;
    transition: padding-right 1s;
    -webkit-transition: padding-right 1s;
}


/*custom footer*/

.navbar-brand img {
    height: 140px;
    //   background: red;
    -webkit-transition: height 1s;
    /* For Safari 3.1 to 6.0 */
    transition: height 1s;
}

img.transitionHeader {
    height: 56px;
}

#nav_bar ul.profile_and_cart.transitionNav {
    padding-right: 60px;
}

.cstm_footer_wrapper {
    padding-top: 50px;
    padding-bottom: 80px;
    background: #ffd519;
}

.cstm_footer_wrapper .form-check-label {
    padding-left: 20px;
}

.cstm_footer_wrapper a {
    color: #595b60
}

button.dark-gray {
    background: #595b60;
    color: #ffffff
}

.cstm_footer_wrapper input {
    max-width: 330px
}

.cstm_footer_wrapper ul li {
    font-size: 13px;
    padding: 12px 0 0 0;
}

#page-footer {
    z-index: 99
}


/*cookies box*/

.cookie_wrapper {
    position: fixed;
    bottom: auto;
    width: 300px;
    top: 50px;
    left: auto;
    right: 100px;
    background: rgba(255, 255, 255, 0.95);
    padding: 20px;
    font-family: sans-serif;
    z-index: 999;
    text-align: left;
    padding: 100px 20px 20px 20px
}

.cookie_wrapper a {
    color: inherit
}

.cookie_wrapper button {
    width: 100%
}

#back_button,
#filter_button {
    z-index: 9999999
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-weight: bold !important
}

.dropdown.v-select.single.searchable {
    background: #fff !important;
}

@media (max-width: 991px) {
    .cookie_wrapper {
        right: 20px;
        padding: 65px 20px 20px 20px
    }
    #nav_bar ul.profile_and_cart {
        top: 4px !important;
    }
}

@media (max-width: 576px) {
    a.navbar-brand img {
        height: 90px !important;
        margin-right: 15px !important;
    }
    #nav_bar ul.profile_and_cart {
        right: -40px !important;
    }
}