/*
 * Viva Afrikaans CSS
 * http://efrog.org
 *
 * Copyright 2014, eFrog
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
.mod_viva_afrikaans_results
{
	border: 1px solid #DDDDE4;
	background-color: #FEFEFE;
	border-radius: 8px;
    moz-border-radius: 8px;
    webkit-border-radius: 8px;
    padding: 10px;
}

.mod_viva_afrikaans_search
{
	border-radius: 5px;
    moz-border-radius: 5px;
    webkit-border-radius: 5px;
    /*adjust height and width*/
    height: 25px;
    width: 60px;
    margin: 5px; 
    /*change border colour*/
    /* border:3px #245ec6 outset;*/
    background-color: #2ea0cd;
    color: #ffffff;
    font-weight: bold;
    float: right;
	vertical-align: middle;
	margin: 2px;
}

.accordion-content .viva-button {
	display:inline-block;
	margin-top:5px;
	padding:4px!important;
	text-align:center;
}

.mod_viva_afrikaans_search:hover
{
	 background-color: #2990B8;
}

.mod_viva_afrikaans_search:disabled
{
	 background-color: grey;
}
.viva_result_info
{

}
.viva_result_title
{
	color: blue;
	font-weight: bold;
	font-size: 16px;
}
.viva_results_content
{
	
}
.woordportaal_message
{
	border: 1px solid #DDDDE4;
	background-color: #FF7E7E;
	border-radius: 3px;
    moz-border-radius: 3px;
    webkit-border-radius: 3px;
    padding: 4px;
    color: black;
}


.woordportaal_surround

{
	width: 100%;
	background-color: white;
	color: black;
	height: 160px;
    vertical-align: middle;
	margin-top:20px;
	margin-bottom:50px;
}
.woordportaal_form
{

/*	margin-top: auto;*/
	margin-bottom: auto;
	margin-left: 5px;
	margin-right: 5px;
}

.app_bar {
	margin-top: 10px;
	display:inline-flex;
	display:-ms-inline-flexbox;
/*	width:200px;*/
}

.app_circle { 
   width: 40px;
   height: 40px;
   background: #777777; 
   -moz-border-radius: 50%; 
   -webkit-border-radius: 50%; 
   border-radius: 50%;
   margin-left:50px;
}

.app_circle em {
	font-style: normal;
	padding:10px;
	font-size:20px;
}

.app_circle .fa-apple {
	margin-left:2px;
}

.app_circle img {
	padding:10px;
	width:40px;
	height:40px;
}

.viva_api_search_clear
{
	clear:both;
}
.woordportaal_container .search_icon
{
	/*position: relative!important;*/
	/*right: -412px!important;*/
	/*top: -56px!important;*/
	display: inline-block!important;
	/* width: 32px; */
	cursor: pointer!important;
	line-height: 56px!important;
	float:right;
	margin-top:15px;
	margin-right:10px;
	position:relative;
}

.woordportaal_container .ajax_img
{
	top: -56px!important;
	right: -250px!important;
	
}
#tabbed_layout_container
{
	/*width: 1140px;*/
	word-wrap: break-word;
/*	font-size: 12px; */
}
#tabbed_layout_container .heading2
{
	color: #e14644;
	font-size: 15px;
	font-family: Roboto,"CoreCircus",sans-serif;
	font-weight:bold;
}

#tabbed_layout_container .infoheading
{
	color: #25A9E0;
	font-size: 12px;
	line-height:1.5;
}

#tabbed_layout_container .infoheading.app
{
	font-size:8px!important;
}

#tabbed_layout_container .infoheading a
{
	color: #25A9E0;
	text-decoration: underline;
}

