@charset "utf-8";
/* body { font-family: sans-serif; font-size: 14px; line-height: 1.6em; margin: 0; padding: 0; }
.container { width: 800px; margin: 0 auto; }

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

input { font-size: 28px; padding: 10px; border: 1px solid #CCC; display: block; margin: 20px 0; } */

p {
	font-size: 16px;
}

h1 {
    color: #084460;   
    font-weight: 700!important;
    overflow: hidden;
    text-overflow: ellipsis;
}

h2 {
    /*color: #093;*/
    color: #027b2a;             
    /*font-weight: 200!important;*/
}

.h4 h4 {
    font-size: 16px!important;
}

.breadcrumb {
    padding: 6px 15px;
    margin-top: 15px;
    margin-bottom: 0px;
    background-color: #d9edf7;
    font-size: 14px;
}

div.bg-info {
   background-color: #d9edf7; 
}

div.logo-small {
    /*border-color: #00cc33;*/
    background-image: url("/img/logo-hr.png");
    background-size: contain;
    background-repeat:no-repeat;
    background-position:50% 50%;
    height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;               
    clear: both;
}

span.abc {
    padding: 5px;
}       

div.abc {
    padding: 7px;
    margin: 5px 0
}

.drop-shadow {
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
}

.drop-shadow:hover {
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .5);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .5);
}

.price {
    color:coral;
    font-size: 18pt;
    font-weight: bold;
    white-space: nowrap;
    padding-top: 8px
}

.bigprice {
    color:#5cb85c;
    font-size: 36pt;
    font-weight: bold;
    white-space: nowrap;
}

.smallprice {
    color:#f9ac91;
    font-weight: normal;
    font-size: 14pt;
    white-space: nowrap;
}

.verysmallprice {
    color:#f9ac91;
    font-weight: normal;
    font-size: 10pt;
    white-space: nowrap;
}

.oldprice {
    text-decoration: line-through;
    white-space: nowrap;
/*    color: #ff4e4e;*/
}

.cart_sum {
    text-align: center;
    color: #3496b3;
    font-size: 14pt;
}

.label-sale {
    vertical-align: text-top;
}

.smallest {
    font-size:70%;
    color: #d9534f;
}

.qnt {
    color: gray;
    font-size: 18pt;
}

a.catalog_drug_title {
    font-size: 16pt;
}

.catalog_filial_title {
    font-size: 12pt;
    color: #ff4e4e;
/*    color: #f70909;*/
    font-weight: bolder;
}

span.catalog_filial_title:hover {
    text-decoration: underline;
    cursor: pointer;
}

a.catalog_drug_title:hover {
}

.red-first:first-letter {
    color: red!important; /* Красный цвет первой буквы */
}

li.red-first {
    margin-bottom: 5px;
    display: inline-block flow-root list-item;
}
.red-first-na:first-letter {
    color: #fb7777!important; /* Красный цвет первой буквы */
}

