/* * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}*/

body {
	font-size: 16px;
	line-height: 1.6em;
	color: #333;
	background: white;
}

body, select, option, form {
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-weight: bold;
    margin: .4em 0 .4em;
    font-size: 32px;
    line-height: 1.3em;
    color: black;
}
h1 span{
    font-weight: normal;
    margin: .25em 0 .4em;
    font-size: 22px;
    line-height: 1.3em;
    color: black;
}
@media (min-width: 1201px){
    h1 {
        font-size: 28px;
    }
}

h2 {
    font-weight: bold;
    margin: 1em 0 .7em;
    font-size: 24px;
    line-height: 34px;
}

h3 {
    margin: 1.2em 0 .4em;
    font-size: 20px;
    line-height: 28px;
}

p {
    line-height: 1.8em;
    margin: .6em 0 1.6em;
}

ul {
    margin: 0 10px 20px;
}
ul li {
    background: url(../images/layout/point-list.png) no-repeat left 4px;
    padding: 0 0 0 25px;
    margin: 0 0 5px;
}

ol {
    margin: 0 20px 20px;
}

ol>li {
    list-style-type: decimal;
    padding: 0 0 0 10px;
    margin: 0 0 5px;
}

a {
    color: #5C1CD6;
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
}
input:focus, textarea:focus {
    outline: none;
}
/* Na mobilech není hover efekt */
@media (min-width: 760px) {
    a {
        text-decoration: none;
    }
    a:hover {
        text-decoration: underline;
    }
}

/* ----------------------  HEADER --------------------------- */

header {
    display: block;
    background: #266abd;
    height: 86px;
    width:100%;
    z-index: 1000;
    border-bottom: 2px solid #5d1bd5;
}

header topline {
    display: block;
    margin: 0 auto;
}
@media (min-width: 1301px){
    header topline {
        width: 1280px;
        margin: 0 auto;
    }
    header#leftLine topline {
        width: 100% !important;
        margin: 0 !important;
    }
}
@media (min-width: 1021px) and (max-width: 1300px) {
    header topline {}
}

.header-wrap .header-table-first, .header-wrap .header-table-second {
    display: table;
    width: 100%;
    table-layout: auto;
    box-sizing: border-box;
}
.header-table-second {
    padding: 5px 8px 5px;
}

.header-table-second logo, .header-table-second user {
    display: none;
}
header hamburger {
    display: table-cell;
    color: white;
    font-size: 26px;
    padding: 9px 8px 3px;
    margin: 1px 7px 0 0;
    cursor: pointer;
    width: 30px;
}

header logo {
    display: table-cell;
    padding: 2px 10px 0 0;
}
header basket {
    display: table-cell;
    padding: 0 18px 0 10px;
    text-align: right;
}
header basket span {
    display: none
}
header basket a {
    color: white;
    display: inline-block;
    font-size: 14px;
    padding: 6px 10px 0px;
    text-decoration: none;
    position: relative;
    letter-spacing: 0.005em;
    font-weight: bold;
}
header basket a:hover {
    text-decoration: none;
}
header basket div.count {
    position: absolute;
    top: 0;
    left: 20px;
    background: hsl(214, 100%, 25%);
    font-size: 12px;
    line-height: 16px;
    padding: 0 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

header logo img {
    width: 200px;
}

header user {
    display: table-cell;;
    color: white;
    padding: 5px 10px 0;
}
header user a {
    color: white;
    text-decoration: underline;
}
header user .insertPlace {
    font-size: 30px;
    padding-right: 10px;
    color: lightgreen;
}

header search {
    display: table-cell;
    width: 100%;
    padding: 0 10px 0 0;
}
header search form {
    position: relative;
    margin: 0 auto;
    padding: 0;
}
header search form .wrapper {
    width: 100%;
    display: table;
    table-layout: auto;
    box-sizing: border-box;
    position: relative;
    background: white;
    padding: 5px 60px 2px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 35px;
}
header search form .wrapper #inputSearch {
    width: 100%;
    line-height: 24px;
    display: table-cell;
    box-sizing: border-box;
    font-size: 16px;
    border: 0;
    padding-bottom: 3px;
}
header search form .wrapper #inputSearch::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b9b9b9;
  opacity: 1; /* Firefox */
}
header search form .wrapper #inputSearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #b9b9b9;
}
header search form .wrapper #inputSearch::-ms-input-placeholder { /* Microsoft Edge */
  color: #b9b9b9;
}

header search form .wrapper button {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    background-color: #33b422;
    color: white;
    border: 0;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    width: 58px;
    font-size: 21px;
    height: 35px;
}

header#centerLine {
    position: fixed;
}

@media (min-width: 465px){
    header basket span {
        display: inline;
    }
}
@media (min-width: 920px){
    header#centerLine .header-wrap .header-table-first {
        display: none;
    }
    header#centerLine .header-wrap .header-table-second logo {
        display: table-cell;
        padding: 6px 30px 0 10px;
    }
    header#centerLine .header-wrap .header-table-second user {
        display: table-cell;
    }
    header#centerLine logo img {
        width: 236px;
        vertical-align: bottom;
    }
    header#centerLine header basket a {
        padding: 8px 10px 8px;
    }
    header#centerLine header basket a:hover {
        background-color: hsl(214, 100%, 25%);
    }
}

@media (min-width: 1201px){

    header#leftLine .header-wrap .header-table-first {
        display: none;
    }
    header#leftLine .header-wrap .header-table-second logo {
        display: table-cell;
        padding: 6px 30px 0 10px;
    }
    header#leftLine .header-wrap .header-table-second user {
        display: table-cell;
    }
    header#leftLine logo img {
        width: 236px;
        vertical-align: bottom;
    }
}

@media (min-width: 1301px){
    header#centerLine user {
        padding: 5px 10px 0;
    }
}

/* -------------- START TOP MENU ----------- */
#topMenuWraper {
    display: none;
    position: fixed;
    top: 43px;
    /*background: #e8eff4;*/
    background: white;
    width: 80%;
    max-width: 280px;
    height: calc(100% - 42px);
    overflow: auto;
    overflow-y: scroll;
    box-sizing: border-box;
    z-index: 2000;
    border: 1px solid lightgray;
}
#topMenuWraper.visible {
    left: 0;
}

#topMenuWraper basket {
    display: none;
}
#topMenuWraper #topMenu {

}
#topMenuWraper #topMenu ul.firstUl {
    margin: 0;
    padding: 0;
}
#topMenuWraper #topMenu ul.firstUl li.firstLi {
    background: none;
    margin: 0;
    padding: 0;
}
#topMenuWraper #topMenu ul.firstUl li.firstLi a {
    text-decoration: none;
    font-size: 15px;
    color: hsl(214, 100%, 25%);
    display: block;
    padding: 10px 35px 10px 8px;
}
#topMenuWraper #topMenu ul.firstUl li.firstLi a.down {
    image-rendering: auto;
    background: url(../images/layout/down-menu.png) no-repeat right center white;
}
#topMenuWraper #topMenu ul.firstUl li.firstLi a.up {
    image-rendering: auto;
    background: url(../images/layout/up-menu.png) no-repeat right center #f9f9f9;
}
#topMenuWraper #topMenu ul.firstUl li.firstLi a:hover {}
#topMenuWraper #topMenu ul.firstUl li.firstLi a span {}

#topMenuWraper #topMenu ul.secondUl {
    margin: 0;
    padding: 0;
}
#topMenuWraper #topMenu ul.secondUl li.secondLi {
    background: none;
    margin: 0;
    padding: 0;
}
#topMenuWraper #topMenu ul.secondUl li.secondLi a {
    text-decoration: none;
    font-size: 15px;
    color: hsl(214, 100%, 25%) !important;
    display: block;
    padding: 10px 35px 10px 40px;
    background: #f9f9f9;
}

#topMenuWraper #topMenu .menuDivHidder {
    display: none;
    z-index: 1000;
}

@media (min-width: 920px){
    header#centerLine #topMenuWraper {
        display: block !important;
        position: static;
        background: none;
        width: auto;
        max-width: 1300px;
        height: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        line-height: 20px;
        overflow-y: hidden;
        border: 0;
    }
    header#centerLine #topMenuWraper #topMenu ul.firstUl li.firstLi {
        display: inline-block;
        padding: 0;
    }
    header#centerLine #topMenuWraper #topMenu ul.firstUl li.firstLi a {
        background: none;
        font-size: 14px;
        color: white;
        padding: 9px 6px 9px 5px;
        float: left;
    }
    header#centerLine #topMenuWraper #topMenu ul.firstUl li.firstLi a.firstOpenPC:hover {
        background: #5C1CD6;
    }
    header#centerLine #topMenuWraper #topMenu {
        margin-left: 10px;
    }
    header#centerLine #topMenuWraper #topMenu .secondUl a:hover {
        text-decoration: underline;
    }
    header#centerLine #topMenuWraper #topMenu .menuDivHidder {
        display: none;
        position: absolute;
        left: 0;
        top: 86px;
        width: 100%;
        background: white;
        padding: 10px 0 20px;
        border-bottom: 2px solid #5d1bd5;
    }
    header#centerLine #topMenuWraper #topMenu ul.secondUl li.secondLi a {
        color: hsl(214, 100%, 25%);
    }
    header#centerLine #topMenuWraper #topMenu .menuDivHidder #menuDivHidderWrap {
        margin: 0 auto;
    }
    header#centerLine .wholeCat {
        display: none;
    }
    header#centerLine #topMenuWraper #topMenu {
        float: left;
    }
    header#centerLine #topMenuWraper basket {
        display: block;
        float: right;
    }
}

