@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  list-style: none; 
}
.row { 
    margin:0; 
}
.half{
  width:100%; 
  height:100vh; 
  overflow: hidden;
  position: relative; 
  padding: 4px;
} 
.right{
    background-color:white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.pic{ 
  width: 100%;
  height:  100%;  
}  
.ucity_logo{
  position: absolute;
  bottom: 10px;
  right: 40px;
  width: 100px;  
}
.note {
    position: absolute;
    bottom:4px;
    width:100%;
    font-size:14px;
}
.tv_title {
    font-size: 28px;
    font-weight: 600;
    color: #4a2306;
    text-shadow: 6px 6px 3px #4a230630;
}
.news_date {
    font-size: 16px;
    color: #402d0070;
    font-weight: 600;
    padding-bottom: 9px;
    text-align: left;
}

.news_text {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #402d00bf;
    text-align: left;
}
.next_news_title{
    color: #422f00;
    font-size: 18px;
    font-weight: 500;
    padding-top: 20px; 
    text-align:right;
}
.theme--light.v-card > .v-card__text, .theme--light.v-card > .v-card__subtitle {
    color: rgb(126, 126, 126 ,60%);
    font-size: 18px;
    font-weight: 300;
} 
.col-6{
  padding: 0%;
}
.v-sheet.v-toolbar:not(.v-sheet--outlined){
  box-shadow: none !important;
}
.right_top_title{ 
  position: absolute;
  top: 40px;
  right:40px;
}
.v-chip.v-size--default {
    border-radius: 16px;
    font-size: 18px;
    height: 32px;
    letter-spacing: 1.5px;
}

.right_text_div_xy {
    text-align: center;
    padding: 100px 20px 20px 20px;
    width: 100%;
}
@media screen and (min-width: 600px) {
    .pic_xy {
        width: 80%;
        height: 80%;
        margin: auto;
    }
}
@media screen and (min-width: 900px) {
    .pic_xy {
        width: 80%;
        height: 80%;
        margin: auto;
    }  
}
@media screen and (min-width: 1100px) {
    .pic_xy {
        width: 60%;
        height: 60%;
        margin: auto;
    }
}
.system_text {
    margin-left: 10px;
    padding: 4px;
    background-color: #0000005c;
    color: white;
    letter-spacing:1px;
}
.valid_div {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    padding: 4px;
    background-color:white;
    display: flex;
    justify-content: center;
    align-items: center; 
}
.valid_div_logo {
    width:100%; 
    display:block;
}
.logo_pic {
    max-width:150px;
    margin:auto;
}
.otp_div {
    max-width:400px;
    margin: auto;
}
.v-btn:not(.v-btn--round).v-size--default {
    height: 48px;
    min-width: 64px;
    padding: 0 16px;
}
.theme--dark.v-btn.v-btn--has-bg {
    background-color: #00456f;
}
.v-btn.v-size--default {
    font-size: 1rem;
}
.v-input {
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    font-size: 1rem;
    letter-spacing: normal;
    max-width: 100%;
    text-align: left;
}
.otp_title {
    margin-bottom: 22px;
    color: #5a5a5a;
}
.v-otp-input .v-input input[type=number] {
    -moz-appearance: textfield;
    font-size: 40px;
    color: #ff9800;
    font-weight: 600;
}
.theme--dark.v-btn.v-btn--disabled.v-btn--has-bg {
    background-color: #acacac !important;
}