li.red-first-na {
    margin-bottom: 5px;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

.dropdown-menu > li > a {
    white-space: normal;
    padding: 7px 20px !important;
}

.btn-subsect {
    margin-top: 0px;
    background-color: #eee;
    width: auto !important;
}               

.btn-subsect.active {
    border-color: tomato;
}

.bnt-top-search {
    position: absolute;
    padding: 6px 10px;
}

ul.pagination {
    margin: 5px 0px;
}

div.preps {
    border-top: 2px solid #44809D;
    border-bottom: 1px solid #44809D;
}

.border-top {
    border-top: 2px solid #44809D;
}

.border-top-bg {
    border-top: 4px solid #44809D;
}
.border-bottom {
    border-bottom: 2px solid #44809D;
    margin-bottom: 10px;
}

div.top_bottom_borders {
    margin: 15px 0;
    padding: 15px 0;
    border-top: 2px solid #44809D;
    border-bottom: 2px solid #44809D;
}

.all-mat {
/*    border-top: 1px solid #44809D;*/
    background: linear-gradient(to left, #d9edf7 0%, #d9edf7 10%, #fff 100%);
    border-right: 1px solid #77aad7;
    margin-top: 10px;
}

/*top navbar height*/
.topbar {
  min-height:0;
  margin-bottom: 0px;
  background-color:#193441;
  color: #F5F5F5 !important;
  border:none;
  border-radius: 0;
}

.topbar .nav > li > a {
  color: #F5F5F5 !important;
}

.topbar .nav > li > a:hover {
  color: #BDC3C7 !important;  
}
/*top navbar height*/

h3.subtitle {
    margin-top: 0px;
    padding-bottom: 20px;
}

.mat-img {
    margin: 0px 10px 10px 0;
    /*height: 280px;*/
    width: 100%;
    overflow: hidden;
    border: none;
}

.mat-img > p {
    margin-bottom: 0px;
    padding: 2px 5px 5px 5px;
    font-size: 14px;
/*    text-align: right; */
}

.mat-img-img > img {
    max-width: 190px;
    max-height: 170px;
}

.mat-img-img {
    height: 170px;
}

section {
/*    color: white;*/
    margin-top: 20px;
    padding: 20px 0px;
/*    border-top: 2px solid #44809D;*/
}

div.col-footer {
    padding-right: 0px;
}

 h4.title-col-footer {
     color: #67C9FB;
 }

ul.footer {
    padding-left: 10px !important;
}

.footer > li > a {
    color: #B8DAEA;
}

.material-footer {
    border-top: 2px solid #44809D;
    margin-top: 20px;
    padding-top: 5px;
    margin-bottom: 20px;
}

.material-body {
    border-top: 2px solid #44809D;
    padding-top: 15px;
    margin-top: 5px;
}

.right-contents {
    border-bottom: 2px solid #3c763d !important;
}

.text-gradient{
  background: linear-gradient(to bottom, #777 70%, #fff 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #333;
}

.columns-content {
    margin: 20px 0px;
}

a.catalog_drug_mnn:hover {
    color:silver;
}

.letters {
    margin-bottom: 10px;
}

.group-index {
    height:60px;
    vertical-align: middle;
    
}

.drug-card {
    padding: 5px 0
}

.ask_cons{
    background-color: #fffef8;
    color: #8a6d3b;
}

.drug-card-title {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #44809D;
    background-color: #d9edf7;
/*    border-top: 2px solid #44809D;*/
}

.drug-card:nth-child(even) {
    background: #f0eded;
}

.n-th {
    background: #f0eded;
}

/*.n-th:nth-child(even) {
    background: #f0eded;
}*/

.drug-card:last-child {
    border-bottom: 2px solid #44809D;
}

.drug-card:first-child {
    border-top: 2px solid #44809D;   
    padding: 0 0 5px 0
}

.drug-row {
    padding: 0 0 5px 0;
    border-bottom: 1px dotted silver;
}

.drug-row:first-child {
    border-top: 4px solid #44809D;
}

.drug-row-price {
   padding-top: 8px;
}

.drug-card-parts {
/*    padding: 5px 0;*/
}

.label-drug-title {
    vertical-align: text-top;
}

.button-basket {
     display: table-cell !important; 
     vertical-align: bottom !important;
     padding-top: 3px;
     padding-right: 3px;
}

.button-basket-container {
    padding-right: 1px;
}

.field-label {
    color: #82AFC5;
    font-size: small;
}

.field-label-red {
    color: #ff7676;
    font-size: small;
    font-weight: bold;
}

abbr[title] {
    text-decoration: none;
}

.btn-buy {
    width: auto !important;
}

.btn-goods {
    width: auto !important;
}       

a.btn-goods.active {
    border-color: tomato;
}

.page-header {
    border-bottom: none;
}

dt {
    color: #337ab7;
    margin-bottom: 5px;
}

dl {
    margin-bottom: 5px;
}

.carousel-indicators {
    bottom: 0px;
}

.carousel-caption {
    bottom: 10px;
}

.carousel-caption > a {
    color: #fbff46;
}

.price-main {
    padding-right: 5px;
    padding-top: 5px;
    background-color: #f2f2f2;
    margin-bottom: 5px;
}
.btn-go-new {
    font-size: 16px;
}
.paginator-title > a {
    color: #337799;
}

.paginator-title {
    color: #337799;
}

/*navbar-catalog*/
.navbar-catalog {
  background-color: #ffffff;
  border-color: #ecf0f1;
}
.navbar-catalog .navbar-brand {
  color: #337ab7;
}
.navbar-catalog .navbar-brand:hover,
.navbar-catalog .navbar-brand:focus {
  color: #2f96ee;
}
.navbar-catalog .navbar-text {
  color: #337ab7;
}
.navbar-catalog .navbar-nav > li > a {
  color: #337ab7;
}
.navbar-catalog .navbar-nav > li > a:hover,
.navbar-catalog .navbar-nav > li > a:focus {
  color: #2f96ee;
}
.navbar-catalog .navbar-nav > .active > a,
.navbar-catalog .navbar-nav > .active > a:hover,
.navbar-catalog .navbar-nav > .active > a:focus {
  color: #2f96ee;
  background-color: #ecf0f1;
}
.navbar-catalog .navbar-nav > .open > a,
.navbar-catalog .navbar-nav > .open > a:hover,
.navbar-catalog .navbar-nav > .open > a:focus {
  color: #2f96ee;
  background-color: #ecf0f1;
}
.navbar-catalog .navbar-toggle {
  border-color: #ecf0f1;
}
.navbar-catalog .navbar-toggle:hover,
.navbar-catalog .navbar-toggle:focus {
  background-color: #ecf0f1;
}
.navbar-catalog .navbar-toggle .icon-bar {
  background-color: #337ab7;
}
.navbar-catalog .navbar-collapse,
.navbar-catalog .navbar-form {
  border-color: #337ab7;
}
.navbar-catalog .navbar-link {
  color: #337ab7;
}
.navbar-catalog .navbar-link:hover {
  color: #2f96ee;
}

@media (max-width: 767px) {
  .navbar-catalog .navbar-nav .open .dropdown-menu > li > a {
    color: #337ab7;
  }
  .navbar-catalog .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-catalog .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #2f96ee;
  }
  .navbar-catalog .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-catalog .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-catalog .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #2f96ee;
    background-color: #ecf0f1;
  }
}
/*navbar-catalog-end*/

/*мигание текста*/
.area{
  animation:blur .75s ease-out 4;
  text-shadow:0px 0px 5px #fff, 0px 0px 7px #fff;
}

@keyframes blur{
  from{
      text-shadow:0px 0px 10px #fff,
      0px 0px 10px #fff, 
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #7B96B8,
      0px 0px 150px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px -10px 100px #7B96B8,
      0px -10px 100px #7B96B8;}
}
/*мигание текста end*/

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

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

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

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
/*dropdown submenu end*/

.breadcrumb {
    background: linear-gradient(to right, #d9edf7 0%, #d9edf7 50%, #f7fbfe 100%);
}

.border-bottom-dotted {
    text-decoration: none;
	border-bottom: 1px dashed;
	/*text-decoration-style: dotted !important;*/
    /*-moz-text-decoration-style: dotted;*/
    cursor: pointer;
    /*font-weight: bold;*/
}

a.border-bottom-dotted:hover, a.border-bottom-dotted:focus {
	text-decoration: none;
	border-bottom: 1px dashed;
	color: #f00080;
    /*text-decoration-style: dotted !important;*/
}

/*generic*/
success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
    background: #ffcc00;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
    background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
    background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
    background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
    background-image: linear-gradient(top, #ffcc00, #E6B800);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 18px;
    padding: 7px 14px;
    color: #404040;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.success,
.message,
.cake-error,
p.error,
.error-message {
    clear: both;
    color: #fff;
    background: #c43c35;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.success {
    clear: both;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background: #3B8230;
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
    background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
    background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
    background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
    background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
    background-image: linear-gradient(top, #76BF6B, #3B8230);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
}
.notice {
    background: #ffcc00;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
    background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
    background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
    background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
    background-image: linear-gradient(top, #ffcc00, #E6B800);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 18px;
    padding: 7px 14px;
    color: #404040;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    text-align: center;
}

p.error {
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 120%;
    padding: 0.8em;
    margin: 1em 0;
}
p.error em {
    font-weight: normal;
    line-height: 140%;
}
.notice {
    color: #000;
    display: block;
    font-size: 120%;
    padding: 0.8em;
    margin: 1em 0;
}
.success {
    color: #fff;
}
i {
/*  vertical-align:0px !important;*/
}
.drug-rows > .collapse {border: 1px dotted gray;}
div.top-border {
    margin: 15px 0;
    padding: 15px 0;
    border-top: 2px solid #44809D;
}

div.top-bottom-border {
    margin: 15px 0;
    padding: 15px 0;
    border-top: 2px solid #44809D;
    border-bottom: 2px solid #44809D;
}

.carousel-inner img {
  height: auto;
  width: 100%;
}

.input-top-search {
    display:inline-block!important;
    /*width: 100%!important; */
    float:left;
/*    width:400px;
    height:27px;
    line-height:27px;
    text-indent:10px;
    font-family:arial, sans-serif;
    font-size:22px;
    color:#333;
    background: #fff;
    border:solid 1px #d9d9d9;
    border-top:solid 1px #c0c0c0;
    border-right:none;
    outline: none;
    border-radius: 0px;*/
    /*margin-right: 2px!important;*/
}

.ui-autocomplete { max-height: 500px; max-width: 650px; overflow-y: scroll; overflow-x: hidden;}
.ui-menu-item-wrapper {padding:5px}
.ui-menu-item-wrapper:hover {border-left:none;border-right:none;}
.ui-state-active {
  background-color: red;
}
/*generic*/

.navbar-search {
    border: none;
    white-space:nowrap;
/*    width:95%*/
}

#delete {
/*    float:left;*/
    width:24px;
    height:14px;
/*    line-height:23px;*/
/*    margin-right:6px;*/
    padding:5px 6px;
    font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif;
    /*font-size:18px;*/
    display:inline-block;
    color:#5bc0de;
/*    background: #fff;  */
/*    border:solid 1px #d9d9d9;*/
/*    border-top:solid 1px #c0c0c0;*/
/*    border-left:none;*/
}

#delete #x {
    color:#f88d8d;
    font-weight: bold;
    cursor:pointer;
    display:none;
}

#delete #x:hover {
    color:#f00;
}

.highlight {
    background-color: yellow;
}

/*кнопка наверх*/
.scrollup {
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:120px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background: url('../img/icon_top.png') no-repeat;
    z-index: 1000;
}
/*кнопка наверх*/

.drug-row-avail{
   margin-left:10px;
   margin-right:20px;
   border-bottom: 1px dotted;
   font-weight: bold;
}

.drug-row-avail:first-letter {
    color: red!important;
}

.drug-row-avail:hover {
    text-decoration: none;
    cursor: pointer;
    border-bottom: 2px dotted;
}

.avail-drug-row {
    border-left: 3px solid #f7bdbd;
    padding-left: 15px;
}

.label-filial {
    margin: 0 3px 10px 5px;
    font-weight: bold;
    white-space: nowrap;
}

.label-filial:hover {
    text-decoration: underline;
    cursor: pointer;    
}

.sticky {
  position: fixed;
  z-index: 101;
}

.avail {
 width: 300px;
 max-width: 80%;           
 border-bottom: 1px solid red;
}

#small-cart {
    position: fixed;
    top: 60px;
    right: 40px;
    z-index: 100;
}

#small-cart:hover {
    cursor: pointer;
}

#small-cart .badge {
    position: absolute;
    top: -3px;
    right: -4px;
}