@media (min-width: 1201px){

    header#centerLine #topMenuWraper #topMenu ul.firstUl li.firstLi a {
        padding: 8px 10px 8px 10px;
    }

    header#leftLine #topMenuWraper {
        display: block !important;
        position: static;
        background: none;
        width: auto;
        max-width: 1300px;
        height: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        line-height: 20px;
        overflow-y: hidden;
        border: 0;
    }
    header#leftLine #topMenuWraper #topMenu ul.firstUl li.firstLi {
        display: inline-block;
        padding: 0;
    }
    header#leftLine #topMenuWraper #topMenu ul.firstUl li.firstLi a {
        background: none;
        font-size: 14px;
        color: white;
        padding: 8px 6px 8px 5px;
        float: left;
    }
    header#leftLine #topMenuWraper #topMenu ul.firstUl li.firstLi a.firstOpenPC:hover {
        background: #5C1CD6;
    }
    header#leftLine #topMenuWraper #topMenu {
        margin-left: 10px;
    }
    header#leftLine #topMenuWraper #topMenu .secondUl a:hover {
        text-decoration: underline;
    }
    header#leftLine #topMenuWraper #topMenu .menuDivHidder {
        display: none;
        position: absolute;
        left: 0;
        top: 86px;
        width: 100%;
        background: white;
        padding: 10px 0 20px;
        border-bottom: 3px solid #266abd;
        width: 900px;
    }
    header#leftLine #topMenuWraper #topMenu ul.secondUl li.secondLi a {
        color: hsl(214, 100%, 25%);
        padding-left: 18px;
    }
    header#leftLine #topMenuWraper #topMenu .menuDivHidder #menuDivHidderWrap {
        margin: 0 auto;
    }
    header#leftLine #topMenuWraper #topMenu .menuDivHidder #menuDivHidderWrap a {
        width: 30%;
    }
    header#leftLine .wholeCat {
        display: none;
    }
    header#leftLine #topMenuWraper #topMenu {
        float: left;
    }
    header#leftLine #topMenuWraper basket {
        display: block;
        float: right;
    }
}

@media (min-width: 890px) and (max-width: 1300px){
    header#centerLine #topMenuWraper #topMenu .menuDivHidder #menuDivHidderWrap a {
        width: 30%;
    }
    header#centerLine #topMenuWraper #topMenu ul.secondUl li.secondLi a {
        padding-left: 18px;
    }
}



@media (min-width: 1301px){
    header#centerLine #topMenuWraper #topMenu .menuDivHidder #menuDivHidderWrap {
        width: 1261px;
    }
    header#centerLine #topMenuWraper #topMenu .menuDivHidder #menuDivHidderWrap a {
        width: 300px;
    }
}

/* Pro Body */
.opened-menu {
    overflow-y: hidden;
    position: fixed;
}

/* Pro Body */
.spinner-body {
    overflow: hidden
}


/* START HIDE MENU PRO CITY - odkomentováno pro schování menu, skrýt */
/*
header#leftLine hamburger {
    display: none !important;
}
header#leftLine logo {
    padding: 6px 15px 0 12px !important;
}
header#leftLine #topMenuWraper {
    display: none !important;
}
@media (min-width: 1201px){
    header#leftLine {
        height: 56px !important;
    }
}
*/
/* END HIDE PRO CITY */

/* -------------------- END TOP MENU ------------ */



/* ----------------------  FOOTER --------------------------- */

footer {
    display: block;
    border-top: 1px solid #c8dae0;
    padding: 10px 10px 30px;
}
footer footerLine {
    display: block;
}
@media (min-width: 1301px){
    footer footerLine {
        width: 1240px;
        margin: 0 auto;
    }
    footer#leftLine footerLine {
        width: 100% !important;
        margin: 0 !important;
    }
}
footer copy {
    display: block;
    font-size: 12px;
}
footer copy a {
    margin-left: 10px;
}

.footerLinks {
    margin: 0 0 10px 0;
}

/* -------------- PAGE ------------------- */
/* Hlavní page */
page {
    display: block;
}
@media (min-width: 1301px){
    page {
        width: 1261px;
    }
}
@media (min-width: 1021px) and (max-width: 1300px) {
    page {
       width: 982px;
    }
}
@media (min-width: 1021px) {
    page {
        margin: 0 auto 20px;
        padding: 0 10px;
    }
}
/* 1 sloupec */
page1 {
    display: block;
    padding: 0 10px;
}

/* 2 sloupce */
pageLeft {
    display: block;
    padding: 0 10px;
    width: -webkit-calc(100% - 21px);
    width:    -moz-calc(100% - 21px);
    width:         calc(100% - 21px);
}
pageRight {
    display: block;
    padding: 0 10px;
    width: -webkit-calc(100% - 21px);
    width:    -moz-calc(100% - 21px);
    width:         calc(100% - 21px);
}
@media (min-width: 1301px){
    pageLeft {
        width: 910px;
    }
}
@media (min-width: 1021px) and (max-width: 1300px) {
    pageLeft {
        width: 620px;
    }
}
@media (min-width: 1021px) {
    pageRight {
        width: 350px;
        padding: 0;
        float: right;
    }
    pageLeft {
        float: left;
        padding: 0;
    }
}

/* 3 sloupce, střed  */
page2Left {
    display: none;
}
page2Center {
    display: block;
    padding: 0 10px;
    margin: 0 0 30px;
    width: -webkit-calc(100% - 21px);
    width:    -moz-calc(100% - 21px);
    width:         calc(100% - 21px);
}
page2Right {
    width: 100%;
    display: block;
    margin: 0 10px;
    width: -webkit-calc(100% - 21px);
    width:    -moz-calc(100% - 21px);
    width:         calc(100% - 21px);
}
page2Center img {
    width: 100%;
    max-width: 650px;
}

@media (min-width: 1301px){
    page2Left {
        display: block;
        width: 258px;
        float: left;
    }
}
@media (min-width: 1021px) {
    page2Right {
        width: 350px;
        float: left;
    }
    page2Center {
        width: 590px;
        float: left;
    }
}

/* 1 sloupec - s mapou */
pageMap {
    display: block;
}
pageMap pageMapLeft {
    display: block;
}
pageMap pageMapLeft > .wrapper {
    padding: 0 0 0 10px;
}
pageMap pageMapRight {
    display: none;
    height: 100%;
    position: fixed;
}

@media (min-width: 801px){
    pageMap pageMapLeft {
        width: 600px;
        float: left;
    }
    pageMap pageMapRight {
        display: block;
        width: -webkit-calc(100% - 600px);
        width:    -moz-calc(100% - 600px);
        width:         calc(100% - 600px);
        left: 600px;
    }
}
@media (min-width: 1201px){
    pageMap pageMapLeft {
        width: 900px;
    }
    pageMap pageMapRight {
        width: -webkit-calc(100% - 900px);
        width:    -moz-calc(100% - 900px);
        width:         calc(100% - 900px);
        top: 0;
        left: 900px;
    }
}
/* -------------- END PAGE ------------------- */

/* --- NAVIGACE */

nav {
    font-size: 15px;
    display: block;
    padding: 10px 0 0;
    width: 100%;
    line-height: 20px;
}
nav ul {
    list-style: none;
    background: none;
    margin: 0;
    padding: 0;
}
nav ul li {
    display: none;
    list-style: none;
    background: none;
    margin: 0;
    padding: 0;
}
nav span {
    display: none;
}
nav li.lastLink {
    display: inline !important;
}
nav span.back {
    font-weight: bold;
}
nav li.lastLink span {
    display: inline;
}
nav li.lastLink span.gt {
    display: none;
}

@media (min-width: 1021px) {
    nav {
        font-size: 12px;
        line-height: 20px;
    }
    nav ul li {
        display: inline;
    }
    nav span {
        display: inline;
    }
    nav span.back {
        display: none !important;
    }
    nav li.lastLink span.gt {
        display: inline !important;
    }
}
@media (min-width: 1301px) {
    nav {
        font-size: 14px;
    }
    nav span {
        display: inline;
    }
}

