/***************************************************************************************************************/
/* AkwaFramework
/* 2017 Jean de La Taille
/* theme.css general theme and graphic user interface
/***************************************************************************************************************/

* {
  font-family: 'Lato', sans-serif !important;
}

.template {
  display: none;
}

/* Button styles */
button, input[type=submit], input[type=button] {
  border: none;
  color : white;
  background: #3996ce;
  opacity: 0.9;
  cursor: pointer;
  border-radius: 2mm;
}
button:hover, input[type=submit]:hover, input[type=button]:hover {
  opacity: 1;
}
select {
  /*border: 0px solid black; !important;*/
  background: white;
}

/* Links styles */
a, .link {
  cursor: pointer;
}
a:hover, .link:hover {
  text-shadow: 0px 0px 2px gray;
  transition: text-shadow 0.2s;
}
.disabled {
  opacity: 0.5;
}

/* Colors */
.TAblue {
  color : white;
  background: #3996ce;
}  
.TAblack {
  color: white;
  background: black;
}
.TAgreen {
  background: #87e380;
}  
.TAorange {
  background: #ff9f71;
}
.TAred {
  background: #ff6060;
}

.fontWhite {
  color: white;
}

.nospace::before {
  font-size: 0;
}
.nospace::after {
  font-size: 0;
}

/* Décoration */
.shadow {
  box-shadow: 0 0 5px gray;
}

.framed {
  border: 1px solid #3996ce;
}

.zoom {
  transition: transform 0.2s; 
}
.zoom:hover {
  transform: scale(1.1, 1.1);
  transition: transform 0.2s; 
}

.highlight {
  opacity: 0.8;
  border-radius: 10px;
  border: 5px solid transparent;
  transition: box-shadow 0.2s, opacity 0.2s, transform 0.2s; 
}
.highlight:hover {
  opacity: 1;
  box-shadow: 0 0 10px #cccccc; /*#3996ce;*/
  /*border: 5px solid #3996ce;*/
  transition: box-shadow 0.2s, opacity 0.2s, transform 0.2s; 
}

.pointer {
  cursor: pointer;
}

/****************************************************************/
/* Specific Tasks styles */

.bottomMargin {
  margin-bottom: 1mm;
}

/* input styles */
input.taskInput, select.taskInput {
   font-weight: bold; 
   padding: 0.5mm;
   border: 1px solid #3996ce;
   margin: 0;
}
select.taskInput {
   margin-left: -2mm;
}

input[readonly].taskInput, select[disabled].taskInput {
  border: 1px solid #ffffff;
  color: black;
}

/* Border colors */
.redBorder {
  border-left: 4mm solid #ff2424;
}
.orangeBorder {
  border-left: 4mm solid #ff9f71;
}
.greenBorder {
  border-left: 4mm solid #87e380;
}

.separator {
  position: relative;
  top: 4mm;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-image: linear-gradient(to right, white, #3996ce, white ) 1 1;
}