.open-small-cart {
    height: 38px;
    width: 38px;
    display: block;
    background: #1ab394;
    padding: 9px 8px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}

.label-warning, .badge-warning {
    background-color: #f8ac59;
    color: #FFFFFF;
}

.cart_filial {
    background-color: white;
}

.cart_filial:hover {
    cursor: pointer;
    background-color: #ccdcea;
}

.cart_filial_na {
    background-color: white;
}

.cart_filial_na:hover {
    cursor: pointer;
    background-color: #BD94A2;
}

.cart_filial_selected {
    background-color: #9fd6a0;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.media > small {
    line-height: 1!important;
}

.skidka {
    background-image: url("/img/skidka.png");
    background-position: center center;
    opacity: .99;
    position: absolute;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.navbar-form .input-group .input-group-btn {
    width: 1%;
}

.glass {
    width: 175px;
    height: 175px;
    position: absolute;
    border-radius: 50%;
    cursor: crosshair;

    /* Создание эффекта стекла */
    box-shadow:
            0 0 0 7px rgba(255, 255, 255, 0.85),
            0 0 7px 7px rgba(0, 0, 0, 0.25),
            inset 0 0 40px 2px rgba(0, 0, 0, 0.25);

    /* Изначально скрыто */
    display: none;
}

.pointer {
    cursor: pointer;
}

.content-block-nopad {
    padding-bottom: 40px;
}

.cart-row:nth-child(even) {
    background: #f0eded;
}

.drug-row-percent {
    margin-right: 40px;
}

.text-bold {
    font-weight: bold;
}

form .required {
    font-weight: bold;
}
form .required label:after {
    color: #e32;
    content: ' *';
    display:inline;
    font-weight: bold;
}

form .required h4:after {
    color: #e32;
    content: ' *';
    display:inline;
    font-weight: bold;
}

.btn-take {
    padding-right: 40px;
    background-image: url(/img/filial_hand_white.png);
    background-size: 40px 40px;
    background-repeat:no-repeat;
    background-position:100% 95%
}

.white-transparent {
  background-color: rgba(255,255,255,0.8);
}

.video {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.addtofav:hover {
    color: red;
}

.filial-snippet:hover {
    background-color: #ccdcea;
}

.noborderbottom:hover {
    text-decoration: none;
}

.anounce {
    height: 80px;
    line-height: 1.2;
}

.anounce:after {
    content: " ";
    display: block;
    position: sticky;
    bottom: -30px;
    left: 0;
    right: 0;
    height: 80px;
    background: -o-linear-gradient(to bottom, rgba(221,221,255,0), rgba(255,255,255,1));
    background: -moz-linear-gradient(to bottom, rgba(221,221,255,0), rgba(255,255,255,1));
    background: -webkit-linear-gradient(to bottom, rgba(221,221,255,0), rgba(255,255,255,1));
    background: linear-gradient(to bottom, rgba(221,221,255,0), rgba(255,255,255,1));
}

.matlink {
    background: gainsboro;
    padding: 0 5px;
}

.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.typeahead__search-icon {
  margin: 0 10px;
}

.typeahead__cancel-button {
  font-size: large;
  padding: 12px 15px !important;
}

#autocomplete {
  border: 2px solid beige;
}                         

#autocomplete:focus {
  border: 2px solid lawngreen;
}