/* ----------------- BANNER -----------------*/
.banner {
    margin: 0 0 14px;
}
.banner > .in {
    border: 1px solid #dedddd;
    padding: 0 15px;
}
.banner > p {
    text-align: right;
    color: #797676;
    font-size: 12px;
    line-height: 12px;
    margin: 2px 0 0; pading: 0;
}
.banner h2 {
    margin-top: 15px;
    line-height: normal;
}


/* ----------------- LISTPLACES ---------------- */

pageMapLeft cityForm {
    display: block;
    margin: 0 10px 15px;
    color: #5b0f70;
}
pageMapLeft cityForm input {
    font-size: 14px;
    margin: 0 6px;
    padding: 8px 10px;
    border: 1px solid #cacaca;
    background: #fcfcfc;
}
pageMapLeft cityForm datalist {
    color: black;
}
pageMapLeft cityForm datalist option {
    font-weight: normal;
}

pageMapLeft descline, pageMapLeft descline p {
    font-size: 13px;
    line-height: 20px;
    color: #333;
    margin: 0 10px 14px 0;
    display: block;
}
pageMapLeft descline a, pageMapLeft descline p a {
    text-decoration: none;
}
pageMapLeft descline a:hover, pageMapLeft descline p a:hover {
    text-decoration: underline;
}

pageMapLeft undercities {
    display: block;
    margin: 0 10px 10px 0;
    padding: 2px;
    text-align: center;
}
pageMapLeft undercities a {
    text-decoration: underline;
    display: inline-block;
    margin: 0 1px 2px;
    font-size: 16px;
}
pageMapLeft undercities a:hover {
    text-decoration: none;
}

pageMapLeft categories {
    display: block;
    margin: 0 10px 15px 0;
    overflow-x: auto;
    white-space: nowrap;
}
@media (min-width: 701px){
    pageMapLeft categories {
        white-space: normal;
    }
}
pageMapLeft categories a, pageMapLeft categories div {
    display: inline-block;
    background: #fcfcfc;
    color: #5b0f70;
    padding: 7px 14px;
    margin: 5px 1px;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 2px 0px #e3e2e2;
    -moz-box-shadow: 0px 0px 2px 0px #e3e2e2;
    box-shadow: 0px 0px 2px 0px #e3e2e2;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0px solid #000000;
}
pageMapLeft categories a:hover {
    text-decoration: none;
    background: white;
}
pageMapLeft categories div {
    font-weight: bold;
}

brands {
    display: block;
    margin: 0 0 20px 0;
    font-size: 20px;
}
brands a {
    text-decoration: underline;
}
brands a:hover {
    text-decoration: none;
}
brands span {
    font-size: 16px;
    color: #848586;
}


/* Filetr */

pageMapLeft filter {
    display: block;
    margin: 0 0 20px;
}
pageMapLeft filter a {
    display: inline-block;
    color: #333;
    background: url(../images/layout/checkbox.png) no-repeat;
    background-position: 0 -26px;
    padding-left: 25px;
    line-height: 26px;
    margin: 0;
    text-decoration: none;
    margin: 0 0 0 12px;
}
pageMapLeft filter a:hover {
    text-decoration: none;
    color: #03499f;
}
pageMapLeft filter a.active {
    background-position: 0 0;
}

pageMapLeft .wrapPrhamacy {
    height: 20px;
}

