html, body {
    height: 100%;
}

#page {
    min-width: 1200px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -100px;
}

.container {
    width: 1200px !important;
}

.white {
    background: #ffffff !important;
}

.grey {
    background: #EFEFEF !important;
}

.redBackground {
    background: #ffebe6 !important;
}

.lightRedBackground {
    background: #EF9A9A !important;
}

.lightRed1Background {
    background: #EFEFEF !important;
}

.red {
    color: #b94a48;
}

.dropdown-menu li > a.red {
    color: #b94a48;
}

.center {
    text-align: center;
}

.footer {
    text-align: center;
    margin: 10px 0px 0px 0px !important;
    padding: 10px 0;
    border-top: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    height: 55px !important;
}

.footer p {
    margin-bottom: 0;
    color: #777;
}

.footer-links {
    margin: 10px 0;
}

.footer-links li {
    display: inline;
    padding: 0 2px;
}

.footer-links li:first-child {
    padding-left: 0;
}

#push {
    height: 80px !important;
}

.main-content-wide {
    margin-left: 20px;
    margin-right: 20px;
}

.form-signin {
    max-width: 300px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin input[type="text"],
.form-signin input[type="password"] {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
}

.overlay {
    display: none;
    background: #ffffff;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    text-align: center;
    opacity: 0.5;
    z-index: 9999;
}

.overlay-inheritance {
    display: none;
    background-color: rgba(169, 169, 169, 0.5);
    width: 100%;
    height: 100%;
    padding: 15px;
    text-align: center;
    z-index: 101;
}

.overlay-inner {
    margin-left: auto;
    margin-right: auto;
    width: 750px;
    background: #ffffff;
    border-radius: 10px;
    padding: 15px;
    max-height: 610px;
    overflow-y: visible;
    overflow-x: hidden;
}

#prompterModal {
    z-index: 1001;
    max-height: 95%;
    padding: 15px !important;
}

#prompterModal .overlay-inner {
    width: 890px;
    text-align: left;
    margin-bottom: 15px;
    max-height: 90%;
}

#prompterModal .overlay-inheritance {
    padding: 15px !important;
}

#bigModal {
    max-height: 95%;
    padding: 15px !important;
}

#bigModal .modal-body {
    max-height: 95%;
}

#bigModal .overlay-inner {
    width: 1050px;
    text-align: left;
    margin-bottom: 15px;
    max-height: 95%;
    z-index: 10;
}

#extraLargeModal {
    max-height: 95%;
    padding: 15px !important;
}

#extraLargeModal .modal-body {
    max-height: 95%;
}

#extraLargeModal .overlay-inner {
    width: 1500px;
    text-align: left;
    margin-bottom: 15px;
    max-height: 95%;
    z-index: 10;
}


#bigModal .overlay-inheritance {
    padding: 15px !important;
}

#bigModal.full-modal {
    height: 100%;
    padding: 5px !important;
    max-height: 100%;
}

#bigModal.full-modal .overlay-inner {
    width: 97%;
    max-height: 98%;
    height: 95%;
}

#bigModal.full-modal .overlay-inner {
    margin-left: 0;
}

#bigModal.full-modal .overlay-inner #big-modal-area, #bigModal.full-modal .overlay-inner #big-modal-area .modal-body {
    height: 100%;
}

#bigModal.full-modal .orders-map {
    height: 100%;
}


.hidden {
    display: none;
    visibility: hidden;
}

.categorySons {
    display: none;
}

.subcategory {
    margin-bottom: 5px !important;
    padding-bottom: 5px !important;
    min-height: 0px !important;
}

.subcategory h5 {
    height: 15px;
}

.categorySelectTable {
    display: block;
    overflow: auto;
}

.table th {
    text-align: center !important;
}

.table-inner-no-striped td, .table-inner-no-striped th {
    background-color: inherit !important;
}

.table-inner-no-border td, .table-inner-no-border th {
    border: none !important;
}

.table-condensed tr.borderTop {
    border-top: 1px solid #ddd;
    width: 100%;
}

.table-condensed tr.borderBottom {
    border-bottom: 1px solid #ddd;
    width: 100%;
}

td .borderBottom {
    border-bottom: 1px solid #ddd;
}

.table-condensed tr.borderAll {
    border: 1px solid #ddd;
    width: 100%;
}

.table-center td {
    text-align: center !important;
}

.table-center th {
    text-align: center !important;
}

.table-left td {
    text-align: left !important;
}

.table-left th {
    text-align: left !important;
}

.table-inner {
    margin: 0;
}

.table-inner .small {
    font-size: 80%;
}

.table-inner .medium {
    font-size: 90%;
}

.table-inner .strong {
    font-weight: bold;
}

.table-inner td {
    text-align: center;
    border: 0 !important;
    padding: 0;
}

.table-inner .right {
    text-align: right;
}

.table-inner .left {
    text-align: left;
}

.table-inner img {
    max-height: 17px;
}

.table-inner .image {
    max-height: 50px;
}

.table-orders th {
    text-align: center;
}

.table-orders a:visited {
    color: #006688;
}

.table-orders a.from-shop {
    color: #ff7373;
}

.table-orders a.from-shop:visited {
    color: #A60000;
}

.alert-order {
    margin-bottom: 0px;
}

.orders-head {
    padding: 2px;
}

table.no-padding td {
    padding: 0px;
}

table.table-postage {
    width: 850px;
}

table.table-order-items {
    margin-top: 5px;
}

tr.order-item {
    height: 44px;
    padding: 10px 0px;
}

tr.order-item td {
    padding: 2px 0px;
}

td.order-item-image {
    display: block;
    width: 68px;
    height: 44px;
    overflow: hidden;
}

.order-item-image img {
    max-width: 65px;
    max-height: 42px;
    margin-right: 5px;
}

.order-summary {
    float: right;
    width: 220px;
    margin-top: 10px;
}

.order-summary .total-vat {
    text-align: center;
    display: inline-block;
    width: 125px;
    font-size: 140%;
    font-weight: bold;
    color: #FF4A00;
}

.order-summary .total {
    display: inline-block;
    width: 90px;
    font-size: 110%;
    font-weight: bold;
}

.order-header {
    padding-left: 5px;
    width: 220px;
}

.proforma-invoice-header {
    padding-left: 5px;
    width: 250px;
}

.order-header h4 {
    margin: 0px;
}

.order-controls {
    float: right;
    text-align: right;
    padding-right: 5px;
    width: 620px;
}

.order-create-add-item-button {
    float: right;
    width: 10px;
    margin-right: -12px;
    margin-top: 1px;
}

.order-create-add-item-button .btn {
    height: 42px;
    padding-top: 0px;
    padding-top: 2px;
    padding-left: 0px;
    padding-right: 0px;
}

.add-item-button {
    float: right;
    width: 10px;
    margin-right: -12px;
    margin-top: 7px;
}

.add-item-button .btn {
    height: 30px;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.add-item-button .simpleButton {
    height: 42px !important;
    padding-top: 0px !important;
}

.update-items-button {
    position: relative;
    float: left;
    width: 10px;
    margin-left: -13px;
    margin-top: 7px;
}

.update-items-button .btn {
    line-height: 2px;
    height: 42px;
    padding-top: 2px;
    padding-left: 0px;
    padding-right: 0px;
}

.order-state {
    margin-top: 12px;
    float: right;
    width: 370px;
    color: #00438A;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
}

.order-attributes {
    min-width: 680px;
    float: right;
    margin-top: -39px;
}

.order-attributes img {
    vertical-align: top;
    margin-top: 3px;
}

.tabs-order .ui-tabs-nav li a {
    padding: 0px 5px;
}

.order-controls .btn-group {
    margin: 0px;
}

td.postage-image {
    display: block;
    vertical-align: central;
    text-align: center;
    width: 70px !important;
    height: 40px;
    overflow: hidden;
}

.postage-image img {
    max-width: 68px;
    max-height: 36px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
}

.label-small {
    font-size: 85%;
    font-weight: normal;
}

.nav-orders .count {
    color: #999;
    font-size: 80%;
}

.category-mapping {
    text-align: left;
    padding: 20px;
}

.category-mapping textarea {
    width: 400px;
}

.product-select-modal .ui-autocomplete-input {
    width: 150px !important;
}

.product-select-modal .product-selectbox {
    width: 150px !important;
}

.product-select-modal .form-element {
    display: inline-block;
    width: 300px !important;
}

.product-select .ui-autocomplete {
    width: 460px !important;
}

.product-select .form-element {
    display: inline-block;
    width: 400px;
}

.product-select .form-element label {
    display: inline-block;
    width: 120px;
    height: 25px;
    vertical-align: middle;
}

.product-select .alert {
    margin: 5px 5px;
}

#createBlogForm .selected-product .control-label {
    width: 80px;
    margin-right: 10px;
}

