#spm_bootstraptabs a.spm-a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

#spm_bootstraptabs a.spm-a:hover,
#spm_bootstraptabs  a.spm-a:active {
  outline: 0;
}

#spm_bootstraptabs  button::-moz-focus-inner,
#spm_bootstraptabs  input::-moz-focus-inner {
  padding: 0;
  border: 0;
}



#spm_bootstraptabs a.spm-a {
  color: #0088cc;
  text-decoration: none;
}

#spm_bootstraptabs a.spm-a:hover {
  color: #005580;
  text-decoration: underline;
}


#spm_bootstraptabs ul {
  padding: 0;
  margin: 0 0 9px 25px;
}

#spm_bootstraptabs ul {
  list-style: disc;
}

#spm_bootstraptabs li {
  line-height: 18px;
}

#spm_bootstraptabs  :-moz-placeholder {
  color: #999999;
}

#spm_bootstraptabs  .collapse {
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -ms-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
  position: relative;
  overflow: hidden;
  height: 0;
}

#spm_bootstraptabs  .collapse.in {
  height: auto;
}

#spm_bootstraptabs button.btn::-moz-focus-inner,
#spm_bootstraptabs input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

#spm_bootstraptabs .nav {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
}

#spm_bootstraptabs .nav > li > a.spm-a {
  display: block;
}

#spm_bootstraptabs .nav > li > a.spm-a:hover {
  text-decoration: none;
  background-color: #eeeeee;
}

#spm_bootstraptabs .nav-tabs,
#spm_bootstraptabs .nav-pills {
  *zoom: 1;
}

#spm_bootstraptabs .nav-tabs:before,
#spm_bootstraptabs .nav-pills:before,
#spm_bootstraptabs .nav-tabs:after,
#spm_bootstraptabs .nav-pills:after {
  display: table;
  content: "";
}

#spm_bootstraptabs .nav-tabs:after,
#spm_bootstraptabs .nav-pills:after {
  clear: both;
}

#spm_bootstraptabs .nav-tabs > li,
#spm_bootstraptabs .nav-pills > li {
  float: left;
}

#spm_bootstraptabs .nav-tabs > li > a.spm-a,
#spm_bootstraptabs .nav-pills > li > a.spm-a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

#spm_bootstraptabs .nav-tabs {
  border-bottom: 1px solid #ddd;
}

#spm_bootstraptabs .nav-tabs > li {
  margin-bottom: -1px;
}

#spm_bootstraptabs .nav-tabs > li > a.spm-a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 18px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

#spm_bootstraptabs .nav-tabs > li > a.spm-a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

#spm_bootstraptabs .nav-tabs > .active > a.spm-a,
#spm_bootstraptabs .nav-tabs > .active > a.spm-a:hover
{
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

#spm_bootstraptabs .nav-pills > li > a.spm-a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#spm_bootstraptabs .nav-pills > .active > a.spm-a,
#spm_bootstraptabs .nav-pills > .active > a.spm-a:hover {
  color: #ffffff;
  background-color: #0088cc;
}

#spm_bootstraptabs .nav-stacked > li {
  float: none;
}

#spm_bootstraptabs .nav-stacked > li > a.spm-a {
  margin-right: 0;
}

#spm_bootstraptabs .nav-tabs.nav-stacked {
  border-bottom: 0;
}

#spm_bootstraptabs .nav-tabs.nav-stacked > li > a.spm-a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#spm_bootstraptabs .nav-tabs.nav-stacked > li:first-child > a.spm-a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

#spm_bootstraptabs .nav-tabs.nav-stacked > li:last-child > a.spm-a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

#spm_bootstraptabs .nav-tabs.nav-stacked > li > a.spm-a:hover {
  border-color: #ddd;
  z-index: 2;
}

#spm_bootstraptabs .nav-pills.nav-stacked > li > a.spm-a {
  margin-bottom: 3px;
}

#spm_bootstraptabs .nav-pills.nav-stacked > li:last-child > a.spm-a {
  margin-bottom: 1px;
}

#spm_bootstraptabs .tabbable {
  *zoom: 1;
}

#spm_bootstraptabs .tabbable:before,
#spm_bootstraptabs .tabbable:after {
  display: table;
  content: "";
}

#spm_bootstraptabs .tabbable:after {
  clear: both;
}

#spm_bootstraptabs .tab-content {
  display: table;
  width: 100%;
  margin-top:0px!important;
}

#spm_bootstraptabs .tabs-right .nav-tabs,
#spm_bootstraptabs .tabs-left .nav-tabs {
  border-bottom: 0;
}

#spm_bootstraptabs .tab-content > .tab-pane {
  display: none;
    /* prestashop 17 changes*/
    padding-top:0px!important;
    /* prestashop 17 changes*/
}

.clear{clear:both}
.tabs{
    display: inline-block;
    width: 100%;
}
.nav-tabs .nav-item + .nav-item{  margin-left: 0px!important;}

#spm_bootstraptabs .tab-content > .active {
  display: block;
}

#spm_bootstraptabs .tabs-left .nav-tabs > li,
#spm_bootstraptabs .tabs-right .nav-tabs > li {
  float: none;
}

#spm_bootstraptabs .tabs-left .nav-tabs > li > a.spm-a,
#spm_bootstraptabs .tabs-right .nav-tabs > li > a.spm-a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