pageMapLeft pharmacy {
    display: block;
    margin-bottom: 24px;
}
pageMapLeft pharmacy shortcut {
    display: block;
    margin: 0 0 10px;
}
pageMapLeft pharmacy shortcut a {
    display: block;
    width: 100%;
    height: 150px;
    background: url(../images/layout/lekarna.jpg) center no-repeat;
    background-size: cover;
}
pageMapLeft pharmacy info {
    display: block;
    margin: 0 10px 0;
}
pageMapLeft pharmacy info h2 {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

pageMapLeft pharmacy info addr {
    display: block;
    margin: 0 0 2px;
    color: black;
}
pageMapLeft pharmacy addr span {
    font-weight: bold;
    padding-left: 5px;
}

pageMapLeft pharmacy info desc {
    font-size: 12px;
    line-height: 16px;
    color: #848586;
}

pageMapLeft pharmacy info open {
    display: block;
    font-size: 14px;
    margin: 6px 0 10px;
}

pageMapLeft pharmacy info logo {
    display: block;
}
pageMapLeft pharmacy info logo img {
    width: 90px;
}
pageMapLeft pharmacy info logo a {
    display: block;
    color: white;
    background: #33b422;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none;
    border: 2px solid grey;
}
pageMapLeft pharmacy info logo a:hover {
    text-decoration: none;
    background: #33a125;
}

.pharmacyClosed, .pharmacyDidntFind {
    text-align: center;
    margin: 6px auto 30px;
    padding: 10px 0;
    border-top: 1px solid #c8dae0;
    border: 1px solid #c8dae0;
    width: 90%;
    background: #f1efef;
}
.pharmacyClosed .closedHead, .pharmacyDidntFind .headDidntFind {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4em;
}
.pharmacyClosed .closeInfo, .pharmacyDidntFind .infoDidntFind  {
    line-height: 1.5em;
    margin: 0 0 10px;
    font-style: italic;
}
.pharmacyClosed .greenButton, .pharmacyDidntFind .greenButton {
    width: 70%;
    margin: 0 auto;
    padding: 12px 20px;
    line-height: 1.25em;
}
.otherPharm {
    margin: 60px 10px 20px;
    padding-top: 20px;
    border-top: 1px solid rgb(245, 245, 245);
    font-weight: normal !important;
}

@media (min-width: 500px){
    pageMapLeft pharmacy info logo a {
        font-size: 20px;
        padding: 8px 20px;
    }
}
@media (min-width: 701px){
    pageMapLeft pharmacy shortcut {
        float: left;
        padding: 0 10px 0 0;
    }
    pageMapLeft pharmacy shortcut a {
        width: 160px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    pageMapLeft pharmacy info {
        float: left;
        width: 395px;
    }
    pageMapLeft pharmacy info h2, pharmacy info addr, pharmacy info desc, pharmacy info open {
        text-align: left;
    }
}
@media (min-width: 1201px){
    pageMapLeft pharmacy shortcut {

    }
    pageMapLeft pharmacy shortcut a {
        width: 270px;
    }
    pageMapLeft pharmacy info {
        width: 580px;
    }
    pageMapLeft pharmacy info h2 {
        font-size: 22px;
    }
    pageMapLeft pharmacy info addr {
        font-size: 14px;
    }
}

/* ----------------------- PAGGING ------------------------- */

pagging {
    display: block;
    padding: 0 0 20px;
    text-align: center;
    margin: 0 10px;
}
pagging a, pagging div {
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
}
pagging .next {
    font-size: 16px;
    display: block;
    color: white;
    background: #33b422;
    padding: 8px 8px;
    width: 200px;
    margin: 40px auto 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
pagging .next:hover {
    text-decoration: none;
    background: #33a125;
}
pagging .number {
    padding: 5px 10px;
    -webkit-box-shadow: 0px 0px 2px 0px #a5a2a2;
    -moz-box-shadow: 0px 0px 2px 0px #a5a2a2;
    box-shadow: 0px 0px 2px 0px #a5a2a2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
pagging .number:hover {
    text-decoration: none;
    background: #f2f5f8;
}

pagging pageInfo {
    display: block;
    margin: 10px 0 20px;
    font-style: italic;
}
pagging .active {
    padding: 5px 10px;
    background-color: #d4d4d4;
    -webkit-box-shadow: 0px 0px 2px 0px grey;
    -moz-box-shadow: 0px 0px 2px 0px grey;
    box-shadow: 0px 0px 2px 0px grey;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* ----------------------------------- DETAIL LÉKÁRNY ------------------------ */

detail {
    display: block;
}
detail h1 {
}

detail shortcut {
    display: block;
    margin: 0 0 15px;
}
detail shortcut div {
    display: block;
    width: 100%;
    height: 150px;
    background: url(../images/layout/lekarna.jpg) center no-repeat;
    background-size: cover;
}

detail .w_b_place {
    padding: 0 10px 0 0;
}
detail .w_b_place .in, detail .in {
    padding: 0 15px;
}
detail .w_b_place .in ul li, detail .in ul li {
    background: url(../images/layout/checkGreen2.png) no-repeat left 4px;
    padding: 0 0 0 30px;
}

@media (min-width: 1201px){
    detail .w_b_place {
        float: right;
        width: 470px;
    }
}


detail info {
    display: block;
    padding: 0 10px 10px;
}
detail info addr {
    display: block;
    font-size: 15px;
    text-align: center;
    margin: 0 0 10px;
}
@media (min-width: 601px){
    detail info addr {
        text-align: left;
    }
}

detail info web, detail info tel, detail info mail  {
    display: block;
    border-bottom: 1px solid #dedddd;
    padding: 3px 0 3px;
}
detail info mail {
    margin: 0;
}
detail info web a, detail info tel a, detail info mail a {
    text-decoration: underline;
}
detail info web a:hover, detail info tel a:hover, detail info mail a:hover {
    text-decoration: none;
}
detail info .right {
    font-weight: bold;
}
detail info .left {
    color: grey;
}
detail info logo {
    display: block;
    margin: 12px 0 0;
}
detail info logo img {
    width: 90px;
}

a.greenButton {
    display: block;
    color: white;
    background: #33b422;
    padding: 14px 10px;
    font-size: 24px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    border: 2px solid grey;
    margin: 0 0 16px;
    text-align: center;
    line-height: normal;
}
a.greenButton:hover {
    text-decoration: none;
    background: #33a125;
}

detail openTime {
    display: block;
    margin: 0 10px 20px 0;
    width: 340px;
    float:left;
}
detail openTime h2 {
    margin-bottom: 7px;
}
detail openTime table {
    width: 100%;
    max-width: 340px;
}
detail openTime table td.now{
    font-weight: bold;
}

detail openTime table td {
    padding: 4px 20px 4px 0;
    background: #f1f2f2;
    border-bottom: 1px solid white;
    /*width: 100px;*/
}
detail openTime table td:first-child {
    padding: 4px 20px 4px 20px;
    /*width: 40px;*/
}

detail desc {
    display: block;
    margin: 0 10px 20px 0;
}

detail desc p {
    margin: 0 0 12px;
}

detail fotos {
    display: block;
    margin: 0 10px 0 0;
}
detail fotos foto {
    display: block;
    margin: 0 0 10px;
}
detail fotos foto img {
    width: 100%;
    max-width: 578px;
}

@media (min-width: 601px){
    detail info {
        float: right;
        width: -webkit-calc(100% - 201px);
        width:    -moz-calc(100% - 201px);
        width:         calc(100% - 201px);
    }

    detail shortcut {
        float: left;
        padding-right: 10px;
    }

    detail shortcut div {
        width: 150px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
}
@media (min-width: 1201px){
    detail info {
        float: right;
        width: -webkit-calc(100% - 311px);
        width:    -moz-calc(100% - 311px);
        width:         calc(100% - 311px);
    }
    detail shortcut div {
        width: 270px;
    }
}

#placesListMap {
    width:100%;
    height: 100%;
    /*height: -webkit-calc(100% - 40px);
    height:    -moz-calc(100% - 40px);
    height:         calc(100% - 40px);*/
}

/* --------------------- ARTICLE LIST START ------------------ */
articleItem {
    display: block;
    margin: 0 0 25px;
}
articleItem .articleitem_aimg {
    margin: 0 0 10px;
}
articleItem .articleitem_aimg img {
    max-width: 200px;
}
articleItem .articleitem_content {
}
articleItem .articleitem_content h2 {
    margin: 0px 0 5px;
}
@media (min-width: 601px){
    articleItem .articleitem_aimg {
        display: block;
        float: left;
    }
    articleItem .articleitem_aimg img {
        max-width: 200px;
    }
    articleItem .articleitem_content {
        float: left;
        padding: 0 0 0 12px;
        width: -webkit-calc(100% - 213px);
        width: -moz-calc(100% - 213px);
        width: calc(100% - 213px);
    }
}
@media (min-width: 1201px){

}


/* --------------------- ARTICLE LIST END ------------------ */

/* --------------------- ARTICLE CONTENT START --------------- */
.artPerex {
    color: #666666;
    margin: 0 0 10px;
}
.mainImg {
    width: 100%;
    max-width: 650px;
    margin: 5px auto 15px;
    display: block;
}
pageRight miniArts {
    display: block;
    margin: 15px 0 15px;
}
pageRight miniArts .miniHead {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    margin: 25px 0 14px;
    color: #97a2a7;
}
pageRight miniArts miniArt {
    display: block;
}
pageRight miniArts miniArt div {
    float: left;
}
pageRight miniArts miniArt div img {
    width: 120px;
}
pageRight miniArts miniArt h3 {
    margin: 0 0 16px 135px;
    line-height: 24px;
}
pageRight miniArts miniArt h3 a {
    text-decoration: none;
}
pageRight miniArts miniArt h3 a:hover {
    text-decoration: underline;
}

#frm-formArticleInsert > table {
    width: 100%;
}

/* --------------------- ARTICLE CONTENT END --------------- */

/* ----------- START BRANDS - výpis seznamu značek obchodů  leano.cz/obchody -------------------------- */

brandsList {
    display: block;
    margin: 0 0 10px;
}
brandsList a.brandLink {
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    color: black;
    margin: 0px 3px 6px;
    border: 1px solid #e3e2e2;
    padding: 6px 6px 5px;
    width: 130px;
    height: 90px;
}
brandsList a.brandLink:hover{
    border: 1px solid #cccccc;
}
brandsList a.brandLink p {
    line-height: 30px;
    margin: 0;
}
brandsList a.brandLink img {
    width: 118px;
}
brandsList a.brandLink .logo {
    height: 65px;
}
/* ------------------- END BRANDS --------------------- */


/* ------------------- START PRODUCTBRANDS ------------ */
#letters {
    margin: 0 0 20px 0;
}
#letters .letterLink {
    display: inline-block;
    color: #5b0f70;
    width: 31px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    margin: 2px 0;
    text-decoration: none;
    border: 1px solid #e3e2e2;
}
#letters .letterLink:hover {
    background: #f5f5f5;
}
#productBrandList {
    margin: 0 0 30px;
}
#productBrandList .productBrandItem {
    display: inline-block;
    width: 236px;
    margin: 0 0 3px;
}
/* ------------------- END PRODUCTBRANDS -------------- */


/* ------------------- START PRODUCTS ----------------- */

.countStats {
    font-size: 13px;
    color: #d2d2d2;
    margin: 5px 0 0;
}

#pListTop {
    margin: 0 0 10px;
}
#pListTop #catDesc {
    font-size: 13px;
    line-height: 1.65em;
}
#pListTop #catDesc p {
    line-height: 1.65em;
    margin: .3em 0 .8em;
}
#pListMenu {

}

#plist {

}
#plist #order {

}
#order #orderMob {

}
#order #orderMob select {
    width: 100%;
    padding: 8px 5px;
}
#order #orderPc {
    display: none;
    margin: 5px 0;
    font-size: 14px;
}
#order #orderPc ul {
    margin: 0;
    padding: 0;
}
#order #orderPc ul li {
    display: inline;
    background: none;
    margin: 0 20px 0 0;
    padding: 0;
}
@media (min-width: 600px) {
    #order #orderPc {
        display: block;
        float: left;
    }
    #order #orderMob {
        display: none;
    }
}



.productsLists {
    margin: 0 0 30px;
    overflow: hidden;
    padding: 1px 0 0 0;
    border-left: 1px solid #e8e8e8;
}
.productsLists .productList {
    overflow: hidden;
    border: 1px solid #e8e8e8;
    border-left: 0;
    margin: -1px 0 0;
    position: relative;
    box-sizing: border-box;
    /*height: 458px;*/
    height: 480px;
    width: 50%;
    float: left;
}
.productsLists .productList .productListImg {
    text-align: center;
    margin: 6px 3px 6px;
    height: 180px;
}
.productsLists .productList .productListImg img {
    width: 100%;
    max-width: 170px;
}
.productsLists .productList a {
    text-decoration: none;
    color: #00275a;
}
.productsLists .productList .productListHead {
    height: 46px;
    margin: 0 5px 3px;
    overflow: hidden;
}
.productsLists .productList .productListHead h3 {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}
.productsLists .productList .productListHead h3 a {
}
.productsLists .productList .productListHead h3 a:hover {
    text-decoration: underline;
}
.productsLists .productList .productPerex {
    margin: 0 5px 3px;
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    height: 38px;
    overflow: hidden;
}
.productsLists .productList .productPrice {
    text-align: center;
    margin: 0 0 10px;
    font-size: 20px;
}
.productsLists .productList .productPrice span {
    font-weight: bold;
}
.productsLists .productList .toShop {
    padding: 0 10px;
}
.productsLists .productList .toShop a {
    display: block;
    color: white;
    background: #33b422;
    padding: 8px 5px;
    font-size: 18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    margin: 0 auto 2px;
    text-align: center;
    border: 2px solid grey;
}
.productsLists .productList .toShop a:hover {
    text-decoration: none;
    background: #33a125;
}

.productsLists .productList .toBasket {
    padding: 0 10px;
}

.productsLists .productList .toBasket a, .productsLists .productList .toBasket div {
    cursor: pointer;
    display: block;
    color: #2769bd;
    padding: 8px 2px;
    font-size: 16px;
    text-decoration: none;
    margin: 0 auto 4px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 2px 0px #a5a2a2;
    -moz-box-shadow: 0px 0px 2px 0px #a5a2a2;
    box-shadow: 0px 0px 2px 0px #a5a2a2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.productsLists .productList .toBasket a:hover, .productsLists .productList .toBasket div:hover {
    text-decoration: none;
    background: #f2f5f8;
}