.control-label.control-label-small {
    margin-left: 10px;
    width: 80px;
}

.control-label.control-label-medium {
    margin-left: 10px;
    width: 190px;
}


#createBlogForm .selected-product .controls {
    margin-left: 10px;
}

#createPrompterForm .selected-product .control-label {
    width: 80px;
    margin-right: 10px;
}

.shorterForm .controls {
    margin-left: 10px;
}

.shorterForm .control-label {
    width: 50px;
    margin-right: 10px;
}

.shortForm .controls {
    margin-left: 10px;
}

.shortForm .control-label {
    width: 100px;
    margin-right: 10px;
}

.shortForm2 .controls {
    margin-left: 7px;
}

.shortForm2 .control-label {
    width: 130px;
    margin-right: 7px;
}

#snippet-api-type {
    min-height: 160px;
    padding-left: 10px;
}

.alertInfoWhite {
    border: #d9edf7 thin solid;
    color: #3a87ad;
}

.controls.controls-small {
    margin-left: 105px;
}

.largerForm .control-label {
    width: 220px;
}

.largerForm .checkbox {
    width: 220px;
}

.largerForm .controls {
    margin-left: 240px;
    width: 50px;
}

.largerForm .control-group {
    width: 350px;
}

#createPrompterForm .selected-product .controls {
    margin-left: 10px;
}

#createPrompterForm .mceEditor {
    width: 100% !important;
    font-size: 130% !important;
}

.smallTopPadding {
    padding-top: 5px;
}

.smallBottomPadding {
    padding-bottom: 5px;
}

.smallRightPadding {
    padding-right: 5px;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

.moveable {
    min-height: 285px !important;
    width: 28% !important;

}

.no-padding {
    padding: 0 !important;
}

.no-bottom-padding {
    padding-bottom: 0 !important;
}

#mainModal {
    z-index: 1000;
}

.maxWidth {
    width: 100%;
}

.table-small td {
    font-size: 85%;
}

.table-small th {
    font-size: 100%;
}

.table-small td[rowspan] {
    vertical-align: top;
    text-align: left;
}

.table-tiny td {
    font-size: 75%;
}

.table-tiny th {
    font-size: 85%;
}

.form-horizontal .modal-group {
    margin-bottom: 5px;
}

.table-normal td {
    font-size: 100%;
}

.table-normal th {
    font-size: 100%;
}

.table-normal td[rowspan] {
    vertical-align: top;
    text-align: left;
}

/* stepy */
.button-back {
    float: left;
}

.button-next, .finish {
    float: right;
}

.step {
    clear: left;
    width: 100%;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -opera-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/*.step label { color: #444; display: block; font: bold 10px verdana; margin: 10px 0 3px 7px; }*/
.step legend {
    color: #4080BF;
    font: bold 14px verdana;
    padding: 0 2px 3px 2px;
}

/*.step input, .step textarea, .step select { border: 1px solid #AAA; font: 10px verdana; margin-left: 7px; }*/


.stepy-titles {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.stepy-titles li {
    color: #DDD;
    cursor: pointer;
    font-size: 10px;
    float: left;
    padding: 10px;
}

.stepy-titles li span {
    font-size: 18px;
    font-weight: bold;
    display: block;
}

.stepy-titles .current-step {
    color: #369;
    cursor: auto;
}


/*** Optionaly (jQuery Validate) ***/

.error {
    background-color: #FAF4F4;
}

label.error {
    background: url('../img/alert.png') no-repeat;
    color: #DE5130;
    display: block;
    float: left;
    font: 10px verdana;
    height: 13px;
    margin: 3px 3px 0 10px;
    padding-left: 21px;
    padding-top: 2px;
}

.inline-error {
    color: #DE5130;
}


.btn-link-nav,
.btn-link-nav:active,
.btn-link-nav[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-link-nav {
    color: #777;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-link-nav:hover {
    color: #333;
    text-decoration: none;
    background-color: transparent;
}

.form-czech-post legend {
    margin-bottom: 10px;
}

.form-czech-post .control-group {
    margin: 3px !important;
}

.form-czech-post .control-label {
    width: 100px;
    font-size: 90%
}

.form-czech-post .controls {
    margin-left: 110px;
}

.form-czech-post .parcel .control-group {
    display: inline-block;
}

.form-czech-post .parcel .control-label {
    width: 75px;
}

.form-czech-post .parcel .controls {
    margin-left: 85px;
}

.form-delivery legend {
    margin-bottom: 10px;
}

.form-delivery .control-group {
    margin: 3px !important;
}

.form-delivery .control-label {
    width: 100px;
    font-size: 90%
}

.form-delivery .controls {
    margin-left: 110px;
}

.form-delivery .parcel .control-group {
    display: inline-block;
}

.form-delivery .parcel .control-label {
    width: 75px;
}

.form-delivery .parcel .controls {
    margin-left: 85px;
}

.form-dpd legend {
    margin-bottom: 10px;
}

.form-dpd .control-group {
    margin: 3px !important;
}

.form-dpd .control-label {
    width: 100px;
    font-size: 90%
}

.form-dpd .controls {
    margin-left: 110px;
}

.form-dpd .parcel .control-group {
    display: inline-block;
}

.form-dpd .parcel .control-label {
    width: 75px;
}

.form-dpd .parcel .controls {
    margin-left: 85px;
}

.form-without-border legend {
    margin-bottom: 10px;
}

.form-without-border .control-group {
    margin: 3px !important;
}

.form-without-border .control-label {
    width: 100px;
    font-size: 90%
}

.form-without-border .controls {
    margin-left: 110px;
}

.form-without-border .parcel .control-group {
    display: inline-block;
}

.form-without-border .parcel .control-label {
    width: 55px;
}

.form-without-border .parcel .control-label.evenSmallerLabel {
    width: 45px;
}

.form-without-border .parcel .controls {
    margin-left: 65px;
}

.form-without-border .parcel .controls.evenSmallerControls {
    margin-left: 55px;
}

.form-without-border .parcel .controls .weight {
    width: 45px;
}

.form-without-border .parcel .controls .sizeInput {
    width: 30px;
}

.form-without-border .parcel .removeParcel {
    margin-right: 30px;
}

.form-without-border .addParcelButton {
    margin-right: 30px;
}

.form-gls .parcel .removeParcel {
    margin-right: 30px;
}

.form-gls .addParcelButton {
    margin-right: 30px;
}

.form-gls .parcel .controls {
    margin-left: 90px;
}

.form-gls .parcel .controls .weight {
    width: 60px;
}

.form-gls .parcel .controls .sizeInput {
    width: 60px;
}

tr.infoPayment td {
    background-color: #d9edf7 !important;
}

ul .tree-nav {
    padding: 5px;
    cursor: pointer;
}

.table-product {
    display: block;
    overflow: auto;

}

.table-product:focus {
    outline: none !important;
}

.table-product .productHeader {
    min-width: 125px;
}

.slideActive :hover {
    background-color: #EFEFEF;
}

.smallImage {
    border: 2px solid #FFFFFF;
}

.form-from-snapshot .control-label {
    width: 100px !important;
}

.form-from-snapshot .controls {
    margin-left: 105px;
}

.form-from-snapshot .control-group {
    margin-bottom: 10px;
}

.form-from-snapshot h4 {
    margin-top: 0px;
}

.no-left-margin {
    margin-left: 0px;
}

.no-margin {
    margin: 0px !important;
}

.no-margin-bottom {
    margin-bottom: 0px;
}

.margin-top-5px {
    margin-top: 5px;
}

.margin-bottom-5px {
    margin-bottom: 5px !important;
}

.margin-bottom-10px {
    margin-bottom: 10px;
}

.galleryArrowBlock {
    height: 70px;
    width: 20px;
}

.galleryArrowBlock i {
    margin-top: 25px;
}

.smallLeftMargin {
    margin-left: 10px;
}

.mediumLeftMargin {
    margin-left: 20px;
}

.noLeftMargin {
    margin-left: 0px;
}

.smallBottomMargin {
    margin-bottom: 3px;
}

.mediumTopMargin {
    margin-top: 20px;
}

.categoryTree {
    width: 250px;
}

.galleryList {
    height: 70px;
    width: 320px;
}

.miniTopMargin {
    margin-top: 5px;
}

.smallTopMargin {
    margin-top: 7px;
}

.miniBottomPadding {
    padding-bottom: 5px;
}

.miniLeftMargin {
    margin-left: 5px;
}

.noBottomPadding {
    padding-bottom: 0px !important;
}

.noBottomMargin {
    margin-bottom: 0px !important;
}

.hover {
    color: rgb(0, 136, 204) !important;
}

.noHover {
    color: rgb(0, 136, 204) !important;
    text-decoration: none !important;
}

.whiteHoverButton {
    color: white !important;
}

.mediumPadding {
    padding: 14px !important;
}

.tabsSmallerHeight {
    height: 40px !important;
}

.product-header {
    margin-bottom: 5px;
}

.product-header h4 {
    margin: 0px;
}

.product-tabs .ui-tabs-panel {
    padding: 5px 0px !important;
}

.product-tabs .navbar {
    margin: 0px !important;
}

.product-tabs.ui-tabs .ui-tabs-nav li a {
    padding: 0 10px;
}

#snippet-product-filter .well {
    margin: 3px;
    padding: 5px;
}

#snippet-product-filter h4 {
    margin: 3px;
    padding: 3px;
}

#snippet-product-list .navbar {
    margin: 0px;
    padding: 0px;
}