.typeahead__button {
  font-size: x-large;
}

.typeahead__container {
  font-size: x-large !important;
}

#cart > a {
  border-color: #5cb85c;
}

#cart > button {
  border-color: #5cb85c;
}

#rating {
    height: 30px;
}

.search-container-wrap {
  height: 52px;
  /*margin-bottom: 20px*/
}

a.media-heading > h4 {
  font-size: 16px;
  margin: 0 0 3px 0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  border-top-color: red;
}

.div_cart {
  padding-top: 10px;
}

h1.medium, .medium {
  font-size: 85%;
  color: #777;  
}

@keyframes glowing {
    0% { background-color: #9e100b; box-shadow: 0 0 2px #fbaba9; }
    25% { background-color: #d9534f; box-shadow: 0 0 9px #e4a09e; }
    50% { background-color: #ab302c; box-shadow: 0 0 2px #ff8884; }
    75% { background-color: #d9534f; box-shadow: 0 0 9px #e4a09e; }
    100% { background-color: #9e100b; box-shadow: 0 0 2px #fbaba9; }
}

.drug_view_addtocart {
    animation: glowing 5000ms infinite;
}

@keyframes glowing1 {
    0% { background-color: #0a9922; box-shadow: 0 0 2px #a9fbb7; }
    25% { background-color: #40ae41; box-shadow: 0 0 9px #9ee4a2; }
    50% { background-color: #2cab32; box-shadow: 0 0 2px #88ff84; }
    75% { background-color: #3ba23d; box-shadow: 0 0 9px #9ee4a2; }
    100% { background-color: #0b9e0d; box-shadow: 0 0 2px #aefba9; }
}

.drug_view_addtocart1 {
    animation: glowing1 5000ms infinite;
}

.error404 {
    background-image: url("/img/error404.jpg");
    background-size: contain;
    background-repeat:no-repeat;
    background-position:50% 50%;
    height: 300px;
}

#qnts_opt_drug_view {
    height: 150px;
    padding-top: 85px;
    padding-left: 50px;
}

#qnts_opt_drug_view .title_qnt_opt {
    font-size: 16pt;
    font-weight: bold;
    color: #084460;
}

#qnts_opt_drug_view .val_qnt_opt {
    font-size: 16pt;
    font-weight: bold;
    color: gray;
}

.btn-switch-opt {
    margin-bottom: 3px;
    line-height: 1.2;
    border-radius: 0;
}

.lbl-switch-opt {
    border-radius: 0;
    font-size: 14pt;
    height: 31px;
    display: inline-block;
    border-top: 2px solid #5cb85c;
}
                      
.lbl-switch-opt-mode {
    border-radius: 0;
    font-size: 14pt;
    height: 31px;
    display: inline-block;
    border-top: 2px solid #337ab7;
}

.opt-switch {
/*    margin-bottom: 10px;*/
    margin-top: 3px;
    text-align: right;
}

.optbanner {
    text-align: center;
    margin-bottom: 10px;
}

[v-cloak] {
    display: none;
}

[v-cloak]::before { content: "Загрузка…" }

ol.firstvisit {
    list-style-type: none;
    counter-reset: num;
    margin: 0 0 0 25px;
    margin: 0 0 0 25px;
    padding: 10px 0 5px 0;
    /*font-size: 24px;*/
}
ol.firstvisit > li {
    position: relative;
    margin: 0 0 0 0;
    padding: 0px 0 10px 0;
}
ol.firstvisit > li:before {
    content: counter(num) '.';
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: -4px;
    left: -26px;
    width: 20px;
    color: red;
    text-align: right;
    font-size: 24px;
}

.letters-container {
    margin-top: 15px;
    margin-bottom: 5px;
}

.legsup{
  -webkit-transform: rotate(-180deg); //Chrome, Safari
  -moz-transform: rotate(-180deg); //Firefox
  -o-transform: rotate(-180deg); //Opera
  -ms-transform: rotate(-180deg); //IE
  transform: rotate(-180deg); //браузеры без префексов
}

.label-lg {
  font-size: 85%;
}

.drug-row-groups {  
  margin: 0px 120px 0 0;
}

.dl-horizontal dd {
  margin-bottom: 10px!important;
}

.dl-horizontal dt {
  white-space: normal!important;
}

.tm-inline a {
  color: #f18c85!important;
  border: 1px solid #ffd2cf!important;
  padding: 2px!important;
  border-radius: 3px!important;
  font-weight: bold;
}

.link-short-avail {
    white-space: nowrap;
    margin-right: 5px;
    border: 0.5px dotted gray;
    padding: 3px;
    border-radius: 5px;
    text-decoration: none;
    color: gray;
}

.link-short-avail:hover {
    border-color: darkgrey;
    text-decoration: none;
}

.home-notimf {
	color: silver;
}

.myfilial-snippet-firstvisit:hover{
	border: 1px solid gray;
}

.myfilial-snippet-firstvisit:hover .home-notimf {
	color: darkseagreen;
}

.home-imf {
	color: yellowgreen;
}

.myfilial-snippet-firstvisit:hover .home-imf {
	color: darkseagreen;
}

.title-notimf {
	color: #CF8181;
}

.myfilial-snippet-firstvisit:hover > .title-notimf {
	color: #ff4e4e;
}

.title-imf {
	color: #ff4e4e;
}

.myfilial-snippet-firstvisit:hover > .title-imf {
	color: #D23A3A;
}

.myfilial-snippet-firstvisit {
	float: left;
	margin: 5px 5px 0 0;
	width: 220px;
	border: 1px solid steelblue;
	border-radius: 5px;
	cursor: pointer
}

.snippet-imf {
	border: 1px solid steelblue;
}

.snippet-notimf {
	border: 1px solid silver;
}

.alert {
  text-align: center;
}
.features {
	display: flex;
	align-items: center;
	/*flex-direction: row-reverse;*/
	justify-content: space-around;
	flex-wrap: wrap;
}
.feature {
	/*display: flex;*/
	/*align-items: center;*/
	/*justify-content: center;*/
	/*font-family: 'Eastman';*/
	/*font-size: 2.5rem;*/
	text-align: center;
	float: left;
	margin-bottom: 30px;
	width: 250px;
	height: 100px;
	cursor: pointer;
	padding: 0 5px;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.feature:hover {
	text-shadow: #cad5e2 1px 1px 0, #cad5e2 1px 1px 0;
				/*#cad5e2 1px 1px 0, #cad5e2 1px 1px 0;
	/*#cad5e2 5px 5px 0;*/
}

.gradient-border {
	--borderWidth: 2px;
	background: white;
	position: relative;
	border-radius: var(--borderWidth);
}
/*.gradient-border:after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	border-radius: calc(2 * var(--borderWidth));
	z-index: -1;
	!*background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);*!
	!*
	-webkit-animation: animatedgradient 3s ease alternate infinite;
	animation: animatedgradient 3s ease alternate infinite;
	*!
	background-size: 300% 300%;
}*/

#f1 {
	/*background: #e7daf1;*/
}

#f1 > h3 {
	/*background: #e7daf1;*/
	color: #8B0000;
}

#f1 > div {
	/*background: #e7daf1;*/
	color: #B22222;
}

#f1:after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	border-radius: calc(2 * var(--borderWidth));
	z-index: -1;
	background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
	-webkit-animation: animatedgradient 3s ease alternate infinite;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}

#f10 {
	/*background: #e7daf1;*/
}

#f10 > h3 {
	/*background: #e7daf1;*/
	color: #8B0000;
}

#f10 > div {
	/*background: #e7daf1;*/
	color: #B22222;
}

#f10:after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	border-radius: calc(2 * var(--borderWidth));
	z-index: -1;
	background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
	-webkit-animation: animatedgradient 3s ease alternate infinite;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}

