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

body{
	width:100%;
	color:#091057;
	font-family: openSans, sans-serif;
	margin:0;
}

tr:hover{
background-color:#dbd3d3;
}

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

.form-row{
	
	margin-bottom:8px;
	
}

input{
	
	padding:8px;
	border-radius:8px;
	
}


.btn{
	padding:8px 16px;
	border-radius:8px;
	background-color:#091057;
	color: #ffffff;
	border: 1px solid #091057;
}

.btn:hover{
	
	transform: scale(1.05);
	transition: transform 0.5s;
}

.main_nav{

margin-bottom:16px;

padding:8px;
width:100%;
}

@media only screen and (min-width: 768px) {

.main_nav{
display:flex;
gap:8px;
}

}

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

.main_nav{
display:block;
padding:8px;

}

.menu_item{
margin-bottom:8px;
}

}


.main_nav a{

text-decoration:none;
color: #091057;

}

.menu_item{
padding: 0px 16px;
}

.menu_item a:hover{

border-bottom:1px solid #ec8305;

}

.main_container{

padding:8px;

}

h2, h3{

padding-bottom:0px;
border-bottom:1px solid #ec8305;
max-width:100%;
text-align:center;
display:inline-block;
}

.no_border_input, .no_border_select{

border:none;
border-bottom:1px solid #dbd3d3;

}

.table_filters{
display:flex;
flex-wrap:wrap;
gap: 16px;
padding:16px;
margin-top:16px;
margin-bottom:16px;
border-bottom:1px solid #024caa;

}

.main_container{

}

table{
border-collapse:collapse;
}

th{

background-color: #091057;
color: #ffffff;
padding:16px 32px;

}

.table_container{
padding:8px;

}

td{
text-align:center;
border-bottom: 1px solid #dbd3d3;
}


.ticket_details, .ticket_logs, .ticket_comments{
padding:16px;
border-right: 1px solid #024caa;
flex:1;
min-width:320px;
}

.flex-row{
margin-top:32px;
flex-wrap:wrap;
display:flex;
gap:8px;
}

.details_row{
margin-bottom:8px;
}

.cell_active:hover{

cursor:pointer;

}

.details_label{
font-weight:bold;
}

.comment_scroller, .log_scroller{

max-height:400px;
min-height:400px;
overflow-y:scroll;

}

.comment_scroller{
border-bottom:1px solid #ec8305;
margin-bottom:8px;
}

.comment_item{
padding:8px;
box-shadow:0px 10px 30px #0000003d;
margin-bottom:16px;
}

.comment_meta{
font-size:12px;
padding-bottom:8px;
border-bottom: 1px solid #ec8305;
}

.comment_content{
margin-top:8px;
}

.new_form{
margin-top:32px;
margin-bottom:32px;
padding:8px;
text-align:center;
box-shadow: 0px 10px 30px #0000003d;
}

.desc_textarea{
color: #091057;
font-family: openSans;
min-width:320px;
max-width:480px;
min-height:320px;
border:1px solid #024caa;
border-radius:8px;
}

.icon_edit{
margin-left:16px;
}

.textarea_small{
width:100%;
height:32px;
border:1px solid #024caa;
border-radius:8px;
font-family: openSans;
color: #091057;
font-size:14px;
}

table{
width:100%;
}

.privileges_tab{
margin-left:32px;
padding:8px;
}

.flex-col{
width:40%;
min-width:320px;
box-shadow:0px 10px 30px #0000003d;
padding:8px;
}

.admin_add_form_main > *{
margin-right:8px;
}

.admin_table{
height:320px;
overflow-y:scroll;
}

.file_item:hover{
cursor:pointer;
}

.file_list{
margin-bottom:16px;
}

.file_row{
display:flex;
gap:8px;
}
/*
#024caa
#ec8305
#dbd3d3
*/