.breadcrumb {
    margin-bottom: 5px;
}

.miniBottomMargin {
    margin-bottom: 5px;

}

.dropdown-submenu-left > .dropdown-menu {
    left: auto;
    right: 100%;
}

/* Arrow position */
.dropdown-submenu-left {
    position: relative;
}

.dropdown-submenu-left > a:after {
    position: absolute;
    left: 7px;
    top: 3px;
    float: none;
    border-right-color: #cccccc;
    border-width: 5px 5px 5px 0;
}

.dropdown-submenu-left:hover > a:after {
    border-right-color: #ffffff;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    padding-bottom: 5px;
    display: table-cell;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 205px;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:first-child, .input-group-member:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group .form-control:last-child, .input-group-member:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.nonreadonly-style {
    cursor: pointer !important;
    background: #ffffff !important;
}

.successCell {
    color: #468847;
}

.successCell input {
    border-color: #468847;
}

.errorCell {
    background-color: #FAF4F4;
    color: #b94a48;
}

.errorCell input {
    border-color: #b94a48;
}

.errorCell .help-inline {
    color: #b94a48;

}

.groupHover:hover {
    background-color: #f5f5f5;
}

.displayTable {
    display: table;
}

.error-log {
    padding: 3px 10px;
    margin: 5px;
}

.error-log p {
    margin: 0px;
}

.invoice-summary {
    float: right;
    width: 430px;
    margin-top: 10px;
    margin-right: 35px;
}

.invoice-summary .total-vat {
    text-align: center;
    display: inline-block;
    width: 125px;
    font-size: 140%;
    font-weight: bold;
    color: #FF4A00;
}

.invoice-summary .total-vat-pay {
    text-align: center;
    display: inline-block;
    width: 125px;
    font-size: 150%;
    font-weight: bold;
    color: #000000;
}

.invoice-summary .total {
    display: inline-block;
    width: 100px;
    font-size: 110%;
    font-weight: bold;
}

.invoice-summary .sum-vat {
    display: inline-block;
    width: 75px;
    font-size: 110%;
    font-weight: bold;
    color: #3a87ad;
}

.credit-note-summary {
    width: 800px;
}

.credit-note-summary .type {
    color: #00438A;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
}

.delivery-list-controls {
    float: right;
    text-align: right;
    padding-right: 5px;
    width: 500px;
}

.delivery-list-header {
    padding-left: 5px;
    width: 300px;
}

.delivery-list-header h4 {
    margin: 0px;
}

.receipt-header {
    padding-left: 5px;
    width: 550px;
}

.receipt-controls {
    float: right;
    text-align: right;
    padding-right: 5px;
    width: 300px;
}

.credit-note-header {
    padding-left: 5px;
    width: 350px;
}

.credit-note-header h4 {
    margin: 0px;
}

.credit-note-controls {
    float: right;
    text-align: right;
    padding-right: 5px;
    width: 490px;
}

.greyFont {
    color: #DDD;
}

.credit-note-create {
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.credit-note-create .order {
    float: left;
    width: 45%;
    text-align: left;
}


.credit-note-create .credit-note {
    float: left;
    width: 53%;
    text-align: left;
    margin-left: 15px;
}

.credit-note-create .credit-note select {
    width: 165px;
}

.send-back-create {
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.send-back-create .item {
    float: left;
    margin-left: 5px;
    width: 47%;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 3px 5px;
    text-align: left;
}

.send-back-create .itemSolved {
    float: left;
    margin-left: 5px;
    width: 47%;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 3px 5px;
    text-align: center;
    font-size: 140%;
    color: #e3e3e3;
    background-color: #fcf8e3;
    vertical-align: middle;
    padding-top: 25px;
    min-height: 405px;
}

.send-back-create .item .image {
    float: left;
    width: 45px;
    height: 45px;
    overflow: hidden;
    margin-right: 5px;
    margin-top: 10px;
}

.credit-note-create .item {
    height: 60px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 3px 5px;
}

.credit-note-create .item .title {
    overflow: hidden;
}


.credit-note-create .item .image {
    float: left;
    width: 45px;
    height: 45px;
    overflow: hidden;
    margin-right: 5px;
    margin-top: 10px;
}

.credit-note-create .item .title .catalog-number {
    float: right;
    width: 60px;
    text-align: right;
}


.credit-note-create .item-unselected {
    background-color: #fcf8e3;
}

.credit-note-create .empty {
    display: none;
    cursor: pointer;
}

.credit-note-create .selected {
    display: block;
}

.credit-note-create .item-unselected .selected {
    display: none;
}

.credit-note-create .item-unselected .empty {
    display: block;
    color: #e3e3e3;
    text-align: center;
    padding-top: 20px;
    font-size: 130%;
}

.credit-note-create .reason {
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: left;
}

.credit-note-create .reason label {
    float: left;
    margin-right: 10px;
    width: 160px;
}

.credit-note-create .reason textarea {
    width: 340px;
}

.credit-note-create .repair-type {
    float: right;
    margin-top: 2px;
    margin-right: 5px;
}

.credit-note-create .credit-note input {
    height: 15px;
}

.credit-note-create .credit-note .title {
    margin-bottom: 7px;
}

.credit-note-create .credit-note .input-xlarge {
    width: 260px;
}

.credit-note-create .credit-note .input-append .add-on, .credit-note-create .credit-note .input-prepend .add-on {
    height: 19px;
    padding: 2px;
}

.credit-note-create .credit-note .price .input-medium {
    width: 60px;
}

.credit-note-create .credit-note .price .input-mini {
    width: 38px;
}

.credit-note-create .credit-note input[type="checkbox"] {
    margin: 0px 5px;
}

.credit-note-create .remove {
    float: right;
    width: 10px;
    height: 40px;
    margin-top: -1px;
    margin-right: -3px;
}

.credit-note-create .remove .btn {
    padding: 20px 0px;
    font-size: 70%;
}

.credit-note-create.credit-note-create-result .item {
    height: 45px;
}

.credit-note-create.credit-note-create-result .item .image {
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin-right: 5px;
    margin-top: 5px;
}

.btn-info, .btn-success {
    color: #ffffff !important;
}

.help {
    position: relative;
}

.help-active {
    padding: 0px !important;
}

.help-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #CCCCCC;
    z-index: 100;
    opacity: 0.35;
    border: #FF6600 dashed 2px;
    border-radius: 5px;
}

.help-overlay:hover {
    border-style: solid;
    background: #ffffff url('../images/llibs/help.jpg') top right no-repeat;
    opacity: 1;
}

.help-small .help-overlay:hover {
    border-style: solid;
    background: #ffffff url('../images/llibs/help-small.jpg') top right no-repeat;
    opacity: 1;
}

.help-div {
    display: inline;
}

.head-menu .nav a {
    padding-top: 2px !important;
}

.btn-do-link {
    cursor: pointer;
}

.emailTable a {
    color: #0088cc;
}

.emailTable a:hover {
    color: #005580;
}

.ui-widget-content a {
    color: #0088cc;
}

.ui-widget-content a:hover {
    color: #005580;
}

.uiFormHandler {
    float: right !important;
}

.uiFormHandler:hover {
    background-color: inherit !important;
    border-bottom: none !important;
}

#emptyRow {
    height: 44px;
    padding: 10px 0px;
}

.graphHolder {
    margin-left: 4px;
    float: left;
    width: 32%;
    height: 170px;
}

.smallGraph {
    width: 100%;
    height: 130px;
}

.labelGraphLegends {
    text-align: right;
    margin-top: 0px;
    width: 200px;
    height: 30px;
    padding-right: 5px;
}

.centeredHeader th {
    text-align: center !important;
}

h5.order-label {
    margin: 5px 0px;
}

.map-canvas {
    height: 100%;
    margin: 0;
    padding: 0;
}

.dpdParcelShopMap {
    display: block;
    width: 100%;
    height: 250px;
}

.dpdParcelShopMap .search {
    margin-top: 7px;
}

.dpdParcelShopMap .selectedBranch {
    margin-left: 7px;
    margin-top: 7px;
    width: 350px;
}

#postageTabs .ui-tabs-panel {
    padding: 0px ! important;
}