.woorportaal_result
{
	width: 1140px;
	word-wrap: break-word;
	font-size: 14px;
}
.woordportaal_result .headword_t
{
	color: #black;
	font-weight: bold;
	font-size: 16px;
}
.woordportaal_result .headword
{
	color: #25aae1;
	font-weight: bold;
	font-size: 16px;
}
.woordportaal_result .heading
{
	color: #fdb03a;
	font-weight: bold;
	text-decoration: underline;
	font-size: 18px;
}
.woordportaal_result .heading2
{
	color: #e14644;
	font-size: 15px;
	font-family: Roboto,"CoreCircus",sans-serif;
	font-weight:bold;
}
.woordportaal_result .headword2
{
	/*font-family: 'CoreCircus', sans-serif;*/
	color: #25aae1;
	font-weight: bold;
	width: 1140px;
	font-size: 27px;
	
	height: 28px;
	line-height: 28px;
	padding-left: 1px;
}

.soort-p {
	margin: 0;
}

.soort-p span {
	display: block;
	width: 100%;
	border-bottom: 2px solid #e4e4e4;
	font-size: 17px;
	font-weight: bold;
	padding: 10px 0 12px 5px;
	margin: 0;
	cursor: pointer;
}


.soort-p span:hover {
	background-color: #ca3f3d;
	color: #fff;
	border-color: #ffffff;
}
.soortgelyk.active_word {
 	background: #df4543 url('../images/viva-soek-word-arrowwhite.jpg') no-repeat left 10px center;
 	padding-left: 35px !important;
 	color: #ffffff;
 	border-color: #ffffff;
}
.soortgelyk.active_word:hover {
 	background: #df4543 url('../images/viva-soek-word-arrowwhite.jpg') no-repeat left 10px center !important;
 	padding-left: 35px !important;
 	color: #ffffff;
 	border-color: #ffffff;
}

.searched-woord {
	color: #fff;
	background-color: #ef14644 !important;
	background-image: url('../images/arrow_closed.png');
}

.woordportaal_result .soortgelyk
{
	font-weight: bold;
	cursor: pointer;
}

.woordportaal-result .soortgelyk:hover
{
	color: blue;
}
.woordportaal_result .sub_heading
{
	color: #e14644;
}
#viva_squeezebox
{
	padding-left: 0.5em;
}

#viva_squeezebox .title
{
	font-style: bold;
	color: blue;
}

#viva_squeezebox .content
{

}

#viva_squeezebox_content a
{
	background-color: #2ea0cd;
	color: white;
	font-style: bold;
	border: 2px outset grey;
	border-radius: 3px;
    moz-border-radius: 3px;
    webkit-border-radius: 3px;
}

#viva_squeezebox_content a:hover
{
	background-color: #2990B8 !important;
}
#ctext_lex_Title.wp-accordion-closed, #ctext_lex_Title.wp-accordion-closed {
	cursor: default !important;
	background: #e14644 url('../images/viva-result-minus.jpg') no-repeat left 15px center !important;
	color: #ffffff !important;
}
.woordportaal-rt
{
	color: #000000;
	font-weight: normal;
	padding-left: 50px !important;
	height: 60px;
	line-height: 28px;
	padding-right: 40px;
	font-size: 12px;
	font-family: Roboto,"CoreCircus",sans-serif;
	cursor: pointer;
	border-top: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	margin-top: -1px !important;
	
}

.woordportaal-rt .desc
{
	width: 300px;
	float: left;
	padding-top: 15px;
}
.woordportaal-rt .url
{
	width: 200px;
	float: left;
	padding-top: 15px;
}
.woordportaal-rt .url
{
	padding-right: 2px;
}

.woordportaal-rt a
{
	text-decoration: none;
	color: white;
	font-style: italic;
	font-weight: bold;
	
}
.woordportaal-rt img
{
	float: right;
	margin-top: 1px;
}
.woordportaal-rc
{
	display: none;
	color: black;
	overflow: auto;
	word-wrap: normal;
	padding-left: 25px;
}

.woordportaal-suggest
{
	font-size: 15px;
	font-weight: bold;
}