#f2 {
	/*background: #fab9bd;*/
}

#f2 > h3 {
	/*background: #e7daf1;*/
	color: #FF4500;
}

#f2 > div {
	/*background: #e7daf1;*/
	color: #FF6347;
}

#f2:after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	border-radius: calc(2 * var(--borderWidth));
	z-index: -1;
	background: linear-gradient(60deg, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82, #f79533);
	-webkit-animation: animatedgradient 3s ease alternate infinite;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}

#f3 {
	/*background: #ffdeb1;*/
}

#f3 > h3 {
	/*background: #e7daf1;*/
	color: #2F4F4F;
}

#f3 > div {
	/*background: #e7daf1;*/
	color: #708090;
}

#f3:after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	border-radius: calc(2 * var(--borderWidth));
	z-index: -1;
	background: linear-gradient(60deg, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82, #f79533, #f37055);
	-webkit-animation: animatedgradient 3s ease alternate infinite;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}

#f4 {
	/*background: #fff6bd;*/
}

#f4 > h3 {
	/*background: #e7daf1;*/
	color: #483D8B;
}

#f4 > div {
	/*background: #e7daf1;*/
	color: #6A5ACD;
}

#f4:after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	border-radius: calc(2 * var(--borderWidth));
	z-index: -1;
	background: linear-gradient(60deg, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82, #f79533, #f37055, #ef4e7b);
	-webkit-animation: animatedgradient 3s ease alternate infinite;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}

