@import url('https://fonts.googleapis.com/css2?family=Twinkle+Star&display=swap'); /*style="font-family: 'Twinkle Star', cursive"*/
@import url('https://fonts.googleapis.com/css2?family=Lacquer&display=swap'); /*font-family: 'Lacquer', cursive;*/
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap'); /*font-family: 'Courier Prime', monospace;*/
@import url('https://fonts.googleapis.com/css2?family=Sono&display=swap'); /*font-family: 'Sono', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap'); /*font-family: 'Ubuntu', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Fragment+Mono&family=Ubuntu&display=swap');/*    font-family: 'Fragment Mono', monospace; font-family: 'Ubuntu', sans-serif;l*/


.zoom {
    padding: 0px;
    transition: transform 0.5s; /* Animation */
}

.zoom:hover {
    transform: scale(3.8) translate(40%, 30%); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    /*transform: translate(-50%, -50%);*/
}

.topRow{
    text-align: center !important;
    vertical-align: middle !important;
    font-weight: bolder;
    font-family: 'Consolas';
}

.auxTable{
    position: absolute;
    margin: 0;
    padding: 0;
}

.myCard{
    cursor: pointer;
}

.myTh{
    /*background-color: black;*/
    max-width: 50px;
    word-wrap: break-word;

}

.myTr{
    /*background-color: black;*/
    /*color: white;*/
    border: 2px solid white;

}

.myTh:hover{
    /*transform: scale(1.3);*/
    border-radius:15px;
}

.idealistaBG{
    background-color: greenyellow !important;
    color: black !important;
    max-width: 50px;
}

.imovirtualBG{
    background-color: indianred !important;
    color: black !important;
    max-width: 50px;
}

.idealistaBG:hover{
    transform: scale(1.3);
    border-radius:15px;
}

.imovirtualBG:hover{
    transform: scale(1.3);
    border-radius:15px;
}


.myCard:hover{
    background-color: green !important;
    color: white;
    font-weight: bolder;
}


.my-board{
    height: 90vh;
    overflow-x: auto;
    overflow-y: auto;
    text-align:justify;
}


.my-form-group input{
   max-width: 100px;
}


.my-main-content{
    background-color: #E7DECD;
    /*background-image: url("/images/fundo.jpg");*/
    background-size: cover;

    object-fit: fill;
    border-radius: 10px;
    min-width: 90vw;
    min-height: 80vh;

    padding: 20px;
}

.hero-btn{
    height: 50px;
    /*max-height: 100px;*/
    width: 100px;
    /*max-width: 200px;*/
    font-size: 1.3rem;
    font-family: 'Consolas';
    font-weight: bolder;
    background-color: #fff;
    text-transform: uppercase;
}

.hero-btn:hover{
    background-color: #000;
    color: #fff;
    transform: scale(2);
}

.function-button{

    height: 50px;
    width: 180px;

}

.my-input{
    width: 100px;
}

.myRes{
    text-align: left;
    font-family: 'Sono', sans-serif;
}


/* ///////////////////////////////////////// RESPONSIVE ///////////////////////////////////////////////////////////*/

@media screen and (max-width: 300px) {


    *{
        font-size: 0.6rem;
    }

   /*//TODO*/




}