input {
    line-height: 15px
}

.content {
    padding: 0 30px;
}

.validation_error {
    color: red;
}

.horizon_vertical td.no-bd {
    border: none!important;
}

div.footer,
.menu-top {
    background: #2f2f2f;
}

.links {
    background: #656565;
}

table.theme1 {
    width: 100%!important;
}

table.theme1 td .nazwa {
    width: auto;
}

table.theme1 tr td {
    border: none;
}

table.theme1 tr td hr {
    border-top: 1px dotted #ccc;
}

table.theme1 th textarea,
table.theme1 td textarea,
.sf_admin_list table th textarea,
.sf_admin_list table td textarea,
table.theme1 div.details {
    width: 100%;
}

span[id^="details_"] {
    width: 100%;
}

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

.details textarea,
div.textarea {
    padding: 10px;
}

div.textarea {
    width: 100%;
    background-color: #fff;
    -webkit-appearance: textarea;
    color: inherit;
}

.logo .logo-creme {
    display: inline-block;
    vertical-align: middle;
}

.logo .logo-creme img {
    width: 75px;
}

.logo .tytul {
    display: inline-block;
    vertical-align: middle
}

div.footer div.box_f,
div.footer div.box_f_logo {
    width: 200px;
}

div.footer div.box_f h1 {
    text-transform: uppercase;
}

div.footer hr {
    margin: -8px 0 8px 0!important;
}

.content>h3.title {
    margin-bottom: 20px;
}

.bgwhite {
    background-color: white!important;
}

#mycarousel {
    padding-top: 20px;
}

.jcarousel-control-prev,
.jcarousel-control-next {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.message {
    font-size: 13px;
}

.message img {
    top: 0px;
}

.error_message {
    width: auto;
    margin: 0;
    z-index: 9999;
    height: auto;
    top: -20px;
}

.langChange {
    position: absolute;
    right: 10px;
    bottom: 7px;
}

.help {
    white-space: nowrap;
}

div.alert {
    width: 100%;
}

.smenu {
    padding: 0 20px;
    margin-left: 0;
    width: 22%;
}

table .opt a.panel {
    margin: auto;
    vertical-align: text-top!important;
}

table.theme1.data td img {
    vertical-align: text-top!important;
}

tbody#filter td {
    text-align: center;
}

#smenu_grupy .nav>li {
    width: 100%;
}

#smenu_grupy.menu ul li a {
    width: 100%
}

#smenu_grupy.menu ul ul li a {
    width: 90%
}

#smenu_grupy.menu ul ul ul li a {
    width: 80%
}

#smenu_grupy.menu ul ul ul ul li a {
    width: 70%
}

#smenu_grupy.menu ul ul ul ul ul li a {
    width: 60%
}

input.numeric {
    width: 58px!important;
    height: 30px!important;
}

.search form input[class*='filtr'],
.search form input[name='search'] {
    height: 50px!important;
    width: 100%!important;
}

input[type="text"],
input[type="password"],
div.input {
    height: 25px!important;
}

.ui-datepicker-year {
    color: #000!important;
}

.user-info h4 {
    font-size: 12px;
}

.user-info select[name=langChange] {
    color: #000;
}

.links {
    margin-bottom: 0;
}

.links ul {
    width: 990px;
    margin: auto auto;
}

.links a:hover {
    background: #f0f1f3!important;
    color: #0d1218!important;
}

.navbar {
    min-height: 40px;
}

ul.promocje li,
ul.promocje li .top,
ul.promocje li .body,
ul.promocje li .bottom,
ul.promocje li .info {
    width: 100%;
}

ul.promocje li .info div.promo {
    float: left;
}

ul.promocje li .body {
    border: none;
    padding-top: 10px
}

ul.promocje li .info,
.info div.flag {
    top: 0px;
}

ul.promocje li .info div.nowo,
ul.promocje li .info div.promo,
.info div.flag {
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    margin: 20px 0 0 13px;
    width: 70px;
}

ul.promocje li .info div.nowo .caret,
ul.promocje li .info div.promo .caret {
    display: none;
}

ul.promocje li .info div.nowo>div.text,
ul.promocje li .info div.promo>div.text {
    padding-bottom: 16px;
}

#towary.content {
    width: 77%;
}

.warning {
    height: auto;
    width: 100%;
}

table.theme1 .mdown.button,
table.theme1 .mup.button {
    float: none;
}

.clear-filter.filtr-more {
    cursor: pointer;
}

