/* ROOT */
:root{
    --gradientLoad:  
    linear-gradient(to right, #e80033, #f9a852, #f69653, #f38654, #f07654, #ed6856, #ef5956, #ee4c58, #56c1ab); 
    --gradientBtn: linear-gradient(to right, #004fcc ,#00bdfc);
    --gradientLoadAlter:  
    linear-gradient(to right, #f2f2f2,#acacac);
    --gradientLoadAlter2:  
    linear-gradient(to right, #ffffff,#dcdcdc);
    --shadowLoad: #f2f2f2 ;
    --header:white;
    --body: #eef3f7;
    --filterFather: #56c1ab;
    --filterSon:#00a8fa;
    --footHeight:171px;
    --footHeightBody:240px;
    --marginBottomBody:22px;
    --marginTopBody:22px;
    --colorLetter:#7a7a7a;
    --colorLetterBlue:#004fcc;
    --mediumTransparent : rgba(128, 128, 128, 0.404) ;
    --activeDataPicker:#00bdfc;
    --ultimateDataPicker :#ffc800;
    --defaultDataPicker:#7a7a7a;
  }
/*dl, ol, ul {
  margin-top: inherit !important;
  margin-bottom: inherit !important;
}

ol, ul {
  padding-left:inherit !important;
}
*/
/* LETRAS */
@font-face{
  font-family:monse;
  src: url('../fonts/Montserrat/Montserrat-Light.ttf');
}
@font-face{
  font-family:monseBolder;
  src: url('../fonts/Montserrat/Montserrat-Bold.ttf');
  /* transform: scaleY(1.02); */
}
.tttddtdtdasdesge{
    color: #7a7a7a;
}
@font-face{
    font-family:monseSuperBolder;
    src: url('../fonts/Montserrat/Montserrat-SemiBold.ttf');
     
}

@font-face{
    font-family:helios;
    src: url('../fonts/Helios/HeliosStencil-SemiBold.ttf');
     
}
@font-face{
    font-family:heliosBolder;
    src: url('../fonts/Helios/HeliosStencil-Bold.ttf');
     
}
@font-face{
    font-family:heliosSuperBolder;
    src: url('../fonts/Helios/HeliosStencil-Black.ttf');
     
}

/*
html{
    position: relative;
    min-height: 100%;
}
footer{
    position: absolute;
    bottom: 0;
    width: 100%;
}
body{
    /* height: */
    /*margin-bottom: var(--footHeightBody);
    background-color: var(--body); }*/


html, body{
  font-family: monse !important;
}

body{
  background-attachment: fixed;
  background-image: url("../img/v2/png/background-01.png");
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#header{
  background: rgba(0, 0, 0, 0.5);
  font-size: 17px;
  color: #fff;
}

.header .navbar-nav{
  margin: 0 20px;
}

.header .navbar-header{
  align-items: start;
  padding: 5px 30px;
}

.header .navbar-toggle{
  margin-left: 10px;
  margin-right: 0px;
  margin-top: 8%
}

.header .navbar-header img{
  width: 100%;
}

#header li{
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 10px 5px;
    font-weight: bold;
    /* margin: 30px 12px; */
    margin: 0px 12px;
    display: flex;
    align-items: center;
    height: 56px;
    justify-content: center;
}

#header a{
  color: inherit;
  padding: 5px;
}

#header li:hover{
  background: #fff;
  color: #333;
}

.header .navbar-nav.navbar-right{
  display: none;
  align-items: center;
}

.customeRowQrAndLegend{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    /* margin-top: 5%; */
    margin-top: 2%;
    width: 100%;
    /* transform: scale(0.92); */
}
.pestanaChoice{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    align-content: center;
    /* padding-top: 1px; */
    background-color: white;
    width: 100%;
    border-radius: 15px;
    
}

.spanPestanaChoice{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 120%;
    width: 50%;
    cursor: pointer;
    padding: 2%;
    color: #808080c2;
}
.spanImgSpace{ margin-right: 5px; }
#idSpanPestanaChoice01 i{ color: #00c914; font-size: 20px; }
#idSpanPestanaChoice02 i{ color: #a1a1a1; font-size: 18px; }

.questionSelected
{
    font-size: 156%;
    font-weight: 600;
    color: white;
    margin-top: 4%;
    margin-bottom: 2%;
}
.addPushSelected{
    font-weight: 600;
    /* padding: 1%; */
    /* background-color: #41d68033; */
    background-color: #00d30030;
    border-radius: 15px;
    /* -webkit-box-shadow: 5px 5px 15px 5px #000000;  */
    /* box-shadow: 5px 5px 15px 5px #000000; */
    /* box-shadow: 5px 5px 18px 1px #41d6808a; */
    
    box-shadow: 10px 10px 39px 0px #41d6808a;
    -webkit-box-shadow: 10px 10px 39px 0px #41d6808a;
    -moz-box-shadow: 10px 10px 39px 0px #41d6808a;
    color: black;
    /* border: 1px solid #41d68054 */
}

.qrContChecker{
  /* ,.phraseCont{ */
  font-size: 75%;
  /* transform: scale(0.89); */
}