/**
 * Copyright (c) 2016, 2024, 5mode
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *     * Redistributions of source code must retain the above copyright
 *       notice, this list of conditions and the following disclaimer.
 *     * Redistributions in binary form must reproduce the above copyright
 *       notice, this list of conditions and the following disclaimer in the
 *       documentation and/or other materials provided with the distribution.
 *     * Neither 5mode nor the names of its contributors 
 *       may be used to endorse or promote products derived from this software 
 *       without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDERS OR CONTRIBUTORS BE LIABLE FOR ANY
 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * style.css
 * 
 * style sheet.
 *
 * @author Daniele Bonini <my25mb@aol.com>
 * @copyrights (c) 2016, 2024, 5mode
 * @license https://opensource.org/licenses/BSD-3-Clause 
 */
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap');

body {
  font-family: 'Press Start 2P', cursive;
  font-size:2.0vw;
  /*background-color: #068cea;*/
  background-color: #ffffff;
  /*color: #73696a;*/
  color:#434343;
}
.aaa {
 text-decoration: none;
 font-weight: 900;
}
.appMenu {
  position: absolute;
  top: 180px;
  left: 50px;
  background-color:#ffffff;
  margin-top:130px;
  margin-left:50px;
  width:450px;
  display: none;
  font-family: Sans, Verdana, Serif;
  font-size:12px;
  font-weight:500;
  z-index: 99997;
}

