/*
 * Copyright (C) 2019-2020 Eliastik (eliastiksofts.com)
 *
 * This file is part of "SnakeIA".
 *
 * "SnakeIA" is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * "SnakeIA" is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with "SnakeIA".  If not, see <http://www.gnu.org/licenses/>.
 */
@font-face {
  font-family: "Delius";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Delius-Regular'), url("../fonts/delius-regular.ttf") format("truetype"), url("../fonts/delius-regular.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

canvas {
  margin: 8px;
}

canvas:-webkit-full-screen  {
  width: 100%;
  height: 100%;
  margin: 0;
}

html, body {
  height: 100%;
}

body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #ECF0F1;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
}

.principal {
  width: 100%;
  max-width: 95%;
  padding: 5px;
  margin: auto;
}

.menu-buttons {
  width: 100%;
  max-width: 200px;
  margin: auto;
}

.language {
  width: 100%;
  max-width: 350px;
  margin: auto;
}

.verySmall {
  font-size: 75%;
}

#settings, #customSpeedSettings, #numberIASettings, #gameContainer, #updateAvailable, #appUpdateDate, #sameGridDiv, #possibleFailInitGame, #levelContainer, #levelListDownloadPlayer, #levelListDownloadAI, #localstorageDisabled, #serverListContainer, #roomsOnlineListContainer, #errorRoomsList, #roomsOnlineCreation, #errorRoomCreation, #connectingToServer, #roomsOnlineJoin, #errorRoomJoin, #errorServerVersion, #authenticationServer, #enableAIDiv, #parameters, #invalidSeedGrid, #invalidSeedGame, .settingNotAvailable {
  display: none;
}

#formSettings, #updateAvailable {
  width: 100%;
  max-width: 525px;
  margin: auto;
}

#serverList, #infoRoomsCreate, #connectingToServer, #roomsOnlineJoin, #roomsList {
  width: 100%;
  max-width: 400px;
  margin: auto;
}

#levelListDefault, #levelListDownload, #levelDownload, #localstorageDisabled, #authenticationServer, #parameters, #levelBonusShop, #levelsAILevel {
  width: 100%;
  max-width: 450px;
  margin: auto;
}

input {
  text-align: center;
}

.btn {
  border-radius: 0 !important;
}

fieldset {
  margin-bottom: 0 !important;
}

label {
  line-height: 1.75;
}

.custom-checkbox {
  margin-top: 8px;
}

.custom-control.custom-checkbox {
  z-index: auto;
}

small, .small {
  line-height: 1.5;
}

.medium {
  font-size: 89%;
}

.vmiddle a {
  vertical-align: middle;
}

textarea {
  font-family: monospace;
  font-size: 8pt;
  line-height: 16px;
}

.btn-block-85 {
  display: block;
  width: 85%;
}

[aria-label]:after {
  font-family: "Delius" !important;
}

:root {
  --balloon-font-size: 14px;
}

.frame-responsive {
  border: none;
  width: 100%;
}

label[for="darkModeCheckbox"], label[for="highResCheckbox"] {
  font-size: 12pt;
  line-height: 1.5;
}

label.labelSettingsHome {
  font-size: 12pt;
}

#highResCheckboxContainer {
  display: block;
}