/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29.02.2016, 15:00:48
    Author     : danielkuenkel
*/

@font-face{ 
	font-family: 'TEX GYRE ADVENTOR';
	src: url('fonts/texgyreadventor_regular_macroman/texgyreadventor-regular-webfont.woff') format('woff');
}

html {
    -webkit-text-size-adjust: none;
    touch-action: manipulation;
}

html, body {
    font-family: 'TEX GYRE ADVENTOR', Arial, sans-serif;
    font-size: 11pt;
    line-height: 1.8;
    color: #818181;
    /*padding-bottom: 30px;*/
}

a, a:hover {
    color: black;
}

.danger {
    color:#d9534f;
}

.info{
    color: #5bc0de;
}
.primary {
    color:#337ab7;
}
.warning {
    color: #f0ad4e;
}

.success {
    color:#5cb85c;
}

.modal-content {
    border-radius: 18px;
}

#navigation-bar {
    background-color: #e86e62;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 6px 7px rgba(0,0,0,.2);
    background: linear-gradient(160deg, #e5776c, rgb(255, 116, 81));
}


.btn-outline-secondary {
    color: #5a5a5a;
}

.nav li a {
    /*text-shadow: 0px 0px 3px rgba(0,0,0,.8);*/
    height: 100%;
}


.scroll-locked {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: white;*/
    overflow: auto;
    /*-webkit-overflow-scrolling: touch;*/
}

.modal-title {
    text-transform: uppercase;
}

.modal-body {
    /*-webkit-overflow-scrolling: touch;*/
    -webkit-overflow-scrolling: auto !important;
    overflow-y: auto !important;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
    font-size: 16px;
}

#navigation-bar .nav li {
    height: 68px;
}

#navigation-bar .nav li a {
    background-color: transparent !important;
    color: rgba(255,255,255,.7);
    border-radius: 50px;
    height: 52px;
    /*line-height: 53px;*/
    text-align: center;
    font-size: 13pt;
    font-weight: bold;
    border: 3px solid rgba(255,255,255,0);

    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

#navigation-bar .nav li a i {
    margin-top: 7px !important;
}

#navigation-bar .nav li a:hover:not(.active), 
#navigation-bar .nav li a:focus:not(.active)
{
    outline: none !important;
    border: 3px solid rgba(255,255,255,0) !important;
    /*color: rgba(255,255,255,.8);*/
    /*background-color: rgba(255,255,255,.5) !important;*/
    /*text-shadow: none !important;*/
} 

#navigation-bar .nav li a:active, 
#navigation-bar .nav li a.active { 
    /*    color: #5a5a5a !important;
        background-color: rgba(255,255,255,.8) !important;*/
    /*    color: #ffffff !important;
        background-color: rgb(175, 135, 126) !important;*/

    /*color: #e6766b !important;*/
    color: white;
    border: 3px solid #ff877a;
    /*background-color: rgba(255, 255, 255, 0.9) !important;*/
    /*border-radius: 50px;*/
} 

#navigation-bar .nav li a:hover, 
#navigation-bar .nav li a:focus { 
    color: white !important;
    /*border: 3px solid rgba(255,255,255,0);*/
    /*background-color: transparent !important;*/
} 


#btn-language a:hover, 
#btn-language a:focus {
    color: black !important; 
    /* border: 3px solid rgba(255,255,255,0); */
    /* background-color: black !important; */
}

/*.nav li a.disabled, 
.nav li a[disabled], 
fieldset[disabled] .nav li a, 
.nav li a.disabled:hover, 
.nav li a[disabled]:hover, 
fieldset[disabled] .nav li a:hover, 
.nav li a.disabled:focus, 
.nav li a[disabled]:focus, 
fieldset[disabled] .nav li a:focus, 
.nav li a.disabled:active, 
.nav li a[disabled]:active, 
fieldset[disabled] .nav li a:active, 
.nav li a.disabled.active, 
.nav li a[disabled].active, 
fieldset[disabled] .nav li a.active { 
    font-weight: bold;
    color: #8fd6b6 !important;
    background-color: transparent;
} */

#pills-tab-administration li a {
    padding: 20px 20px;
    color: #6c757d !important;
}

#pills-tab-administration .nav-link.active {
    background-color: #6c757d !important;
    color: white !important;
}

.nav li a .badge { 
    color: #0D5C63; 
    background-color: #ffffff; 
}

textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus
button:focus,
button:active,
button:visited,
button:hover
{
    outline:0px !important;
    -webkit-appearance:none;
}

textarea {
    max-height: 300px;
    max-width: 100%;
}

.black {
    color:black;
}

.btn {
    border-radius: 18px;
    font-size: 80%;
    text-transform: uppercase;
    /*letter-spacing: .15rem;*/
    border: 0;
    padding: 1.25rem 2rem;
}
/*.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
}*/

.btn-radio {
    padding: 6px 16px 4px 10px !important;
    margin-bottom: 4px;
}

.btn-radio #icons {
    margin-right: 2px;
}


.panel-with-background {
     background-image: url('../img/palm-leafs.png');
     background-position: top;
     background-repeat: repeat-x;
}


.comment-edit-buttons {
    font-size: 18pt;
    line-height: 27px;
}
/*.comment-edit-buttons .btn {
    padding: 5px 10px !important;
    text-transform: none;
}*/

.btn-delete-comment {
    cursor: pointer;
    margin-right: 15px;
}
.btn-edit-comment {
    cursor: pointer;
}
.btn-delete-comment:hover, .btn-edit-comment:hover {
    color: black;
}

.btn:focus, .btn:active:focus, .btn.active:focus{
    outline:none;
    box-shadow:none;
}

.btn-lg {
    font-weight: bold;
    letter-spacing: 0px;
}

.btn-default {
    background-color: #eee;
}
.btn-default:hover {
    background-color: #e4e3e3;
}

.btn-custom {
    background-color: #5A6962;
    color: white;
    /*-webkit-box-shadow: 0 3px 0 0 #64a19d !important;*/
    /*box-shadow: 0 4px 0 0 #64a19d !important;*/
}
.btn-custom:hover {
    color:white !important;
    background-color: #65756e;
    /*    box-shadow: none !important;
        top: 4px;
        position: relative;*/
}


.bootstrap-tagsinput .badge {
    background-color: #5a6961;
    border: none;
}

.form-control, .bootstrap-tagsinput {
    border-radius: 18px
}
.form-control:focus{
    border-color: #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress {
    border-radius: 18px;
}

.alert {
    border-radius: 18px;
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
}

textarea {
    max-height: 300px;
    min-height: 34px;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
}

.input-error {
    border-color: #D42C29;
}

.grid-item {
    padding-bottom: 30px;
}

.grid-item .media-video:focus, .grid-item .media-video.active {
    outline: none;
}

.grid-item .media-image {
    border-top-left-radius: 18px; 
    border-top-right-radius: 18px;
    width: 100%;
    cursor: pointer;
}

.grid-item .media-video {
    width: 100%;
    height: auto;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    background-color: #6b747d;
}

.btn-green { 
    color: #7B8F86; 
    background-color: white; 
    border-color: #7B8F86; 
    border-width: 2px;
} 

.btn-green:hover, 
.btn-green:focus, 
.btn-green:active, 
.btn-green.active { 
    color: #5A6962; 
    background-color: white; 
    border-color: #5A6962; 
    background-image: none; 
} 

.btn-green.disabled, 
.btn-green[disabled], 
fieldset[disabled] .btn-green, 
.btn-green.disabled:hover, 
.btn-green[disabled]:hover, 
fieldset[disabled] .btn-green:hover, 
.btn-green.disabled:focus, 
.btn-green[disabled]:focus, 
fieldset[disabled] .btn-green:focus, 
.btn-green.disabled:active, 
.btn-green[disabled]:active, 
fieldset[disabled] .btn-green:active, 
.btn-green.disabled.active, 
.btn-green[disabled].active, 
fieldset[disabled] .btn-green.active { 
    background-color: white; 
    color: #B8C7C0;
    border-color: #B8C7C0; 
} 

.btn-green .badge { 
    color: #5A6962; 
    background-color: #ffffff; 
}



.btn-red { 
    color: #d9534f; 
    background-color: white; 
    border-color: #d9534f; 
    border-width: 2px;
} 

.btn-red:hover, 
.btn-red:focus, 
.btn-red:active, 
.btn-red.active { 
    color: #D42C29; 
    background-color: white; 
    border-color: #D42C29; 
    background-image: none; 
}