.productsLists .productList .cheaper {
    text-align: center;
    margin: 0 0 5px;
}
.productsLists .productList .cheaper div {
    font-size: 13px;
    line-height: 1em;
}
.productsLists .productList .cheaper img {
    width: 60px;
}
.productsLists .productList .brands {
    margin: 0px 15px;
    font-size: 11px;
    color: #008700;
}
.productsLists .productList .brands span {

}

@media (min-width: 800px) {
    .productsLists .productList {
        width: 33.333%;
    }
}


@media (min-width: 1021px) {
    #productsPage {
        width: 1020px;
        margin: 0 auto;
    }
    #productstLeft {
        width: 749px;
        float: left;
        padding: 0 10px;
    }
    #productsRight {
        width: 250px;
        float: right;
    }
    .productsLists .productList {
        width: 25%;
    }
}

@media (min-width: 1301px){
    #productsPage {
        width: 1300px;
    }
    #productsLeft {
        display: block;
        float: left;
        width: 979px;
    }
    #productsRight {
        width: 300px;
    }
    .productsLists .productList .productListHead{
       /*height: 65px;*/
    }
    .productsLists .productList .productListHead h3 {
        /*font-size: 20px;*/
        /*line-height: 26px;*/
    }
}
@media (min-width: 1021px) and (max-width: 1300px) {
    #productsPage {
       width: 1020px;
    }
}

/* ----------------- END  PRODUCTS ------------ */


/* ----------------- START PRODUCT ------------ */
.productImg {
    text-align: center;
    margin: 10px 0 0;
}
.productImg a {
    display:block;
}
.productImg img {
    height: 190px;
}
.productInfo {
}
.productInfo h1 {
    text-align: center;
    font-size: 24px;
}
.productInfo .nameDesc{
    margin: 0 0 1em;
    text-align: center;
}
.productInfo .right {
    float: none !important;
    text-align: center;
}
.productInfo .right ul {
    text-align: left;
}
.productInfo .left {
    clear: both;
    float: none !important;
    text-align: center;
    margin: 0 0 15px;
}
.productInfo .price {
    color: #B12704;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 .6em;
}
.productInfo .button {
}
.productInfo .button a {
    display: block;
    color: white;
    background: #33b422;
    padding: 12px 20px;
    font-size: 18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    margin: 0 auto;
    text-align: center;
    border: 2px solid grey;
}
.productInfo .button a:hover {
    text-decoration: none;
    background: #33a125;
}

.productInfo .buttonBaset {
}

.productInfo .buttonBaset a, .productInfo .buttonBaset div {
    display: block;
    color: #2769bd;
    background: white;
    padding: 12px 20px;
    font-size: 18px;
    text-decoration: none;
    margin: 0 auto;
    text-align: center;
    -webkit-box-shadow: 0px 0px 2px 0px #a5a2a2;
    -moz-box-shadow: 0px 0px 2px 0px #a5a2a2;
    box-shadow: 0px 0px 2px 0px #a5a2a2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
}

.productInfo .buttonBaset a:hover, .productInfo .buttonBaset div:hover {
    text-decoration: none;
    background: #f2f5f8;
}

.productInfo .imgProductBrand {
}
.productInfo .imgProductBrand img {
    width: 90px;
}
.productInfo .perex {

}

.productInfo hint {
    display: block;
    padding: 0 0 30px;
    text-align: left !important;
}
.productInfo hint ul {
    margin: 0 0 10px 0;
}
.productInfo hint ul li {
    background: url(../images/layout/checkGreen2.png) no-repeat left 4px;
    padding: 0 0 0 30px;
    line-height: 30px;
    font-size: 16px;
}

@media (min-width: 800px) {
    .productInfo .right {
        float: left !important;
        text-align: left;
    }
    .productInfo .left {
        text-align: left;
    }
    .productImg {
        float: left;
        margin: 15px 15px 0 0;
        width: 280px;
        height: 280px;
    }
    .productImg img {
        margin: 0;
        width: 280px;
        height: auto;
    }
    .productInfo {
        margin: 0;
        float: left;
        width: -webkit-calc(100% - 301px);
        width:    -moz-calc(100% - 301px);
        width:         calc(100% - 301px);
    }
    .productInfo h1 {
        font-size: 32px;
        text-align: left;
        margin: 10px 0 6px;
    }
    .productInfo .nameDesc{
        text-align: left;
    }
    .productInfo .price {
        text-align: left;
        font-size: 36px;
    }
    .productInfo .links {
       margin: 0 0 5px;
    }
}
@media (min-width: 1021px) {
    .productInfo .left {
        float: left !important;
        width: 300px;
    }
    .productInfo .right {
        width: 340px;
        float: right !important;
    }
}

@media (min-width: 1301px){
    .productImg {
        width: 380px;
        height: 380px;
    }
    .productImg img {
        width: 380px;
        height: auto;
    }
    .productInfo {
        margin: 0;
        float: left;
        width: -webkit-calc(100% - 401px);
        width:    -moz-calc(100% - 401px);
        width:         calc(100% - 401px);
    }
    .productInfo h1 {
        font-size: 32px;
        margin: 15px 0 12px;
    }
    .productInfo .button {
        width: 450px;
    }
    .productInfo .button a {
        width: 360px;
        font-size: 24px;
        padding: 16px 45px;
        float: left;
    }
    .productInfo .left {
        width: 430px;
    }
    .productInfo .rght {
        width: 390px;
    }
}