#f5 {
	/*background: #b2e7b3;*/
}

#f5 > h3 {
	/*background: #e7daf1;*/
	color: #8B4513;
}

#f5 > div {
	/*background: #e7daf1;*/
	color: #A0522D;
}

#f5:after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	border-radius: calc(2 * var(--borderWidth));
	z-index: -1;
	background: linear-gradient(60deg, #5073b8, #1098ad, #07b39b, #6fba82, #f79533, #f37055, #ef4e7b, #a166ab);
	-webkit-animation: animatedgradient 3s ease alternate infinite;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}

#f6 {
	/*background: #b1d1ea;*/
}

#f6 > h3 {
	/*background: #e7daf1;*/
	color: #047586;
}

#f6 > div {
	/*background: #e7daf1;*/
	color: #1098ad;
}

#f6:after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	border-radius: calc(2 * var(--borderWidth));
	z-index: -1;
	background: linear-gradient(60deg, #1098ad, #07b39b, #6fba82, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8);
	-webkit-animation: animatedgradient 3s ease alternate infinite;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}

#f7 {
	/*background: #f9e8f2;*/
}

#f7 > h4 {
	/*background: #e7daf1;*/
	color: #4169E1;
}

#f7:after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	border-radius: calc(2 * var(--borderWidth));
	z-index: -1;
	background: linear-gradient(60deg, #07b39b, #6fba82, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad);
	-webkit-animation: animatedgradient 3s ease alternate infinite;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}

