body {
    --font-family: Arial, Helvetica, sans-serif;
}

a {
    --color: blue;
}

*:focus {
    outline: none !important
}

.navbar-brand {
    font-family: 'Oswald', sans-serif;
    color: #343a40;
}

.navbar-brand:hover,
.navbar-brand:focus {
    color: #000 !important; 
}

textarea:focus, input:focus,
button:focus, a.btn:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

/*
    typeahead
*/

.typeahead__container {
    font-size: 1rem;
    --font-family : 1rem Arial, Helvetica, sans-serif;
}

.typeahead__container .typeahead__field input {
    border-color: #00a6b1;
}

.typeahead__container .typeahead__field input:focus,
.typeahead__container .typeahead__field input:active,
.typeahead__container .typeahead__field textarea:focus,
.typeahead__container .typeahead__field textarea:active,
.typeahead__container .typeahead__field [contenteditable]:focus,
.typeahead__container .typeahead__field [contenteditable]:active,
.typeahead__container .typeahead__field .typeahead__hint:focus,
.typeahead__container .typeahead__field .typeahead__hint:active {
    border-color: #0099a3;
}

.typeahead__container .typeahead__list, 
.typeahead__container .typeahead__dropdown {
    z-index: 990;
    margin-top: 0;
}

.typeahead__container {
    background-color: #fbfbfb;
}

.container-mobile .typeahead__container .typeahead__list {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.typeahead__container .typeahead__list {
    background-color: #fbfbfb;
    /*box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;*/
    border-width: 0 0 0px 0;
}

.typeahead__container .typeahead__list > li {
    border-top: 0px;
}

.typeahead__container .typeahead__list span.search-not-found-query {
    font-weight: bold;
}

.typeahead__container .typeahead__list .typeahead__item > a {
    padding: 0.5rem 0.5rem;
}

.typeahead__container button {
    background-color: #00a6b1;
    border-color: #00a6b1;
    color: #fff;
}

.typeahead__container button:hover,
.typeahead__container button:focus,
.typeahead__container button:active {
    background-color: #0099a3;
    border-color: #0099a3;
    color: #fff;
}

.typeahead__container .typeahead__search-text {
    padding: 0 0.0rem;
    height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.typeahead__container .typeahead__search-text span {
    padding-left: 0.5rem;
}

.typeahead__container .typeahead__list .typeahead__item:not([disabled]) > a:hover,
.typeahead__container .typeahead__list .typeahead__item:not([disabled]) > a:focus,
.typeahead__container .typeahead__list .typeahead__item:not([disabled]).active > a,
.typeahead__container .typeahead__list .typeahead__item:not([disabled]).active > a,
.typeahead__container .typeahead__list .typeahead__item:not([disabled]).active > a,
.typeahead__container .typeahead__list .typeahead__item:not([disabled]).active > a,
.typeahead__container .typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:hover,
.typeahead__container .typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:focus,
.typeahead__container .typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active > a {
    background-color: #e9e9e9;
}

/*.typeahead__container button.loading .typeahead__search-text i {
    position: absolute;
    top: 1px;
    left: 1px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/assets/vendor/jquery-typeahead/img/circle-preloader.svg);
    background-color: red;
}*/

/*.typeahead__container button.loading .typeahead__search-text i:before {
    content: ' ';
}*/

.typeahead__container .typeahead__cancel-button {
    top: 1px;
    right: 0;
    width: 36px;
    height: 36px;
    opacity: .15;
    background-image: url(/assets/vendor/jquery-typeahead/img/clear.svg);
}

.typeahead__container .typeahead__cancel-button:hover {
    opacity: .7;
}

.typeahead__container .typeahead__cancel-button span {
    display: none;
}

.typeahead__container button[disabled] {
    background-color: #0099a3;
    border-color: #0099a3;
    color: #eee;
}

.typeahead__container button:not([disabled]) .m-loading-icon {
    display: none;
}

.typeahead__container button[disabled] .m-search-icon {
    display: none;
}


.typeahead__container input.disabled,
.typeahead__container input[disabled],
.typeahead__container button.disabled,
.typeahead__container button[disabled] {
    opacity: 1 !important; 
}


.dsk-typeahead-container #med-search-result.container {
    padding-left: 0px;
    padding-right: 0px;
}

.dsk-typeahead-container #med-search-result ul.typeahead__list {
    position: static;
    padding-left: -30px;
    padding-right: -30px;
}

.dsk-typeahead-result {
    position: absolute;
    width: 100%;
    background-color: #fbfbfb;
    z-index: 10000;
}

.container-mobile {
    max-width: 768px;
}