/* START PRODUCT SROVNANI */
.pSrov {

}
.pSrov h2 {
    float: left;
    margin-top: 5px;
}
.pSrov .pSrovDiv {
   border-top: 1px solid #d2d2d2;
}
.pSrov .pSrovDiv:last-child {
   border-bottom: 1px solid #d2d2d2;
   margin-bottom: 2em;
}
.pSrov .pSrovDiv .pName {
   float: left;
}
.pSrov .pSrovDiv .pName h3 {
    font-size: 20px;
    float: left;
    margin-right: 15px;
    font-size: 24px;
    margin: .4em 10px .2em 0;
}
.pSrov .pSrovDiv .pName h3 a {
    color: black;
    text-decoration: none;
}
.pSrov .pSrovDiv .pName h3 a:hover {
    text-decoration: none;
}
.pSrov .pSrovDiv .pName img {
   float: left;
   width: 75px;
   margin-top: 4px
}
.pSrov .pSrovDiv .pPrice {
   float: right;
   color: #B12704;
   font-size: 24px;
   font-weight: bold;
   line-height: 45px;
}
.pSrov .pSrovDiv .pInfo {
   margin: 0 0 10px;
}
.pInfo .pFreeHelivery {
    float: left;
    width: 65%;
    text-align: left;
}
.pInfo .pDeliveryHome {
    float: right;
    width: 30%;
    text-align: right;
    padding-right: 8px;
}
.pSrov .pSrovDiv .pObchodMob {
    clear: both;
    text-align: center;
    padding: 10px 0 16px;
}
.pSrov .pSrovDiv .pObchodMob .pDoObchodu {
    display: block;
    color: #33a125;
    font-weight: bold;
    text-decoration: none;
    border: 2px solid #33a125;
    font-size: 16px;
    padding: 8px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.pSrov .pSrovDiv .pObchodMob .pDoObchodu:hover {
    background: #33a125;
    color: white;
}
.pSrov .pSrovDiv .pObchodPc {
    display: none;
}
.pSrov .pSrovDiv .pObchodPc .pDoObchodu {
    width: 150px;
    display: block;
    color: #33a125;
    text-decoration: none;
    border: 2px solid #33a125;
    font-size: 16px;
    padding: 5px 12px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 5px 0 0 15px;
    background: #33a125;
    color: white;
    text-align: center;
}
.pSrov .pSrovDiv .pObchodPc .pDoObchodu:hover {
    color: #33a125;
    background: white;
}

@media (min-width: 800px) {
    .pSrov .pSrovDiv .pObchodMob {
       display: none;
    }
    .pSrov .pSrovDiv .pObchodPc {
        display: block;
        float: right;
    }
    .pSrov .pSrovDiv .pPrice {
        font-size: 24px;
    }
    .pInfo .pFreeHelivery {
        width: 50%;
    }
    .pInfo .pDeliveryHome {
        width: 10%;
        padding-right: 200px;
    }
}
@media (min-width: 1301px){
    .pSrovVanish {
        clear: none !important;
    }
    .pSrov .pSrovDiv .pName {
        width: 300px;
    }
    .pSrov .pSrovDiv .pInfo {
        width: 600px;
        float: left;
        margin: 20px 0 20px;
    }
    .pSrov .pSrovDiv .pPrice {
        margin-top: 9px;
    }
    .pSrov .pSrovDiv .pObchodPc {
        margin-top: 5px;
    }
    .pSrov .pSrovDiv .pObchodPc .pDoObchodu {
       padding: 6px 30px;
    }
    .pSrov .pSrovDiv .pName h3 {
        margin: .8em 10px .2em 0;
    }
    .pSrov .pSrovDiv .pName img {
        margin-top: 12px
     }
     .pInfo .pDeliveryHome {
        width: 15%;
        padding-right: 10px;
    }
    .pInfo .pFreeHelivery {
        width: 240px;
        padding-left: 250px;
    }

}

/* END PRODUCT SROVNANI */
/* --------------- END  PRODUCTS ------------------------------- */


/* --------------- START ADP STRANKA ---------------------------*/

/* ----------------- START PRODUCT ------------ */
.adpImg {
    text-align: center;
    margin: 0 0 10px;
}
.adpImg a {
    display:block;
}
.adpImg img {
    height: 190px;
    margin: 10px 0;
}
.adpInfo {
}
.adpInfo h1 {
    text-align: center;
    margin-top: 0;
}
.adpInfo .nameDesc{
    margin: 0 0 1.6em;
    text-align: center;
}
.adpInfo .left {
    float: none !important;
    text-align: center;
}
.adpInfo .left ul {
    text-align: left;
}
.adpInfo .right {
    clear: both;
    float: none !important;
    text-align: center;
}
.adpInfo hint {
    display: block;
    padding: 0 30px 2px;
    text-align: left !important;
}
.adpInfo hint ul {
    margin: 0 0 10px 0;
}
.adpInfo hint ul li {
    background: url(../images/layout/checkGreen2.png) no-repeat left 4px;
    padding: 0 0 0 30px;
    line-height: 30px;
    font-size: 20px;
}
.adpH2 {
    text-align: center;
}
.adpProducts {
    margin: 0 0 30px;
    border-top: 1px solid #c8dae0;
    border-left: 1px solid #c8dae0;
}
.adpProducts .adsProduct {
    overflow: hidden;
    border-right: 1px solid #c8dae0;
    border-bottom: 1px solid #c8dae0;
    box-sizing: border-box;
    height: 460px;
    width: 50%;
    float: left;
}
.adpProducts .adsProduct .adpProductImg {
    text-align: center;
    margin: 6px 3px 6px;
}
.adpProducts .adsProduct .adpProductImg img {
    width: 100%;
    max-width: 200px;
}
.adpProducts .adsProduct a {
    text-decoration: none;
    color: #00275a;
}
.adpProducts .adsProduct a:hover {
    text-decoration: underline;
}
.adpProducts .adsProduct a h3 {
    margin: 0 10px 3px;
    font-size: 24px;
    line-height: 30px;
    height: 65px;
    overflow: hidden;
}
.adpProducts .adsProduct .adpPrice {
    text-align: center;
    margin: 0 0 10px;
}
.adpProducts .adsProduct .adpPrice span {
    color: #B12704;
    font-size: 30px;
    font-weight: bold;
}
.adpProducts .adsProduct .adpToshop {
    padding: 0 5px;
}
.adpProducts .adsProduct .adpToshop a {
    display: block;
    color: white;
    background: #33b422;
    padding: 12px 20px;
    font-size: 18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    margin: 0 auto 10px;
    text-align: center;
    border: 2px solid grey;
}
.adpProducts .adsProduct .adpToshop a:hover {
    text-decoration: none;
    background: #33a125;
}
.adpProducts .adsProduct .cheaper {
    text-align: center;
}
.adpProducts .adsProduct .cheaper div {
    font-size: 13px;
    line-height: 1em;
}
.adpProducts .adsProduct .cheaper img {
    width: 100px;
}
.adpHints .adpHint {

}
.adpHints .adpHint .left {
}
.adpHints .adpHint .left img {
    width: 128px;
}
.adpHints .adpHint .right {
    width: -webkit-calc(100% - 136px);
    width:    -moz-calc(100% - 136px);
    width:         calc(100% - 136px);
}
.adpContent iframe {
    width: 100% !important;
    max-width: 650px;
    text-align: center;
    margin: 15px auto;
}
.adpContent .adpHint {
    font-weight: bold;
    text-align: center;
}

@media (min-width: 500px) {
    .adpInfo hint {
        margin: 0 auto;
    }
}
@media (min-width: 800px) {
    .adpInfo .left {
        float: left !important;
        text-align: left;
    }
    .adpInfo .right {
        text-align: left;
    }
    .adpImg {
        float: left;
        margin: 0 15px 0 0;
    }
    .adpImg img {
        margin: 0;
        width: 280px;
        height: auto;
    }
    .adpInfo {
        margin: 0;
        float: left;
        width: -webkit-calc(100% - 301px);
        width:    -moz-calc(100% - 301px);
        width:         calc(100% - 301px);
    }
    .adpInfo h1 {
        text-align: left;
        margin-left: 10px;
    }
    .adpInfo .nameDesc{
        text-align: left;
        margin-left: 10px;
    }
    .adpInfo hint {
        margin: 0 0 0 20px;
    }
    .adpH2 {
        text-align: left;
    }
    .adpProducts .adsProduct {
        width: 33.333%;
    }
}
@media (min-width: 1021px) {
    .adpInfo .right {
        clear: none;
        float: right !important;
        width: 300px;
    }
    .adpInfo .left {
        width: 340px;
    }
    .adpProducts .adsProduct {
        width: 25%;
    }
    .adpHints .adpHint {
        width: 480px;
    }
}

@media (min-width: 1301px){
    .adpImg img {
        width: 380px;
        height: auto;
    }
    .adpInfo {
        margin: 0;
        float: left;
        width: -webkit-calc(100% - 401px);
        width:    -moz-calc(100% - 401px);
        width:         calc(100% - 401px);
    }
    .adpInfo h1 {
        font-size: 32px;
        margin: 0 0 12px;
    }
    .adpInfo .button {
        width: 450px;
    }
    .adpInfo .button a {
        width: 360px;
        font-size: 24px;
        padding: 16px 45px;
        float: left;
    }
    .adpInfo .right {
        width: 430px;
    }
    .adpInfo .left {
        width: 390px;
    }
    .adpHints .adpHint {
        width: 616px;
    }
}

/* --------------- END ADP STRANKA ---------------------------*/

/* --------------- START BRAND DETAIL -------------------------- */

artMobBrand {
    display: block;
    margin: 10px 0 0;
}
artMobBrand img {
    width: 100px !important;
    float: left;
    padding: 0 15px 0 0;
}
artMobBrand a {
    text-decoration: none;
    color: #000033;
}
artMobBrand a:hover {
    text-decoration: underline;
}
@media (min-width: 1301px){
    artMobBrand {
        display: none;
    }
}
p.brandPerex {
    color: #666666;
    margin: 0 0 25px;
}
.brandImg {
    width: 240px;
    margin: 15px 0 10px;
}
#brandMap {
    margin-top: 26px;
    width:100%;
    height: 400px;
}
miniPharmas {
    display: block;
    margin: 0 0 20px;
}
miniPharmas miniPharma {
    display: block;
    margin: 0 0 15px;
}
miniPharmas miniPharma img {
    width: 100px;
    float: left;
}
miniPharmas miniPharma h3 {
    padding: 12px 0 0 120px;
    margin: 0;
    line-height: 24px;
}
miniPharmas miniPharma h3 a {
    text-decoration: none;
}
miniPharmas miniPharma h3 a:hover {
    text-decoration: underline;
}
miniPharmas .miniHead {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    padding: 25px 0 14px;
    color: #97a2a7;
    text-transform: uppercase;
}
brandLinks{
    display: block;
}
brandLinks a {
    color: #000033;
    text-decoration: none;
    display: block;
    text-align: center;
}
brandLinks a:hover {
    text-decoration: underline;
}
brandLinks h1 {
    margin: 0 0 12px;
}
brandLinks .line {
    border-top: 1px solid #c8dae0;
    height: 1px;
    margin: 0;
    font-size: 0;
    line-height: 0;
    margin: 0 0 5px;
}
/* -------------- END BRAND DETAIL -------------------------- */