#f8 {
	/*background: #f9e8f2;*/
}

#f8 > h4 {
	/*background: #e7daf1;*/
	color: #4169E1;
}

#f8:after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	border-radius: calc(2 * var(--borderWidth));
	z-index: -1;
	background: linear-gradient(60deg, #6fba82, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b);
	-webkit-animation: animatedgradient 3s ease alternate infinite;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}

#f9 {
	--borderWidth: 3px;
	/*background: #ffed77;*/
}



#f9 > h3 {
	/*background: #e7daf1;*/
	color: #2E8B57;
}

#f9 > div {
	/*background: #e7daf1;*/
	color: #5cb85c;
}

#f9:after {
	content: '';
	position: absolute;
	top: calc(-1 * var(--borderWidth));
	left: calc(-1 * var(--borderWidth));
	height: calc(100% + var(--borderWidth) * 2);
	width: calc(100% + var(--borderWidth) * 2);
	border-radius: calc(2 * var(--borderWidth));
	z-index: -1;
	background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
	-webkit-animation: animatedgradient 3s ease alternate infinite;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}

@-webkit-keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

a.drug_row_title_other_city {
	color: #87bcea;
}

a.border-bottom-none {
	text-decoration: none;
	/*text-decoration-style: dotted !important;*/
	/*-moz-text-decoration-style: dotted;*/
	cursor: pointer;
	/*font-weight: bold;*/
}

a.border-bottom-none:hover, a.border-bottom-none:focus {
	text-decoration: none;
	/*text-decoration-style: dotted !important;*/
}

#btn_profile {
	width: 160px;
}

.popover {
	max-width: 376px;
}
.bb-warning {
	text-align: right!important;
  font-weight: normal!important;
}


.btn-success-outlined {
	border: 2px solid #398439;
	background-color: white;
	color: #449d44;
	/*font-weight: bold;*/
}

.btn-success-outlined:hover, .btn-success-outlined:focus, .btn-success-outlined:active {
	color: #398439;
}

.btn-drugrow-buy {
	margin-top: 7px;
	font-size: 12pt;
}

.button-group-tocart {
	border-width: 1px!important;
}

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

.feature-container {
    display: flex;
    justify-content: center;
}
.payment-logos {
	list-style: none;
}

.payment-logos > li {
	display: inline-block;
	padding-bottom: 7px;
}
.imgbgpricefirst {
  background-position: 0% 100%;
  height:150px;
}
.imgbgprice {
  background-position: 0% 50%;
  height:120px;
}

.form-group-touchspin {
	margin-bottom: 0;
	max-width: 250px;
	float: right;
}