/**
 * @version $Id: template.css 9765 2007-12-30 08:21:02Z ircmaxell $
 * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */





body
{
	background: #fff;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 100.1%;
	padding: 0px;
	text-align: center;
}



body.contentpane {
width : auto;
margin : 10px;
line-height:1.4;
text-align: left;
}

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	text-align:left;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 12px;
	margin: 0;
}

/**
 ** Added css for mod_language to place it on top
 ** It will override the CSS of media/mod_languages/css/template.css
 **
 **/
.left-menu-item{
    width: 60%;
    float: left;
}

.right-menu-item {
    width: 10%;
    float: right;
    position: relative;
    top: 3px;
}
.menu-lang{
    background: none !important;
}

div.lang_switcher ul li a {
   /*padding: 0px 5px 0px 8px !important; */
   padding: 0px 0px 0px 3px !important;
}

/* for other languages */
.lang-non-active a img{
   border: 2px solid #e8921e; 
}

/* for selected languages */
.lang-active a img{
   border: 2px solid #16a085; 
}

div.mod-languages li {
	margin-left: 0px;
	margin-right: 0px;
}

.optionbar a#btnprint,
.optionbar a.define{
    background-position:left bottom !important;    
}

.optionbar a#btnprint:hover,
.optionbar a.define:hover{
    background-position:left bottom !important;
    opacity: 0.7;    
}

a .a2a_svg{
    color: grey !important;
}

div.icons ul.dropdown-menu{
    width: auto !important;
    float: right;
}


div.icons{
    overflow: hidden;
    margin: 2px 0px 5px 0px;
	width:auto;
}


div.icons .dropdown-menu li{
    list-style: none !important;
    float: left !important;
    margin: 0px 0px 0 3px;
}

div.icons .dropdown-menu li.print-icon a:hover img{
    opacity: 0.7;
}
/* datapage api documentation start */
/* doc nav start */
.docs-nav__items ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.docs-nav {
    background: transparent;
    overflow: auto;
    border: solid thin #eaeaea;
    padding: 16px 16px 0 0;    
    background: #f4f4f4;
}
.docs-nav__items {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 24px;
}
.docs-nav__head {
    display: flex;
    position: relative;
    flex-direction: row;
    height: 32px;
}
.docs-nav__icon {
    width: 50px;
}
.docs-nav__method {
    font-weight: 800;
    font-size: 12px;
    line-height: 32px;
    text-transform: uppercase;
    display: block;
}
.pm-method-color-get {
    color: #3eb63e;
}
.docs-nav__name {
    font-size: 16px;
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 32px;
}
.docs-nav__link {
    text-decoration: none;
    color: #7e7e7e;
}
/* doc nav end */
.docs-desc-title__url {
    background: #f4f4f4;
    line-height: 24px;
    border: 1px solid #d4d4d4;
    color: #282828;
    border-radius: 3px;
    font-size: 14px;
    padding: 4px 8px;
    word-break: break-all;
    width: 100%;
}
.pm-method-color-get {
    color: #3eb63e;
}
.docs-request-table {
    border-color: #d4d4d4;
}
.pm-table {
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    border-spacing: 0;
    border-collapse: separate;
    font-size: 14px;
    line-height: 24px;
}
.pm-h1, .pm-h2, .pm-h3, .pm-h4, .pm-h5, .pm-h6 {
    margin: 1.5em 0 0.5em;
}
.docs-desc {
    border-bottom: 1px solid #eaeaea;
}
.docs-desc-body {
    overflow-wrap: break-word;
    word-break: break-word;
    margin: 16px 0;
    font-size: 14px;
    line-height: 1.7;
}
/*
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}
*/
.pm-table>tbody>tr:nth-child(odd) {
    background-color: #fafafa;
}
.pm-table>tbody>tr {
    border: none;
}
.docs-request-table>tbody>tr>td:first-child {
    width: 30%;
}
.docs-request-table>tbody>tr>td {
    overflow-wrap: break-word;
    word-break: break-word;
}
.pm-table>tbody>tr>td {
    min-width: 120px;
    margin: 0;
    padding: 8px;
    border: none;
    vertical-align: top;
}
.docs-body--single-col .docs-example {
    padding-top: 24px;
    padding-bottom: 24px;
}
.docs-example {
    padding: 32px 0;
    background: #303030;
}
.docs-example__snippet-header {
    font-size: 12px;
    color: #7e7e7e;
    margin: 16px 20px 20px 16px;
}
.docs-example__snippet-header::after {
    clear: both;
}
.docs-example__response-title {
    float: right;
    color: #fff;
    text-align: right;
    margin-right: 16px;
    margin-top: 8px;
    max-width: 50%;
    max-width: calc(100% - 120px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.docs-example__response-status {
    float: right;
    color: #fff;
    text-align: right;
    margin-right: 16px;
    margin-top: 8px;
    max-width: 50%;
    max-width: calc(100% - 120px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pm-snippet {
    background: #282828;
    position: relative;
    min-height: 48px;
}
.pm-snippet-body {
    margin: 0;
    background: transparent;
    border-radius: 0;
    overflow: auto;
    font-size: 12px;
    line-height: 20px;
    border: none;
    color: #fff;
}
.pm-snippet-wrap .pm-snippet-body code {
    white-space: pre-wrap;
}
.pm-snippet-body code {
    background: transparent;
    margin: 0;
    padding: 0;
}
pre {
    display: block;
    padding: 8px 16px;
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word;
    color: #282828;
    background-color: #f4f4f4;
    border: 1px solid #a9a9a9;
    border-radius: 3px;
}
.hljs, .hljs-tag, .hljs-subst {
    color: #f8f8f2;
}
.hljs {
    display: block;
    /*overflow-x: auto;*/
    padding: 0.5em;
    background: #23241f;
}
.hljs-string, .hljs-type, .hljs-built_in, .hljs-builtin-name, .hljs-selector-id, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-addition, .hljs-variable, .hljs-template-variable {
    color: #e6db74;
}
pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}
code {
    padding: 2px 4px;
    font-size: 14px;
    color: #282828;
    background-color: #f4f4f4;
    border-radius: 3px;
}
code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}
/* datapage api documentation end */