*, *::before, *::after {

    box-sizing: border-box;

}



body {

    min-height: 100vh;

    position: relative;

}



a:hover{

    text-decoration: none;

}



p {

	font-family: suzukiRegular;

}



.m{

    margin: 0;

}



.col{

    padding: 0;

}



.p-right {

    padding-right: 0 !important;

}



.dropdown-toggle {

    cursor: pointer;

}



.wrapper {

    padding-bottom: 65px;

}



.top-header {

    position: relative;

    min-height: 59px;

    margin: 0;

    padding-right: 20px;

}



.top-header ul{

    position: relative;

    padding: 0;

    margin: 0;

}



.top-header ul li{
    list-style: none;

}


.logo-right{

    display: flex;

    align-items: center;

    justify-content: center;

    height: 59px;

    line-height: 59px;

    vertical-align: middle;

}



.navbar-menu {

    background-color: #00263c;

    color: white;

    border-width: 0;

    border-radius: 0;

    margin-bottom: 0;

    position: relative;

    z-index: 17;

}



.home-button {

    margin: 13px 15px 15px 0;

    float: left;

}



.no-type {

    list-style: none;

    padding: 15px 0px 0px 7px;

}



.dropdown>a {

    font-family: SuzukiRegular;

    color: #fff;

}



.navbar-nav li {

    margin-right: 10px;

}



.navbar-header li{

    list-style: none;

}



.navbar-collapse .navbar-nav>li>a {

    font-family: SuzukiBold;

    color: #fff;

    padding: 15px 5px;

    font-size: 13px;

}



.flag-select {

    border-right: 1px solid #fff;

    padding-right: 10px !important;

}



.flag-select-ds {

    /*border-right: 1px solid #fff;*/

    margin: 15px 0;

    padding: 0 5px !important;

    padding-right: 10px !important;

}



.flag-select-ds span{

    margin-right: 5px;

}



.navbar-header li a{

    font-family: SuzukiBold;

    color: #fff;

    font-size: 13px;

}



.badge-notify {

    background: red;

    position: absolute;

    top: -5px;

    right: -5px;

}



.badge-notify2 {

    background: red;

    position: absolute;

    top: 5px;

    right: 5px;

}



.divider {

    top: 16px;

}



.page-active:after {

    content: "";

    position: absolute;

    top: 40px;

    left: 50%;

    margin-left: -15px;

    width: 0px;

    height: 0px;

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-bottom: 15px solid white;

}



.nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .nav .open>a:active {

    background-color: black;

}



.navbar-nav > li > .dropdown-menu {

    padding: 0;

    margin-top: -1px;

}



.navbar-menu .navbar-toggle .icon-bar {

    background-color: white;

}



.dropdown-menu>.whitefont>a {

    font-family: SuzukiRegular;

    padding: 1.2vw 2vw;

}



.dropdown-menu>.whitefont {

    margin-right: 0;

}



.collapse {

    font-size: 13px;

}



.nav>li>a:hover, .nav>li>a:focus {

    background-color: transparent;

    outline: 0;

}



.navbar-collapse .navbar-nav>li>a:hover {

    color: #999999;

}



#carousel-border-left {

    height: 0px;

    width: 50%;

    border-top: 5px solid #dc1922;

    border-right: 10px solid #00334c;

    float: left;

}



#carousel-border-right {

    height: 5px;

    background-color: #00334c;

}



.page-header {

    padding-bottom: 9px;

    margin: 40px 0 20px;

    border-bottom: 1px solid #eee;

}



.page-header {

    color: #00334c;

    border-bottom-width: 2px;

    border-color: #00334c;

    font-style: italic;

    font-family: SuzukiHeadline;

    margin-top: 35px;

    margin-bottom: 8px;

}



footer {

    position: absolute;

    bottom: 0;

    width: 100%;

}



footer .footer-content {

    color: #fff;

    background-color: #215197;

}



.footer-content {

    font-size: 12px;

    padding: 15px 0;

}



.footer-content a {

    color: #fff;

    text-decoration: underline;

    margin: 5px 15px 0 15px;

}