#postageTabs .collapsible-payment {
    cursor: pointer;
}

.infobox {
    color: #000000;
    padding: 0px 5px 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0 0 8px #000;
}

.homepageCategory {
    height: 200px;
    border: #CCCCCC thin solid;

}

.homepageCategory.deactive {
    background-color: #fcf8e3;
    color: #e3e3e3;
    text-align: center;
    height: 125px;
    padding-top: 75px;
    font-size: 130%;
}

.homepageCategory.active {
    text-align: center;
}

.connectedProductSortable {
    list-style-type: none;
}

.connectedProductSortable li {
    width: 80%;
    float: left;
}

.connectedSortable {
    list-style-type: none;
}

.connectedSortable li {
    width: 24%;
    float: left;
}

.smallLink {
    font-size: 80%;
}

.simpleProduct {
    margin-right: 10px;
    height: 250px;
    width: 400px;
    float: left;
}

.lineThrough {
    text-decoration: line-through;
}

.redFont {
    color: #FF4A00;
}

.blueFont {
    color: #0086B7;
}

.blackFont {
    color: #000;
}

.greenFont {
    color: #509F00;
}

.simpleProductPrice {
    float: left;
    width: 150px;
    margin-left: 15px;
}

.actionPrice {
    background-color: #FDF988;
}

.miniPadding {
    padding: 4px;
}

.add-item-snippet .control-label {
    width: 80px;
}

.add-item-snippet .control-group {
    display: inline-block;
    min-width: 175px;
    margin-bottom: 2px;
}

.add-item-snippet {
    margin: 3px;
}

.add-item-snippet h5 {
    margin: 0px 0px;
}

.add-item-snippet.well-small {
    padding: 5px;
}


.comparison-item .control-label {
    width: 90px;
}

.comparison-item .controls {
    margin-left: 95px;
}

.comparison-item .control-group {
    display: inline-block;
    margin-bottom: 2px;
    min-width: 180px;
}

.comparison-item {
    margin: 3px;
}

.comparison-item h5 {
    margin: 0px 0px;
}

.comparison-item.well-small {
    padding: 5px;
}

.comparison-item .invoice {
    float: left;
    width: 270px;;
}

.comparison-item .snapshot {
    float: left;
    width: 270px;
}

.comparison-item .result {
    float: left;
    width: 565px;
}

.comparison-item-element {
    position: relative;
    border: 1px #cccccc solid;
    border-radius: 5px;
    margin: 5px;
    height: 102px;
}

.comparison-item-element .title {
    width: 95%;
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    color: #cccccc;
    padding: 0px 10px;
}

.comparison-item-element.missing {
    background: #f2dede;
}

.comparison-item-element .help-inline {
    display: none !important;
}

.comparison-item-element.disable {
    opacity: 0.2;
}

.comparison-item-element.ok {
    background: #dff0d8;
}

.comparison-item-element.missing h4 {
    text-align: center;
    margin-top: 25px;
}

.comparison-item-element .left-button {
    position: absolute;
    height: 60px;
    margin-left: 2px;
    padding: 1px;
}

.comparison-item-element .right-button {
    position: absolute;
    right: 0;
    height: 60px;
    margin-right: 2px;
    padding: 1px;
}

.comparison-item-element .btn-mini {
    padding: 0px 2px;
    margin: 2px;
}

.sendBackActionBox {
    width: 400px;
    min-height: 100px;
}

.sendBackReason textarea {
    width: 230px;
    resize: vertical;
}

.sendBackAddImage {
    margin-left: 25px;
    margin-top: 5px;
}

.stockOperationTable {
    max-height: 380px;
    overflow: auto;
}

.stockOperationTableProduct {
    max-height: 420px;
    overflow: auto;
}

.strongerRightBorder {
    border-right: #000 thin solid;
}

.strongerBorderTopAll td, .strongerBorderTopAll th {
    border-top: #000 thin solid;
}

.strongerBottomBorderAll td, .strongerBottomBorderAll th {
    border-bottom: #000 thin solid;
}

.bottomBorderAll td, .bottomBorderAll th {
    border-bottom: #aaa thin solid;
}

.topBorderAll td, .topBorderAll th {
    border-top: #aaa thin solid;
}

.rightBorder {
    border-right: #aaaaaa thin solid;
}

.leftBorder {
    border-left: 1px solid #e3e3e3;
}

.doubleStrongTopBorder {
    border-top: 3px #000000 double;
}

.strongerLeftBorder {
    border-left: #000 thin solid;

}

.strongerBottomBorder th {
    border-bottom: #000 thin solid !important;
}

#stockHistory .green {
    border-top: none;
    border-bottom: none;
    background-color: #dff0d8;
    color: #468847;
}

#stockHistory .red {
    border-top: none;
    border-bottom: none;
    background-color: #f2dede;
    color: #b94a48;
}

.apiStates li {
    margin-top: 5px;
}

.orderCodeMapping {
    width: 370px;
}

.autoMargin {
    margin: auto;
}

.footerPanel {
    padding: 5px;
    width: 150px;
}

.footerPanel.active {
    min-height: 220px;
    border: #DDD thin solid;
    list-style-type: none;
}

.footerPanel.deactive {
    background-color: #fcf8e3;
    color: #e3e3e3;
    text-align: center;
    height: 150px;
    padding-top: 75px;
    font-size: 130%;
}

.removeFooterPanel, .removeFooterLink, .removeFooterMainLink, .pointerOnHover:hover {
    cursor: pointer;
    color: #0069D6;
}

.footerPanelLinks {
    list-style-type: none;
    margin-left: 5px;
}

.footerPanelLinks li:hover {
    background-color: #f5f5f5;
}

#footerReorder li {
    margin-left: 0px;
}

.noListStyle li {
    list-style-type: none;
}

tr.selectedRow td {
    background-color: #d9edf7;
}

#addCommentForm input {
    width: 190px;
}

#addCommentForm select {
    width: 200px;
}

#addCommentForm .smallSelect {
    width: 165px;
}

