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: 80px!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;
}

@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%; 
    }


}
@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;
    }

}