.btn-red.disabled, 
.btn-red[disabled], 
fieldset[disabled] .btn-red, 
.btn-red.disabled:hover, 
.btn-red[disabled]:hover, 
fieldset[disabled] .btn-red:hover, 
.btn-red.disabled:focus, 
.btn-red[disabled]:focus, 
fieldset[disabled] .btn-red:focus, 
.btn-red.disabled:active, 
.btn-red[disabled]:active, 
fieldset[disabled] .btn-red:active, 
.btn-red.disabled.active, 
.btn-red[disabled].active, 
fieldset[disabled] .btn-red.active { 
    background-color: white; 
    border-color: #DA9E9D; 
    color: #DA9E9D;
} 

.btn-red .badge { 
    color: #d9534f; 
    background-color: white; 
}

.btn-group-addon {
    cursor: default;
    background-color: #eeeeee;
    color: #696969;
}

.btn-group-addon:hover {
    background-color: #eeeeee;
    border-color: #cccccc;
    color: #303030 !important;
}

.btn-custom {
    cursor: pointer;
}

.btn-custom:hover {
    color:black;
}



.form-control:focus{
    border-color: #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
  cursor: pointer;
}*/

.pagination {
    margin-bottom: 20px;
    margin-top: 20px;
}

.pagination-md .page-link {
    padding: 14px 18px;
    font-size: 11pt;
}

.page-item:first-child .page-link {
    border-bottom-left-radius: 18px !important;
    border-top-left-radius: 18px !important;
}
.page-item:last-child .page-link {
    border-bottom-right-radius: 18px !important;
    border-top-right-radius: 18px !important;
}

.page-link {
    color: #1f1f1f;
}
.page-link:hover {
    color:black;
}
.page-link:focus {
    box-shadow: none;
}

.page-item.active .page-link {
    background-color: #6c757d;
    border-color: #6c757d;
}

.page-item.disabled .page-link {
    color: #c7c7c7;
}


h2 {
    /*font-size: 24px;*/
    /*text-transform: uppercase;*/
    color: #303030;
    /*font-weight: 600;*/
    /*margin-bottom: 30px;*/
}
h4 {
    /*font-size: 19px;*/
    line-height: 1.375em;
    color: #303030;
    /*font-weight: 400;*/
    /*margin-bottom: 30px;*/
}  

.text-green {
    color: #5bb85c;
}

.text-black {
    color: black;
}

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

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.progress-bar {
    -webkit-transition: initial !important;
    -o-transition: initial !important;
    transition: initial !important;
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: initial !important;
    -o-animation: initial !important;
    animation: initial !important;
}


/*.container-fluid {
    padding-top: 40px;
    padding-bottom: 80px;
}*/
.bg-grey {
    background-color: #f6f6f6;
}
.logo-small {
    color: #5bb85c;
    font-size: 50px;
}
.icon-lg {
    color: #5bb85c;
    font-size: 60px;
}
.icon-xl {
    color: #5bb85c;
    font-size: 80px;
}
.icon-xxl {
    color: #5bb85c;
    font-size: 100px;
}

.btn-shadow
{
    cursor: pointer;
    transition: box-shadow 0.15s;
}
.btn-shadow:hover {
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0, .3);
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0, .3);
    box-shadow: 0px 5px 10px rgba(0,0,0, .3);
}

.checkbox .option-text, .radio .option-text {
    position: relative;
    top: -4px;
}

.checkbox .form-control, .radio .form-control {
    position: relative;
    top: -6px;
}

.readonly {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    pointer-events:none;
}

.uppercase {
    text-transform: uppercase;
}

.shadow {
    -webkit-box-shadow: 0px 4px 7px rgba(0,0,0, .2);
    -moz-box-shadow: 0px 4px 7px rgba(0,0,0, .2);
    box-shadow: 0px 4px 7px rgba(0,0,0, .2);
}


#checkbox, #radio, #radio-optionalanswer, #checkbox-optionalanswer {
    margin-top: 5px;
}

.btn-checkbox, .btn-radio {
    /*height:34px;*/
    /*border: none;*/
    /*background-color: rgba(255,255,255,0);*/
}

.btn-checkbox #icons, .btn-radio #icons {
    font-size: 14pt;
    position: relative;
    top: -1px;
}

.btn-checkbox .option-text, .btn-radio .option-text {
    position: relative;
    top: -3px;
}

.btn-checkbox:hover, 
.btn-radio:hover {
    background-color: #5A6268;
    color: #fff !important;
}