.container-page-mobile {
    padding-left: 0.5rem; 
    padding-right: 0.5rem;
}

.footer-mobile {
    font-size: 14px;
    background-color: #242729;
    color: #6a737c;
}

.footer h5 {
    color: #bbc0c4;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.footer .footer-mobile-copyright {
    background-color: #191818;
}

.site-logo-text {

}

.bd-callout {
    margin-top: 0.75rem;
    margin-bottom: 1.0rem;
    padding: 0 0.75rem;
    border: 0 solid;
    border-left-width: .25rem;
    border-radius: .25rem;
}

.bd-callout-warning {
    border-left-color: #f0ad4e;
    background-color: #fff7bb;
}

.bd-callout-info {
    border-left-color: #24b20e;
    background-color: #fff7bb;
}

.bd-callout-danger {
    border-left-color: rgb(241, 174, 181);
    background-color: rgb(248, 215, 218);
}

ul.hr {
    margin: 0;
    padding-left: 0;
}

ul.hr li {
    display: inline; 
}

ul.hr li:after {
    content: ", ";
    margin-right: 0.15rem;
}

ul.hr li:last-child:after {
    content: "";
}

ul.hr.hr_sep li:after {
    content: "; ";
}

ul.hr.hr_sep li:last-child:after {
    content: "";
}

div.pt-pdesc table {
    border: 2px solid #6c757d;
}
div.pt-pdesc table td {
    border: 1px solid #6c757d;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.mob-centered-button {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    max-width: 400px;
    width: 100%;
}

.mob-top-bar {
    position: relative;
    height: 48px;
    background-color: #fbfbfb;
}

.mob-site-logo-text {
    font-family: 'Oswald', sans-serif;
    font-size: 1.4rem;
    color: #0099a3;
    text-decoration: none;
}

.mob-site-logo-text:hover,
.mob-site-logo-text:focus,
.mob-site-logo-text:visited {
    text-decoration: none;
    color: #0099a3;
}

h1.mob-med-title {
    font-size: 1.25rem !important;
}

.mob-med-search input.form-control {
    border-color: #00a6b1;
}
.mob-med-search button.btn {
    border-color: #00a6b1;
    background-color: #fff;
    color: #02949d;
}
.mob-med-search button.btn:hover {
    background-color: #02868e;
    border-color: #02868e;
    color: #fff;
}


.mob-med-logo-text {
    color: #0099a3;
    font-family: 'Oswald', sans-serif;
    text-decoration: none;
    font-size: 1.4rem;
}

.mob-med-page-title {
    color: #00a6b1;
    font-family: 'Oswald', sans-serif;
    text-decoration: none;
    font-size: 1.4rem;
}


.mob-search-top-bar {
    position: relative;
    background-color: #fbfbfb;
}

.mob-med-props {
    font-size: 0.9rem;
    color: #6c757d;
}
.mob-med-props strong {    
    color: #6c757d;
    font-weight: 700;
}

a.mob-med-link,
a.mob-med-link:visited {
    color: #02949d;
}

a.mob-med-link:hover,
a.mob-med-link:focus {
    color: #02868e; 
}

.mob-med-description-text {
   color: #414549;
}

.mob-med-compare {
    margin-bottom: 1.2rem;
}

.mob-med-compare .mob-med-compare-name {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #6c757d;
}

/*.mob-med-compare .mob-med-compare-name {
    color: #6c757d;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    text-decoration: none;
    font-size: 1.4rem;
}*/

.mob-med-compare .mob-med-compare-name a,
.mob-med-compare .mob-med-compare-name a:visited {
    color: #6c757d;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: initial;
}

.mob-med-compare .mob-med-compare-name a:hover,
.mob-med-compare .mob-med-compare-name a:active,
.mob-med-compare .mob-med-compare-name a:focus {
    color: #555a5f;
    text-decoration-style: solid;
}

.mob-med-compare.mob-med-similar-interacted .mob-med-compare-name a,
.mob-med-compare.mob-med-similar-interacted .mob-med-compare-name a:visited {
    color: #e48f16;
}

.mob-med-compare.mob-med-similar-interacted .mob-med-compare-name a:hover,
.mob-med-compare.mob-med-similar-interacted .mob-med-compare-name a:active,
.mob-med-compare.mob-med-similar-interacted .mob-med-compare-name a:focus {
    color: #d77f02;
}


.mob-med-compare.mob-med-interacted .mob-med-compare-name a,
.mob-med-compare.mob-med-interacted .mob-med-compare-name a:visited {
    color: #d91313;
}
.mob-med-compare.mob-med-interacted .mob-med-compare-name a:hover,
.mob-med-compare.mob-med-interacted .mob-med-compare-name a:active,
.mob-med-compare.mob-med-interacted .mob-med-compare-name a:focus {
    color: #bb0000;
}