.more-link {

    text-align: right;

}



.more-link>a {

    color: #337ab7;

    text-decoration: none;

    font-size: 13px;

}



.box_news {

    border: 1px solid #ddd;

    background-color: #fff;

    margin: 1vw auto 2vw;

    font-family: SuzukiRegular;

    transition: all .3s ease-in-out;

}



.news_update{

    padding-bottom: 30px;

}



.news_update a {

    text-decoration: none;

    background-color: #fff;

}



.box_img {

    width: 100%;

    height: 15vw;

    padding: 15px 15px 8px 15px;

}



.box_img img {

    margin: 0 auto;

    height: 100%;

}



.box_body {

    color: #333;

    padding: 8px 15px 15px 15px;

}



.box_title {

    border-bottom: 1px solid #ddd;

    font-family: SuzukiBold;

    padding-bottom: 5px;

}



.box_body p, .box_body h5 {

    margin: 0;

}



.box_title h5 {

    margin-bottom: 5px;

}



.body_news {

    padding-top: 10px;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    max-height: 12vw;

}



.container-content {

    /* margin-top: 126px; */

    margin-bottom: 150px;

    padding: 0 150px;

}



.log-tab {

    width: 55%;

    margin: 80px auto;

}



.nav-tabs {

    border-bottom: 1px solid #ddd;

}



.log-tab ul li {

    width: calc(100%/1);

    border: 0;

    border-radius: 0;

}



.container-content button, .container-content a {

    border-radius: 0;

    background-color: #b7b7b7;

    color: #00334c;

    font-family: suzukiBold;

    height: 28px;

    padding: 4px 12px;

}



.log-tab ul li a {

    border: 0;

    border-radius: 0;

    margin: 0;

    padding: 1vw 1vw 2vw;

    text-align: center;

    background: transparent;

    color: #00334c;

    border-bottom: 3px solid transparent;

}



.log-tab .nav-tabs > li.active > a, .log-tab .nav-tabs > li.active > a:focus, .log-tab .nav-tabs > li.active > a:hover {

    border: 0;

    outline: 0;

    border-bottom: 3px solid #00334c;

}



#login-form, #registration {

    min-height: 22vw;

    padding: 2vw;

    background-color: #ebebeb;

    color: #4d4d4d;

}



.container-content label {

    font-weight: normal;

    font-family: suzukiRegular;

    color: #4d4d4d;

    font-size: 12px;

}



.form-control {

    font-size: 10px;

}



.container-content input, .container-content select {

    border-radius: 0;

    border-color: #00334c;

    background-color: #f7f7f7;

}



.form-group-margin {

    margin-top: 30px;

}



.login-content a {

    margin-top: 0;

    text-decoration: underline;

}



#login-form h3 {

    color: #00334c;

}



.container-content h3, .container-content h4 {

    font-style: italic;

    font-family: suzukiBold;

}



.manual-content {

    margin-top: 20px;

    padding: 0 100px;

    margin-bottom: 20px;

}



#line-login {

    height: 2px;

    background: -webkit-linear-gradient(left, #00334c , white);

    margin-bottom: 35px;

}



#line-manual, #line-training, #line-national-man-power, #line-technical-and-quality {

    height: 2px;

    background: -webkit-linear-gradient(left, #00334c , white);

    margin-bottom: 15px;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00334c', endColorstr='#ffffff');

}



#alltrainingstatus, #edit_render, #history_render, .render_dealerman, #alldealer, #news_update, #entries, #latest_entries, #manuals, #wrap-entry, #bulletins, #trainings, #man-power, #technical, #parts {

    min-height: 29vw;

    position: relative;

}



.col-manual-details {

    padding-left: 0;

}



.padd {

    padding: 0 15px;

}



a.news {

    background: none;

    padding: 0;

}



#image-article {

    width: 169px;

    height: 250px;

    float: left;

    margin: 20px 15px 15px 0px;

}



.entries {

    margin-top: 25px;

}



.news p{

    margin-top: 10px;

}



