@font-face {
  font-family: 'Roboto-Medium';
  src:  url('Roboto-Medium.ttf');
}
@font-face {
  font-family: 'Roboto';
  src:  url('Roboto-Regular.ttf');
}
@font-face {
  font-family: 'Roboto-Bold';
  src:  url('Roboto-Bold.ttf');
}

@font-face {
  font-family: 'Roboto-Black';
  src:  url('Roboto-Black.ttf');
}
body{
	background-image:url('../images/bg.svg');
	background-size: cover;
	background-position: center;
	color: #3d566e;
	font-family: Roboto;
}
.start_screen_game_logo{
	background-image:url("../images/main_logo.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center; 
	flex:3 1 auto;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	min-height: 100px;
}
.main_status_game_logo{
	margin-right: 10px;
	flex:0 0 auto;
	background-repeat: no-repeat; 
	background-position-x:center; 
	background-position-y:center;
	width: 60px;
	background-size: contain;
	background-image: url('../images/logo.png'); 
}
.main_color{
	color: #3d566e;
}
.my_message{
	background-color: #3d566e;
}
.main_bg_color{
	background-color: #3d566e;
}

.card_list_card_main_div{
	background-color: white;
}
.card_list_card_main_div_selected{
	background-color: #3d566e;
}

input, select{
	color: #3d566e;
    border: 1px solid #ccc;
    padding: 10px 10px;    
	background-color: #f5f5f5;
    box-shadow: 0 0 5px inset #8885;
	box-sizing: border-box; 
}
.step_active{
	background-image:url('../images/logo_new_object.svg');
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
	height: 21px;
}

#monitor_header .start_screen_game_logo{
	min-height: 90px;
}