/**
* custom.css file created by Eximium Template
* @package Eximium Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/

/* body background gradient */
.yjsgbody {
	background: rgb(6,69,106); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(6,69,106) 0%, rgb(67,159,209) 61%, rgb(77,224,233) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgb(6,69,106) 0%,rgb(67,159,209) 61%,rgb(77,224,233) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgb(6,69,106) 0%,rgb(67,159,209) 61%,rgb(77,224,233) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06456a', endColorstr='#4de0e9',GradientType=0 ); /* IE6-9 */
}

#centerbottom {
	background-color: white;
	background-image: linear-gradient(transparent 90%, rgba(10,10,10,.05) 90%);
	background-size: 1px 5px;
}

#midblock {
	background-color: rgba(255,255,255,.5);
	border-radius: 25px;
}

/* top panel open/close button */
#yjsg_toppanel_open {
background:#99ff55;
color:#000;
border:1px solid #098594;
}

/* header gradient fill */
#centertop {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbecf9+0,6393c1+100 */
	background: rgb(219,236,249); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(219,236,249,1) 8%, rgba(99,147,193,1) 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(219,236,249,1) 8%,rgba(99,147,193,1) 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(219,236,249,1) 8%,rgba(99,147,193,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbecf9', endColorstr='#6393c1',GradientType=1 ); /* IE6-9 */
}

#header2.yjsgxhtml {
width: 100.00%;
text-align: center;
}

/* Disclaimer text */
#footer div #disclaimer {
    font-size: smaller;
    line-height: 1;
}


/* top panel container */
#yjsg_toppanel_slide {
	background:#99ff55;
	color:#fff;
	border-bottom:1px solid #098594;
	height: 60px;
}

#yjsg_toppanel_slide  .yjsg-panel .panelOpen {
	height: 50px;
}

#yjsg_toppanel .yjsg-panel-open {
    float: right;
}
#yjsg_toppanel .mod-languages {
    float: right;
}

/* top panel container */
.yjsgarticle {
    line-height: normal;
    text-align: justify;
}

/* Tables */
 #loList {
	width: 100%;
	border: 1px solid #06456a;
	border-collapse: collapse;
 }

#loList td {
	padding: 10px;
    text-align: left;	
  }
 
 #tblLearn td {
	padding: 5px;
  }

 #tblLearn col {
	width: 40%;
  }


table#smallTable {
    border-collapse: collapse;
    border-spacing: 0;
	border: 1px solid black;
    width: 100%;
	margin-bottom: 30px;
}

#smallTable th {
    padding-top: 11px;
    padding-bottom: 11px;
    background-color: #4CAF50;
    color: white;
}

#smallTable td, #smallTable th {
    border: 1px solid #ddd;
    text-align: left;
    padding: 8px;
}

#smallTable tr:nth-child(even) {
    background-color: #E0E8F9;
}

#smallTable tr:nth-child(odd) {
    background-color: #FFFFFF;
}

#smallTable td[rowspan] {
    background-color: #FFFFFF;
}

#smallTable tr:hover {
	background-color: #f5f5f5
	}

#smallTable .tdright {
	text-align: right;
}

table, th, td {
    border: medium none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%;
}

/* Articles */
#article-index, .article-index ul {
    float: right;
    margin: 0 0 10px;
    max-width: 500px;
    padding: 15px;
    width: 100%;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    background-color: lightblue;
}

#midblock h2 {
	text-align: left;
}

#midblock h3 {
	font-style: italic;
}

#midblock h4 {
	font-style: oblique;
	font-weight: bold;
}

#midblock h5 {
	font-style: oblique;
	color: #290077;
	font-weight: bold;
}

/* Image Captions */
#pureimgpack {
    display: inline-block;
}

#pureimage {
    border: 5px solid #fff;
    cursor: pointer;
    margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 80%;
    /* position: relative; */
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
}

#pureimgpack #pureimage {
	width: 50%;
    display: inline-block;
    float: left;
    margin-right: 0px;
    margin-left: 0px;
}

#pureimage p{
    text-align: center;
}

#pureimgpack p{
    text-align: center;
}

#pureimage img{
    width: 100%;
}

/* Menus */
ul.defaultmenu li a {
    line-height: 22px;
}

/* Language SVG Flags */
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-bg {
  background-image: url(../flags/4x3/bg.svg);
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(../flags/1x1/bg.svg);
}
.flag-icon-en {
  background-image: url(../flags/4x3/gb.svg);
}
.flag-icon-en.flag-icon-squared {
  background-image: url(../flags/1x1/gb.svg);
}
.flag-icon-gr {
  background-image: url(../flags/4x3/gr.svg);
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(../flags/1x1/gr.svg);
}
.flag-icon-nl {
  background-image: url(../flags/4x3/nl.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(../flags/1x1/nl.svg);
}
.flag-icon-tr {
  background-image: url(../flags/4x3/tr.svg);
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(../flags/1x1/tr.svg);
}
.lang-inline{
  font-size: 1.8em;
}

/* Language flags - align right */
#header3{
  text-align: right;
  margin-top: 1.6vw;
}