.row_content {

    margin-bottom: 25px;

}



.col-manual-details  img{

    margin-bottom: 10px;

}



.contact-padding {

    padding: 2px 7px 0 0;

}



.reg-container {

    width: 60%;

    margin: 6vw auto;

}



.contact-us {

    margin: 2vw auto;

}



#contact-us {

    background-color: white;

}



.contact-paragraph-padding {

    padding-left: 35px;

}



.form-render {

    min-height: 40vw;

    position: relative;

}



.loader {

    width: 5%;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    right: 0;

    margin: 0 auto;

}



.container-content textarea {

    border-radius: 0;

    border-color: #00334c;

    height: 70px;

    background-color: #f7f7f7;

}



#contact-us textarea {

    height: 150px;

}



#contact-us button {

    background-color: #f8844d;

    width: 70px;

}



.row-manual h4 {

    font-style: normal;

}



.manual-filter-group .no-padding {

    padding: 0;

}



.manual-filter-group button.btn-filter {

    padding: .5rem;

    border: 1px solid #cacaca;

    margin: 0 0 1rem;

    font-size: 1.25rem;

    font-family: inherit;

    line-height: normal;

    color: #0a0a0a;

    background-color: #efefef;

    border-radius: 0;

    -webkit-appearance: none;

    -moz-appearance: none;

}



.manual-filter-group .bootstrap-select.btn-group .dropdown-toggle .caret {

    color: #8a8a8a;

}



.none {

    display: none!important;

}



.overlay_down {

    position: fixed;

    background: rgba(0,0,0,0.7);

    width: 100%;

    height: 100vh;

    z-index: 20;

    color: #fff;

    top: 0;

    overflow: none;

    transition: .3s;

}



.manual-filter-group .btn-find-manual {

    background-color: #03263b;

    color: #fff;

    width: 100%;

}



.d-flex {

    display: flex;

}



.d-flex div {

    width: 50%;

    height: 14vw;

}



.d-flex .panel-heading {

    width: 45%;

}



.d-flex .panel-heading p {

    margin-left: 0 !important;

}



.manual-min-height {

    min-height: 200px;

}

.doc-thumb img{
    border: 1px solid #ccc;
}



.panel-custom {

    border: none;

    margin-bottom: 0;

    padding-bottom: 20px;

    -webkit-box-shadow: none;

    border-radius: 0;

    margin-top: 1vw;

}





.panel-body-custom, .panel-heading-custom {

    padding: 0;

}



.panel-default .panel-heading {

    background-color: #fff;

    padding-left: 10px;

    font-family: SuzukiBold;

}



.panel-default .panel-heading p {

    font-size: 12px;

    margin-left: 10px;

    font-family: SuzukiRegular;

    margin-bottom: 0;

}



.panel-default .panel-heading.panel-custom p.category{

    font-size: 12px;

}



.panel-default .panel-heading.panel-custom p, .panel .panel-heading-custom .language {

    font-size: 10px;

    margin-bottom: .5vw;

}



.btn-download {

    margin-top: 2vw;

}



.manual-form {

    display: inline-block;

}



.pager-container .pagination {

    padding-top: 1vw;

}



.pagination > li > a, .pagination > li > span {

    line-height: 1;

    font-family: SuzukiRegular;

}



.manual-filter-group .dropdown-menu a {

    background-color: #fff;

}



.manual-filter-group .dropdown-menu>.active>a, .manual-filter-group .dropdown-menu>.active>a:focus, .manual-filter-group .dropdown-menu>.active>a:hover {

    background-color: #03263b;

}



.overlay_down {

    position: fixed;

    background: rgba(0,0,0,0.7);

    width: 100%;

    height: 100vh;

    z-index: 20;

    color: #fff;

    top: 0;

    overflow: none;

    transition: .3s;

}



.progress_down {

    width: 60%;

    margin: 0 auto;

    text-align: center;

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}



.mile_stone {

    width: 100%;

    height: 1.5vw;

    border-radius: 10px;

    border: 1px solid #fff;

    margin-bottom: 2vw;

}