#addCommentForm .controls {
    margin-left: 160px;
}

#addCommentForm .control-label {
    width: 150px;
}

#addCommentForm .control-group {
    margin: 4px;
    float: left;
    width: 340px;
}

#addCommentForm .control-group:nth-child(2n) {
    width: 280px;
}

#addCommentForm .control-group:nth-child(2n) .controls {
    margin-left: 65px;
}

#addCommentForm .control-group:nth-child(2n) .control-label {
    width: 55px;
}

.sparePartGalleryHolder {
    border: #d9edf7 thin solid;
    height: 85px;
    width: 395px;
    background-color: white;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;

}

.canBeRemoved {
    display: inline-block;
}

.removeSparePartImage {
    height: 70px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 7px;
    width: 25px;
    border: 1px solid #fbeed5;
    color: #c09853;
    background-color: #fcf8e3;
}

.removeSparePartImageActive {
    color: #b94a48 !important;
    border: 1px solid #fbeed5 !important;
    background-color: #f2dede !important;
}

.removeSparePartTimes {
    margin-top: 30px;
    margin-left: 7px;
}

.dynamic-template .content {
    float: left;
    width: 660px;
    margin-right: 15px;
    min-height: 550px;
}

.dynamic-template .content textarea {
    width: 650px;
}

.dynamic-template .content .editable-content {
    display: none;
}

.dynamic-template .history {
    float: left;
    width: 165px;
    max-height: 500px;
    overflow-y: auto;
}

.dynamic-template .controls {
    float: left;
    width: 165px;
}

.dynamic-template .history .alert {
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.orderStatColor {
    height: 10px;
    width: 14px;
    border: 1px solid #ccc;
    padding: 1px;
}

.orderStatColorInner {
    width: 4px;
    height: 0;
    overflow: hidden;
    border-width: 5px;
    border-style: solid;
}

.orderStatLabel {
    padding-top: 3px;
}

.rightCheckbox {
    float: right;
}

.inlineCheckbox {
    display: inline-block;
    margin-left: 3px;
}

.mainImageInd {
    padding-top: 25px;
    width: 20px;
}

.mediumTopPadding {
    padding-top: 14px !important;
}

.tabsRight {
    position: relative;
    padding-right: 6.5em;
    height: inherit;
}

.tabsRight > .ui-tabs-nav {
    position: absolute;
    right: 0.25em;
    top: 0.25em;
    bottom: 0.25em;
    width: 85px;
    height: inherit;
    padding: 0.2em 0.2em 0.2em 0em;
    border-left: 1px solid #DDD;
    border-bottom: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}

.langTabsRight.tabsRight {
    position: relative;
    padding-right: 35px;
    padding-top: 0px;
    height: inherit;
}

.langTabsRight.tabsRight > .ui-tabs-nav {
    position: absolute;
    right: 0.25em;
    top: 0.25em;
    bottom: 0.25em;
    width: 30px;
    height: inherit;
    padding: 0.2em 0.2em 0.2em 0em;
    border-left: 1px solid #DDD;
    border-bottom: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}

.emailTemplateTabs.tabsRight {
    position: relative;
    padding-right: 35px;
    padding-top: 0px;
    height: inherit;
}

.emailTemplateTabs.tabsRight > .ui-tabs-nav {
    position: absolute;
    right: 0.25em;
    top: 0.25em;
    bottom: 0.25em;
    width: 150px;
    height: inherit;
    padding: 0.2em 0.2em 0.2em 0em;
    border-left: 1px solid #DDD;
    border-bottom: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}


.langData .main-content {
    height: inherit;
    border-right: none;
}

.projectTabsRight.tabsRight {
    position: relative;
    padding-right: 80px;
    padding-top: 0px;
    height: inherit;
    margin-right: -50px;
}

.projectTabsRight.tabsRight > .ui-tabs-nav {
    position: absolute;
    right: -2px;
    top: 0.25em;
    bottom: 0.25em;
    width: 80px;
    height: inherit;
    padding: 0.2em 0.2em 0.2em 0em;
    border-bottom: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}

.projectTabsRight.tabsRight.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(132, 205, 255, 1) 100%);
    font-weight: bold;
}

.postageProjectTabsRight.tabsRight {
    position: relative;
    padding-right: 80px;
    padding-top: 0px;
    height: inherit;
    margin-right: -50px;
}

.postageProjectTabsRight.tabsRight > .ui-tabs-nav {
    position: absolute;
    right: -2px;
    top: 0.25em;
    bottom: 0.25em;
    width: 80px;
    height: inherit;
    padding: 0.2em 0.2em 0.2em 0em;
    border-bottom: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}

.postageProjectTabsRight.tabsRight.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(132, 205, 255, 1) 100%);
    font-weight: bold;
}


.invoicingSequenceGroupTabsRight.tabsRight {
    position: relative;
    padding-right: 130px;
    padding-top: 0px;
    height: inherit;
    margin-right: -100px;
}

.invoicingSequenceGroupTabsRight.tabsRight > .ui-tabs-nav {
    position: absolute;
    right: -2px;
    top: 0.25em;
    bottom: 0.25em;
    width: 130px;
    height: inherit;
    padding: 0.2em 0.2em 0.2em 0em;
    border-bottom: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}

.projectCompanyTabsRight.tabsRight {
    position: relative;
    padding-right: 80px;
    padding-top: 0px;
    height: inherit;
    margin-right: -50px;
}

.projectCompanyTabsRight.tabsRight > .ui-tabs-nav {
    position: absolute;
    right: -2px;
    top: 0.25em;
    bottom: 0.25em;
    width: 80px;
    height: inherit;
    padding: 0.2em 0.2em 0.2em 0em;
    border-bottom: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}

.projectCompanyTabsRightSales.tabsRight {
    position: relative;
    padding-right: 80px;
    padding-top: 0px;
    height: inherit;
    margin-right: -50px;
}

.projectCompanyTabsRightSales.tabsRight > .ui-tabs-nav {
    position: absolute;
    right: -2px;
    top: 0.25em;
    bottom: 0.25em;
    width: 80px;
    height: inherit;
    padding: 0.2em 0.2em 0.2em 0em;
    border-bottom: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}


.tabsRight > .ui-tabs-nav li {
    width: 100%;
    border-bottom-width: 1px !important;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    overflow: hidden;
    padding-left: 3px;
}

.tabsRight > .ui-tabs-nav li.ui-state-active {
    left: -1px;
    border-bottom: 1px solid #DDD !important;
    border-top: 1px solid #DDD !important;
    border-right: 1px solid #DDD;
    border-left: none;
}

.tabsRight > .ui-tabs-nav li.ui-state-hover.ui-state-active {
    border-left: none;
}

.tabsRight > .ui-tabs-nav li.ui-state-hover {
    left: -1px;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.tabsRight > .ui-tabs-nav li a {
    width: 100%;
    padding-left: 5px;
}

.tabsRight > .ui-tabs-nav li a:hover {
    border-bottom: none;
}

.tabsRightCategory {
    min-height: 187px;
}

.productCreateInfo {
    min-height: 210px;
}

#productCreateInfo {
    width: 410px;
}

.warranty-comment {
    margin: 0 !important;
    padding: 5px !important;
}

.warranty-comment-height {
    max-height: 75px;
    border-color: #24748c;
    overflow: hidden;
}

.warranty-comment-height:hover {
    max-height: none;
    overflow: hidden;
}


.warranty-comment p {
    margin-bottom: 5px;
}

.warranty-comment p:last-of-type {
    margin-bottom: 0px;
}

.warranty-new-email {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 3;

    animation-name: blinker;
    animation-duration: 3s;
    animation-delay: 2s;
    animation-timing-function: ease;
    animation-iteration-count: 3;
}

.logHistory {
    cursor: pointer;
}

@-webkit-keyframes blinker {
    0% {
        background: #fff;
        color: #404040
    }
    25% {
        background: #fff;
        color: #404040
    }
    50% {
        background: #bf3030;
        color: #ffffff;
    }
    75% {
        background: #fff;
        color: #404040
    }
    100% {
        background: #fff;
        color: #404040
    }
}