.mob-med-compare.mob-med-not-interacted .mob-med-compare-name a,
.mob-med-compare.mob-med-not-interacted .mob-med-compare-name a:visited {
    color: #28a745;
}
.mob-med-compare.mob-med-not-interacted .mob-med-compare-name a:hover,
.mob-med-compare.mob-med-not-interacted .mob-med-compare-name a:active,
.mob-med-compare.mob-med-not-interacted .mob-med-compare-name a:focus {
    color: #218838; 
}



.mob-med-compare .mob-med-compare-med-substance {
    color: #a0a0a0;
    font-size: 0.8rem;
    text-transform: lowercase;
    margin-top: -0.6rem;
    margin-bottom: 0.0rem;
}

.mob-med-similar-result{

}

.mob-med-similar-with {
    font-weight: 500;
    font-size: 1.0rem;
    color: #e48f16;
    padding-bottom: 0.25rem;
}

.mob-med-similar-with ul {
    text-transform: uppercase;
}


.mob-med-interaction-result{
    margin-top: 0.5rem;
}

.mob-med-interaction-with {
    font-weight: 500;
    font-size: 1rem;
    color: #d91313;
    padding-bottom: 0.25rem;
}

.mob-med-interaction-with ul {
    text-transform: uppercase;    
}

.mob-med-interaction-with-tokens{

}

.mob-med-interaction-result .bd-callout .mob-med-interaction-with-tokens {
    color: #212529 !important;
}

.mob-med-interaction-description {
    font-size: 0.95rem;
    color: #414549;
}

span.med-hl {
    background-color: #fff083;
}

.mob-med-interaction-description-title{
    font-size: 1.05rem;
}

.mob-med-interation-line {
    text-align: justify;
}

.mob-med-interaction-other {
    font-weight: 500;
    color: #6c757d;
}

.mob-med-interaction-none {
    font-weight: 500;
    /*color: #6c757d;*/
    color: #218838;
}

.mob-med-terms-of-use {
    color: #6c757d;
    text-align: justify;
}

.mob-med-terms-of-use .mob-med-terms-of-use-title {
    font-weight: 700;
}

.mob-med-welcome-intro {
    font-size: 1.05rem;
    color: #6c757d;
    text-align: justify;
}

.mob-med-add-search-result{

}
.mob-med-add-search-result .mob-med-add-search-name {
    font-size: 1.05rem;
    font-weight: 500;
}

.med-notfound-med-text {
    color: #212529;
    font-weight: 500;
}

div.mob-med-interaction-hint{
    background-color: #f8f8f8;
}
div.mob-med-interaction-hint h2 {
    font-size: 0.90rem;
    /*color: #414549;*/
    color: #636a70;
    line-height: 1.5;
    font-weight: 400;
}

.med-satisfaction {

}

.med-satisfaction-title {
   line-height: 1.1rem;
   padding-bottom: 0.1rem;
}

div.like_btn {
    width: 32px;
    height: 36px;
    background: url(../images/like.png) -32px 0px;
    margin-right: 0.5rem;
}

div.dislike_btn {
    width: 32px;
    height: 36px;
    background: url(../images/dislike.png) -32px 0px;
}

.satisfaction_like div.like_btn {
    background-position: 0px 0px;
}
.satisfaction_dislike div.dislike_btn {
    background-position: 0px 0px;
}

.med-auto-added-names {
    font-weight: 600;
}

.med-wellknown{
    margin-top: 0.5rem;
    text-align: left;
}

.med-wellknown-title {
    color: #6c757d;
    margin-bottom: 0.25rem;
}

ul.med-wellknown-list {
    margin: 0;
    padding: 0;
}

ul.med-wellknown-list > li {
    display: inline;
    list-style: none;
    padding: 0.05rem 0.7rem 0.1rem 0.7rem;
    border: solid 1px #02c5d1;
    border-radius: 1rem;
    background-color: #ffffff;
    line-height: 1.8rem;
    white-space: nowrap;
    font-size: 0.8rem;
    text-transform: uppercase;
}

ul.med-wellknown-list > li a {
    color: #0099a3;
}


ul.med-wellknown-list > li:first-child a {
    font-weight: 600;
}

.mob-med-wellknown-bottom {
    background-color: #f8f8f8;
    margin: 0 -0.5rem 0 -0.5rem;
}