#silnik tr {
    cursor: pointer;
}

.akcyza_cont {
    float: none;
    margin: 2px 0;
    font-size: 10px;
    padding: 2px 2px 8px 2px;
}

.akcyza_cont.mobile {
    color: #fff;
    position: absolute;
    padding: 0;
    top: -6px;
    right: 63px;
}

input.akcyza {
    /*
    width: 64px;
    height: 20px;
    */
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    display: inline-block;
}

.bootstrap-switch .bootstrap-switch-container {
    -webkit-transform: none!important;
}

label.select-custom select {
    position: relative;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-appearance: button;
    -webkit-user-select: none;
    padding-right: 0;
    z-index: 3;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label.select-custom select {
    font-size: 14px;
    padding-right: 30px;
    width: 100%;
}

label.select-custom span {
    display: block;
    position: absolute;
    top: 11px;
    -bracket-: hack[;
    top: 12px;
    ];
    left: 12px;
    z-index: 2;
    text-align: left;
    font-size: 13px !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 40px 0 0;
}

label.select-custom {
    width: auto;
    height: 37px !important;
    position: relative;
    display: inline-block;
    margin: 0;
    overflow: hidden;
    background: #e9e9e9 url('../images/arrow/arrow-down.png') no-repeat;
    background-position: right 10px top 50%;
    background-origin: content-box;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

label.select-custom.filters {
    width: 100%!important;
    background-color: #fff!important;
    border: #DBDBDB solid 1px!important;
    -webkit-border-radius: 2px!important;
    -moz-border-radius: 2px!important;
    border-radius: 2px!important;
}

label.select-custom.filters span {
    color: #dbdbdb!important;
    font-weight: bold!important;
}

label.select-custom:hover {
    background-image: url('../images/arrow/arrow-down-hover.png');
}

label span {
    color: #149edc!important;
}

label.select-custom[disabled="disabled"] {
    opacity: 0.3;
}

label.select-custom.shade {
    opacity: 0.4;
}

#getAkumulatory {
    position: relative;
    min-height: 20px;
    padding: 0 40px;
}

#getAkumulatory label {
    width: 80%;
    color: #8A8A8A;
    font-size: 11px;
    text-align: center;
}

#getAkumulatory input {
    width: 60%!important;
}

#getAkumulatory input#new_silnik_od,
#getAkumulatory input#new_silnik_do {
    width: 100%!important;
}

#getAkumulatory table {
    margin: auto;
    width: 100%;
}

#getAkumulatory table td {
    padding: 10px 10px 5px 10px;
}

#getAkumulatory .silniki {
    width: 100%;
    font-size: 12px;
}

#getAkumulatory .silniki tr {
    background: #e9e9e9;
    border: white solid 1px;
}

#getAkumulatory .silniki tr.active {
    background: #D2D0D0;
}

#getAkumulatory .silniki tr:not(.head):hover {
    background: #D2D0D0;
}

#getAkumulatory .silniki th,
#getAkumulatory .silniki td {
    text-align: center;
    padding: 10px;
}

#getAkumulatory .silniki th {
    width: 40%;
}

#getAkumulatory .silniki th:first-child {
    /*width:60%;*/
}

#getAkumulatory .silniki th.rok {
    width: 20%;
}

#getAkumulatory .col {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
}

#getAkumulatory h4 {
    font-size: 16px;
    padding: 20px;
    text-align: center;
}

#getAkumulatory fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #EAE9E9;
    text-align: center;
}

#getAkumulatory fieldset legend {
    width: auto;
    border: 0;
}

.slide-down.collapsed {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background-position: 0 14px;
}

.slide-down {
    bottom: -33px;
    width: 21px;
    height: 28px;
    background: url('/images/icons/slide_off.png') 0 0 no-repeat;
    cursor: pointer;
    margin: auto;
    padding: 20px 0 20px 0;
    margin-top: 10px;
}

.slide-down:hover {
    background-image: url('/images/icons/slide.png');
}

.panel.delete.akum-remove {
    margin-bottom: 0;
    border: none;
    cursor: pointer;
}

input#new_model,
input#new_marka {
    text-transform: uppercase;
}

.button.add,
.button.remove,
.silniki_edit_submit,
.edit_submit {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    border: 0!important;
    float: none!important;
}

.button.add,
.silniki_edit_submit,
.edit_submit {
    margin: 0 0 0 4px !important;
    padding: 0!important;
}