.btn-checkbox.disabled:hover,
.btn-checkbox[disabled]:hover,
.btn-radio.disabled:hover,
.btn-radio[disabled]:hover {
    background-color: #6c757d; /*#5bb85c*/;
    color: #fff !important;
}

.btn-checkbox:hover > .option-text, .btn-radio:hover > .option-text {
    color: #fff !important;
    /*font-weight: bold;*/
}

.btn-option-checked {
    background-color: #6c757d; /*#5bb85c*/;
    color: #fff !important;
    border-color: #6c757d;
}

.btn-option-checked .option-text {
    color: #fff !important;
    /*font-weight: bold;*/
}

.text-1px-border
{
    text-shadow: 
        -1px -1px 0px #000,
        0px -1px 0px #000,
        1px -1px 0px #000,
        -1px  0px 0px #000,
        1px  0px 0px #000,
        -1px  1px 0px #000,
        0px  1px 0px #000,
        1px  1px 0px #000;
}

.text-2px-border
{
    text-shadow: 
        /* first layer at 1px */
        -1px -1px 0px #000,
        0px -1px 0px #000,
        1px -1px 0px #000,
        -1px  0px 0px #000,
        1px  0px 0px #000,
        -1px  1px 0px #000,
        0px  1px 0px #000,
        1px  1px 0px #000,
        /* second layer at 2px */
        -2px -2px 0px #000,
        -1px -2px 0px #000,
        0px -2px 0px #000,
        1px -2px 0px #000,
        2px -2px 0px #000,
        2px -1px 0px #000,
        2px  0px 0px #000,
        2px  1px 0px #000,
        2px  2px 0px #000,
        1px  2px 0px #000,
        0px  2px 0px #000,
        -1px  2px 0px #000,
        -2px  2px 0px #000,
        -2px  1px 0px #000,
        -2px  0px 0px #000,
        -2px -1px 0px #000;
}

.panel-sm .panel-heading, .panel-sm .panel-body {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
}
.panel-sm .panel-footer {
    padding-top: 0px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
}

.comment-panel {
    box-shadow: 0px 2px 10px rgba(0,0,0,.3);
    border-radius: 18px;
    padding: 6px 10px 10px 10px;
    margin-bottom: 16px;
}

.comment-panel:last-child {
    margin-bottom: 0px;
}

.comment-panel .author-infos {
    padding: 0px;
}

.comment-panel .author-infos-container {
    padding-left: 0px;
    margin-left: -15px;
}

.comment-panel .author-name {
    position: relative;
    top: 5px;
}

.comment-panel .media-date {
    position: relative;
    top: -5px;
}

.comment-panel .comment {
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    color: #000;
    line-height: 1.43;
}

.comment-panel .author-thumbnail {
    width: 40px;
    height: 40px;
}

.comment-panel .author-thumbnail img {
    width: 40px;
    height: 40px;
}

.comment-panel textarea {
    margin-bottom: 5px;
}

.comment-panel .smiley-sm {
    font-size: 30pt;
    color: #c7c7c7;
    position: relative;
    margin: 0 auto;
    align-self: center;
}

.comment-panel .author-country {
    /*position: relative;*/
    width: 25px;
    height: auto;
    top: 12px;
    left: -57px;
}

.comment-panel .flag-img {
    height: auto;
}


.dropShadowText {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    /*text-shadow: -1px -1px 2px rgba(0, 0, 0, .1);*/
}

.text-shadow-black {
    text-shadow: 0px 5px 0px rgba(0, 0, 0, 0.13);
}

.text-shadow-black-smooth {
    text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2);
}


.thumbnail .image {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.author-image {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    width: 60px;
    height: 60px;
    object-fit: cover;
}


.author-country {
    position: relative;
    width: 35px;
    height: 23px;
    top: 15px;
    left: -90px;
}

.author-country .flag-img {
    width:100%;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.7);
}

.author-infos {
    padding: 13px 13px 5px 13px;
    display: flex;
    align-items: center;
    /*box-shadow: inset 1px 16px 12px -15px rgba(0,0,0,.4);*/
}

.thumbnail .author-name {
    line-height: 1;
}

.thumbnail .media-date {
    margin-top: 5px;
}

.author-thumbnail {
    width: 60px;
    height: 60px;
    /*background-color: #bbbbbb;*/
    border-radius: 100px;
    display: flex;
}

.thumbnail .author-thumbnail {
    margin-right: 10px;
}

.author-thumbnail .smiley {
    font-size: 40pt;
    color: #c7c7c7;
    position: relative;
    align-self: center;
    margin: 0 auto;
}

