/*

CONFIDENTIAL, PROPRIETARY AND  COPYRIGHTED MATERIAL
(C) Copyright 2014-2017 À la carte MÉDIA inc. Montréal H4R 2E9
This file contains confidential and proprietary source code and is intended for authorized employees of À la carte MEDIA inc.
Any resulting output or derivative work, including in any compiled or computer-readable form is also (C) À la carte MÉDIA inc.
All rights reserved.

*/

.touch_panel_body{
    width:100%;
    height:100vh;
    background: url("/../images/red_background2.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.touch_panel_row {
    width:100%;
	  height:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    /*
    align-items: center;
    */
}

.touch_panel_cell {
	width:100%;
    /*height:100%;*/
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background-color: white;
    border: 1px solid rgb(152, 155, 158);
}

.touch_panel_instructions
{
  position: absolute;
  display: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 80%;
  font-size: 1.2em;
  color: #525252;
  background-color: white;
  top: 34%;
  padding: 20px;
  background: #f8f8f8;
}