/* ------------- START BASKET ---------------*/
.bBasket {
    margin: 0 0 36px;
}
.bBasket .bBasketI {}
.bBasket .bBasketI .left {
    width: 70px;
}
.bBasket .bBasketI .left img {
    width: 70px;
}
.bBasket .bBasketI .right {
    float: none !important;
    margin-left: 80px;
    position: relative;
}
.bBasket .bBasketI .right .close {
    position: absolute;
    right: 0;
    top: 0;
    color: gray;
    line-height: 0;
    padding: 1px 4px 3px 3px;
    background: #f5f5f5;
}
.bBasket .bBasketI .right .close:hover {
    color: black;
}
.bBasket .line {
    border-top: 1px solid #c8dae5;
    margin: 10px 0;
    font-size: 0;
    line-height: 0;
    line-height: 0;
}
.bBasket .bBasketI .right .name {
    padding-right: 25px;
    margin: 0 0 20px;
}
.bBasket .bBasketI .right .name a {
    color: inherit !important;
    text-decoration: none;
}
.bBasket .bBasketI .right .name a:hover {
    text-decoration: underline;
}
.bBasket .bBasketI .right .ll {
    float: left;
    margin-bottom: 10px;
}
.bBasket .bBasketI .right .ll .l {
    float: left;
}
.bBasket .bBasketI .right .ll .r {
    float: left;
}
.bBasket .bBasketI .right .ll .l a, .bBasket .bBasketI .right .ll .r a {
    background: #f5f5f5;
    color: gray;
    text-decoration: none;
    padding: 8px 16px;
    font-weight: bold;
    font-size: 18px;
}
.bBasket .bBasketI .right .ll .l a:hover, .bBasket .bBasketI .right .ll .r a:hover {
    color: black;
}
.bBasket .bBasketI .right .ll .c {
    float: left;
    width: 40px;
    text-align: center;
    font-weight: bold;
    color: black;
}
.bBasket .bBasketI .right .rr {
    float: right;
    margin-left: 15px;
}
.bBasket .bBasketI .right .brands {
    margin: 0;
    font-size: 11px;
    color: #008700;
}

.bBasketBrand {
    margin: 0 0 36px 0;
}
.bBasketBrand h2 {
    margin-top: 0;
}
.bBasketBrand .line {
    border-top: 1px solid #c8dae5;
    margin: 10px 0;
    font-size: 0;
    line-height: 0;
    line-height: 0;
}
.bBasketBrand .bBasketBrandI {
    width: 100%;
    min-height: 55px;
    margin: 0 0 5px;
}
.bBasketBrand .bBasketBrandI .b {
    display: table-cell;
    width: 33%;
    vertical-align: middle;
}
.bBasketBrand .bBasketBrandI .b div {
    font-size: 20px;
    font-weight: bold;
    padding: 0 10px 0 0;
    float: left;
}
.bBasketBrand .bBasketBrandI .b img {
    max-height: 60px;
    max-width: 60px;
    float: left;
}
.bBasketBrand .bBasketBrandI .t {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.bBasketBrand .bBasketBrandI .p {
    display: table-cell;
    width: 33%;
    text-align: right;
    vertical-align: middle;
}
.bBasketBrand .bBasketBrandI .l {
    display: none;
}

@media (min-width: 600px) {
    .bBasketBrand a.wide {
        display: none;
    }

    .bBasketBrand .bBasketBrandI .b div {
        font-size: 22px !important;
    }
    .bBasketBrand .bBasketBrandI .p span {
        font-size: 22px !important;
    }
    .bBasketBrand .bBasketBrandI .b {
        width: 30%;
    }
    .bBasketBrand .bBasketBrandI .t {
        width: 20%;
    }
    .bBasketBrand .bBasketBrandI .p {
        width: 30%;
    }
    .bBasketBrand .bBasketBrandI .l {
        display: table-cell;
        padding: 0 0 0 20px;
        width: 20%;
    }
}

.bBasketBest {
    margin: 0 0 36px 0;
}
.bBasketBest h2 {
    margin-top: 0;
}
.bBasketBest .line {
    border-top: 1px solid #c8dae5;
    margin: 10px 0;
    font-size: 0;
    line-height: 0;
    line-height: 0;
}
.bBasketBest .bBasketBestI {
    display: table;
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 5px;
    background: #f8f8f8;
}
.bBasketBest .bBasketBestI .row {
    display: table-row;
}
.bBasketBest .bBasketBestI .row .cell {
    display: table-cell;
    width: 33%;
}
.bBasketBest .bBasketBestI .b {
    display: table-cell;
    width: 33%;
    vertical-align: middle;
    padding: 5px 10px;
}
.bBasketBest .bBasketBestI .b a {
    color: inherit;
}
.bBasketBest .bBasketBestI .b div {
    font-size: 20px;
    font-weight: bold;
    padding: 0 10px 0 0;
    float: left;
}
.bBasketBest .bBasketBestI .b img {
    max-height: 60px;
    max-width: 60px;
    float: left;
}
.bBasketBest .bBasketBestI .t {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.bBasketBest .bBasketBestI .p {
    display: table-cell;
    width: 33%;
    text-align: right;
    vertical-align: middle;
    padding: 5px 10px;
}
.bBasketBest .bBasketBestI .l {
    display: none;
}

.bBasketBest .bBasketBestI .celkem {
    background: #f5f5f5;
    border-top: 1px solid gray;
    color: black;
}
.bBasketBest .bBasketBestI .celkem .c {
    padding: 8px 12px;
    vertical-align: middle;
    font-size: 22px;
    font-weight: bold;
}
.bBasketBest .bBasketBestI .celkem .p {
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 22px;
}

.bBasketBest .pps {
    display: table;
    margin: 0 0 20px 40px;
    border-collapse: collapse;
    width: -webkit-calc(100% - 41px);
    width:    -moz-calc(100% - 41px);
    width:         calc(100% - 41px);
}
.bBasketBest .pps .pp {
    display: table-row;
    border-top: 1px solid #daecf7;
}
.bBasketBest .pps .pp:first-child  {
    border: none !important;
}
.bBasketBest .pps .pp .ii {
    display: table-cell;
    padding: 5px;
    width: 80px;
}
.bBasketBest .pps .pp .ii img {
    width: 70px;
}
.bBasketBest .pps .nn {
    display: table-cell;
    vertical-align: top;
    padding: 10px 0;
}
.bBasketBest .pps .nn a.hea {
    color: inherit;
    text-decoration: none;
}
.bBasketBest .pps .nn a.hea:hover {
    text-decoration: underline;
}
.bBasketBest .pps .nn a.gos {
    margin: 10px 0 0;
    display: block;
    color: white;
    background: #33b422;
    padding: 4px 30px;
    text-decoration: none;
}
.bBasketBest .pps .nn a.gos:hover {
    background: #33a125;
}

.bDoObchodu {
    display: block;
    color: #33a125;
    font-weight: bold;
    text-decoration: none;
    border: 2px solid #33a125;
    font-size: 16px;
    padding: 8px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
}
.bDoObchodu:hover {
    color: white;
    background: #33a125;
    text-decoration: none;
}

/* ------------- END BASKET ---------------*/


/* -------------- INDEX CONTENT ----------------- */

topIn {
    display: block;
    background: url(../images/layout/lekarna-bg3.jpg)center no-repeat;
    background-size: cover;
    padding: 50px 10px 5px;
}

@media (min-width: 601px){
    topIn {
        padding: 95px 10px 20px;
    }
}
@media (min-width: 1201px){
    topIn {
        padding: 120px 10px 40px;
    }
}

topIn h1 {
    color: white;
    font-size: 30px;
    text-align: center;
    margin: 0 0 25px;
    line-height: 40px;
    font-weight: 1000;
    letter-spacing: 0.02em;
}
@media (min-width: 601px){
    topIn h1 {
        font-size: 35px;
    }
}
@media (min-width: 1201px){
    topIn h1 {
        font-size: 40px;
    }
}

topHint {
    display: block;
    text-align: center;
}
topHint wrap {
    display: block;
    margin: 0 10px;
    padding-bottom: 10px;
}
topHint h1 {
    margin-top: 10px;
    margin-bottom: 16px;
    font-size: 26px;
}
topHint wrap .hint {
}
topHint wrap .hint img {
    width: 30px;
}
topHint wrap .hint p {
    margin-top: 0;
    line-height: 24px;
}
@media (min-width: 601px){
    topHint wrap .hint {
        width: 33%;
        float: left;
    }
}
@media (min-width: 890px){
    topHint wrap .hint {
        width: 30%;
        float: left;
    }
    topHint wrap .gt {
        width: 30%;
        padding-right: 5%;
        background: url(../images/layout/hint-gt.png) right center no-repeat;
    }
    topHint wrap .hint img {
        width: 52px;
    }
    topHint h1 {
        margin-top: 24px;
        margin-bottom: 24px;
    }
}
@media (min-width: 1201px){
    topHint wrap {
        width: 1190px;
        margin: 0 auto;
    }
    topHint wrap .hint {
        width: 300px;
        float: left;
        padding-left: 20px;
    }
    topHint wrap .gt {
        padding-right: 100px;
        background: url(../images/layout/hint-gt.png) right center no-repeat;
    }
}


contentIn {
    display: block;
    background: #f5f5f5;
    padding: 20px 5px;
    font-size: 16px;
}

catsIn {
    display: block;
}
catsIn catsLine {
    display: block;
    padding: 26px 0 10px;
}
catsIn catsLine ul {
    list-style:none;
    margin: 0;
    padding: 0;
}
catsIn catsLine ul li {
   background: none;
   width: 49%;
   margin: 0 0 15px;
   padding: 0;
   display: inline-block;
   letter-spacing: normal;
   word-spacing: normal;
   vertical-align: top;
   text-rendering: auto;
   box-sizing: border-box;
   position: static;
   overflow: hidden;
}
catsIn catsLine ul li div {
    text-align: center;
}
catsIn catsLine ul li div span {
}
catsIn catsLine ul li div span img {
    width: 70%;
    max-width: 230px;
}
catsIn catsLine ul li p {
}
catsIn catsLine ul li h2 {
    text-align: center;
    font-size: 89%;
    line-height: 130%;
    color: black;
    text-transform: uppercase;
    font-weight: normal;
    margin: 5% 0 5%;
    padding: 0;
}
catsIn catsLine ul li h2 a {
    color: black;
}
catsIn catsLine ul li p {
    display: none;
}

citiesLine {
    display: block;
    text-align: center;
}
citiesLine h2 {
    margin-top: 0 !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: none;
}
@media (min-width: 601px){
    catsIn catsLine ul li {
        width: 32%;
    }
}
@media (min-width: 760px){
    catsIn catsLine ul li h2 {
        font-size: 22px;
        text-transform: none;
        text-align: left;
    }
    catsIn catsLine ul li h2 a {
        text-decoration: none;
    }
    catsIn catsLine ul li h2 a:hover {
        text-decoration: underline;
    }
    catsIn catsLine ul li div {
        padding: 0 15px;
    }
    catsIn catsLine ul li p {
        display: block;
        padding: 0 15px;
        font-size: 13px;
        line-height: 20px;
    }
    catsIn catsLine ul li p a {
        text-decoration: none;
    }
    catsIn catsLine ul li p a:hover {
        text-decoration: underline;
    }
}
@media (min-width: 1201px){
    catsLine {
        width: 1190px;
        margin: 0 auto;
    }
    catsIn catsLine ul li {
        width: 24.5%;
    }
}

citiesIn {
    display: block;
    margin: 0 0 10px;
}
citiesIn a {
    display: inline-block;
    font-weight: bold;
    background: white;
    color: #5b0f70;
    padding: 7px 14px;
    margin: 5px 1px;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 2px 0px #e3e2e2;
    -moz-box-shadow: 0px 0px 2px 0px #e3e2e2;
    box-shadow: 0px 0px 2px 0px #e3e2e2;

    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0px solid #000000;
}
citiesIn a::first-letter {
    font-size: 110%;
}

contentIn {
    margin: 0 0 20px;
}
contentIn allCities {
    display: block;
}
contentIn allCities #allCities {
    padding-top: 5px;
}
contentIn allCities a.all {
    color: black;
}
contentIn allCities a.all:hover {
}

contentIn allCities a.city {
    display: inline-block;
    background: white;
    color: #5b0f70;
    padding: 7px 14px;
    margin: 5px 1px;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 2px 0px #e3e2e2;
    -moz-box-shadow: 0px 0px 2px 0px #e3e2e2;
    box-shadow: 0px 0px 2px 0px #e3e2e2;

    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0px solid #000000;
}
contentIn allCities a.city::first-letter {
    font-size: 110%;
}
clankyIn {
    padding: 16px 0 0;
    display: block;
    text-align: center;
}
@media (min-width: 1201px){
    clankyIn {
        width: 1190px;
        margin: 0 auto;
    }
}

clankyIn clanekIn {
    display: inline-block;
    vertical-align:top;
    width: 290px;
    /*height: 62px;*/
    background-size: 100%;
    padding-top: 112px;
    margin: 0 10px 12px;
}
clankyIn clanekIn div {
    background-color: black;
    filter: alpha(opacity=50);
    opacity: 0.8;
    height: 62px;
}
clankyIn clanekIn div h3 {
    padding: 5px 12px;
    margin: 0;
}
clankyIn clanekIn div h3 a {
    text-decoration: none;
    color: white;
    font-size: 18px;
    font-weight: normal;
    line-height: 26px;
}
clankyIn clanekIn div h3 a:hover {
    text-decoration: underline;
}


logaIn {
    display: block;
    padding: 30px 10px;
    text-align: center;
}
logaIn h2 {
    text-align: center;
    margin: 0 !important;
}
logaIn img {
    display: inline-block;
    width: 180px;
    margin: 0 10px;
}

/* Productbrand */
productbrandIn {
    display: block;
    padding: 10px 10px;
    text-align: center;
}
productbrandIn h2 {
    text-align: center;
    margin: 0 0 .5em !important;
}
productbrandIn img {
    display: inline-block;
    width: 100px;
    margin: 0 10px;
}

/* ----------------------  Miscellaneous ---------------- */

.grey {
    color: #75787b;
}

.lightgrey {
    color: #b3b3b3 !important;
}

.grey2 {
    color: #485f66;
}

.lightGrey {
    color: #a5a8ab;
}

.green {
    color: #08bf04;
}
.red {
    color: #bf041e;
}
.black {
    color: black;
}
.orange {
    color: #C60;
}
.darkBlue {
    color: #5C1CD6;
}
.menuBlue {
    background: #5C1CD6 !important;
}
.bold {
    font-weight: bold;
}
clear {
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.table {
    display: table;
}
.row {
    display: table-row;
}
.cell {
    display: table-cell;
}

.size12 {
    font-size: 12px;
}
.size14 {
    font-size: 14px;
}
.size16 {
    font-size: 16px;
}
.size18 {
    font-size: 18px;
}
.size20 {
    font-size: 20px;
}
.size22 {
    font-size: 22px;
}

.left {
    float: left;
}
.right {
    float: right;
}

.center {
    text-align: center;
}

.inline {
    display: inline-block;
}

.noUnderline {
    text-decoration: none;
}
.hoverUnderline:hover {
    text-decoration: underline;
}
.visible {
    display: block !important;
}
.bigGrey {
    color: #97a2a7 !important;
    font-size: 20px;
    text-transform: uppercase;
}
zeroLine {
    font-size: 0;
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 0;
}
.hidden {
    display: none;
}
.smallInfoText {
    color: #707070;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 18px;
}

.generalButton {
    font-size: 16px;
    display: block;
    color: white;
    background: #33b422;
    padding: 8px 8px;
    width: 200px;
    margin: 20px auto;
    text-align: center;
}
.generalButton:hover {
    text-decoration: none;
    background: #33a125;
}

/* FORM place edit ----------- */
#frm-formPlaceInsert textarea[name='text']{
    width: -webkit-calc(100% - 15px);
    width:    -moz-calc(100% - 15px);
    width:         calc(100% - 15px);
    height: 196px;
}

#frm-formPlaceInsert input[type='text'], #frm-formPlaceInsert input[type='url'] {
    width: -webkit-calc(60% - 15px);
    width:    -moz-calc(60% - 15px);
    width:         calc(60% - 15px);
}

