@font-face {
    font-family: 'iransans';
    font-style: normal;
    font-weight: normal;
    /*src:  url('/font/IranianSans.ttf') format('truetype');*/
    src:  url('/font/yekanbakh.ttf') format('truetype');
}
/* Define the scrollbar for all elements */
::-webkit-scrollbar {
    width: 0.5rem; /* Width of the scrollbar track */
    height: 0.6rem; /* Height of the scrollbar thumb */
}


html * {
    font-family: iransans;
}
body {

    min-height: 100vh;
    background: #fff url('/images/g1.png') no-repeat center center fixed;
    background-size: cover !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

:root{
    /*--main : #304CFD;*/
    --main : #03092b;
    --white : #fdfdfd;
    --txt : #54595F;
    --gray : #777;
    --second : #ffcc3e;
}

.box-room .button{
    color: var(--second) !important;
    border-color: var(--second) !important;
}

/* Define the scrollbar track */
::-webkit-scrollbar-track {
    background-color: #EFEFEFFF; /* Background color of the scrollbar track */
    /*background-color: #000000FF; !* Background color of the scrollbar track *!*/
    border-radius: 0.3rem; /* Border radius of the scrollbar track */
}
/* Define the scrollbar thumb */
::-webkit-scrollbar-thumb {
    background-color: #000000FF; /* Background color of the scrollbar thumb */
    /*background-color: #304CFD; !* Background color of the scrollbar thumb *!*/
    background-color: var(--second); /* Background color of the scrollbar thumb */
    border-radius: 0.3rem; /* Border radius of the scrollbar thumb */
}



.chat-text{
    background-color: #000000;
    padding: 0.4rem;
    border-radius: 0.5rem;
    color: #dfdfdf !important;
}
.inputchat {
   display: inline-block;
    flex-grow: 1;
    margin-left: 0.6rem;
    border-radius: 0.3rem;
    padding: 0.1rem 0.3rem;
}
.chat-overflow{
    overflow-y: auto;
    overflow-x: hidden;
    height: 40vh;
}

.no-pd{
    margin-bottom: -2.6rem !important;
    padding-left: 1rem !important;

}
/*home*/
#welcome {
    height: 99vh;
    justify-content: center;
    align-items: center;
    display: flex;
}
.boxlogin{
    border: 1px solid;
    /* min-height: 93vh; */
    display: block;
    margin: 2rem auto;
    /* flex-grow: 1; */
    border-radius: 1rem;
    padding: 2rem 6rem;
    background-color: rgba(0, 0, 0, 0.01);
}
.boxlogin .input{
    background-color: transparent;
    color: white;
}
.boxlogin .input::placeholder {
    opacity: 0.5;
    color: white;
}


.boxlogin .is-primary{
    background-color: var(--second );
}
.loginlogo{
    width: 28rem;
    margin: 4rem auto;
    display: block;
}
.bgmain {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

/*#room*/
.glass-box {
    padding: 1.2rem;
    border: 1px solid #224ad1;
    background-color: rgb(3 8 42 / 90%);
    border-radius: 1rem;
}

.ltr{
    direction: ltr;
}
.room-header .glass-box{
    height: 5rem;
}
.green-dot {
    width: 0.7rem;
    height: 0.7rem;
    background-color: darkgreen;
    border-radius: 50%;
    display: inline-block;
    margin-top: 0.25rem;
    margin-right: 0.5rem;
}

.blue-dot {
    width: 0.7rem;
    height: 0.7rem;
    background-color: #2b66f3;
    border-radius: 50%;
    display: inline-block;
    margin-top: 0.35rem;
    margin-left: 0.5rem;
}
video {
    border-radius: 1rem;
}
/*fix column*/
.columns {
    margin-top: 0px !important;
}
.upload {
    cursor: pointer;
    position: relative;
    top: -2.6rem;
    left: -6rem;
    border: 1px solid;
    border-radius: 50%;
    padding: 0.4rem;
    background-color: var(--main);
    color: white;
}
.profile-info p{
    margin-bottom: 0.2rem;
}
.box-room {
    background-color: rgb(0 0 0 / 20%);
    padding: 1rem;
    border-radius: 0.5rem;
    text-align: center;



    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid #272727;
    text-align: center;
}
.box-room p{
   margin-bottom: 0.6rem;
    font-size: 1.1rem;
    color: #dadada !important;
}
.table-glass {
    background-color: rgb(0 0 0 / 20%);

}
.table-glass td,
.table-glass th {
    color: #dadada !important;
}


.mt--2{
    margin-top: -2.3rem;
    position: absolute;
    left: 4rem;
}

.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
    background-color: var(--second) !important;
}
.button[disabled], fieldset[disabled] .button{
    opacity: 1;
}


@media only screen and (max-width: 600px) {
    .boxlogin {
        border: 1px solid;
        /* min-height: 60vh; */
        display: block;
        margin: 2rem 2rem;
        flex-grow: 1;
        border-radius: 1rem;
        padding: 4rem 1rem;
        background-color: rgba(0, 0, 0, 0.01);
    }
    .boxlogin h1{
        font-size: 1.8rem !important;
    }
    .loginlogo {
        width: 14rem;
        height: auto;
        margin-top: -3rem;
    }
    .loginmob{
        margin-top: -5rem;
    }
    .center-mobile{
        display: block;
        margin: auto;
        margin-bottom: 2rem;
    }


}