/** {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}*/
/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
    display: none;
  }

html{
    font-size: 1.5em;
    -ms-overflow-style: none;  /* IE and Edge */
     scrollbar-width: none;  /* Firefox */
}

body {
    /*background-color: #002224;
    background-image: url('../fts/sy/binding-light.png');*/
    background-color: #000000;
    /*background-image: url('../fts/sy/clean-textile.png');
    background-image: url('../fts/sy/whitey.png');*/
    margin: 0px;
    /*width: 1280px;
    height: 800px;*/
    -webkit-user-select: none !important;
    -moz-user-select: -moz-none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
    /*max-width: 800px;*/
    overflow:hidden;
}

@media screen and (max-width:3000px) and (min-width:641px) {
    html{
        font-size: 0.8rem;/*2vw;*/
      }
  }
  @media screen and (max-width:720px) and (min-width:1px) {
    html{
        font-size: 0.55rem;/*2vw;*/
      }
  }
.niceBox
{
border: 1px solid #fff;
border-radius: 10px; /*Fallback for if/when IE supports it*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

background: #ffffff; /*fallback for IE*/
background: -moz-linear-gradient(top, #f1f1f1, #fff 15%);
background: -webkit-gradient(linear, 0 0, 0 15%, from(#f1f1f1), to(#fff));
box-shadow: 10px 10px 5px #999;
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.sombraTexto
{
  text-shadow: rgba(85, 85, 255, 0.788) 1px 1px 5px;
  /*text-shadow:0 1px 0 #000030;*/
}

/*data table*/
table.dataTable tr.even { background-color: rgb(245, 245, 245); };
div.dataTables_wrapper{
    width: 94%;
    margin: 0 auto;
    font-size: 2.0vw;

};

/*div.a { font-size: 3vw; };
//input { font-size: 3vw; };
  label { font-size: 3vw; };*/
#hdrTop{
    font-size:4vw;
    padding: 10px;    
};

.head{
    background-color: darkolivegreen;
    text-align: center;
    top: 0px;
    position: fixed;
    width: 100%;
    font-size:4em;
    padding: 10px;    
};

/*#main1{font-size:3vw;};
#bttmMenu{font-size:3vw;};
.vw3{font-size:3vw;};*/

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

iframe.quadro {
  display: block;
  margin: auto;
}

/*input:focus{
    font-size: 2vw; 
}*/

/*label style*/
.label {
font-weight: bold;
font-style: oblique;
color: rgb(238, 255, 177);
}
/* Selects any required <input> */
input:required:focus {
  border: 1px dotted red;
}
select:required {
  border: 1px dotted rgb(139, 253, 145);
}

 /*Centrar divs no meio */
.boxHeigth { 
  width: 96%; 
  margin: 0px auto;
  height: 100vh;
  overflow: auto;
  
  
  /*border: 3px solid rgb(128, 128, 128, 0.95);*/ 
}


.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/****************************************************************
    JQUERY MOBILE EXTRA CSS
*****************************************************************/
/*.ui-block-a, .ui-block-b {width:46%;}*/


.GradDeepSpace {
    background: #000000; /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #434343, #000000); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #434343, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*background: url(../images/txtrMetal01.jpg) repeat center top;*/
}

.GradPetrichor {
    background: #999966; /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #666600, #999966); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #666600, #999966); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.GradTitanium {
    background: #283048; /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #859398, #283048); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #859398, #283048); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.GradLoveAndLiberty {
    background: #200122; /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #6f0000, #200122); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #6f0000, #200122); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    height: inherit;
}

.heightInherit {
    height: inherit;
}

h1 {
    font-size:24px;
    font-weight:normal;
    margin:0px;
    overflow:visible;
    padding:0px;
    text-align:center;
}

.event {
    border-radius:4px;
    -webkit-border-radius:4px;
    color:#FFFFFF;
    font-size:12px;
    margin:0px 30px;
    padding:2px 0px;
}

.event.listening {
    background-color:#333333;
    display:block;
}

.event.received {
    background-color:#4B946A;
    display:none;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}

/**********************************************
                MY CSS
**********************************************/
.itlic {
    font-style:italic;
}
.txtShdwWth {
    text-shadow: 0 1px white;
}

.txtShdRed {
    text-shadow: 0 2px #200122;
}

.txtShdWthBlur {  
    text-shadow: 0px 2px 0px rgba(0, 0, 100, 1);
}

/*.header {
    position: relative;
    padding: 24px;
    width: 94%;
    height: auto;
    display: block;
    min-width: 480px;
    min-height: 360px;
    top: 10px;
    left: 1%;
}
*/
/*
.content {
    position: relative;
    text-align: center;
    width: 95%;
    height: auto;
    display: block;
    min-width: 360px;
    max-width: 1080px;
    max-height: 1920px;
    margin-top: 40px;
    left: 2.5%;
}
*/
.brdr1px{
    border: 1px solid #808080;
}

.dspBlk51W {
    display: inline-block;
    width: 51%;
}


.dspBlk45W {
    display: inline-block;
    width: 46%;
}

.dspBlk41W {
    display: inline-block;
    width: 40%;
}

.dspBlk61W {
    display: inline-block;
    width: 54%;
}

/*TEST*/ 
.dspBlk44W {
    display: inline-block;
    width: 45%;
}

.dspBlk30W {
    display: inline-block;
    width: 30%;
}

.dspBlk20W {
    display: inline-block;
    width: 20%;
}

.dspBlk15W {
    display: inline-block;
    width: 15%;
}
.dspBlk13W {
    display: inline-block;
    width: 13%;
}
.dspBlk12W {
    display: inline-block;
    width: 12%;
}

.dspBlk10W {
    display: inline-block;
    width: 10%;
}
.txtCenter {
    text-align: center;
}

.pad3TpBt {
    padding-bottom: 3px;
    padding-top: 3px;
}
.pad7TpBt {
    padding-bottom: 7px;
    padding-top: 9px;
}

.mrgnLft1rem{ margin-left: 1rem; }

.mrgnLft8px {
    margin-left: 8px;
}
.mrgnLft7px {
    margin-left: 7px;
}
.mrgnLft6px {
    margin-left: 6px;
}
.mrgnLft5px {
    margin-left: 5px;
}
.mrgnLft4px {
    margin-left: 4px;
}
.mrgnLft3px {
    margin-left: 3px;
}
.mrgnLft2px {
    margin-left: 2px;
}
.mrgnLft1px {
    margin-left: 1px;
}

.mrgnTp1px {
    margin-top: 1px;
}
.mrgnTp4px {
    margin-top: 4px;
}
.mrgnTp5px {
    margin-top: 5px;
}
.mrgnTp6px {
    margin-top: 6px;
}

.mrgnTp20px {
    margin-top: 20px;
}


.calBt {
    position: relative;
    /*font-size: 1.5em;*/
    font-size-adjust: 0.58;
    margin: 5px;
    margin-bottom: 10px;
    padding: 10px;
    /*color: white;*/
    background-color: #000a12;
    /* background-image: url('../fts/sy/whitey.png');
    background-image: url('../fts/sy/clean-textile.png');*/
    width: 22%;
    height:10%;
    min-height: 80px;
    text-align: center;
    background-color: aqua;
    display: inline-block;
    border-radius: 20%;
    border: 2px inset #623131;
}

    .calBt:active {
        border: 1px inset black;
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px);
        text-shadow: 0 1px black;
    }

    .calBt:focus {
        outline: 0;
    }

.uiBarsWhite {
    background: url(images/icons-png/bars-white.png) no-repeat;
    text-align: center;
    /*cursor: pointer;*/
}

/*BOxSHADOWS Box Shadows*/

.bxShdwIst /*BOX INSET*/ {
    /*box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black; THIS NICE*/
    box-shadow: inset 0px 0px 50px rgba(0, 0, 0, .95);
    /* -moz-box-shadow: 0px 0px 100px #003000;
   -webkit-box-shadow: 0px 0px 100px #003000;*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=3);
}

.bxShdw {
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 1);
    /* -moz-box-shadow: 0px 0px 100px #003000;
   -webkit-box-shadow: 0px 0px 100px #003000;*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=3);
}

.bxShdw1 {
    border-radius: 13px;
    box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.90); /*(41, 92, 161, 1)rgba(19, 39, 19, 1);*/
    /* -moz-box-shadow: 0px 0px 100px #003000;
   -webkit-box-shadow: 0px 0px 100px #003000;*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#27a24f', Direction=145, Strength=3);
}

.bxShdw2 {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.90); /*(41, 92, 161, 1)rgba(19, 39, 19, 1);*/
    /* -moz-box-shadow: 0px 0px 100px #003000;
   -webkit-box-shadow: 0px 0px 100px #003000;*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#27a24f', Direction=145, Strength=3);
}

.bxShdw3 {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.70); /*(41, 92, 161, 1)rgba(19, 39, 19, 1);*/
    /* -moz-box-shadow: 0px 0px 100px #003000;
   -webkit-box-shadow: 0px 0px 100px #003000;*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#27a24f', Direction=145, Strength=3);
}

.dwnShd {
    /*width: 1%;*/
    max-width: 80px;
    z-index: -1;
    -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.8);
    -moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.8);
    box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.8);
}

