/*
 * @(#) custom.css Algem Web App 1.6.1 30/04/17
 *
 * Copyright (c) 2015-2017 Musiques Tangentes. All Rights Reserved.
 *
 * This file is part of Algem Web App.
 * Algem Web App is free software: you can redistribute it and/or modify it
 * under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Algem Web App 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 Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with Algem Web App. If not, see <http://www.gnu.org/licenses/>.
*/
/*
    Created on : 1.6.0 11/02/17
    Author     : <a href="mailto:jmg@musiques-tangentes.asso.fr">Jean-Marc Gobat</a>
    Version    : 1.6.0
*/
/*Personnalisation GRAY THEME*/

body {
  background-color: #444;
  color: white;
}
.main-text-color {color: #444;}
.global {
  color: #444;
  background-color: white;
}
.header-top{
  background-color: #444;
  background: linear-gradient(to bottom, rgba(68,68,68,1) 0%,rgba(102,102,102,1) 100%);
}
header nav select, #datepicker {color: #444;}

header nav #previous, header nav #next {color: white;}
footer, #bottom-menu {
  background-color: #444;
  box-shadow: 0px -1px 1px 0px #444;
  background: linear-gradient(to bottom, rgba(102,102,102,1) 0%, rgba(68,68,68,1) 100%);
}

h1 {color: #eee;}

h2, h3, h4, h5, h6, h7, fieldset > legend {color: #444;}
#follow-up-form fieldset div > legend {color: #444}
h2, h3, h4, fieldset > legend {border-color: #444;}
ul.disc{list-style-image: url('../img/puce-gray.png');}
a:link,a:visited, a:active, a:hover,
.pure-menu, .pure-menu-heading, #menu
{
  color: #444;
}
.closing-bar {background-color: #444;}

a:link,a:visited, a:active {border-bottom-color: #aaa;}
a:hover {border-bottom-color: #222;}

footer a:link,footer a:visited,footer a:active,footer a:hover {color: #FFF;}

#bars {color: #aaa}
#menu {background: #555;}
#bottom-menu {
  color: white;
  background-color: #444;
}
#bottom-menu a:link, #bottom-menu a:visited, #bottom-menu a:hover, #bottom-menu a:active
{color: white;border-color:white}
#bottom-menu a:hover {background-color: white;color: #444;}
.pure-menu-link:hover {
  color: #eee;
  background-color: #444;
}

#help-panel, #info-panel, #login-panel, .side-panel {
  background-color: #eee;
  color: #444;
}

.title_col {background-color: #555;}
.title_col:hover {background:ivory;color:#444}
.doc-ref {color: #888}
.doc-ref:hover {color: #444}

i[class="fa fa-bars"]:hover{color:#222;text-shadow: rgba(255, 255, 255, 0.5) -1px -1px 10px,  rgba(0, 0, 0, 0.2) 1px 1px 5px;}
i[class*="fa-"]:not([class*="fa-bars"]):hover{color: #ddd;text-shadow:rgba(0, 0, 0, 0.5)  -1px -1px 10px,  rgba(255, 255, 255, 0.1) 1px 1px 5px;}
#datepicker {box-shadow: inset 0px 0px 1px 0px #444;}
#datepicker:hover {box-shadow: 0px 0px 3px 1px #eee;}
.week-date {box-shadow: 0px 0px 3px 1px #eee;}
.week-date:hover {box-shadow: inset 0px 0px 1px 0px #444;}

#accordion h3.ui-state-active {
  background: #444;
  background: linear-gradient(to bottom, rgba(68,68,68,1) 0%,rgba(102,102,102,1) 100%);
  box-shadow: 0px 2px 2px 0px #656565;
}
#accordion .ui-widget-content a {color: #444;}
.ui-widget {font-size: 1em;}
.ui-widget .ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {font-size: 0.95em;/* orig = 1em */}
.ui-datepicker {width: 20em}
.ui-datepicker-calendar td > a {height:2em}
.ui-widget-content {background: #fff;color:#444}
.ui-dialog-titlebar {
  background: #444;
  background: linear-gradient(to bottom, rgba(68,68,68,1) 0%,rgba(102,102,102,1) 100%);
  box-shadow: 0px 2px 2px 0px #656565;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_666666_256x240.png");
}