html,
body {
    height: 100%;
    font-family: Titillium Web, sans-serif;
    background-color: #f3f5f7;
}

h1 {
    color: #004892;
    font-family: "Titillium Web Bold", Titillium Web, sans-serif;
    font-size: 24px;
    font-weight: bold;
}

h2 {
    color: #004892;
    font-family: "Titillium Web Bold", Titillium Web, sans-serif;
    font-size: 22px;
    font-weight: bold;
}

h3 {
    color: #004892;
    font-family: "Titillium Web Bold", Titillium Web, sans-serif;
    font-size: 20px;
    font-weight: bold;
}

h4 {
    color: #004892;
    font-family: "Titillium Web Bold", Titillium Web, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

@media (min-width: 1600px) {
    .container {
        width: 1550px;
    }

    .wrap {
        padding-left: 50px;
    }
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav > li > form {
    padding: 8px;
}

.nav > li > form > button:hover {
    text-decoration: none;
}

.filter-box-half {
    width: 40%;
    float: left;
    padding: 8px;
}

.clear {
    clear: both;
}

.sidebar-menu-button {
    margin-right: 10px;
}

.sidebar {
    background-color: #0a2744;
    position: fixed;
    top: 65px;
    height: 100%;
    left: 0;
    z-index: 400;
}

.sidebar li {
    position: relative;
    display: block;
    text-align: center;
}

.sidebar li > a {
    color: #dfdfe0;
    text-align: center;
}

.sidebar li > a:hover {
    background-color: #df112e;
    border-radius: 0;
    color: #ffffff;
    text-align: center;
}

.sidebar-small {
    width: 60px;
}

.sidebar-small > li {
    padding: 0;
}

.sidebar-small > li > a {
    padding: 0;
    height: 50px;
}

.sidebar-large {
    width: 280px;
}

.sidebar-large > li {
}

.sidebar-large > li > a {
    height: 150px;
}

.sidebar-large > li.disabled > a {
    color: #9d9d9d;
}

.invoice-list {
    overflow-x: auto;
    overflow-y: scroll;
    max-height: 420px;
}

.invoice-list > table > tbody > tr > td {
    vertical-align: middle;
    min-width: 56px;
}

.invoice-list > table > thead > tr > th {
    text-align: center;
}

.order-list {
    overflow-x: auto;
    overflow-y: scroll;
    max-height: 540px;
}

.order-list > table > tbody > tr > td {
    vertical-align: middle;
    min-width: 56px;
}

.order-list > table > thead > tr > th {
    text-align: center;
}

.table-for-orders {
    
}

.table-for-orders > table {

}

.table-for-orders > table > tbody > tr > td {
    width: auto;
    vertical-align: middle;
}

.table-for-orders > table > thead > tr > th {
    text-align: center;
    vertical-align: middle;
}

.minor-settings-box {
    padding: 0 8px;
    float: right;
}

.breadcrumb {
    background-color: #005392;
    height: 42px;
    border-radius: 0;
}

.breadcrumb > li > a {
    font-family: "Titillium Web Regular", Titillium Web, sans-serif;
    font-size: 12px;
    color: #f3f5f7;
}

.breadcrumb > li > a:hover {
    color: grey;
    text-decoration: none;
}

.breadcrumb > li.active {
    color: white;
}

.navbar-option {
    background-color: white;
    color: #333;
    font-family: "Titillium Web Bold", Titillium Web, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.navbar-person {
    background-color: white;
    color: #005392;
    font-family: "Titillium Web Regular", Titillium Web, sans-serif;
    font-size: 14px;
    vertical-align: middle;
}

.navbar-person > img {
    margin: 0 10px;
}

.navbar-option > img {
    margin: 0 10px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a:focus {
    background-color: white;
}

.navbar-default {
    background-color: white;
    height: 65px;
}

.marketing-automotive {
    background-image: url("../img/bg_automotive.jpg");
}

.marketing-other {
    background-image: url("../img/bg_inne.jpg");
}

.marketing-household {
    background-image: url("../img/bg_agd.jpg");
}

.marketing-electronics {
    background-image: url("../img/bg_elektronika.jpg");
}

.marketing-list {
    max-height: 400px;
    overflow: auto;
}

a.link-more {
    font-family: "Titillium Web Bold", Titillium Web, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

a.link-more:after {
    content: url("icons/16px__arrow_right_blue.png");
    margin: 5px;
    vertical-align: middle;
}

.header-toggle-simple {
    font-family: "Titillium Web Bold", Titillium Web, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #b7b7b7;
    cursor: pointer;
}

.header-toggle-simple:hover {
    color: #005392;
}

.header-toggle-simple:before {
    content: url("icons/16px__arrow_right_grey.png");
    margin: 5px;
}

.header-toggle-simple:hover:before {
    content: url("icons/16px__arrow_right_blue.png");
}

.header-toggle-complex {
    font-family: "Titillium Web Bold", Titillium Web, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    background-color: #f3f5f7;
    color: black;
    cursor: pointer;
    width: 100%;
    height: 35px;
}

.header-toggle-complex-closed:after {
    content: url("icons/16px__arrow_bottom_blue.png");
    float: right;
}

.header-toggle-complex-open:after {
    content: url("icons/16px__arrow_top_blue.png");
    float: right;
}

.btn-add:before {
    content: url("icons/16px__add_white.png");
    margin-right: 10px;
}

.btn-cancel:before {
    content: url("icons/16px__close_white.png");
    margin-right: 10px;
}

.btn-edit:before {
    content: url("icons/16px__edit_white.png");
    margin-right: 10px;
}

.btn-filter:before {
    content: url("icons/16px__filter_white.png");
    margin-right: 10px;
}

.btn-questions:before {
    content: url("icons/16px__question_white.png");
    margin-right: 10px;
}

.btn-remove:before {
    content: url("icons/16px__remove_white.png");
    margin-right: 10px;
}

.btn-send:before {
    content: url("icons/16px__arrow_right_white.png");
    margin-right: 10px;
}

.btn-with-icon:before {
    position: relative;
    top: 4px;
    width: 16px;
    height: 16px;
}

.btn-with-icon:after {
    position: relative;
    top: 4px;
    width: 16px;
    height: 16px;
}

.button-box {
    height: 80px;
}

.btn-primary {
    background-color: #df112e;
    border: #df112e;
    color: #ffffff;
    height: 35px;
    font-weight: bold;
    text-transform: uppercase;
}

.btn-primary:hover {
    background-color: #c60c27;
    border: #c60c27;
}

.btn-primary:active {
    background-color: #c60c27;
    border: #c60c27;
}

.btn-default {
    background-color: #bbbdc0;
    border: #bbbdc0;
    color: #ffffff;
    height: 35px;
    font-weight: bold;
    text-transform: uppercase;
}

.btn-default:hover {
    background-color: #b2b2b2;
    border: #b2b2b2;
}

.btn-default:active {
    background-color: #b2b2b2;
    border: #b2b2b2;
}

.btn-filtering-closed:after {
    content: url("icons/16px__arrow_bottom_white.png");
    margin-left: 10px;
}

.btn-filtering-open:after {
    content: url("icons/16px__arrow_top_white.png");
    margin-left: 10px;
}

.btn-filtering-inactive {
    background-color: #df112e;
    border: #df112e;
}

.btn-filtering-active {
    background-color: #12af5c;
    border: #12a456;
}

.btn-filtering-inactive:hover {
    background-color: #df112e;
    border: #df112e;
    color: white;
}

.btn-filtering-active:hover {
    background-color: #12a456;
    border: #12a456;
    color: white;
}

.header-with-buttons:before {
    content: " ";
    display: table;
}

.header-with-buttons:after {
    content: " ";
    display: table;
    clear: both;
}

.header-with-buttons > h1, .header-with-buttons > h2, .header-with-buttons > h3 {
    float: left;
}

.header-with-buttons > a {
    float: right;
    margin: 20px 0 10px 10px;
}

.marketing-position {
    font-family: "Titillium Web Bold", Titillium Web, sans-serif;
    font-size: 16px;
    color: black;
    font-weight: bold;
    display: inline-block;
    padding: 5px 0;
}

.marketing-position:hover {
    color: #005392;
    text-decoration: none;
}

.marketing-position-multimedia:before {
    content: url("icons/16px__play_gray.png");
    margin-right: 10px;
    vertical-align: middle;
}

.marketing-position-multimedia:hover:before {
    content: url("icons/16px__play_blue.png");
    margin-right: 10px;
}

.marketing-position-pdf:before {
    content: url("icons/16px__pdf_grey.png");
    margin-right: 10px;
    vertical-align: middle;
}

.marketing-position-pdf:hover:before {
    content: url("icons/16px__pdf_blue.png");
    margin-right: 10px;
}

.marketing-position-other:before {
    content: url("icons/16px__blank_grey.png");
    margin-right: 10px;
    vertical-align: middle;
}

.marketing-position-other:hover:before {
    content: url("icons/16px__blank_blue.png");
    margin-right: 10px;
}

.marketing-position-new:after {
    content: url("icons/8px_new_green.png");
    margin-left: 10px;
}

.marketing-icon {
    text-align: center;
}

.marketing-icon > a {
    display: block;
    position: relative;
    top: calc(50% - 48px);
    font-family: "Titillium Web Bold", Titillium Web, sans-serif;
    font-size: 16px;
    color: white;
    font-weight: bold;
}

.marketing-icon > a:hover {
    text-decoration: none;
}

.marketing-index {
    min-height: 325px;
}

.marketing-box-with-top > div:first-of-type {
    padding-top: 10px;
}

.container > div > div {
    border-radius: 10px;
    margin: 10px 5px;
    padding: 10px 30px;
    background-color: white;
}

.container > div > div:first-of-type {
    margin-top: 50px;
}

.breadcrumb-box {
    position: fixed;
    margin-bottom: 40px;
    top: 65px;
    width: 100%;
    left: 60px;
    z-index: 100;
}

.marketing-boxed-resource {
    height: 600px;
    overflow: auto;
}

@media (max-width: 1200px) {
    .sidebar-small {
        width: 45px;
    }

    .breadcrumb-box {
        left: 45px;
    }
}

@media (min-width: 1200px) {
    .marketing-box {
        height: 215px;
        margin: 0 5px;
        width: calc(25% - 10px);
    }

    .marketing-boxed-resource {
        margin: 5px;
        max-width: calc(25% - 10px);
    }
}

@media (min-width: 1600px) {
    .marketing-box {
        height: 215px;
        margin: 0 30px;
        width: 300px;
    }
}

div > div.site-login, div > div.site-reset-password, div > div.site-request-password-reset {
    max-width: 480px;
    margin: auto;
}

.welcome-screen {
    background-image: url("../img/background.jpg");
}

.filtering-labels {
    margin-bottom: 15px;
}

.filtering-label {
    color: black;
    background-color: #f3f5f7;
    border: #b2b2b2;
    border-radius: 10px;
    display: inline-block;
    font-family: "Titillium Web Bold", Titillium Web, sans-serif;
    margin: 5px 5px;
    padding: 5px 10px;
}

.dropdown-menu {
    min-width: 60px;
}

.email-title:before {
    content: url("icons/32px__mail_grey.png");
    margin: 5px;
    vertical-align: middle;
}

.icon-delete:before {
    content: url("icons/16px__delete_grey.png");
}

.icon-delete:hover:before {
    content: url("icons/16px__delete_blue.png");
}

.icon-edit:before {
    content: url("icons/16px__edit_grey.png");
}

.icon-edit:hover:before {
    content: url("icons/16px__edit_blue.png");
}

.icon-ask-question:before {
    content: url("icons/16px__question_grey.png");
}

.icon-ask-question:hover:before {
    content: url("icons/16px__question_blue.png");
}

.icon-reset:before {
    content: url("icons/16px__password_grey.png");
}

.icon-reset:hover:before {
    content: url("icons/16px__password_blue.png");
}

.icon-view:before {
    content: url("icons/16px__preview_grey.png");
}

.icon-view:hover:before {
    content: url("icons/16px__preview_blue.png");
}

.icon-invoice-new:before {
    content: url("icons/16px__pdf_green.png");
}

.icon-invoice-correction:before {
    content: url("icons/16px__pdf_red.png");
}

.icon-invoice-downloaded:before {
    content: url("icons/16px__pdf_grey.png");
}

.alert-table-label {
    vertical-align: middle;
}

.alert-table-toggle {
    width: 50px;
    vertical-align: middle;
    text-align: center;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color: #df112e !important;
    color: #ffffff !important;
}

div.floating-th {
    background-color: white;
}

div.floating-th > table > thead > tr > th {
    text-align: center;
    vertical-align: middle;
}