.button.add {
    background: url("../images/b2b/add1.png") no-repeat !important;
}

.silniki_edit_submit,
.edit_submit {
    background: url("../images/icons/ok.png") no-repeat !important;
}

.button.remove {
    background: url("../images/b2b/remove1.png") no-repeat !important;
    padding: 0;
}

#getAkumulatory .panel.edit,
.button.remove {
    margin: 10px 0;
}

#getAkumulatory .panel.edit,
.silniki_edit_submit,
.edit_submit {
    cursor: pointer;
}

table.data tr th {
    padding: 10px 5px;
}

.buttons_box {
    height: 42px;
}

.yellow {
    background-color: yellow;
}

.theme2>table td {
    padding: 10px;
}


/*************************/


/****** slides view ******/


/*************************/

.slides {
    margin-top: 20px;
}

.slides>.row {
    margin-bottom: 20px;
}

.slides>.row>div {
    padding-right: 10px;
    padding-left: 10px;
}

.slides-slide {
    border: 2px solid #ff7200;
    border-radius: 5px;
    padding: 10px;
}

.slides-slide>div {
    padding: 5px 0;
}

.slides .slides-image {
    min-height: 170px;
}

.slides-availability {
    min-height: 37px;
}

.slides .info_cont img {
    margin: auto;
    display: block;
}

.slides-price {
    font-weight: bold;
}

.slides-price>div {
    display: inline-block;
}

.slides-name {
    height: 50px;
    overflow: hidden;
}


/*************************/

@media (max-width: 300px) {
    .clear-filter {
        display: none;
    }
    .akcyza_cont.mobile {
        top: 25px;
        left: 42px;
    }
}

@media (max-width: 420px) {
    input[type="text"],
    input[type="password"],
    div.input {
        width: 40vw;
    }
}

