/* put below your custom css code for VikHelpdesk */

.vhd-alldoc-block {
	/* used to align all the doc boxes */
	min-height: 250px;
}

.vhd-docsrc-content-description pre {
	margin-top: 10px;
}

/* DOCUMENTATIONS */
.fields-list {
	padding: 10px 25px;
	/*border-top: 1px dashed #aaa;*/
	/*border-bottom: 1px dashed #aaa;*/
	/*margin-bottom: 20px;*/
	/*margin-top: 20px;*/
	width: 98%;
}
.fields-list li {
	margin-bottom: 10px;
}

.field-param {
	background: rgba(240, 247, 255, 0.94);
	border: 1px solid #c3c4c6;
	padding: 2px 6px 2px 6px;
	border-radius: 2px;
	font-weight: normal;
	font-family: courier;
	font-size: 14px;
}

.field-param.error {
	background: rgba(255, 97, 78, 0.94);
	color:  #fff;
}

.fields-list.no-bounds {
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

.params-table {
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 19px;
	border: 1px solid #ddd;
	width: 100%;
	margin-right: 0;
	border-collapse: collapse;
}
.params-table th {
	text-align: center;
}
.params-table th, .params-table td {
	font-family: courier;
	padding-right: 20px;
	padding: 4px 8px;
	border: 1px solid #ddd; 
	vertical-align: top;
}
.params-box-grey {
	background:#eee;
	border:1px solid #ddd;
	padding:15px;
	margin:4px 0;
}
.greentitle {
	color:#990000;
}
.bluetitle {
	color:#2583d1;
}
.vhd-docsrc-main i.fa,
.vhd-docsrc-main i.far,
.vhd-docsrc-main i.fas,
.vhd-docsrc-main i.fab,
.vhd-kbase-child-block i.fa,
.vhd-kbase-child-block i.far,
.vhd-kbase-child-block i.fas,
.vhd-kbase-child-block i.fab {
	color: #3071a9;
	margin: 0 3px;
	font-size: 16px;
	vertical-align: middle;
}

/* DOC METADATA */
.doc-md {
	font-weight: bold;
	color: #E5886A;
	width: 80px;
}
.doc-md-type {
	width: 80px;
}
.doc-md-arg {
	width: 100px;
}
.doc-md-arg-xs {
	width: 50px;
}
.doc-md-arg-xm {
	width: 65px;
}
.doc-md-arg-xl {
	width: 150px;
}
.doc-md-arg-xxl {
	width: 200px;
}
.doc-md-arg-xxxl {
	width: 250px;
}
.doc-md-text {

}

span[class^="doc-md"] {
	display: inline-block;
}
.vhd-kbase-levels-block-name {
	font-weight: bold;
}

/* BADGES */
.doc-badge {
	padding: 3px 10px;
	margin-right: 5px;
	background-color: #777;
	color: #fff;
	border-radius: 3px;
}
.doc-badge.danger {
	background-color: #b3403d;
}
.doc-badge.info {
	background-color: #2e678a;
}
.doc-badge.warning {
	background-color: #d48f39;
}
.doc-badge.j25 {
	background-color: #676497;
}
.doc-badge.j3x {
	background-color: #cc9a24;
}

.nbattention {
	border: 2px dashed #d80000;
    padding: 15px;
}

.vhd-docsrc-page img {
	box-shadow: 0 0 20px rgba(0,0,0,.15);
}
.vhd-docsrc-title h1 {
	text-align: center;
	font-size: 2.6em;
	font-weight: 900;
	text-transform: uppercase;
}

.list-point-cnt > li {
    list-style-type: none;
    margin: 10px 0;
	border-bottom: 2px dashed #eee;
}
.list-point-cnt > li:last-child {
	border: 0;
}
.list-point {
    display: inline-block;
    background: #4b92b4;
    color: #fff;
    padding: 4px 10px;
    border-radius: 2px;
    font-size: 24px;
    margin-right: 5px;
    font-weight: bold;
    border: 2px dashed #4b92b4;
}

.important-message {
	padding: 15px;
	border: 2px solid #cc0000;
	background: #f2f2f2;
}

.vhd-docsrc-page video {
	max-width: 100%;
	margin: 10px 0;
}

.vhd-docsrc-main dd {
	margin: 0 1.5em 1.5em;
}
.vhd-docsrc-main dd p {
	margin: 0;
}

/* WP Hook Head */
.vhd-kbase-child-content h2.hook {
	font-size: 18px;
	color: #24831d !important;
	font-family: monospace;
	line-height: 26px;
	margin-top: 0;
}
.vhd-kbase-child-content h2.hook .hook-func {
	color: #888888;
}
.vhd-kbase-child-content h2.hook .arg-type {
	color: #cd2f23;
	font-style: italic;
}
.vhd-kbase-child-content h2.hook .arg-name {
	color: #0f55c8;
}
.vhd-kbase-child-content dd {
	margin: 0 1.5em 1.5em;
}
.vhd-kbase-child-content dd p {
	margin: 0;
}
/* WP Hook Changelog */
table.changelog {
	border: 1px solid #f0f0f0;
	width: 100%;
}
table.changelog th {
	padding: 1em;
	border-bottom: 1px solid #f0f0f0;
	background: #f0f0f0;
}
table.changelog th.changelog-version {
	width: 10%;
}
table.changelog th.changelog-desc {
	width: 90%;
}
table.changelog td {
	padding: 0.8em 1em;
	border: 1px solid #f0f0f0;
	vertical-align: top;
}
.vhd-kbase-levels-block-image {
	min-height: 128px;
}
.vhd-kbase-levels-block-image i {
	font-size: 64px;
	line-height: 128px;
}

video {
	max-width: 100%;
}

.vhd-kbase-levels-block-image img {
    max-width: 128px;
}