/*
 * Drakkar-Software OctoBot
 * Copyright (c) Drakkar-Software, All rights reserved.
 *
 * This library is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation; either
 * version 3.0 of the License, or (at your option) any later version.
 *
 * This library 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
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public
 * License along with this library.
 */

html, body{
   height: 100%;
   min-height: 100%;
}

body:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    z-index: -1;

    background-image: url('../img/svg/octobot.svg');

    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity : 0.2;

}

/* Cards */
.card-deck {
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
  align-items: stretch;
}
.card {
  display: block;
  flex-basis: 33.3%;
  .rounded-bottom !important;
}
.medium-size {
  max-width: 18rem;
  min-width: 12rem;
}
.small-size {
  max-width: 18rem;
  min-width: 12rem;
  max-height: 18rem;
  min-height: 14rem;
}
.very-small-size{
  max-width: 3rem;
  min-width: 2rem;
  max-height: 3rem;
  min-height: 2rem;
}

/* elegant-color white-text */

/* Theme */
/* Elegant */
.card,
.card-body,
.card-text,
.select2-selection__choice
{
    background-color: #3E4551 !important;
    font-size: 16px !important;
}

.card,
.card-body,
.card-text,
.select2 li span,
.card-text{
    color: white !important;
}

.card .card,
.card .card .card-body,
.card .card .card-text,
.card .card-deck .card,
.card .card-deck .card .card-body,
 .card .card-deck .card .card-text{
    background-color: #4B515D !important;
}

.card .deck-container-modified {
    background-color: #FF8800 !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.card .card-modified,
.card .card-modified .card-body,
.card .card-modified .card-text,
.card .card-deck .card-modified,
.card .card-deck .card-modified .card-body,
 .card .card-deck .card-modified .card-text{
    background-color: #FF8800 !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.card .card-long,
.card .card-long .card-body,
.card .card-long .card-text,
.card .card-deck .card-long,
.card .card-deck .card-long .card-body,
 .card .card-deck .card-long .card-text{
    background-color: seagreen !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.card .card-short,
.card .card-short .card-body,
.card .card-short .card-text,
.card .card-deck .card-short,
.card .card-deck .card-short .card-body,
 .card .card-deck .card-short .card-text{
    background-color: darkred !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.card a:link {
    color: #33b5e5;
}

.card a:hover {
    color: #42a5f5 !important;
}

.modal-text {
  color: #4B515D;
}