/*FONT COLOR AND SHOWDOW*/

.whiteShdw {
    font-weight: bold;
    font-style: italic;
    color: #ffffff;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-decoration-color: darkred;
    /*text-shadow: 3px 0px 2px #000000;*/
}

.fntSz1em {
    font-size: 1em;
}

.fntSz150em {
    font-size: 1.5em;
}

.fntSz125em {
    font-size: 1.25em;
}

.fntSz2em {
    font-size: 2em;
}

/*///////////////////
/// SCALE
///////////////////*/
.sc90 {
    transform: scale(0.90);
    -webkit-transform: scale(0.90);
    -webkit-transform-origin: 0 0;
    -moz-transform: scale(0.90);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.90);
    -o-transform-origin: 0 0;
    -ms-transform: scale(0.90);
    -ms-transform-origin: 0 0;
}

.sc75 {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -ms-transform: scale(0.75);
    -ms-transform-origin: 0 0;
}

.sc50 {
    transform: scale(0.50);
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -ms-transform: scale(0.75);
    -ms-transform-origin: 0 0;
}

.sc25 {
    transform: scale(0.25);
    -webkit-transform: scale(0.25);
    -webkit-transform-origin: 0 0;
    -moz-transform: scale(0.25);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.25);
    -o-transform-origin: 0 0;
    -ms-transform: scale(0.25);
    -ms-transform-origin: 0 0;
}

