/*
Turró i Cutiller Foundation. License notice.
Copyright (C) 2013 Lluis Turró Cutiller <http://www.turro.org/>

This program 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.

This program 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 this program.  If not, see <http://www.gnu.org/licenses/>.
*/
/* 
    Created on : Jan 25, 2016, 8:45:12 AM
    Author     : Lluis Turró Cutiller <lluis@turro.org>
*/
.softenedLink:hover {
  opacity: 0.7;
}
/* Dimmed view */
.dimmed-view .ui.label > a:hover {
  opacity: 1;
}
.dimmed-view .ui.label > a {
  opacity: 0.7;
}
.dimmed-view * {
  font-size: 0.9em !important;
}
/* First body child */
.default-element > .default-body:first-child > *:first-child {
  margin-top: 0px;
}
.rounded {
  -webkit-border-radius: 5px !important;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px !important;
  -moz-background-clip: padding;
  border-radius: 5px !important;
  background-clip: padding-box;
}
.highlightable {
  -webkit-transition: all 0.5s ease !important;
  -moz-transition: all 0.5s ease !important;
  -o-transition: all 0.5s ease !important;
  transition: all 0.5s ease !important;
  background: none !important;
  padding: 15px !important;
}
.highlightable:hover {
  -webkit-transition: all 0.5s ease !important;
  -moz-transition: all 0.5s ease !important;
  -o-transition: all 0.5s ease !important;
  transition: all 0.5s ease !important;
  background-color: #ecedee !important;
}
.linearHighlight {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(-45deg, #ffffff 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -moz-linear-gradient(-45deg, #ffffff 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -o-linear-gradient(-45deg, #ffffff 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.1) 100%);
}
.radialHighlight {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cmFkaWFsR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0b3Atb3BhY2l0eT0iMCIvPjwvcmFkaWFsR3JhZGllbnQ+PHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-radial-gradient(center ,ellipse, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -moz-radial-gradient(center ,ellipse, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-radial-gradient(center ,ellipse, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
}
.softBackground {
  background-color: #f6f7f8 !important;
}
.textShadow {
  text-shadow: 2px 2px 5px rgba(34, 36, 38, 0.15);
}
.darkShadow {
  text-shadow: 2px 2px 5px rgba(34, 36, 38, 0.25);
}
.boxShadow {
  box-shadow: 2px 2px 5px rgba(34, 36, 38, 0.15);
}
.bottomShadow {
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3) !important;
}
.topShadow {
  -webkit-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.3) !important;
}
.leftShadow {
  -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.3) !important;
}
.rightShadow {
  -webkit-box-shadow: -2px 0px 3px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: -2px 0px 3px rgba(0, 0, 0, 0.3) !important;
  box-shadow: -2px 0px 3px rgba(0, 0, 0, 0.3) !important;
}
.topInnerShadow {
  -webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.3) !important;
  box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.3) !important;
}
.bottomInnerShadow {
  -webkit-box-shadow: inset 0px -2px 3px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: inset 0px -2px 3px rgba(0, 0, 0, 0.3) !important;
  box-shadow: inset 0px -2px 3px rgba(0, 0, 0, 0.3) !important;
}
/* Menus */
.ui.menu .ui.dropdown .menu > .item.eltabactive,
.eltabactive {
  font-weight: bold !important;
}
/* BS Modules Attachments */
.documentTree,
.documentTree table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
}
.documentTree td {
  padding: 5px;
}
.docFolder,
.docFile {
  color: #333;
}
.docFolder.docLevel0 {
  font-weight: bold;
}
/* Images */
img {
  max-width: 100%;
}
/* Popup */
a.popup {
  border-bottom: dotted 1px #6b7594;
}
/* Semantic UI Tricks */
.spaced > .ui.label,
.spaced > .ui.button,
.spaced > .ui.image.label,
.spaced > .field {
  margin-bottom: 0.75em !important;
}
.ui.header a:not(:hover) {
  color: inherit;
}
/* Devices */
@media only screen and (min-width: 991px) {
  .blockcomputer {
    display: block !important;
  }
  .inlinecomputer {
    display: inline !important;
  }
  .flexcomputer {
    display: flex !important;
  }
  .tablecellcomputer {
    display: table-cell !important;
  }
  .blockdevice {
    display: none !important;
  }
  .inlinedevice {
    display: none !important;
  }
  .flexdevice {
    display: none !important;
  }
  .tablecelldevice {
    display: none !important;
  }
}
@media only screen and (max-width: 992px) {
  .blockdevice {
    display: block !important;
  }
  .inlinedevice {
    display: inline !important;
  }
  .flexdevice {
    display: flex !important;
  }
  .tablecelldevice {
    display: table-cell !important;
  }
  .blockcomputer {
    display: none !important;
  }
  .inlinecomputer {
    display: none !important;
  }
  .flexcomputer {
    display: none !important;
  }
  .tablecellcomputer {
    display: none !important;
  }
}
/* code */
pre.javacode,
pre.xmlcode,
pre.wikicode,
.elcode {
  color: #444;
  background-color: #fefefe;
  border: solid 1px #eee;
  padding: 5px;
  -webkit-border-radius: 5px !important;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px !important;
  -moz-background-clip: padding;
  border-radius: 5px !important;
  background-clip: padding-box;
  overflow: auto;
}
/* Scale on hover */
.scaleHover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.scaleHover:hover {
  transform: scale(1.1);
}
/* Scroll on hover */
.scrollHover {
  overflow: hidden;
}
.scrollHover:hover {
  overflow: auto;
}
/* Scroll with no scrollbars */
.scrollHidden {
  overflow: auto;
}
.scrollHidden::-webkit-scrollbar {
  display: none;
}
.scrollHidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
/* Show link on hover */
.underlined {
  display: inline-block;
  position: relative;
}
.underlined:before {
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 0px;
  width: 100%;
  height: 1px;
  background-color: #666;
  content: '' !important;
  -webkit-transition: all 0.2s;
  -webkit-backface-visibility: hidden;
  transition: all 0.2s;
  backface-visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.underlined:hover:before {
  background-color: #666;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* Links */
.darkLink {
  color: #666 !important;
  cursor: pointer !important;
}
.darkLink:hover {
  color: #000 !important;
}
/* Typewriter */
code {
  color: #170;
}
tt,
pre {
  color: #333;
}
/* Macro */
code.macro {
  color: #333;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
code.macro i {
  color: #666;
}
code.macro .options {
  color: purple;
}
/* Columns */
.two-columns {
  column-count: 2;
  column-gap: 40px;
  column-rule: 1px solid silver;
  column-width: 360px;
}
.two-columns > h1,
.two-columns > h2 {
  column-span: all;
}
.three-columns {
  column-count: 3;
  column-gap: 40px;
  column-rule: 1px solid silver;
  column-width: 227px;
}
.three-columns > h1,
.three-columns > h2 {
  column-span: all;
}
.four-columns {
  column-count: 4;
  column-gap: 40px;
  column-rule: 1px solid silver;
  column-width: 160px;
}
.four-columns > h1,
.four-columns > h2 {
  column-span: all;
}
/* Gradients */
@keyframes shine {
  0% {
    transform: translateX(-100%) translateY(-100%) rotate(5deg);
  }
  80% {
    transform: translateX(-100%) translateY(-100%) rotate(5deg);
  }
  100% {
    transform: translateX(100%) translateY(100%) rotate(5deg);
  }
}
.shine-gradient {
  overflow: hidden;
}
.shine-gradient:after {
  content: '';
  top: 0;
  transform: translateX(100%) rotate(30deg);
  width: 300%;
  height: 300%;
  position: absolute;
  z-index: 1;
  animation: shine 6s infinite ease-in;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(128, 186, 232, 0) 100%);
}
.shine-gradient.gold {
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%) !important;
}
.shine-gradient.gold:after {
  animation-delay: 3s;
}
/* Mail compliant */
@media only screen and (max-width: 750px) {
  table.col_wiki,
  table.tb_wiki {
    width: 100% !important;
  }
  table.col_wiki tr.col_wiki td.col_wiki,
  table.tb_wiki td.thd_wiki,
  table.tb_wiki td.tbd_wiki,
  .el-stackable {
    display: block !important;
    width: 100% !important;
  }
}
/* Text Colors */
.el-text.black {
  color: #1B1C1D;
}
.el-text.grey {
  color: #767676;
}
.el-text.brown {
  color: #A5673F;
}
.el-text.pink {
  color: #E03997;
}
.el-text.purple {
  color: #A333C8;
}
.el-text.violet {
  color: #6435C9;
}
.el-text.blue {
  color: #2185D0;
}
.el-text.teal {
  color: #10A3A3;
}
.el-text.green {
  color: #1EBC30;
}
.el-text.olive {
  color: #8ABC1E;
}
.el-text.yellow {
  color: #B58105;
}
.el-text.orange {
  color: #F2711C;
}
.el-text.red {
  color: #DB2828;
}