.lang-tabs .tab {
    padding-left: 0;
    padding-right: 0;
}

.positionCell {
    border: #000 thin solid;
    width: 64px;
    height: 96px;
}

.smallerNavPadding a {

    padding-left: 5px !important;
    padding-right: 5px !important;
}

.sendBackNavPicker {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 7px !important;
}

#refreshActiveUsers {
    margin-top: 10px;
    color: #3a87ad;
    cursor: pointer;
}

#snippet-active-users {
}

.form-update-lang-data.form-horizontal .control-label {
    width: 100px;
}

.form-update-lang-data.form-horizontal .controls {
    margin-left: 110px;
}

.form-update-lang-data textarea {
    width: 435px;
}

.input-mini.inputAddon {
    width: 60px;
    background-color: white;
}

.input-mini.inputAddon:disabled {
    background-color: #eee;
}

.input-mini.inputAddon:read-only {
    background-color: #eee !important;
}

.control-group.success .input-mini.inputAddon {
    background-color: white;
}

.control-group.error .input-mini.inputAddon {
    background-color: white;
}

.bigBottomMargin {
    margin-bottom: 40px;
}

.tabsPanelNoPadding {
    padding: 0 !important;
}

.tabsLeft {
    position: relative;
    padding-right: 6.5em;
    height: inherit;
}

.tabsLeft > .ui-tabs-panel {
    position: relative;
    margin-left: 140px;
    height: inherit;
}

.tabsLeft > .ui-tabs-nav {
    position: absolute;
    top: 0.25em;
    bottom: 0.25em;
    width: 130px;
    height: inherit;
    padding: 0.2em 0.2em 0.2em 0em;
    border-right: 1px solid #DDD;
    border-bottom: none;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}

.tabsLeft > .ui-tabs-nav li {
    width: 100%;
    border-bottom-width: 1px !important;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px;
    left: -3px;
}

.tabsLeft > .ui-tabs-nav li.ui-state-active {
    border-bottom: 1px solid #DDD !important;
    border-top: 1px solid #DDD !important;
    border-left: 1px solid #DDD;
    border-right: none;
}

.tabsLeft > .ui-tabs-nav li.ui-state-hover.ui-state-active {
    border-right: none;
}

.tabsLeft > .ui-tabs-nav li.ui-state-hover {
    border-right: 1px solid #DDD;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.tabsLeft > .ui-tabs-nav li a {
    width: 100%;
    padding-left: 3px;
    padding-right: 3px;

}

.tabsLeft > .ui-tabs-nav li a:hover {
    border-bottom: none;
    padding-left: 3px;
    padding-right: 3px;
}

.productDetailCategoryTable {
    max-height: 396px;
    overflow-x: hidden;
    overflow-y: auto;
}

#projectDefinitionTabs {
    min-height: 150px;
    padding-left: 4px !important;
    padding-top: 4px !important;
    padding-right: 4px !important;

}

#projectDefinitionTabs > .ui-tabs-panel {
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-top: 4px !important;
}

.tabsPrice > .ui-tabs-panel {
    padding-left: 4px !important;
    padding-top: 4px !important;
}

.noTopMargin {
    margin-top: 0px !important;
}

.productDetailOverlay {
    opacity: 0.7;
}

.productAutcomplete {
    height: 65px;
    width: 450px;
    border-bottom: 1px #FF4800 dashed;
}

.productAutcomplete.overloadedProject {
    background-color: #f5f5f5;
}

.productAutcomplete:hover {
    background-color: #006dcc;
}

.alertTab {
    background-color: #dff0d8 !important;
}

.alertTab a {
    background-color: #dff0d8 !important;
}

.alertTab.ui-state-hover a {
    background-color: #ffffff !important;
}

.alertTab.ui-state-hover {
    background-color: #ffffff !important;
}

.alertTab.ui-state-active {
    background-color: #ffffff !important;
}

.overlay-layer {
    overflow: auto;
}

.inline-group.error input, .inline-group.error select, .inline-group.error textarea {
    border-color: #b94a48;
    color: #b94a48;
}

.inline-group.error .control-label, .inline-group.error .help-block, .inline-group.error .help-inline {
    color: #b94a48;
}

.inline-group.success input, .inline-group.success select, .inline-group.success textarea {
    border-color: #468847;
    color: #468847;
}

.inline-group.success .control-label, .inline-group.success .help-block, .inline-group.success .help-inline {
    color: #468847;
}

.innerThLabel {
    font-weight: inherit;
    margin-top: 3px;
    margin-bottom: 0px;
    font-size: inherit;
}

.feedCheckAll {
    margin-top: 0px !important;
}

.strongInNav {
    color: #777;
}

.rating i {
    color: #ccff00;
}

.seoTextParent {
    width: 600px;
    height: 150px;
    overflow: auto;
    resize: both;
}

.aukro-table-striped .stripedRow:nth-of-type(odd) > td, .aukro-table-striped .stripedRow:nth-of-type(odd) > th {
    background-color: #f9f9f9;
}

.smallerFont {
    font-size: 85%;
}

.formFieldCheck {
    margin-top: 0px !important;
}

.aukroPostageRow {
    height: 43px;
}

.aukroPostageRow input {
    margin-bottom: 0;
}

.aukroPostageRow .input-append {
    margin-bottom: 2px;
}

.fontSizeNormal {
    font-size: 100%;
}

#salesLegendContainer table {
    margin-left: 100px;
}

.glsCountryPicker {
    margin-top: 0px !important;
    width: 150px !important;
}

.bigTopMargin {
    margin-top: 40px;
}

.bigRightMargin {
    margin-right: 40px;
}

.disableIcon .check-mark {
    display: none !important;
}

.noTopPadding {
    padding-top: 0px;
}

.rightTabsHeader {
    font-size: 125%;
    font-weight: bold !important;
    text-align: center;
}

.colorInput {

    width: 20px;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 7px;
}

.minWidth120 {
    min-width: 120px;
}

.labelStat {
    display: inline-block;
    width: 425px;
}

.eetReceiptTable {
    width: 350px;
}

.logList {
    text-align: left;
    list-style-type: none;
    display: block;
}

.labelWhite {
    background-color: #ffffff;
}

.labelGrey {
    background-color: #f5f5f5;
}

.propertyName {
    width: 200px;
    margin-right: 20px;
    font-weight: bold;
    display: inline-block;
    float: left;
}

.logInnerHeader {
    margin-left: 50px;
}

.logHolder {
    height: 400px;
    overflow-y: auto;
}

.propertyValue {
    display: inline-block;
}

#aukroCategories {
    display: block;
    overflow: auto;
}

.homepageProductItem {
    border: 1px solid #e5e5e5;
}

.langValue {
    width: 180px;
    margin-bottom: 0px;
}

.phraseDescription {
    width: 340px;
    margin-bottom: 0px;
}

.phraseForm {
    margin-bottom: 0px;
}

.phraseForm textarea {
    color: #303030;
}

.groupSelect {
    width: 80px;
}

.table-top-scroll {
    overflow: auto;
    height: 1px;
}

.selectCustomerWarranty {
    width: 57px;
    height: 24px;
    padding-left: 0px;
    padding-right: 0px;
}

.width150 {
    width: 150px;
}

.borderBlue {
    border: 1px solid #bce8f1;
}

.rightTabsBiggerHeader {
    font-size: 140%;
    font-weight: bold !important;
    text-align: center;
}

.templateDetail {
    width: 1350px;
}

.emailTemplate {
    width: 1350px;
}

.emailTemplate .preformated-content {
    max-height: 550px;
    overflow: scroll;
}

.table-center-easy td {
    text-align: center;
}

.table-center-easy th {
    text-align: center;
}

.width200 {
    width: 200px;
}

.refreshCount {
    margin-right: 10px;
    margin-top: 7px;
    cursor: pointer;
}

.tableTopScroll {
    display: block;
    overflow: auto;
}

.emailTemplate .content {
    float: left;
    width: 1000px;
    margin-right: 15px;
    min-height: 550px;
}

.noBorder {
    border: none;
}