#spm_bootstraptabs .tabs-left .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

#spm_bootstraptabs .tabs-left .nav-tabs > li > a.spm-a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

#spm_bootstraptabs .tabs-left .nav-tabs > li > a.spm-a:hover {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

#spm_bootstraptabs .tabs-left .nav-tabs .active > a.spm-a,
#spm_bootstraptabs .tabs-left .nav-tabs .active > a.spm-a:hover {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

#spm_bootstraptabs .tabs-right .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

#spm_bootstraptabs .tabs-right .nav-tabs > li > a.spm-a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

#spm_bootstraptabs .tabs-right .nav-tabs > li > a.spm-a:hover {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

#spm_bootstraptabs .tabs-right .nav-tabs .active > a.spm-a,
#spm_bootstraptabs .tabs-right .nav-tabs .active > a.spm-a:hover {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

#spm_bootstraptabs .navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}

#spm_bootstraptabs .accordion {
  margin-bottom: 18px;
}

#spm_bootstraptabs .accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#spm_bootstraptabs .accordion-heading {
  border-bottom: 0;
}

#spm_bootstraptabs .accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}

#spm_bootstraptabs .accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}



#spm_bootstraptabs .tabs-left,
#spm_bootstraptabs .tabs-right {
  border-bottom: none;
  padding-top: 20px;
}

#spm_bootstraptabs .tabs-left {
  border-right: 1px solid #ddd;
}

#spm_bootstraptabs .tabs-right {
  border-left: 1px solid #ddd;
}

#spm_bootstraptabs .tabs-left>li,
#spm_bootstraptabs .tabs-right>li {
  float: none;
  margin-bottom: 0px;
}

#spm_bootstraptabs .tabs-left>li {
  margin-right: -1px;
}

#spm_bootstraptabs .tabs-right>li {
  margin-left: -1px;
}

#spm_bootstraptabs .tabs-left>li.active>a.spm-a,
#spm_bootstraptabs .tabs-left>li.active>a.spm-a:focus,
#spm_bootstraptabs .tabs-left>li.active>a.spm-a:hover {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

#spm_bootstraptabs .tabs-right>li.active>a.spm-a,
#spm_bootstraptabs .tabs-right>li.active>a.spm-a:focus,
#spm_bootstraptabs .tabs-right>li.active>a.spm-a:hover {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}

#spm_bootstraptabs .tabs-left>li>a.spm-a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display: block;
}

#spm_bootstraptabs .tabs-right>li>a.spm-a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}

#spm_bootstraptabs .vertical-text {
  margin-top: 50px;
  border: none;
  position: relative;
}

#spm_bootstraptabs .vertical-text>li {
  height: 70px;
  width: 170px;
  margin-bottom: 100px;
}

#spm_bootstraptabs .vertical-text>li>a.spm-a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0 0;
}

#spm_bootstraptabs .vertical-text>li.active>a.spm-a,
#spm_bootstraptabs .vertical-text>li.active>a.spm-a:focus,
#spm_bootstraptabs .vertical-text>li.active>a.spm-a:hover {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}

#spm_bootstraptabs .vertical-text.tabs-left {
  left: -50px;
}

#spm_bootstraptabs .vertical-text.tabs-right {
  right: -50px;
}

#spm_bootstraptabs .vertical-text.tabs-right>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#spm_bootstraptabs .vertical-text.tabs-left>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.spm-tabs-l{float: left!important;width:20%!important;}
.spm-tab-content-l{float: left!important;width:75%!important;}

.spm-tabs-r{float: right!important;width:20%!important;}
.spm-tab-content-r{float: right!important;width:75%!important;}

.spm-tabs-vertical-l{float: left!important;width:8.3%!important;}
.spm-tab-content-vertical-l{float: left!important;width:91.6%!important;}

.spm-tabs-vertical-r{float: right!important;width:8.3%!important;right:5%!important;}
.spm-tabs-vertical-r16{float: right!important;width:8.3%!important;right:1%!important;}
.spm-tab-content-vertical-r{float: right!important;width:91.6%!important;}

.spm-stacked{padding:5px 10px!important;}

.spm-accordion-two{width:49%!important;float:left!important;}


@media screen and (max-width: 55em) {

    .spm-tabs-l, .spm-tab-content-l{width: 100% !important;}

    .spm-tab-content-r, .spm-tabs-r{width: 100% !important;}

    .spm-tab-content-l img, .spm-tab-content-r img{
        display: inline-block;
        height: auto;
        max-width: 100%;
    }

}


@media (max-width: 768px) {

    div[data-tabs="standart"] .nav-tabs > li,
    div[data-tabs="standart"] .nav-pills > li,
    #left_side .nav-tabs > li,
    #left_side .nav-pills > li,
    #right_side .nav-tabs > li,
    #right_side .nav-pills > li,
    #left_sttabs .nav-tabs > li,
    #right_sttabs .nav-pills > li,
    div[data-tabs="pill_tabs"] .nav-pills > li,
    div[data-tabs="pill_tabs"] .nav-pills > li


    {
        width: 100%;
    }

    #spm_bootstraptabs .tab-pane img{
        max-width: 100%;
        display: inline-block;
        height: auto;
        width: 100%;
    }

    #spm_bootstraptabs .tab-content iframe{
        width:100%;
        display:inline-block;
    }
}