a.med-action-link {
    text-decoration: none;
    color: #212529;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

a.med-action-link:hover {
    color: #000000;
    border-bottom-style: solid;
}

.med-search-highlight-input {
    background-color: #02c5d1 !important;
}

li.mob-med-compare-ref a.med-action-link {
    color: #6c757d;
}

.mob-med-welcome-intro a.med-action-link {
    color: #6c757d;
}


h2.med-interaction-list-title {
    font-size: 1.1rem;
    color: #6c757d;
    font-family: 'Oswald', sans-serif;
}

h2.med-interaction-list-title a {
    text-decoration-line: underline;
    color: #6c757d;
}

h2.med-interaction-list-title a:hover,
h2.med-interaction-list-title a:focus {
    text-decoration-line: underline;
    color: #414549;
}

.med-ref-wellknown {
    margin-top: 0.5rem;
}

.med-ref-wellknown-title {
    /*color: #6c757d;*/
    margin-bottom: 0.25rem;
}

ul.med-ref-wellknown-list {
    margin: 0.25rem 0 0 0;
    padding: 0;
}

ul.med-ref-wellknown-list > li {
    display: inline;
    list-style: none;
    padding: 0.05rem 0.7rem 0.1rem 0.7rem;
    border: solid 1px #02c5d1;
    border-radius: 1rem;
    background-color: #ffffff;
    line-height: 1.8rem;
    white-space: nowrap;
    font-size: 0.8rem;
    text-transform: uppercase;
}

ul.med-ref-wellknown-list > li a {
    color: #0099a3;
}

.med-ref-wellknown-total{
    margin-top: 0.5rem;
}


.mob-med-interaction-result-title {
    text-align: justify;
    color: #414549;
    /*color: #6c757d;*/
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
}

h1.mob-med-interaction-result-title {
    font-size: 1.15rem;
    font-weight: 500;
    text-align: left;
}

h3.mob-med-interaction-result-title {
    font-weight: 500;
}

.dsk-left-column {
    margin-right: 15px;
}

.dsk-right-column {
    margin-left: 15px;
}

.dsk-top-bar {
    position: relative;
    background-color: #fbfbfb;
}

.med-info-block {
    overflow: hidden;
    font-size: .875rem;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1);
    border-radius: .25rem;
}

.med-info-block-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.med-info-block-header i.fas {
    font-size: 1.35rem;
    color: #00a6b1;
}

.med-info-block-header strong {

}

.med-info-block-body {
    padding: .75rem;
}

.med-info-block-body ul.med-info-block-items {
    list-style-type: none;
    padding-left: 0.875rem;
    margin-bottom: 0.5rem;
}

.med-info-block-body a,
.med-info-block-body a:hover,
.med-info-block-body a:focus,
.med-info-block-body a:visited
{
    color: #0099a3;
}


.mob-text-top-block {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    background-color: #f8f8f8;
}

.dsk-text-top-block {
    margin-right: -0.5rem;
}

.med-compare-instruction-link {
    margin-top: 0.125rem;
    line-height: 1.2;
}

.med-compare-instruction-link i.fas {
    font-size: 1.00rem;
    color: #00a6b1;
}

.med-compare-instruction-link a,
.med-compare-instruction-link a:hover,
.med-compare-instruction-link a:focus,
.mmed-compare-instruction-link a:visited {
    color: #0099a3;
}

.med-help-search-input{
    overflow: auto;
}
.med-help-search-input-hidden {
    display: none;
}

.med-btn-save-rating-comment {
    color: #fff;
    background-color: #00a6b1;
    border-color: #00a6b1;
}

.med-btn-save-rating-comment:hover {
    color: #fff;
    background-color: #0099a3;
    border-color: #0099a3;
}

.med-result-share-social {
    background-color: #f8f8f8;
}

.med-result-share-social  .med-result-share-social-text
{
    font-weight: 500;
    color: #6c757d;
}


.mob-med-interaction-description-show-more-show
{
    text-align: right;
    margin-bottom: 1rem;
}
.mob-med-interaction-description-show-more-show a
{
    text-decoration: none;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    color: #0099a3;
    font-weight: 500;
}
.mob-med-interaction-description-show-more-show a:hover
{
   border-bottom-style: solid;
}


.mob-med-interaction-description-show-more-hide
{
    text-align: right;
    margin-bottom: 1rem;
}
.mob-med-interaction-description-show-more-hide a
{
    text-decoration: none;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    color: #0099a3;
    font-weight: 500;
}
.mob-med-interaction-description-show-more-hide a:hover
{
    border-bottom-style: solid;
}

.mob-med-interaction-description-show-more-hidden
{
   display: none;
}

.set-satisfaction-hint {

}