/*
 * @(#) custom.css Algem Web App 1.6.2 08/05/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 : 05/12/2015, 10:29:34
    Author     : <a href="mailto:jmg@musiques-tangentes.asso.fr">Jean-Marc Gobat</a>
    Version    : 1.6.2 08/05/17
*/
/*Personnalisation BLUE THEME*/

body {
  background-color: #013D76;
  /* #002fa7 = bleu klein*/
  /*background-color: #002fa7;*/
  color: white;
}
.main-text-color {color: #013D76;}
.global {
  color: #444;
  background-color: white;
}
.header-top{
  background-color: #013D76;
  background: linear-gradient(to bottom, rgba(1,61,118,1) 0%,rgba(2,99,191,1) 100%);
}
header nav select, #datepicker {color: #444;}

header nav #previous, header nav #next {color: white;}
footer, #bottom-menu {
  background-color: #013D76;
  box-shadow: 0px -1px 1px 0px #444;
  background: linear-gradient(to bottom, rgba(2,99,191,1) 0%, rgba(1,61,118,1) 100%);
}

h1 {color: #f5f5f5;}

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

a:link,a:visited, a:active {border-bottom-color: #013D76;}
a:hover {border-bottom-color: #75BAFD;}

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

#bars {color: #aaa}
#menu {background: #0078e7; /*#1E90FF;*/}
#bottom-menu {
  color: white;
  background-color: #013D76;
}
#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: #013D76;}
.pure-menu-link:hover {
  color: #75BAFD;
  background-color: #0078e7;
}

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

.title_col { background-color: #013D76;}
.title_col:hover {background:ivory;color:#222}
.doc-ref:hover {color: #0078e7}

i[class*="fa-"]:hover{text-shadow: rgba(255, 255, 255, 0.1) -1px -1px 10px, rgba(0, 0, 0, 0.8) 1px 1px 10px;}
i[class="fa fa-bars"]:hover{color:#98cbfd;text-shadow: rgba(255, 255, 255, 0.1) -1px -1px 2px, rgba(0, 0, 0, 0.8) 1px 1px 2px;}
i[class="fa fa-chevron-circle-left"]:hover,
i[class="fa fa-chevron-circle-right"]:hover
{text-shadow: rgba(255, 255, 255, 0.1) -1px -1px 6px, rgba(117, 186, 253, 0.8) 1px 1px 6px;}
#datepicker, .week-date {box-shadow: inset 0px 0px 1px 0px #0078e7;}
#datepicker:hover, .week-date:hover {box-shadow: 0px 0px 3px 1px #75BAFD;}
#accordion h3.ui-state-active {
  background: #013D76;
  background: linear-gradient(to bottom, rgba(1,61,118,1) 0%,rgba(2,99,191,1) 100%);
  box-shadow: 0px 2px 2px 0px #656565;
}
#accordion .ui-widget-content a {color: #013D76;}
#accordion .ui-widget-content a.dlg {font-weight: bold}
.ui-widget {font-size: 1em;}
.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-dialog-titlebar {
  background: #013D76;
  background: linear-gradient(to bottom, rgba(1,61,118,1) 0%,rgba(2,99,191,1) 100%);
  box-shadow: 0px 2px 2px 0px #656565;
}