.author-thumbnail-md {
    width: 120px;
    height: 120px;
    background-color: #bbbbbb;
    border-radius: 100px;
    display: flex;
}

.author-thumbnail-md .smiley-md {
    color: white;
    position: relative;
    font-size: 70pt;
    display: flex;
    align-self: center;
    margin: 0 auto;
}

.author-image-md {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    width: 120px;
    height: 120px;
    object-fit: cover;
}

.author-thumbnail-lg {
    width: 200px;
    height: 200px;
    background-color: #bbbbbb;
    border-radius: 100%;
    display: flex;
}
.author-thumbnail-lg .smiley-lg {
    color: white;
    position: relative;
    font-size: 130pt;
    display: flex;
    align-self: center;
    left: 50%;
    transform: translateX(-50%);
}

.author-image-lg {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-thumbnail-xl {
    width: 300px;
    height: 300px;
    background-color: #bbbbbb;
    border-radius: 100%;
    display: flex;
}

.author-thumbnail-xl .smiley-xl {
    color: white;
    position: relative;
    font-size: 170pt;
    display: flex;
    align-self: center;
    margin: 0 auto;
}

.author-image-xl {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumbnail .author-infos-container {
    display: inline-block;
    position: absolute;
    left: 100px;
    margin-top: 4px;
    padding-right: 23px;
}

.thumbnail .caption {
    padding-top: 9px;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 0px;
}

.media-message {
    margin: 0;
}

.hashtags-container {
    padding: 0px 13px 0px 13px;
}

.label {
    margin-right: 2px;
}

label {
    margin-bottom: 2px;
}

.has-error {
    color: #dc3545;
}
.has-error .btn-radio {
    color: #dc3545;
}

.has-error input {
    border-color: #dc3545 !important;
}

.has-error .btn {
    background-color: #dc3545 !important;
}

.nav-pills .nav-link {
    border-radius: 18px;
}

.thumbnail {
    border-radius: 18px;
    /*background-color: #B8C7C0;*/
    background-color: #f8f9fa;
    box-shadow: 0px 2px 9px rgba(0,0,0,.3);
}

.thumbnail-footer {
    display: block;
    padding: 9px 13px 5px 13px;
    font-size: 18pt;
}

.thumbnail-footer div {
    display: inline-block;
    margin-right: 10px;
}

.thumbnail-footer div .btn-like {
    cursor: pointer;
}

.thumbnail-footer div .btn-comment {
    cursor: pointer;
}

.thumbnail-footer div, .btn-more-info {
    cursor: pointer;

}
.thumbnail-footer .btn-edit-media{
    margin-right: 0;
}

.thumbnail-footer .btn-edit-media:hover {
    color: black;
}

/*.btn-like,
.btn-comment,*/
#btn-more-infos {
    text-shadow: 0px 4px 11px rgba(0, 0, 0, 0.5);
    cursor: pointer; 
    font-size: 30pt; 
    display: block; 
    margin-top: 30px
}

.btn-like:hover,
.btn-comment:hover,
.btn-more-info:hover {
    color: black;
}

.media-liked .fa{
    color: #D42C29;
}

.btn-like .amount, .btn-comment .amount {
    font-size: 10pt;
    position: relative;
    top:-2px;
}


/*#home-header {
    height: 100vh;
    background-position: center;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    position: relative;
}*/

.home-header-background {
    /*background-color: #af8880c2;*/ 
    background-image: url(../img/pattern-copper.png);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .7;
    background-position: center;
    /*filter: blur(7px);*/
}

.home-header-border {
    border: 6px solid #af877e;
    top: 68px;
    bottom: 0;
    position: absolute;
    width: 100%;
    border-style: double;
}


#header-xl {
    width: 400px;
    margin: 0 auto;
    /*padding: 15px;*/
    /*border: 5px solid rgb(0, 0, 0);*/
    /*color: #696969;*/
    /*box-shadow: 0 0 50px rgba(0,0,0,.7);*/
    /*background-color: rgba(255,255,255,.3);*/
}

.header-content {
    /*border: 2px solid #ec7268;*/
    /*padding: 40px 0px;*/
    /*background-color: #f2997e;*/
    /*background-color: white;*/
}

.header-content .header-names {
    color: white;
    font-size: 20pt;
    font-weight: bold;
}