/* FORM article edit ----------- */
#frm-formArticleInsert textarea[name='text']{
    /*width: -webkit-calc(100% - 15px);
    width:    -moz-calc(100% - 15px);
    width:         calc(100% - 15px);*/
    width: 650px;
    height: 400px;
}

#frm-formArticleInsert textarea[name='perex'], #frm-formArticleInsert textarea[name='perex_short']{
    width: -webkit-calc(60% - 15px);
    width:    -moz-calc(60% - 15px);
    width:         calc(60% - 15px);
    height: 62px;
    margin-top: 1px;
}

#frm-formArticleInsert input[type='text'], #frm-formPlaceInsert input[type='url'] {
    width: -webkit-calc(60% - 15px);
    width:    -moz-calc(60% - 15px);
    width:         calc(60% - 15px);
}

.descText {

}
.descText h2 {
    font-weight: bold !important;
}
.descText p {
    margin-bottom: 0.5em !important;
}

/* Všechny textové stránky */
articleWrap {
    display: block;
}
articleWrap p {
}
articleWrap h2 {
}
articleWrap img {
    display: block;
    width: 100%;
    max-width: 650px;
    text-align: center;
    margin: 15px auto;
}
articleWrap iframe {
    width: 100% !important;
    max-width: 650px;
    text-align: center;
    margin: 15px auto;
}
/* ----------------------  Nette styles ---------------- */

#ajax-spinner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25) url('../images/spinner.gif') no-repeat 50% 50%;
    font-size: 0;
    z-index: 123456;
}

div.flash {
    color: black;
    background: #FFF9D7;
    border: 1px solid #E2C822;
    padding: 1em;
    margin: 1em 0;
}

a[href^="#error:"] {
    background: red;
    color: white;
}


/* TOOLTIP */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 210px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
  font-size: 14px;
  line-height: 19px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.flash.success{
    background: #c4ffcd;
    border: 1px solid #22e233;
}

.reportlink {
    display: flex;
    justify-content: flex-end;
}