.noTopBorder td, .noTopBorder th, .noTopBorder tr {
    border-top: none;
}

.noBottomBorder td, .noBottomBorder th {
    border-bottom: none;
}

.noHoverStriped:hover {
    background-color: #ffffff !important;
}

.noStriped td, .noStriped th {
    background-color: #ffffff !important;
}

.userRightHeader {
    float: left;
    width: 150px;
}

.emailTemplate .content textarea {
    width: 950px;
}

.interNoticeArea {
    width: 500px;
}

.emailTemplate .content .editable-content {
    display: none;
}

.emailTemplate .history {
    float: left;
    width: 165px;
    max-height: 500px;
    overflow-y: auto;
}

.emailTemplate .controls {
    float: left;
    width: 165px;
}

.emailTemplate .history .alert {
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.userRightName {
    float: left;
    width: 150px;
    height: 30px;
}

.userRightNameHigher {
    float: left;
    width: 150px;
    height: 50px;
}

.groupHeader {
    float: left;
    height: 30px;
}

.groupHeaderHigher {
    float: left;
    height: 50px;
}

.userRightsInputHolder {
    float: right;
    display: block;
}

.rightCell {
    float: left;
    width: 150px;
    height: 30px;
}

.rightCellHigher {
    float: left;
    width: 150px;
    height: 50px;
}

.rowHover {
    background-color: #c4e3f3 !important;
}

.userRightHeader .userRowHover:nth-child(even) {
    background-color: #f9f9f9;
}

.userRightInnerRow:nth-child(2n) {
    background-color: #f9f9f9;
}

.inputChanged {
    background-color: #fcf8e3;
}

.emailTemplateContent {
    height: 550px;
}

.biggerTooltip .tooltip-inner {
    width: 300px;
}

.emailTemplateTextLangValue {
    text-align: left;
    border: #d9edf7 thin solid;
}

.addDirectRequestItemButton .btn {
    height: 30px;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.addDirectRequestItemButton .simpleButton {
    height: 42px !important;
    padding-top: 0px !important;
}

.addDirectRequestItemButton {
    float: right;
    width: 10px;
    margin-right: -10px;
    margin-top: 5px;
}

.leftMargin50px {
    margin-left: 50px;
}

.selectedUserPreference {
    border: graytext thin 1px;
    margin-top: 3px;
    heigth: 25px;
    padding: 5px;
}

.warrantyUserTypeProjectTabs {
    width: 730px;
}

.directRequestTotal {
    font-size: 140%;
    font-weight: bold;
    color: #FF4A00;
}

.stockInvoiceDetailTotal {
    font-size: 140%;
    font-weight: bold;
}

.providerAvailability .inStock {
    width: 37px;
}

.providerAvailability .providerInStock {
    width: 39px;
}

.providerAvailability .notInStock {
    width: 30px;
}

.left-menu.for-wide {
    margin-top: 70px;
    margin-left: 010px;
}

.noteLabel {
    font-size: 65%;
    white-space: nowrap;
}

.noteRow {
    font-size: 90%;
}

.noteRowPadding {
    padding-top: 5px;
    padding-bottom: 5px;
}

.graphHover {
    margin-left: -50px;
}

.graphLegend {
    width: 205px;
}

tr.error td {
    border-top: 1px solid #e0b5b5;
}

tr.success td {
    border-top: 1px solid #84c6a5;
}

.errorLevel2 {
    background-color: #fAefef;
}

tr.errorLevel2 td {
    background-color: #fcf8e3;
    border-top: 1px solid #dbca71;
}

.table-hover tbody tr.errorLevel2:hover td {
    background-color: #faefbb;
}


@media print {
    a[href]:after {
        content: "";
    }
}

.table-condensed.table-condensed-mini-padding td, .table-condensed.table-condensed-mini-padding th {
    padding: 1px 1px;
}

.staticPageForm {
    width: 700px;
}

.staticPageHistoryBox {
    height: 400px;
    overflow: auto;
}

.showHistory {
    cursor: pointer;
}

.billingDetail:hover {
    background-color: #f5f5f5;
}

.billingDetail:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table .table.billingDetailInner {
    background-color: inherit;
}

.imapEmailTextArea {
    width: 100% !important;
    max-width: 100% !important;
    height: 150px !important;
}

.imapEmail-text {
    margin: 0 !important;
    padding: 5px !important;
    width: 665px !important;
    max-width: 665px !important;
}

.imapEmail-text-height {
    max-height: 20px;
    border-color: #24748c;
    overflow: hidden;
}

.imapEmail-text-height:hover {
    max-height: none;
    overflow: auto;
}


.imapEmail-text p {
    margin-bottom: 5px;
}

.imapEmail-text p:last-of-type {
    margin-bottom: 0px;
}

.table-imapEmail {
    margin-bottom: 0px;
}

.branchList {
    max-height: 450px;
    margin: 0;
    list-style-type: none;
    overflow: auto;
}

.branchList li {
    font-size: 70%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.branchList li input {
    margin-top: 0px;
}

.branchList li label {
    margin-bottom: 0px;
}

.branchList li:nth-child(odd) {
    background-color: #f9f9f9;
}

.branchList li:hover {
    background-color: #f5f5f5;
}

.preparedEmailText {
    transition: max-height 0.15s ease-out;
    max-height: 20px;
    border: 1px solid #24748c;
    overflow: hidden;
    background-color: white;
    padding: 5px;
}

.preparedEmailText:hover {
    max-height: 1000px;
    overflow: auto;
    transition: max-height 0.25s ease-in;
}

.dropdown5 {
    max-height: 130px;
    overflow-y: auto;
}

.warrantyImageDeleteSpan {
    display: block;
}

.warrantyVideoDeleteSpan {
    display: block;
}

.table .noLeftPadding {
    padding-left: 0px;
}

.table .noRightPadding {
    padding-right: 0px;
}

.inventoryDetail:hover {
    background-color: #f5f5f5;
}

.inventoryDetail:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table .table.inventoryDetailInner {
    background-color: inherit;
}

.inventoryDetail tr.borderTop {
    border-top: 1px solid #ddd;
    width: 100%;
}

.inventoryProductItemReview {
    font-size: 115%;
    font-weight: bold;
}

.inventoryRed {
    color: red;
}

.deliveryContact:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.deliveryProductItem {
    border-top: 1px solid #e3e3e3;
}

.deliveryInvoiceTable td {
    padding-left: 5px;
    padding-right: 5px;
}

.inlineBlock {
    display: inline-block;
}

.paidOffInvoiceCreate {
    margin-bottom: 10px;
    margin-right: 10px
}

.progress-bar-container {
    display: flex;
    align-items: center;
}

.progress-bar {
    position: relative;
    flex-grow: 1;
    margin: 0px;

}

.progress-bar__left {
    margin-right: 3px;
}

.progress-bar__label {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
}

.progress-bar__info {
    flex-shrink: 0;
    margin-left: 1em;
}

.noTopBorder tr {
    border-top: none !important;
}

.progress-error {
    color: red;
}

.dropdown-menu li > a.bold {
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

.received-invoice-message {
    display: inline;
    padding-right: 30%;
    color: red;
}

.received-invoice-preview-box {
    width: 100%;
    height: 400px;
}

.received-invoice-preview {
    padding-top: 5px;
    padding-bottom: 5px;
}

.received-invoice-preview-item {
    display: inline;
}

.received-invoice-preview-item-header {
    display: inline-flex;
}

.ui-tabs .ui-tabs-nav li.ui-state-default.deactivedProject, .ui-tabs .ui-tabs-nav li.ui-state-default.deactivedProject a {
    color: silver;
}

.stockInvoiceHeader {
    font-weight: bold;

}

.snapshotCheckGrey {
    background-color: #e2e2e2;
}

.snapshotCheckWhite {
    background-color: #f9f9f9;
}

.displayInherit {
    display: inherit !important;
}

.cacheProjectList {
    display: inline-flex;
}

.unusedLabelOptgroup {
    color: #999999 !important;
}

.highlightedComment {
    border: 1px solid red;
}

.productVariant {
    width: 60%;
}

.productVariantRow {
    display: flex;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    margin-top: 5px;
}

.productVariantRow:nth-child(even) {
    background-color: #f5f5f5;
}

.productVariantRowImage {
    width: 15%;
    box-sizing: border-box;

}

.productVariantRowName {
    width: 75%;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;

}

.productVariantRowButton {
    width: 10%;
    padding-top: 5px;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
}

.productVariantRow.productVariantCurrentProduct {
    color: #468847;
    background-color: #dff0d8;
}

.order-notice-icon {
    width: 17px;
}

.price-bg {
    padding: 0 .3em;
    border: 1px solid #fcba03;
    border-radius: 3px;
    font-size: 90%;
}

/* postovne editace - zacatek */

#sortableVariation {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

#sortableVariation li.variationItem {
    width: 50%;
    display: flex;
    padding: 5px;
    box-sizing: border-box;
    min-height: 150px;
}

#sortableVariation .variationContent {
    border: #DDD thin solid;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 5px;
}

#sortableVariation .variationItemPlaceholder {
    background-color: #fcf8e3;
    min-height: 150px;
    width: 50%;
    display: flex;
    padding: 5px;
    box-sizing: border-box;
}

#sortableVariation .variationHeader {
    font-size: 120%;
    font-weight: bold;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    padding: 10px;
}