@media (max-width: 767px) {
    h1,
    h2,
    h3 {
        text-align: center!important;
        margin-left: 0!important;
        margin-right: 0!important;
        float: none!important;
    }
    .contact_info {
        background-position: 50% 0!important;
        padding-left: 0!important;
        padding-top: 140px;
        text-align: center;
    }
    .contact_info table {
        width: 100%;
    }
    .links a {
        margin-top: 0;
        text-align: center;
    }
    .links li:hover {
        border-bottom: #cccccc solid 1px;
    }
    .error_message {
        top: -47px!important;
    }
    #area1 {
        width: 250px!important;
    }
    div.container form div>label:first-child {
        text-align: left!important;
    }
    div.container form div>label {
        text-align: left;
    }
    .mobile {
        display: inherit;
    }
    .mobile.th {
        display: block;
        float: left;
        font-size: 3vw!important;
        width: 60%;
        text-align: left;
        clear: both;
    }
    .desktop {
        display: none!important;
    }
    .content {
        margin: 0!important;
        padding: 0 30px;
    }
    .langChange {
        /*
        float: left;
        position: relative;
        margin: 8px 10px;
        */
        position: absolute;
        right: 70px;
        bottom: 18px;
    }
    div.theme1,
    table.theme1,
    .cart-message,
    table.theme1 textarea#content,
    table.theme1 input#subject,
    div.input {
        width: 100%!important;
    }
    form {
        float: none!important;
        text-align: center;
    }
    table.theme1 tr td {
        min-height: 7vw;
    }
    table.data tr td,
    table.data tr td pre,
    .theme1 td,
    table.theme1 td.price div {
        font-size: 3vw!important;
    }
    h4,
    h3 {
        font-weight: bold;
    }
    h3 {
        font-size: 4vw!important;
    }
    h4 {
        font-size: 3.5vw!important;
    }
    .theme2 a {
        display: block!important;
        float: none!important;
    }
    .theme2 .register {
        margin: 0;
        float: none!important;
        width: 100%;
        padding: 3vw;
    }
    .theme2.shadow-box {
        text-align: center;
    }
    table.theme1 .details {
        font-size: 3vw!important;
    }
    table.theme1 .mdown,
    table.theme1 .mup {
        width: 50%;
        font-size: 3vw!important;
        margin: 1vw auto;
        padding: 1vw 0;
        height: auto;
    }
    .theme1 td,
    .theme1 th {
        display: block;
        text-align: center!important;
        padding: 10px;
        width: 100%!important;
    }
    table.theme3 th,
    table.theme3 td {
        padding: 10px!important;
    }
    table.theme1 td.price div {
        text-align: center;
    }
    .footer {
        margin-top: 0;
    }
    div.footer,
    .push,
    div.footer div.box_f h1,
    div.footer div.box_f_logo h1 {
        height: auto;
        font-size: 4vw!important;
    }
    div.footer div.box_f ul li {
        font-size: 3vw!important;
        height: auto;
        padding: 1.8vw 3.5vw;
    }
    div.footer div.box_f,
    div.footer div.box_f_logo,
    div.footer div.box_f_logo ul li,
    div.footer div.box_f ul li,
    table.theme3 {
        width: 100%;
    }
    .theme2 {
        width: 90%;
    }
    .theme2>table {
        width: 80%;
    }
    .theme2>.title {
        border: none;
    }
    div.footer div.box_f ul,
    div.footer div.box_f_logo ul {
        float: none;
    }
    div.footer div.box_f ul li {
        text-align: center;
    }
    table.edit input[type='text'],
    table.edit input[type='password'],
    table.edit textarea {
        width: 80%;
    }
    .search form input[type='text'] {
        font-size: 3vw;
    }
    .links ul {
        width: 100%;
    }
    .horizon_vertical {
        /*border: #CCCCCC solid 1px!important;*/
        margin-bottom: 40px;
    }
    .horizon_vertical td {
        border-bottom: #CCCCCC solid 1px!important;
    }
    .it_loader {
        left: 40%;
    }
    .navbar-collapse {
        padding: 0;
        /*margin: 40px 20px 15px;*/
    }
    /*filtry*/
    .filtr-zamow .groups li {
        width: 100%;
        text-align: center;
    }
    .filtr-zamow .groups .ui-slider-horizontal {
        width: 60%;
        height: 2vw!important;
    }
    .filtr-zamow .groups .ui-slider-handle {
        width: 4vw!important;
        height: 4vw!important;
        cursor: pointer;
        top: -1.3vw!important;
    }
    .filtr-zamow select {
        height: 9vw;
    }
    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 60%!important;
    }
    #getAkumulatory {
        padding: 0;
    }
    #getAkumulatory .theme3 td {
        width: 100%!important;
        display: block;
    }
    #getAkumulatory .col {
        width: 100%;
    }
    #getAkumulatory .silniki {
        margin: auto;
        width: 76%;
    }
    .content {
        width: 100%!important;
    }
    .button,
    form div.upload-button {
        width: 80%;
        font-size: 4vw!important;
        padding: 2vw 0 3vw!important;
        float: none!important;
        margin: 4vw auto!important;
        height: auto!important;
        line-height: normal!important;
    }
    div.spacing {
        padding-top: 100px;
        margin-bottom: 0;
        padding-bottom: 24px;
    }
    .buttons_box {
        height: 100%;
    }
    .model-dialog form {
        width: 100%;
    }
    .model-view {
        width: 80%;
    }
    .slides-slide {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .mobile {
        display: none!important;
    }
    .desktop {
        display: inherit;
    }
    tr.desktop {
        display: table-row;
    }
    td.desktop {
        display: table-cell;
    }
    table.desktop {
        display: table;
    }
    .links a {
        padding: 4px 20px 0 20px!important;
        line-height: 29px!important;
        height: 36px!important;
    }
    div.footer div.box_f ul li {
        height: 24px!important;
    }
    table.theme1.horizon_vertical {
        /*display:inline-block;
        width:40%!important;*/
    }
    table.theme1.horizon_vertical.al_left {
        margin-right: 20px
    }
    table.theme1.horizon_vertical td {
        /*width: 50%;*/
    }
    div.horizon_vertical_cont {
        width: 90%;
        margin: 40px auto;
    }
    div.horizon_vertical {
        display: inline-block;
        width: 45%!important;
    }
    div.horizon_vertical.al_left {
        margin-right: 40px
    }
    div.horizon_vertical table.theme1.horizon_vertical tr>td {
        text-align: right!important;
    }
    div.horizon_vertical table.theme1.horizon_vertical tr>td+td {
        text-align: left!important;
    }
}

@media (max-width: 990px) {
    .smenu {
        width: 100%;
        padding: 0 20px;
    }
    #towary.content {
        width: 100%;
    }
    .smenu .navbar-toggle {
        display: block!important;
    }
    .content {
        padding: 0 30px;
    }
}

@media (max-width: 767px) and (orientation:landscape) {
    .model-view {
        position: relative!important;
        top: -150px!important;
    }
}