/*!
* Copyright 2020 - 2021, Lefoka https://www.lefoka.co.za
* 04 April 2021 (Last modified) */
html, body, div, span, h1, h2, p, img, label, a, button, ul, ol {
    margin:0; padding:0;
	font-size:100%; font-weight:normal;
    border:0;
    vertical-align:baseline;
    background:transparent;}

ul {
	list-style: none;}

body {
    line-height:1;}

* {
	outline:none!important;
	box-sizing:border-box;}

*:focus:not(textarea) {
	outline:1px dashed #000!important; outline-offset:3px;}



/* Global */
::selection, ::-moz-selection {
  background:#f4f4f4;}

@font-face {
	font-family:"lefoka-live-font";
	src: url("../font/lefoka-light.eot");
	src: url("../font/lefoka-light.eot?#iefix") format("embedded-opentype"),
    url("../font/lefoka-light.svg") format("svg"),
    url("../font/lefoka-light.ttf") format("truetype"),
    url("../font/lefoka-light.woff") format("woff"),
    url("../font/lefoka-light.woff2") format("woff2");
	font-weight:300;}

@font-face {
	font-family:"lefoka-live-font";
	src: url("../font/lefoka-semi.eot");
	src: url("../font/lefoka-semi.eot?#iefix") format("embedded-opentype"),
    url("../font/lefoka-semi.svg") format("svg"),
    url("../font/lefoka-semi.ttf") format("truetype"),
    url("../font/lefoka-semi.woff") format("woff"),
    url("../font/lefoka-semi.woff2") format("woff2");
	font-weight:600;}

body {
	font-family:'lefoka-live-font', sans-serif; font-weight:300;
	color:#686868;}

h1 {
	font-size:30px; font-weight:600;
	line-height:40px;
	color:#000;}

h2 {
	font-size:20px; font-weight:600;
	color:#000;}

div, p, li {
	font-size:14px;
	font-weight:300;}

.mt-10 {
	margin-top:10px;}

.mt-20 {
	margin-top:20px;}

.mt-30 {
	margin-top:30px;}

.mt-40 {
	margin-top:40px;}

.mt-70 {
	margin-top:70px;}

.mb-70 {
	margin-bottom:70px;}

.mb-30 {
	margin-bottom:30px;}

.mb-40 {
	margin-bottom:40px;}

.ml-30 {
	margin-left:30px;}

.mr-30 {
	margin-right:30px;}

.mx-80 {
	margin:0 80px;}

.p-20 {
	padding:20px;}

.p-40 {
	padding:40px;}

.cnt {
	margin:0 auto; padding:0 70px;
	width:1440px;}

articleX {
	margin:0 auto;
	width:720px;}

article b {
	font-weight:600;}

article a {
	color:#000;
	cursor:pointer;
	font-family:'lefoka-live-font', sans-serif; font-weight:300;
	text-decoration:none;}

article a:hover {
	color:#686868;}

article a:focus {
	color:#686868;
	text-decoration:underline;}

article a[target="_blank"]:not(.btn-border):after {
	margin:0 3px 0 4px;
	position:relative;
	top:3.4px;
	content:'';
	width:10px; height:13px;
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMC41IDIwLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwLjUgMjAuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzdFQkUwMDtzdHJva2Utd2lkdGg6Mi41O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9DQo8L3N0eWxlPg0KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iNS40LDEuMiAxLjIsMS4yIDEuMiwxOS4zIDE5LjIsMTkuMyAxOS4yLDE1LjUgIi8+DQo8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSI2LjMsMTQuMiAxOS4yLDEuMiA5LjksMS4yIDE5LjIsMS4yIDE5LjIsMTAuMyAiLz4NCjwvc3ZnPg0K"); background-repeat:no-repeat;
	display:inline-block;}

.jc {
	justify-content:center;}

.fc {
	align-items:center;}

.fs {
	align-items:stretch;}

.f-1 {
	flex:1;}

.fb-400 {
	flex-basis:400px;}

.d-flex {
	flex-wrap:wrap;
	display:flex;}

.link {
	color:#000;
	cursor:pointer;
	font-family:'lefoka-live-font', sans-serif; font-weight:300;
	text-decoration:none;}

.link:hover {
	color:#686868;}

.link:focus {
	color:#686868;
	text-decoration:underline;}

.bold {
	font-weight:600;}

.w-100 {
	width:100%!important;}

.w-auto {
	width:auto!important; min-width:auto!important; max-width:auto!important;}

.f-10 {
	font-size:10px;}

.l-30 {
	line-height:30px;}

.t-center {
	text-align:center;}

.c-white {
	color:#fff;}

.c-blue {
	color:#000;}

.hr {
	border-top: 0.2px solid #eee;}

.btn-border {
	padding:10px 20px;
	line-height:20px;
	font-family:'lefoka-live-font', sans-serif; font-weight:300; font-size:14px;
	text-decoration:none;
	color:#686868;
	cursor:pointer;
	transition:all .1s linear;
	border:1px solid #686868; border-radius:50px;
	display:inline-block;}

.btn-border:hover {
	color:#fff;
	border-color:#000;
	background:#000;}

.btn-border:focus {
	font-weight:600!important;}

.outbound-link:after {
	margin:0 3px 0 4px;
	position:relative;
	top:3.4px;
	content:'';
	width:10px; height:13px;
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4zLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMC41IDIwLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwLjUgMjAuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6Mi41O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9DQo8L3N0eWxlPg0KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iNS40LDEuMiAxLjIsMS4yIDEuMiwxOS4zIDE5LjIsMTkuMyAxOS4yLDE1LjUgIi8+DQo8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSI2LjMsMTQuMiAxOS4yLDEuMiA5LjksMS4yIDE5LjIsMS4yIDE5LjIsMTAuMyAiLz4NCjwvc3ZnPg0K"); background-repeat:no-repeat;
	display:inline-block;}

.border {
	border:1px solid #eee;}

.border-radius {
	border-radius:4px;}

.d-block {
	display:block;}

.bg-black {
	background:#000;}



/* Alert */
.alert {
	position:fixed; top:0;
	z-index:999;
	width:100%; height:100vh;
	overflow:auto; overflow-x:hidden;
	background:rgba(000,000,000,.5);}

.alert > div {
	position:relative;
	margin:20px;
	width:500px;
	border-radius:4px;
	background:#fff;}

.alert .inline-2 {
	padding:10px;
	border-radius:4px 4px 0 0;}

.alert .inline-2 h2 {
	color:#fff;}

.alert .f-10 {
	font-size:12px;}

.alert-redirect {
	padding:60px;}
	
.alert .end img {
	filter:invert(1);}

/* Input */
.form input:not([type=radio]) {
	margin-top:5px; padding:6px; 
	width:100%; min-width:100%; max-width:100%;
	color:#686868;
	font-family:'lefoka-live-font', sans-serif; font-size:13px; font-weight:300;
	border:1px solid #d4d4d4; border-radius:0;
	background:transparent;}

.form input:not([type=radio]):focus {
	border-bottom-color:#000;}

.form input[type=number] {
	-moz-appearance:textfield;}




/* Vertical menu */
.menu {
	padding:0 70px;
	z-index:2;
	align-items:center;
	display:flex;
	border-bottom:1px solid #eee;
	background:#fff;}

.menu img {
	vertical-align:middle;}

.logo {
	font-size:12px;
	text-decoration:none;}

.logo-extended-main {
	color:#fff;
	line-height:1;}

.logo-extended {
	margin-left:10px;}

.nav {
	margin-right:auto;
	align-items:center;}

.nav-links .d-flex {
	grid-gap:20px;}

.nav-links a, .nav-links button {
	padding:25px 8px;
	color:#686868;
	font-size:12px; font-weight:300;
	text-decoration:none;
	display:inline-block;}

.nav-links a:hover, .nav-links button:hover {
	color:#000;}

.nav-links a.active-link {
	color:#000;
	border-bottom:2px solid #000;}

.nav-pop > a:not(.btn-border), .nav-pop button:not(.close-aside-assist, .signout) {
	margin-left:10px;
	width:44px; height:44px;
	cursor:pointer;}

.nav-pop > .btn-border {
	color:#fff;
	border-color:#000;
	background:#000;}

.nav-pop > .btn-border.outbound-link:after {
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4zLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMC41IDIwLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwLjUgMjAuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6I2ZmZmZmZjtzdHJva2Utd2lkdGg6Mi41O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9DQo8L3N0eWxlPg0KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iNS40LDEuMiAxLjIsMS4yIDEuMiwxOS4zIDE5LjIsMTkuMyAxOS4yLDE1LjUgIi8+DQo8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSI2LjMsMTQuMiAxOS4yLDEuMiA5LjksMS4yIDE5LjIsMS4yIDE5LjIsMTAuMyAiLz4NCjwvc3ZnPg0K");}

.menu-mobile-s, .menu-mobile-s-close {
	display:none;}

.menu-mobile {
	position:absolute;
	top:63.3px; right:0;
	z-index:12;
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	border-bottom:1px solid #eee;
	display:none;
	background:#fff;}

.menu-mobile a {
	padding:18px 17.2px;
	color:#686868;
	font-size:12px; font-weight:300;
	text-decoration:none;
	border:1px dashed transparent;
	display:block;}

.menu-mobile a:focus {
	outline:none!important;}

.menu-mobile a:hover, .menu-mobile a:focus {
	border-color:#000;}

.menu-mobile .active-link {
	color:#000;}

.aside-assist {
	position:fixed;
	overflow:auto;
	overflow-x:hidden;
	top:0; right:0;
	z-index:12;
	width:400px; height:100vh;
	box-shadow:0 5px 20px rgba(0,0,0,.08);
	display:none;
	background:#fff;}

.aside-assist .inline-2 {
	padding:10px;}

.aside-assist button {
	cursor:pointer;}

.aside-assist ul {
	padding:0 40px 40px;}

.aside-assist ul li {
	width:49%;
	display:inline-block;}

.aside-assist ul li a {
	display:inline-block;}

.close-aside-assist img {
	filter:invert(1);}

.close-aside-assist:focus {
	outline-color:#fff!important;}

.inline-2 {
	align-items:center;
	flex-wrap:space-between;
	display:flex;}

.inline-2 *:first-child {
	margin-right:auto;}
	
	
/* Bread crumb */
.breadcrumb {
	padding:19px 70px 0;
	width:100%;
	font-size:12px;}

.breadcrumb a {
	font-size:12px;
	text-decoration:none;
	color:#686868;}

	
	
/* Module */
.module {
	position:relative;
	min-height:500px;
	overflow:hidden; 
	background:#eee;}

.module picture img, .module > img {
	margin:auto;
	position:absolute;
	top:0; bottom:0;
	z-index:1;
	width:100%;}

.module-content {
	position:relative;
	z-index:1;
	width:300px;
	background:#fff;}

.module-content img {
	width:100%;}

.products-solutions {
	justify-content:space-between;}

.products-solutions a {
	color:#686868;}

.products-solutions a:hover {
	color:#fff;}



/* FAQ */
.question::after {
	margin-top:-10px;
	position:absolute;
	top:50%; right:25px;
	content:" ";
	width:20px; height:20px;
	float:right;
	transition:transform .2s ease; -webkit-transition:-webkit-transform .5s ease; transition:transform .2s ease, -webkit-transform .2s ease; transition:-webkit-transform .5s ease;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0h4v32h-4z'/%3E%3Cpath d='M0 14h32v4H0z'/%3E%3C/svg%3E");
	display:block;}

.question.active::after {
	transform:rotate(45deg);}

.faq h2 {
	padding-right:60px;
	position:relative;
	cursor:pointer;
	font-size:15px;}



/* Docs */
.docs {
	padding-top:40px;
	width:100%;}

.docs footer.cnt {
	padding:0;
	width:100%;}

.docs code, .code-lines, .change-log code {
	font-family:"Consolas"; font-size:13px;}

.docs-sidebar {
	padding:20px;
	position:sticky; position:-webkit-sticky;
	top:-1px; left:0; 
	width:220px; height:100vh;
	overflow-y:scroll;}

.mode-toggle {
	justify-content:space-between;}

.mode-switch, .docs-sidebar-close {
	padding:5px 10px;
	color:#fff;
	font-size:10px; font-weight:bold;
	background:#000;}

.docs-sidebar-close {
	border-color:#bb0000!important;
	background:#bb0000!important;
	display:none;}

.docs-sidebar-open {
	position:fixed;
	color:#fff!important;
	bottom:125px; right:20px;
	display:none;
	border-color:#ff5722!important;
	background:#ff5722!important;}

.docs-sidebar ul li {
	margin:20px 0;}

.docs-sidebar a {
	font-weight:bold;}

.docs-main {
	margin:0 auto; padding:70px 40px 50px;
	width:calc(100% - 220px);
	box-sizing:border-box;
	max-width:calc(1440px - 200px);}

#introduction, #authentication, #errors, #error-responses, #versioning, #changelog, #balance, #delivery-statuses, #send, #schedule, #edit, #delete, #list, #replies, #webhook, #signature, .heading-anchor {
	margin-top:-30px;
	padding-top:100px;}

.docs-area {
	grid-gap:80px;}

.docs-area > div:first-of-type {
	width:50%;}

.docs-code {
	padding:10px;
	width:calc(50% - 80px);}

.docs-area .code-guide p code, .change-log code {
	padding:2px 4px;
	border:1px solid #ccc; border-radius:3px;
	background:#ececec;}

.docs-code .code-heading {
	padding:10px 15px;
	color:#fff;
	justify-content:space-between;
	border-radius:5px 5px 0 0;
	background:#686868;}

.docs-code .code-heading button {
	padding:4px 7px;
	cursor:pointer;
	font-size:11px; font-weight:bold;
	border-radius:50px;
	background:#fff;}

.docs-code .code-heading button:hover {
	color:#fff;
	background:#000;}

.docs-code .code-overview {
	padding:30px 15px 5px 15px;
	color:#dfdfdb;
	line-height:20px;
	border-radius:0px 0px 5px 5px;
	background:#484848;}

.docs-code .code-overview strong {
	opacity:0.5;}

.code-lines {
	padding-right:20px;
	text-align:right;
	color:#888;
	width:35px;}

.docs-code .code-overview pre {
	margin-top:0; padding:0 0 20px;
	overflow-x:auto; overflow-y:hidden;
	width:calc(100% - 35px);}

.code-overview.code-extended .code-lines {
	width:205px;}
				
.code-overview.code-extended pre {
	width:calc(100% - 205px);}

.docs-code .code-overview pre .mark-yellow {
	color:#e6db74;}

.docs-code .code-overview pre .mark-blue {
	color:#9cdcfe;}

.docs-code .code-overview pre .mark-brass {
	color:#ce9178;}

.docs-code .code-overview pre .mark-green {
	color:#b5cea8;}

.docs-code .code-overview pre .mark-purple {
	color:#da70d6;}

.method {
	cursor:default;}

.method span {
	margin-right:10px;
	font-size:11px; font-weight:bold;
	border-radius:50px;}

.method strong {
	opacity:0.5;}

.method-get {	
	color:#6bdd9a;}

.method-post {	
	color:#ffe47e;}

.method-delete {
	color:#f79a8e;}

.method-patch {
	color:#c0a8e1;}

.disable-select {
	user-select:none; -webkit-user-select:none; -ms-user-select:none;}

.parameters p, .parameters div {
	font-size:12.5px;}

.child-parameters {
	margin-left:20px; padding:20px 0;
	border-color:#eee;}

.child-parameters .parameters {
	padding:0 20px;}

.required-label {
	color:#e13131;
	font-weight:bold;}

.optional-label {
	color:#439292;
	font-weight:bold;}



/* Docs dark mode */
body.dark-mode:not(.feedback *) {
	color:#afafaf;
	background:#1e1e1e;}

body.dark-mode .feedback * {
	color:#dfdfdb;}

body.dark-mode footer > div:first-of-type {
	background:#484848;}

.dark-mode *:focus:not(textarea) {
	outline:1px dashed #fff!important;}

.dark-mode .menu {
	border-color:#464646;
	background:#1e1e1e;}

.dark-mode .logo {
	color:#fff;}

.dark-mode img {
	filter:invert(1);}

.dark-mode .nav-links a {
	color:#fff;}

.dark-mode .nav-links a:hover {
	color:#afafaf;}

.dark-mode .nav-pop > .btn-border, .dark-mode .mode-switch {
	color:#000;
	background:#fff;}

.dark-mode .hr {
	border-color:#464646;}

.dark-mode h1, .dark-mode h2, .dark-mode h4 {
	color:#dcdcdc;}

.dark-mode .link:not(.rfeedback) {
	color:#fff;}

.dark-mode .docs-area .code-guide p code {
	border-color:#4a4a4a;
	background:#373737;}



/* Change log */
.change-log .docs-main {
	padding:70px 0px 50px;
	position:static;
	width:720px;}

.change-log .docs-area > div:first-of-type {
	width:100%;}

.change-log article ul, article ol {
	margin-left:14px;}

.change-log article ul li::before {
	margin-left:-1em;
	content:"\2022";
	width:1em;
	color:#686868;
	font-weight:bold;
	display:inline-block;}



/* Load */
.load {
  position:relative;
  animation:fade 1s infinite;}

@keyframes fade {
	0% {opacity:1;} 50% {opacity:.6;} 100% {opacity:1;}}



/* Footer */
footer > div:first-of-type {
	background:#fafafa;}

footer .link {
	color:#686868;}



/* Queries*/
@media(max-width: 1440px) {
	.cnt {
		width:100%;}}

@media(max-width: 1024px) {
	.mx-80 {
		margin:0;}

	.mb-mobile-30 {
		margin-bottom:30px;}

	.cnt .d-flex, footer .d-flex:not {
		display:block;}

	.module {
		min-height:auto;
		background:none!important;}

	.module-content {
		width:100%;}

	.module-content.p-40 {
		padding:0;}

	.module-content img {
		margin-bottom:20px;}
		
	.products-solutions {
		display:block;}

	.products-solutions > .mr-30 {
		margin-right:0;}
		
	.docs-sidebar-open, .docs-sidebar-close {
		display:block;}

	.docs-sidebar {
		top:0;
		z-index:2;
		display:none;
		background:#131314;}
		
	.docs-sidebar .link {
		color:#fff;}
	
	.docs-main {
		padding:70px 70px 50px;
		width:100%;}}
	

@media (max-width: 768px) {
	.menu {
		padding:9px 20px;}

	.menu-mobile-s {
		display:inline;}

	.logo-extended {
		display:none;}

	.nav .nav-links {
		display:none;}

	.cnt {
		padding:0 20px 50px;}

	article {
		width:100%;}

	article .d-flex {
		text-align:center;
		display:block;}

	article .d-flex div {
		margin-top:20px;}

	.breadcrumb {
		padding:19px 19px 0;}

	.breadcrumb > a {
		display:none;}

	.mb-mobile-30 {
		margin-bottom:30px;}

	footer.cnt {
		padding:0 20px 0;}

	footer .d-flex:last-of-type > a {
		flex:100%;}

	footer .d-flex:last-of-type div {
		margin-top:10px;}

	footer .d-flex:last-of-type div a {
		margin-top:20px;
		display:inline-block;}
		
	.docs-main {
		padding:70px 20px 50px;
		width:100%;}
	
	.docs-area {
		display:block;}
		
	.docs-area > div {
		padding:0;
		width:100%!important;}
		
	.docs-code {
		margin-top:40px;}}

@media(min-width: 768px) {
	.menu-mobile, .menu-mobile-s, .menu-mobile-s-close {
		display:none!important;}}

@media (max-width: 450px) {
	.aside-assist {
		width:100%;}}

@media (max-width: 291px) {
	.products-solutions a {
		margin-right:0;}
		
	.products-solutions a:first-of-type {
		margin-bottom:20px;
		display:block;}}