/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

.docs-alert-success {
    margin: 0.5em 0 0.8em 0;
    padding: 0.5em 1em;
    background-color: #DFF0D8;
    color: #3C763D;
    border-radius: 4px;
}
.docs-alert-success a {
    color: #3d773e;
}

.docs-alert-info {
    margin: 0.5em 0 0.8em 0;
    padding: 0.5em 1em;
    background-color: #D9EDF7;
    color: #31708F;
    border-radius: 4px;
}
.docs-alert-info a {
    color: #387593;
}

.docs-alert-warning {
    margin: 0.5em 0 0.8em 0;
    padding: 0.5em 1em;
    background-color: #FCF8E3;
    color: #8A6D3B;
    border-radius: 4px;
}
.docs-alert-warning a {
    color: #967b4c;
}

.docs-alert-danger {
    margin: 0.5em 0 0.8em 0;
    padding: 0.5em 1em;
    background-color: #F2DEDE;
    color: #A94442;
    border-radius: 4px;
}
.docs-alert-danger a {
    color: #b14556;
}

.docs-alert-success span.title,
.docs-alert-info span.title,
.docs-alert-warning span.title,
.docs-alert-danger span.title {
    font-weight: bold;
}

.kb-article-content img {
  vertical-align: middle;
  max-width: 100%;
  border: 1px solid #eee;
  border-radius: 5px;
  box-shadow: 0 0 10px #efefef;
  margin-top: 0.5em;
  margin-bottom: 0.8em;
}


.kb-article-content code {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #444;
  border-radius: 4px;
  font-family: monospace;
}

.kb-article-content mark {
  padding: 1px 2px;
  font-size: 90%;
  color: #222;
  background-color: #d9edf7;
  border-radius: 4px;
  font-family: monospace;
}

.kb-article-content .tabbed {
	overflow-x: hidden; /* so we could easily hide the radio inputs */
}

.kb-article-content .tabbed [type="radio"] {
	/* hiding the inputs */
	display: none;
}

.kb-article-content .tabs {
	display: flex;
	align-items: stretch;
	list-style: none;
	padding: 0;
	margin-top: 0.4em;
}
.kb-article-content .tab > label {
	display: block;
	padding: 0.5em;
	border: 1px solid #ccc;
	border-radius: 4px 4px 0px 0px ;
	background: #eee;
	color: #666;
	font-weight: 400;
	cursor: pointer;	
	transition: all 0.3s;
}
.kb-article-content .tab:hover label {
	background-color: #fff;
}

.kb-article-content .tab-content {
	display: none;
}

/* As we cannot replace the numbers with variables or calls to element properties, the number of this selector parts is our tab count limit */
.kb-article-content .tabbed [type="radio"]:nth-of-type(1):checked ~ .tabs .tab:nth-of-type(1) label,
.kb-article-content .tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs .tab:nth-of-type(2) label,
.kb-article-content .tabbed [type="radio"]:nth-of-type(3):checked ~ .tabs .tab:nth-of-type(3) label,
.kb-article-content .tabbed [type="radio"]:nth-of-type(4):checked ~ .tabs .tab:nth-of-type(4) label,
.kb-article-content .tabbed [type="radio"]:nth-of-type(5):checked ~ .tabs .tab:nth-of-type(5) label {
	border-bottom-color: #fff;
	border-top-color: #058;
	background: #fff;
	color: #222;
}

.kb-article-content .tabbed [type="radio"]:nth-of-type(1):checked ~ .tab-content:nth-of-type(1),
.kb-article-content .tabbed [type="radio"]:nth-of-type(2):checked ~ .tab-content:nth-of-type(2),
.kb-article-content .tabbed [type="radio"]:nth-of-type(3):checked ~ .tab-content:nth-of-type(3),
.kb-article-content .tabbed [type="radio"]:nth-of-type(4):checked ~ .tab-content:nth-of-type(4) {
	display: block;
}

.providers_row {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
}
.plugin #content {
    display: flex;
    justify-content: center;
}
.footer {
    text-align: center;
}