#sortableVariation .specificationRow {
    display: flex;
    padding: 10px;
}

#sortableVariation .specificationInfoBox {
    width: 10%;
}

#sortableVariation .specificationCategory {
    text-align: left;
    width: 15%;
}

#sortableVariation .specificationWeightText {
    text-align: right;
    width: 15%;
}

#sortableVariation .specificationPrice {
    text-align: right;
    width: 25%;
}

#sortableVariation .specificationCod {
    text-align: right;
    width: 15%;
}

#sortableVariation .specificationButton {
    width: 15%;
    text-align: right;
}

#sortableVariation .specificationRow.specificationRowManual {
    color: #c09853;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
}

#sortableVariation .specificationRow.specificationRowProblem {
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
}

#sortableVariation .specificationRow.specificationRowManual.highlightSpecificationRow {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

#sortableVariation .specificationRow.highlightSpecificationRow {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;

}

.specificationRowHeader {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #999;
}

#variationsList {
    width: 60%;
    float: left;

}

#deliveryCategoryWeightList {
    width: 40%;
    float: left;
}

#deliveryCategoryWeightList .deliveryCategoryHeader {
    font-size: 120%;
    font-weight: bold;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    padding: 10px;
}

.deactiveVariationHeader {
    font-size: 130%;
    font-weight: bold;
    padding: 15px;
}

/* postovne editace - konec   */


/* postovne editace - produkty - zacatek */

.productDeliveryCategoryHeader {
    font-size: 120%;
    font-weight: bold;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    padding: 10px;
}

.productDeliveryCategoryWeightRow {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.productDeliveryCategoryWeightRow.weightCategoryNotUsed {
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
}

/* postovne editace - produkty - konec */

/* postovne stitky - zacatek */

.labelTable .highlightSwitchOff {
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
}

.labelTable .highlightSwitchOn {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

/* postovne stitky - konec*/
/* bootstrap tooltip blinking fix */
.tooltip {
    pointer-events: none;
}

/* bootstrap tooltip blinking fix - end*/
/* warranty & order list edits */
.orderlist__postage-price {
    font-size: 90%;
    padding-right: .3em;
    color: #686868;

}

.list-user-name {
    margin-right: 1em;
}

.list-user-contanct-group {
    margin-right: 1em;
    white-space: nowrap;
}

.warranty-icons {
    display: inline-block;
    margin-left: 2em;
}

.table tbody tr.info td {
    background-color: #d9edf7;
    border-top: 1px solid #88caff;
}

.warranty-filter__head {
    display: flex;
    justify-content: space-between;
}

.warranty-item__additional-info {
    font-size: 14px;
    font-weight: normal;
}

.warranty-filter__status-label {
    font-size: 13px;
    padding: 0.5em 1em;
    padding-top: 0.5em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-left: 1em;

}

/* warranty & order list edits - end */

.form__invoicing-currency__description {
    border: black;
    display: block;
    margin-top: 10px;
    margin-left: 50px;
    background-color: aliceblue;
    margin-right: 50px;
    border-radius: 5px;
    padding: 5px;
}

/* old bootstrapbut new jquery*/
.modalNoTitle {
    overflow-y: auto;
}

.modalNoTitle .ui-dialog-titlebar {
    display: none;
}

.modalNoTitle.transparent {
    opacity: 0.5;
    width: 100% !important;
    height: 100% !important;
    text-align: center;
}

/* bootstrap select - aby fungoval i v modalnich oknech*/
.bootstrap-select.open {
    z-index: 1051;
}

.maxHeight95 {
    max-height: 95%;
}

.height95 {
    height: 95%;
}

.metabase-info {
    background-color: #ffeb8138;
}

a.powerbi-btn {
    background-image: linear-gradient(#f1d96f, #eabb2e, #da9f1e) !important;
    color: #563202 !important;
    border-color: #b26b0d;
    font-size: 13px;
}

a.powerbi-btn:hover {
    background: #dca120 !important;
    color: #563a06 !important;
}

a.powerbi-btn-1 {
    background-image: linear-gradient(#797979, #595959, #212121) !important;
    color: #ececec !important;
    text-shadow: none !important;
    border-color: #2d2d2d;
    font-size: 13px;
}

a.powerbi-btn-1:hover {
    background: #696969 !important;
    color: #171717 !important;
}

.warrantyInfo__layout {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.warrantyInfo__col {
    position: relative;
    width: 50%;
}

.warrantyInfo__panel {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.warrantyInfo__table {
    width: 100%;
}

.warrantyInfo__table td {
    vertical-align: top;
}

.warrantyInfo__table-label {
    white-space: nowrap;
    font-weight: bold;
}

.warrantyInfo__table tr:nth-of-type(even) > td {
    background-color: #f5f5f5;
}

.noWrap {
    white-space: nowrap;
}

.feedPanel {
    height: 67px;
}

/* showroom order detail */
.showroom-order-attributes {
    min-width: 520px;
    float: right;
    margin-top: -39px;
}

.showroom-order-attributes img {
    vertical-align: top;
    margin-top: 3px;
}

.personalPaymentCard {
    padding: .5em 2em;
    color: white;
    font-size: 2.5rem;
    border-radius: 3px;
}

.personalPaymentCard.gen {
    background-color: #63a714;
}

.personalPaymentCard.kok {
    background-color: #e03f00;
}

.packingParam {
    display: flex;
    justify-content: space-between;
}

.loadedFilter {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    padding: .3em 1em;
}

.loadedFilter .loadedFilterName {
    font-size: 1rem;
    font-weight: bold;
}

.loadedFilter .loadedFilterTitle {
    color: gray;
}

.loadedFilter .loadedFilterControl {
    margin: .5em 0;
    display: flex;
}

.loadedFilter .loadedFilterControl > * {
    margin-right: .5em;
}

.loadedFilter .loadedFilterControl form {
    margin-bottom: 0;
}

.first-in-set > td {
    box-shadow: inset 0px 8px 5px -8px rgba(0, 0, 0, 0.2);
}

.last-in-set > td {
    box-shadow: inset 0px -8px 5px -8px rgba(0, 0, 0, 0.2);
}

span.tooltip-title {
    cursor: default;
}

.productIdsFilterHolder {
    max-height: 100px;
    overflow-y: auto;
}

.collapsedTableRow {
    background-color: #ffffff !important;
    border-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.globalParamInput {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.globalParamInput--button {
    font-size: 10.5px !important;
}

.globalParam--hide {
    display: none;
}

.globalParamInput--select {
    height: 22px !important;
    width: 280px !important;
    font-size: 13px !important;
    color: #808080 !important;
    padding-left: 4px !important;
}

.globalParamInput--select--small {
    height: 22px !important;
    font-size: 13px !important;
    color: #808080 !important;
    padding-left: 4px !important;
}

.globalParamScrollableDiv {
    max-height: 660px;
    overflow-y: auto;
    overflow-x: hidden;
}