@font-face{
font-family: Raleway;
src: url('/Assets/Fonts/Raleway-VariableFont_wght.ttf');
}

body{
font-family:Raleway;
width:100%;
color:#222222;
}

.filter_div{
margin-bottom:8px;
}

.login_main{
margin:auto;
padding:8px;
box-shadow: 0px 10px 30px #0000003d;
max-width:480px;
text-align:center;
}

.form_row{
margin-bottom:16px;
}

.app_section{
flex:1;
min-width:320px;
}
table{
width:100%;
}

input, select{
border:none;
border-bottom: 1px solid #001f42;
margin-right:8px;
background-color #ffffff;
}

button{
color:#ffffff;
background-color:#001f42;
padding: 8px 24px;
border:1px solid #001f42;
border-radius:4px;
}
button:hover{
transform: scale(1.1);
color: #001f42;
background-color: #ffffff;
transition-duration:200ms;
cursor:pointer;
}

.err_message{
color:#DC143C;
}

.nav{
display:flex;
background-color:#001f42;
margin-bottom:32px;
align-items:center;
}

.nav_item{
color:#ffffff;
text-decoration:none;
margin-right:32px;


}

.nav_item:hover{
transform: scale(1.1);
transition-duration:200ms;
}

.nav_item a{
color:#ffffff;
text-decoration:none;
border-bottom:1px solid #d6a419;
}

h2, h4{
font-weight:200;

}

td:hover{
background-color:#cbdbff;
}

h3{
font-weight:200;
border-bottom: 1px solid #d6a419;
}

.main_container{
padding:8px;

}

.wrapper{
display:flex;
flex-wrap:wrap;
gap:16px;
margin-bottom:32px;
}

.app_section{
padding:8px;
box-shadow:0px 10px 30px #0000003d;
}

table{
border-collapse:collapse;
text-align:center;
width:100%;
table-layout:fixed;
}

.idea_row{
margin-bottom:16px;
word-wrap:break-word;
}

strong{
font-weight:500;
}

th{
color:#ffffff;
background-color: #001f42;
font-weight:300;
padding:8px 16px;
}

td{
padding:8px 16px;
}

.add_form{
padding:8px;
margin-bottom:16px;
border-bottom:1px solid #d6a419;
}

.table_div{
overflow-y:scroll;
overflow-x:scroll;
max-height:480px;
}



textarea{
font-family: Raleway;
border: 1px solid #001f42;
border-radius:4px;
}

.activeCell{
border: 2px solid #001f42;
}

.popup{
position:absolute;
left:50%;
top:100px;
padding:16px;
border-radius:4px;
z-index:10;
background-color: #cbdbff;
transform: translateX(-50%);
box-shadow:0px 10px 30px #0000003d;
}

.reqItem{
font-size:0.875rem;
padding:8px;

border-radius:4px;
box-shadow: 0px 10px 30px #0000003d;
}

.reqItem_row{
margin-bottom:8px;
}

.reqitem_header{
margin-bottom:8px;
border-bottom:1px solid #d6a419;
}

.comment_item{
padding:8px; 
box-shadow: 0px 10px 30px #0000003d;
margin-bottom:8px;
}
.comment_item_header{
margin-bottom:16px;
border-bottom:1px solid #d6a419;
font-size: 0.875rem;
}

.comments_list{
max-height:640px;
overflow-y:scroll;
padding-bottom:64px;
}

.add_new_comment{
padding-top:16px;
}
.notif_item{
padding:8px;
box-shadow:0px 10px 30px #0000003d;
}
.notif_content{
padding-bottom:8px;
border-bottom: 1px solid #d6a419;
}

.notif_btn{
margin-top:8px;
}

.notification_list{
max-height:640px;
overflow-y:scroll;
}

.okr_period_list{
display:flex;
border-top:1px solid #d6a419;

}

.okr_period_item{
padding:8px;
box-shadow: 0px 10px 30px #0000003d;
}

.okr_period_item_header{
text-align:center;
padding:8px;
border-bottom:1px solid #d6a419;
}

.assigned_people_wrapper{
display:flex;
}

.assigned_people_item{
padding:8px;
box-shadow:0px 10px 30px #0000003d;
}

.app_section a{
color:#001f42;
text-decoration:none;
}