.mile_stone div {

    border-radius: 10px;

    width: 0%;

    height: 1.3vw;

    background: #00334c;

    transition: .3s;

}



#popup .modal-dialog {

    top: 50%;

    transform: translateY(-50%);

}



a.distributor-upload {

    background-color: transparent;

}



.fa.btn-distributor-upload {

    font-size: 34px;

    margin-top: -15px;

}



.col-manual-details {

    padding-left: 0;

}



.col-notif {

    padding-right: 50px;

}



.notif-rendering {

    display: block;

    width: 65%;

    margin: 0 auto;

}



.date-inline {

    display: inline-block;

}



#circle {

    width: 12px;

    height: 12px;

    background: red;

    -moz-border-radius: 50px;

    -webkit-border-radius: 50px;

    border-radius: 50px;

    vertical-align: middle;

}



.notif-detail {

    margin-bottom: 15px;

    padding-bottom: 15px;

    border-bottom: 3px solid rgba(183,183,183,0.3);

}



.notif-title {

    text-transform: capitalize;

    cursor: pointer;

}



.notif-detail a {

    background-color: transparent;

    color: #337ab7;

    padding: 0;

}



#load_more {

    display: inline-block;

    border: 1px solid #000;

    border-radius: 50px;

    padding: .5vw;

    cursor: pointer;

}



#load_more:hover {

    color: #fff;

    background: #000;

}



.pager-container {

    text-align: center;

}



.pager-container .pagination {

    padding-top: 1vw;

}



.table-history thead tr td, .table-history tbody tr td {

    padding: .5vw;

}



.table-history tbody tr {

    border-bottom: 1px solid rgba(0,0,0,.25);

}



.distributor {

    display: inline-block;

    font-size: 12px;

    margin-bottom: 15px;

}



.dealer p, .distributor p {

    font-family: suzukiRegular;

    margin: 0;

}



.distributor .distributor-detail {

    text-transform: capitalize;

    font-family: suzukiBold;

}



.upload-info {

    position: relative;

    width: 25%;

    margin-bottom: .5vw;

    border-radius: 10px;

    transition: .2s;

}



.tab_file {

    margin-top: 2vw;

}



.col-manual-details p a{

    padding: 0; 

    background-color:transparent;

}



.cc-window {

    opacity: 1;

    transition: opacity 1s ease;

}



.cc-window {

    position: fixed;

    overflow: hidden;

    box-sizing: border-box;

    font-family: Helvetica,Calibri,Arial,sans-serif;

    font-size: 16px;

    line-height: 1.5em;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    z-index: 9999;

}



.cc-submit {

    color: #fff;

    background-color: #00263c;

}



.cc-window.cc-submit{

    padding: 15px 30px 10px 30px;

    width: 100%;

    -ms-flex-direction: row;

    flex-direction: row;

    left: 0;

    right: 0;

    bottom: 0;

    -ms-flex-align: center;

    align-items: center;

}





.cc-submit .cc-text {

    display: block;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    max-width: 100%;

    margin-right: 1em;

}



.cc-text p{

    font-size: 13px;

    margin-bottom: 0px;

}



.cc-text p strong{

    font-family: 'SuzukiBold';

    font-size: 13px;

    font-weight: 500;

}



.cc-link {

    opacity: 1;

    display: inline-block;

    padding: .2em;

    color: yellow;

}



a:hover.cc-link{

    color: #999999;

}



.cc-button {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-line-pack: justify;

    align-content: space-between;

}



.cc-btn {

    display: block;

    padding: .4em .8em;

    font-size: .9em;

    font-weight: 700;

    border-width: 2px;

    border-style: solid;

    text-align: center;

    white-space: nowrap;

    color: #fff;

    background-color: #215197;

    border-color: transparent;

    border-radius: 5px;

    min-width: 140px;

}



a:hover.cc-btn  {

    background-color: #000;

    text-decoration: none;

    color: #fff;

}



.sitecc-spacer {

    position: relative;

    display: block;

    min-height: 80px;

}