/*
        --------- Layout
*/

body {
    color: #303030;
}

h3 {
    font-size: 18px;
}
h4 {
    font-size: 14px;
}

#searchform,
#paginatorTop,
#paginatorBottom,
#indivdualInformation,
#originInformation,
#dealer {
    margin-bottom: 15px;
}

.badge_top_right{
    position: absolute;
    top: 5px;
    right: 20px;
}
.badge_top_right_wide{
    position: absolute;
    top: 5px;
    right: 20px;
}

#machineContact {
   /* background-color: #E5E5E5; */
   border: 1px solid black;
}

#spacer {
    margin-top: 60px;
}

#main, #navmenu {
    max-width: 960px;
}

.hhp_logo {
    margin-top: 20px;
    margin-bottom: 10px;
}
#navbar-brand {
    padding: 13px 15px;
}

span.fa-check {
    color: #62c729 !important;
}

/*
    imageviewer
*/

/* ------------ imageviewer nav */
.nav-imageview-paging {

}
.nav-imageview-backbtn {
    padding-top: 8px;
}

.nav-imageview-paging {
    padding-top: 3px;
    padding-right: 15px;
}
@media screen and (max-width: 480px) {
    .nav-imageview-backbtn {
        padding-top: 8px;
        padding-left: 0px;
    }

    .nav-imageview-paging {
        padding-top: 3px;
        padding-right: 0px;
    }
}

/* ------------ imageviewer main */
#imageviewer-main, #imageviewer-navmenu {
    max-width: 960px;
}

#main-image-container {
    margin-bottom: 15px;
    text-align: center;
}

#main-image img {
  border: 1px solid #e4e4e4;
}

#info-image-container {
    text-align: center;
}

.nav-imageview-paging a {
    color: #5e5e5e;
}

.nav-imageview-paging a:hover,
.nav-imageview-paging a:focus,
.nav-imageview-paging a.focus,
.nav-imageview-paging a:active {
    color: #333;
    outline: none;
    text-decoration: none;
}

table td {
    border: 0 !important;
}

@media (max-width: 767px) {
    .text-xs-left {
        text-align: left !important;
    }
    .mt-xs-20 {
        margin-top: 20px;
    }
}

#machineAttr {
    padding-top: 20px;
}