.woordportaal-suggest .active
{
	cursor: pointer;
}
.woordportaal-suggest .active:hover
{
	color: blue;
}
/* LOADING SCREEN */
.loader-container-main {
	position: fixed;
	top: 0;
	left: 0;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.loader-container-main img {
	margin-top: 10%;

}
.viva-register-modal {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.8);
	z-index: 999999;
}
.vr-inner-container {
	position: relative;
	background: #fbf9ea url('../images/viva_registreer_boodskap.jpg') no-repeat top left;
	width: 811px;
	height: 430px;
	margin: 10% auto;
}
.vr-inner-container .exit-icon {
	position: absolute;
	background: url('../images/viva-reg-exitbtn.jpg');
	top: 15px;
	right: 15px;
	height: 45px;
	width: 45px;
	display: block;
	cursor: pointer;
}
.data-list p {
	border-bottom: 2px solid #e4e4e4;
	font-size: 17px;
	font-weight: bold;
	padding: 10px 0 12px 5px;
	margin: 0;
	cursor: pointer;
	color: #000000;
}
.data-list p:hover {
	background: #ca3f3d;
	color: #ffffff;
	border-color: #ffffff;
}
.data-headword
{
	background: #ca3f3d;
	color: #ffffff;
	border-color: #ffffff;
}
#browse_controls {
	padding: 20px;
	border-bottom: 2px solid #e4e4e4;
	font-size: 17px;
	font-weight: bold;
	padding: 10px 0 12px 5px;
	margin: 0;
	color: #ca3f3d;
}
#navigation_container {
   	display: table;  
   	margin: 0 auto;	
}
#navigation_container p:hover {	
	cursor: pointer;
	text-decoration: underline;
}
#navigation_container .content-row {
   	display: table-row;
   	margin: 0 auto;   	
}
#navigation_container .content-column {
   	display: table-cell;
   	text-align: center;
   	vertical-align: bottom;
   	padding-left: 20px;
	font-weight: bold;
	width: 100px;
}
#viva_tabbed_layout {
	font-family: Roboto,"CoreCircus",sans-serif;
	font-weight:bold;
	border-bottom: 3px solid #1594c9;
	margin-bottom: 10px;
	text-align: center;
} 
#viva_tabbed_layout > li {
	background-attachment: scroll;
    background-clip: border-box;
    background-color: #25a9e0 !important;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    height: 40px !important;
  /*  letter-spacing: 1px !important;*/
    line-height: 40px !important;
    padding-left: 0;
 /*   padding-right: 15px;*/
    margin-right: 2px;
	margin-bottom: 2px;
	width: 225px;
}
#viva_tabbed_layout > li.active {
	background-color: #1594c9 !important;
    padding-right: 10px;
}
#viva_tabbed_layout > li > a {
	color: #FFF;
}
#viva_tabbed_layout > li > a:hover {
	color: #FFF;
	background: none;
	border: none;
}
#viva_tabbed_layout > li.active > a, ul #viva_tabbed_layout > li.active > a:hover, ul #viva_tabbed_layout > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    background: none;
    border: none;
    color: #FFF;
    cursor: default;
}
#accordion a {
	color: #0075DB;
}
.accordion-container {
	border-top: 1px solid #b3b3b3;	
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
}
.accordion-container-bottom {
	border-bottom: 1px solid #b3b3b3;
}

.accordion-heading {
	color: #000000;
	font-weight: normal;
/*	padding-left: 50px !important;*/
	min-height: 60px;
	line-height: 28px;
/*	padding-right: 40px;*/
	font-size: 14px;
	font-family: Roboto,"CoreCircus",sans-serif;
	cursor: pointer;
	border-bottom: 1px dotted #b3b3b3;
	margin-top: -1px !important;
	padding-top: 15px;	
	width: 100%;
	display:inline-flex;
}
.accordion-temp {
	color: #e14644 !important;
	font-weight: normal;
	height: 60px;
	font-size: 12px;
	font-family: 'Roboto', sans-serif !important;
	padding-left: 10px;
}
.accordion-heading-closed {
	/*background: url('../images/viva-result-plus.png') no-repeat left 15px center;*/
}
.accordion-heading-open {
	/*background:  url('../images/viva-result-minus.png') no-repeat left 15px center;*/
}

