html, body {
    width: 100%;
    height: 100%;

    padding: 0;
    margin: 0;

    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

h1 {
    font-size: 24px !important;
    padding: 5px 10px;
}

h2 {
    font-size: 22px !important;
}

h3 {
    font-size: 20px !important;
}

h4 {
    font-size: 18px !important;
}

.userinfo > .logout {
    margin-left: 7px;
}

#header-company-name {
    font-size: 18px;
    color: #434343;
    padding-left: 24px;
}

#wrap {
    height: auto;
    min-height: 100%;
    background: #dde5ea;
}

#footer {
    margin-top: -100px;
    height: 100px;

    background-color: #888;
}

#content {
    background: #fff;
    border-radius: 15px;
    margin: 10px;
}

#main-menu {
    padding: 0 0px;
    padding-top: 5px;
}

#main-menu li a {
    background: #888;
    color: #fff;
    border-radius: 5px 5px 0 0;
    font-size: 17px;
    padding: 1px 10px;
}

#main-menu li a:hover {
    text-decoration: none;
    background-color: #bbb;
}

#main-menu li.active a,  #main-menu li.active a:hover {
    background: #0078d7;
    text-decoration: none;
}

#submenu {
    background: #0078d7;
    padding: 5px 20px;
}

#submenu li a {
    color: #fff;
    border: 1px solid #b4deff;
    border-radius: 3px 3px 3px 3px;
    font-size: 12px;
    padding: 2px 6px;
}

#submenu li.active a {
    color: #0078d7;
    font-weight: bold;
}

#submenu li a:hover {
    background-color: #888;
}

#parts {
    padding: 5px 0;
}

.part {
    border: 2px solid #ddd;
    border-radius: 5px;
    padding: 15px;

    margin-bottom: 20px;
}

.part-icon {
    float: right;
    width: 50px;
}

.part-title {
    font-size: 18px;
    color: #003056;
}

.part-summary {
    font-size: 12px;
    color: #888;
}

#submenu .nav.nav-tabs {
    border-bottom: none;
}

#info-profile {
    display: table;
    width: 100%;
    margin-top: 3px;
}

#info-profile .col {
    height: 40px;
    vertical-align: middle;
    display: table-cell;
}

#info-profile .col.userinfo {
    text-align: right;
}

#form-order .form-control {
    /*
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #aaa;
    border-radius: 0;
    */
    display: inline-block;
    width: 100%;
    margin: 3px 10px;
    padding: 3px 6px;
}

#form-order .form-control:focus {
    border-bottom-color: #000;
}

#form-order .field {
    padding: 10px 0;
}

.inline-block {
    display: inline-block;
}

#menu-part {
    padding: 5px 15px;
}


#menu-part .pagination {
    margin: 0px 0;
    display: table;
}

.image-editor-btns .btn {
    padding: 3px;
}

.warning-message {
    color: red;
}

.in-dev {
    color: #bdbdbd !important;
    border-color: #bdbdbd !important;
    cursor: no-drop;
}

#on_page {
    width: 76px;
}

span.error {
    color: red;
}

#wrap .history-link {
    position: relative;
    margin-top: -5px;
    margin-bottom: -5px;
    display: inline-block;
    margin-right: 200px;
}

.history-link:hover {
    color: #fff;
}

.warning {
    color: red;
}

.table-stat > thead > tr > th > span {
    color: red;
}