#header-lg {
    width: 300px;
    margin: 0 auto;
    /*box-shadow: 0 0 50px rgba(0,0,0,.7);*/
}

#header-lg img {
    /*width: 200px*/
}

#header-lg .header-content {
    /*padding: 20px 0px;*/
}

/* Background Gradient for Analagous Colors */
.copper-gradient
{
    /*background: #EC6F66;   fallback for old browsers */
    /*background: -webkit-linear-gradient(to top, #F3A183, #EC6F66);   Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to top, #F3A183, #EC6F66);  W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*background: linear-gradient( 341deg, #EC6F66, #F3A183 );*/
}


.colored-line {
    height: 2px; 
    width: 100%; 
    background-color: #af877e
}


/*.leafs-top {
    height: 230px;
    margin: 0 auto;
    width: 100%;
    top: 0px;
    position: absolute;
    left: 0;
    background-image: url(../img/main-header-leafs-top-blue.png);
    background-repeat: repeat;
    background-position: center;
    opacity: .7;
}*/

/*.leafs-bottom {
    height: 240px;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    bottom: 0px;

    left: 0px; 
    background-image: url(../img/main-header-leafs-bottom-blue.png);
    background-repeat: repeat;
    background-position: center;
    opacity: .7;
}*/

#btn-language .flag {
    float: left;
    width: 26px;
    height: 17px;
    margin-top: 7px;
    margin-right: 4px;
    border-radius: 4px;
    box-shadow: 0px 2px 1px rgba(0,0,0,0.3);
}

#btn-language .dropdown-menu {
    background-color: rgba(255,255,255,.95);
    border: none;
    border-radius: 0;
    /*    border-bottom-left-radius: 18px;
        border-bottom-right-radius: 18px;*/
    box-shadow: 0px 4px 10px rgba(0,0,0,.5);
    /*top: 6px !important;*/
    padding: 0;
}

#btn-language .flag-small {
    width: 26px;
    height: 17px;
    margin-top: 12px;
    margin-right: 7px;
    border-radius: 4px;
    box-shadow: 0px 2px 1px rgba(0,0,0,0.3);
}

#btn-language .dropdown-menu a {
    display: flex;
    padding: 0 10px 0 10px;
    color: #5a5a5a !important;
    text-decoration: none;
    border-radius: 0px !important;
    line-height: 42px;
}
#btn-language .dropdown-menu a:hover {
    background-color: #e4e4e4 !important;
    color: #444444 !important;
}

#btn-language .dropdown-menu .selected {
    background-color: #dcdcdc !important;
    color: #444444 !important;
}

.card {
    border-radius: 18px;
    border: none;
    background-color: #f8f9fa;
    box-shadow: 0px 2px 9px rgba(0,0,0,.3);
}

.table {
    margin-bottom: 0px;
}

.btn-reload {
    color: #696969;
    cursor: pointer;
}

.btn-reload:hover {
    color: #303030;
}

.select-country-item {
    display: inline-block;
    margin-right: 5px;
    color: #444444;
    padding: 5px 14px 5px 10px;
    margin-bottom: 4px;
    cursor: pointer;
    padding-left: 10px;
    border-radius: 18px;
}

.select-country-item img {
    width: 26px;
    border-radius: 5px;
    margin-right: 6px;
    margin-top: -3px;
    box-shadow: 0px 2px 1px rgba(0,0,0,0.3);
}

.select-country-item:hover {
    background-color: #dedede;
}

.select-country-item.selected{
    color:white;
    background-color: #6c757d;
}

.select-country-item:last-child {
    margin-right: 0px;
}

#zoomed-media {
    position: fixed;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.9);
}

.zoomed-image {
    width: 100vw;
    height: auto;
    max-width: none;
    max-height: 100vh;
    object-fit: contain;
    top: 50%;
    position: fixed;
    cursor: pointer;
    transform: translateY(-50%);
}

#btn-bottom-imprint {
    /*padding: 40px;*/
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
}

#btn-bottom-imprint:hover {
    color:black;
}

.schedule-item {
    margin-top: 30px;
}

.schedule-item-icon {
    margin-top: 2px;
    width: 30px;
    font-size: 27px;
}

.schudule-item-text {
    margin-left: 8px;
}

.schedule-item-link {   
    width: 3px;
    height: 22px;
    background-color: #e1e1e1;
    border-radius: 10px;
    position: absolute;
    margin-left: 14px;
    margin-top: 34px;
}