#appMenuIco {
  float:left; 
  position:relative; 
  top:1px; 
  left:-20px;
  cursor: pointer; 
}
.appMenu {
  float:left; 
  position:relative; 
  width: 150px; 
  top:+43px; 
  left:+22px; 
  background:#313431; 
  cursor: pointer; 
}
.box { 
  position: relative; 
  top: 0px;
  left: 0px;
  padding: 4px; 
  /*background: #333333;*/ 
  /*width: 300px;*/ 
  width: 100%;
  height: 400px;
  border: 0px solid #ababab; 
  /*display: inline-table; */
  display: block;
  /*text-align: left;*/
  margin: auto;
}
.box-centrd { 
  margin: auto; 
  width: 60%;
}
.box-centrd-align-cent {
  text-align: center;
  width: 260px;
}
.box-centrd-search {
  display: block; 
  margin: auto; 
/*  width: 100%; */
}
#brought {
  font-size: 1.6vw;      
} 
.burger-menu {
  background: url('../res/burger-menu2.png') no-repeat;
  background-size: contain;
}
.burgermenu-footer-brands {
  padding:10px;
  color: white; 
  float:left;
  background: #333333;
  font-family: 'Press Start 2P', cursive;
  font-size: 14px;
}
.burgermenu-footer-brands:hover {
  background: #54595D;
  cursor: pointer;
}
.burgermenu-footer-ctrl {
  padding:10px; 
  color: white; 
  float:left;
  background: #333333;
  font-size: 12px;
}
/*.burgermenu-footer-ctrl:hover {
  background: #54595D;
  cursor: pointer;
}*/
.burgermenu-footer-separetor {
  padding:10px;
  padding-left:30px;
  color: #333333; 
  float:left;
  background: #333333;
  font-size: 12px;
}
.burgermenu-row {
  border-left: 3px solid #444444;
  color: white; 
  width: 100%; 
  font-family: Sans;
  font-size: 16px; 
  padding: 12px; 
  vertical-align: middle;
  background: #444444;
}    
.burgermenu-row:hover {
  border-left: 3px solid #66AFE9;
  background: #54595D;
  cursor: pointer;
}
.col-burger-menu-icon {
  width: 40px; 
}
.col-valigned { 
  padding: 8% 0;
  height: 100%;
}
.col-strd {
  float: none; 
}
.container-box { 
  position: absolute; 
  background: #333333;
  top: 0px;
  right: 0px;  
  z-index: 29999; 
  display: none; 
  width: 100%; 
  height: 100%;
}
.container-box-modal1 {
  position: absolute; 
  background: rgba(0,0,0,0.9);
  top: 0px;
  right: 0px;  
  z-index: 1000; 
  display: none; 
  width: 100%;
  height: 100%;
  height: content-box; 
  cursor: pointer;
}
.form-error {
  color:#D4433D; 
  background: #FCEFEE; 
  padding: 24px; 
  border-radius: 4px;
  height: fit-content; 
  width: 260px;
  display:none; 
  overflow-wrap: break-word; 
  word-wrap: break-word;
  margin: auto; 
}
.form-error-adapt {
  color:#D4433D; 
  background: #FCEFEE; 
  padding: 24px; 
  height: fit-content; 
  width: content-box;
  display:none; 
  overflow-wrap: break-word; 
  word-wrap: break-word;
}
.form-group-hpad {
  padding-left: 14px;
  padding-right: 14px;
}
/*
#footer {
  position:relative;
  float: right;
  left:-10px;
  top: +30px;
  width: 100%; 
  border: 0px solid #C2DBF2; 
  padding: 7px; 
  opacity: 1.0;
  color:black; 
  font-family: Sans;
  font-size: 12px; 
  font-weight: 400;
  text-align: right; 
  z-index: 99999;
}
#footerCont {
  position:relative;
  top: +60px;
  left:-10px;
  width: 102%; 
  border: 1px solid #C2DBF2; 
  padding: 7px; 
  background: lightgray; 
  opacity: 0.3;
  color:white; 
  font-family: Sans;
  font-size: 12px; 
  text-align: center; 
  z-index: 99998;
}*/
#footerCont {
  position: fixed; 
  top: 2000px; 
  left:-10px;
  width: 102%; 
  border: 1px solid #C2DBF2; 
  padding: 7px; 
  background: white; 
  opacity: 0.7;
  color:white; 
  font-family: Arial,Sans,Vardana;
  font-size: 12px; 
  text-align: center; 
  z-index: 99998;
}
#footer {
  position: fixed;
  top: 2000px; 
  left:-10px;
  width: 100%; 
  border: 0px solid #C2DBF2; 
  padding: 7px; 
  opacity: 1.0;
  color:black; 
  font-family: Arial,Sans,Vardana;
  font-size: 12px; 
  font-weight: 400;
  text-align: right; 
  z-index: 99999;
}
#footer2 {
  position:fixed;
  float: right;
  left:-10px;
  top: 2000px;
  width: 100%; 
  border: 0px solid #C2DBF2; 
  padding: 7px; 
  opacity: 1.0;
  color:black; 
  font-family: Sans;
  font-size: 12px; 
  font-weight: 400;
  text-align: right; 
  z-index: 99999;
}
.glyphicon-std {
  color: #CCD1D3;
}
.header {
  width: 100%; 
  height: 58px;  
  background: transparent;
  /*#EAECF0;*/
  padding-top: 2px;
}
.header-table {
  position: relative; 
  left: -5px; 
  top:10px; 
  width: 101%;
}
.innerfooter {
  position: relative;
  top: +35px;
  padding: 20px 10px 10px 10px;
  border-top: 1px #ababab solid;
  background: #EEEEEE; 
  width: 100%; 
  height: 80px;
  text-align: center;
/*  color: #677a85; */
}
#linkOpenGallery {
  font-family: Sans;
  font-size: 12px;
  font-weight: 900;
}
.navbar-brand-nml {
  color: #ababab;
  background: #e2e2e2;
  position:relative;
  top: 0px; 
  /*font-size: 18px;*/
  font-weight: 200;
  display: table-cell;
  /*
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 7px;
  padding-bottom: 2px; */
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  left: 0px;
}
.page-not-found {
  width:70%;
}
#powered {
  vertical-align: middle; 
/*  color: #000000; */
/*  font-family: serif, sans-serif, sans; */
/*  font-style: italic; */
  font-size: 10px;
}
#qrcodeCont {
  clear: both; 
/*  position: absolute; 
  top: -3000; */
  position:relative; 
  top: -6px;
  float: bottom; 
  display: table; 
  width: 100%; 
  text-align: center;
}
.separetorBurgerMenu {
  padding: 0px; 
  margin: 0px; 
  border-color: #666666;
}
.welcome {
  color: orange;
}