@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Martian+Mono:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Agbalumo&display=swap');

*{
    font-family: "Poppins",sans-serif;
    box-sizing: border-box;
}

body{
    background: url("../img/blob-scene-haikei.svg") no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

body.signin{
    background: unset;
    background-color:#EEE;
}

label{
    font-size:18px;
    color:#49758b;
    display:block;
}

label span{
    color:#999;
    font-size:14px;
}

input{
    font-weight:300 !important;
    text-align: left;
}

.input-center{
    text-align: center;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    /*border-color: #86b7fe;
    box-shadow: 0 0 0 0.05rem rgba(13, 110, 253, 0.25) !important;*/
    border-color: rgba(253, 208, 51, 0.50);
    box-shadow: 0 0 0 0.15rem rgba(253, 208, 51, 0.2) !important;
    /*border-color: #49758b;
    box-shadow: 0 0 0 0.15rem rgba(88, 144, 173, 0.35) !important;*/
    outline: 0;
}


.flexbreak {
    flex-basis: 100%;
    height: 0;
}

.mainContainer{
    display: flex;
    justify-content: center;
    align-items: center;
    height:100vh;
    flex-wrap: wrap;
}

.signin_window{
    background-color:#FFF;
    border:1px solid #EEE;
    border-radius:10px;
    width:96%;
    max-width:500px;
    height:auto;
    min-height:180px;
    box-shadow: 0px 0px 0px 30px #eef2f4;
}

.signin_window .header{
    font-family: "Agbalumo", sans-serif;
    background-color:#49758b;
    color:#FFF;
    font-weight:bold;
    font-size:52px;
    text-align: center;
    letter-spacing: 2px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    padding:10px;
}

.signin_window .header div:first-of-type{
    font-family: "Agbalumo", sans-serif !important;
}

.signin_window .header div.regisztracio_head{
    font-family: "Poppins", sans-serif;
    font-variant: small-caps;
    font-size:22px;
    color: #d8e3e8;
    text-shadow: 1px 1px 2px rgba(34, 64, 79, 0.9);
}


.signin_window .inner_container{
    padding:5px 15px;
    margin-bottom:20px;
    max-height: 70vh;
    overflow-y:auto;
}


/* width */
.signin_window .inner_container::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.signin_window .inner_container::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
.signin_window .inner_container::-webkit-scrollbar-thumb {
  background: rgba(73, 117, 139, 0.38);
}

/* Handle on hover */
.signin_window .inner_container::-webkit-scrollbar-thumb:hover {
  background: #49758b;
}

.mainFooter{
    bottom:0;
    left:0;
    position: fixed;
    display:block;
    width:100%;
    text-align: center;
    font-size:12px;
    color: #a4b2bb;
}

.mainFooter img{
    height:15px;
}

.pincode{
    letter-spacing: 15px;
    text-align: center;
}

.sikertelen_belepes_sav{
    margin-top:5px;
    font-size:12px;
    text-align: center;
    color:#E00;
}



@media screen and (max-width:1200px){
    .signin_window{
        box-shadow: 0px 0px 0px 25px #eef2f4;
        min-height:260px;
    }
    .signin_window .header{
        font-size:42px;
    }
}


@media screen and (max-width:992px){
    .signin_window{
        box-shadow: 0px 0px 0px 20px #eef2f4;
    }
    .signin_window .header{

    }

}


@media screen and (max-width:768px){
    .signin_window{
        box-shadow: 0px 0px 0px 10px #eef2f4;
        min-height:230px;
    }
    .signin_window .header{
        font-size:32px;
        letter-spacing: 1px;
    }

    .mobilon_nem_lathato, .mnl{
        display: none !important;
    }
}

@media screen and (max-width:576px){
    .signin_window .header{
        font-size:22px;
    }
}

@media screen and (max-width:470px){
    .signin_window input{
        font-size:14px !important;
    }

    .signin_window .input-group-text{
        font-size:12px !important;
        max-width:50px !important;
        padding:0.5rem 0.3rem !important;
    }
}