.accordion-heading-closed:before {
   font-family: FontAwesome;
   content: "\f054";
   padding-right: 20px;
   padding-left:20px;
   vertical-align: middle;
}

.accordion-heading-open:before {
   font-family: FontAwesome;
   content: "\f078";
   padding-right: 20px;
   padding-left:20px;
   vertical-align: middle;
}

.accordion-content {
	margin: 5px;
	overflow: auto;
	word-wrap: normal;
	padding-left: 25px;
}
.nested-accordion-content {
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	overflow: auto;
	word-wrap: normal;
	padding-left: 25px;
}
.accordion-content-loader {
	background:  url('../images/gif-load.gif') no-repeat center center;
}
.accordion-heading-image {
	height: 50px;
	float: right;
	margin-top: -58px !important;
	margin-right: 30px;
	color: #ffffff;
	/* width: 25%; */
	background-color: #fff !important;;
}

.accordion-content-closed {
	display: none;
}
.accordion-content-open {
	display: block;
}
#autocomplete_list {
	position: absolute;
	height: auto!important;
	max-height: 370px;
	z-index: 999;
	max-width: 480px;
	overflow: auto;	
	width:85%!important;
/*	margin-left:auto;
	margin-right:auto;*/
	text-align:left;
}
#autocomplete_list > ol {
	position: relative;
	z-index: 100;
	background: #fff;
	height: 50px;
	/*border-top: 1px solid #b3b3b3;*/
	/*border-left: 1px solid #b3b3b3;*/
	/*border-right: 1px solid #b3b3b3;*/
	margin-left: -60px;			
}
#autocomplete_list p {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	padding: 10px 0 12px 5px;
	margin: 0;
	cursor: pointer;
	color: #000000;
}
#autocomplete_list p:hover {
	color: #e14644;
}

.hintbox
{
position: relative;
  background: #eaeaea;
  cursor: help;
 /* display: inline-block; */
  text-decoration: none;
  color: #222;
  outline: none;
/*  margin-top:-70px;*/
}

#hintbox1 span {
	bottom:85px;
}

.hintbox span {
  display: none;
  position: absolute; 
  bottom: 100px;
  left: 40%;
  z-index: 999;
  /*width: 230px;*/
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ddd;                     
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  
  border-radius: 4px;  
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
  color:black;
 /* font-size: 8pt;
  font-family: 'CoreCircus', sans-serif!important;*/  
}
.hintbox span:before, .hintbox span:after {
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;  
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;        
  border-bottom: 0; 
  
}
.hintbox span:before {
  border-top-color: #ccc;
  bottom: -8px;
}

.dict .copyr {
	margin-left:30px;
	margin-bottom:10px;
}

.dict.readonly .checkbox-custom-label {
	color : lightgrey!important;
	cursor: default!important;
}

.checkbox-custom-label {
	font-family: Roboto,"CoreCircus",sans-serif;
	font-weight: normal;
	/*font-size: 12px;*/
	color: #2daae1;
}

.checkbox-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label {
    display: inline-flex;
    vertical-align: middle;
 /*   margin: 5px!important;*/
    cursor: pointer;
}

.checkbox-custom-label{
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
  /*  padding: 2px;*/
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
  /*  background: #fdb03a;*/
    color: grey;
}



.checkbox-custom:focus + .checkbox-custom-label {
  outline: 1px solid #ddd; /* focus style */
}

.viva-app #t3-header,.viva-app .accordion-heading-image,.viva-app .woordportaal_surround
 { display:none; }


.viva-app .t3-wrapper {
	padding: 0px!important;
}

.viva-app .article-content {
	padding-top:0px!important;
}

/*ViVa doesn't support audio, so hide these elements*/
#search_results img[onclick*="PlaySound"] {
	display:none;
}