.sc12 {
    transform: scale(0.125);
    -webkit-transform: scale(0.125);
    -webkit-transform-origin: 0 0;
    -moz-transform: scale(0.125);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.125);
    -o-transform-origin: 0 0;
    -ms-transform: scale(0.125);
    -ms-transform-origin: 0 0;
}

/****************************
    ROUND CORNERS
*****************************/
.crnrs5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.crnrs3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}


.bckClrWhthTrp {
    background-color: rgba(194, 209, 247, 0.8);
}

.brdRad10pc {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.fntClrYllw {
    color: #ffb347;
}

.fntClrWhite {
    color: white;
}


.pstRltv {
    position: relative;
}


#calcManager {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(127,127,255, 0.9);
    display: block;
    float: left;
    z-index: 10;
    color: white;
}

#calPopMenu {
    /*padding: 1em;
    position: relative;*/
    background-color: rgba(192,192,192, 0.8);
    width: 80%;
    color: white;
    /*position: center;*/ 
    font-size: 1.2em;
}

#calcContent{
    padding: 1em;
    font-size: 1.2em;

}

.headerWidht {
    /*width: 100%;*/
    font-size: 1.2em;
    background-color: rgba(127,127,127, 0.7);
    text-align: center;
    /*float:left;*/
    padding: 10px;
}

.middle, .msgBox{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  }
  .msgBox{
    font-size: 1.2rem;
    display: block;
    overflow: hidden;
    border-radius: 0.5rem;
    box-shadow: 0px 3px 20px rgb(255, 255, 255);
    padding: 0.8rem;
    background-color: rgb(204, 200, 255);
    width: 50vh;
  }

  .dsplyNone{display: none;}
/*#hideJudging{ max-width: 960px;}*/

.scale0_7{
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}