@font-face                                  { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url("/_fonts/OpenSans-Light.ttf") format('truetype'); }
@font-face                                  { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url("/_fonts/OpenSans-Regular.ttf") format('truetype'); }
@font-face                                  { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url("/_fonts/OpenSans-Semibold.ttf") format('truetype'); }
@font-face                                  { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url("/_fonts/OpenSans-Bold.ttf") format('truetype'); }

@font-face                                  { font-family: 'Treasure Hunt'; font-style: normal; font-weight: 700; src: url("/_fonts/Treasurehunt.otf") format('opentype'); }
@font-face                                  { font-family: 'Caribbean Treasure'; font-style: normal; font-weight: 700; src: url("/_fonts/Caribbeantreasure.ttf") format('truetype'); }

*                                           { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; }
input:focus, select:focus, textarea:focus, button:focus { -webkit-user-modify: read-write-plaintext-only; }
input:focus, select:focus, textarea:focus, button:focus { outline: none; }

html                                        { width: 100%; height: 100%; scroll-behavior: smooth; }
body                                        { width: 100%; height: 100%; font: 14px 'Treasure Hunt', arial, tahoma, verdana, sans-serif; font-weight: 400; color: #000000; background-color: #FFFFFF; margin: 0 auto; padding: 0; line-height: 1.5; }
input, select                               { color: #000000; vertical-align: middle; background-color: transparent; font: 14px 'Treasure Hunt', arial, tahoma, verdana, sans-serif; }
strong                                      { font-weight: 700; }
label                                       { width: 100px; float: left; display: block; padding-top: 5px; }

.oh                                         { overflow: hidden; }
.fl                                         { float: left; }
.fr                                         { float: right; }
.clear                                      { clear: both; }
.orange                                     { color: #F7A508; }
.green                                      { color: #11BB4E; }
.blue                                       { color: #2A53CD; }
.red                                        { color: #EC3330; }

.input_full                                 { display: block; overflow: hidden; margin-bottom: 5px; }
.input_full input, .input_full select       { width: 100%; border: 1px solid #E3E4E5; padding: 5px; box-sizing: border-box; border-radius: 5px; background-color: #FFFFFF; }

.input                                      { display: block; overflow: hidden; margin-bottom: 5px; }
.input input, .input select                 { width: calc(100% - 45px); border: 1px solid #E3E4E5; padding: 5px; box-sizing: border-box; border-radius: 5px; float: left; background-color: #FFFFFF; }

.leaflet-control-attribution                { display: none; }

label span                                  { display: inline-block; }
label span:before                           { content: ""; display: inline-block; width: 30px; height: 30px; margin-right: 15px; vertical-align: -9px; }

input[type=radio]                           { display: none; }
input[type=radio] + span:before             { background: url("../_img/radio.png"); background-size: 60px 30px; background-repeat: no-repeat; }
input[type=radio]:checked + span:before     { background-position: -30px 0; }
input[type=radio]:disabled + span:before    { background-position: -60px 0; }

input[type=checkbox]                        { display: none; }
input[type=checkbox] + span:before          { background: url("../_img/checkbox.png"); background-size: 60px 30px; background-repeat: no-repeat; }
input[type=checkbox]:checked + span:before  { background-position: -30px 0; }
input[type=checkbox]:disabled + span:before { background-position: -60px 0; }


/***************************************************************************************************
 Mapa                                                                                              *
***************************************************************************************************/
#map                                        { width: 100%; height: 100%; }
#icon_profile                               { position: fixed; z-index: 410; top: 15px; left: 15px; border-radius: 25px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 2px; }
#icon_position                              { position: fixed; z-index: 400; top: 18px; right: 25px; filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.3)); }
#bottom                                     { position: fixed; z-index: 400; bottom: 15px; left: 15px; right: 15px; border-radius: 5px; padding: 10px; color: #000000; background-color: rgba(255, 255, 255, 0.8); }

.profile                                    { position: absolute; line-height: 2; background-color: rgba(255, 255, 255, 0.8); font-size: 16px; width: 100%; padding-top: 27px; z-index: 405; height: 200px; top: -220px; transition: all 0.3s ease; }
.profile > div                              { padding: 25px 15px 15px 15px; }
.profile_name                               { padding-left: 70px; font-size: 20px; }


/***************************************************************************************************
 Přihlášení                                                                                              *
***************************************************************************************************/
.facebook-login-btn              { display: flex; align-items: center; text-decoration: none; color: #FFFFFF !important; width: 100%; overflow: hidden; border-radius: 5px; background-color: #3B5998; cursor: pointer; margin-top: 15px; }
.facebook-login-btn .fb_icon     { display: inline-flex; width: 20px; height: 100%; padding: 10px 12px; align-items: center; justify-content: center; background-color: #344E86; margin-right: 15px; }
.facebook-login-btn .fb_icon svg { fill: #FFFFFF; }
.facebook-login-btn:hover        { text-decoration: none; }

.google-login-btn                { display: flex; align-items: center; text-decoration: none; color: #FFFFFF !important; width: 100%; overflow: hidden; border-radius: 5px; background-color: #D6523E; cursor: pointer; margin-top: 15px; }
.google-login-btn .gg_icon       { display: inline-flex; width: 20px; height: 100%; padding: 10px 12px; align-items: center; justify-content: center; background-color: #CF412C; margin-right: 15px; }
.google-login-btn .gg_icon svg   { fill: #FFFFFF; }
.google-login-btn:hover          { text-decoration: none; }