/* General */

h1:first-child {
	padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
}
.container-fluid {
	max-width: 1500px;
}
.relative {
	position: relative;
}
.bg--secondary {
	min-height: 800px;
}
.hamburger-toggle {
	display: none;
}
.back {
	position: relative;
    top: 10px;
}

/* Table */

table th {
	font-size: 14px;
}
table {
  border-collapse: collapse;
}
table td, table th {
  border: 1px solid #e2dfdf;
}
table tr:first-child th {
  border-top: 0;
}
table tr:last-child td {
  border-bottom: 0;
}
table tr td:first-child,
table tr th:first-child {
  border-left: 0;
}
table tr td:last-child,
table tr th:last-child {
  border-right: 0;
}

/* Navs and lists */

ul ul {
	padding-left: 20px;
}

nav .btn {
	margin-top: 8px;
}
.submenu {
	padding-left: 0;
}
.boxed ul {
	list-style: disc;
}
.boxed ol {
	list-style: decimal;
}
.boxed ol, .boxed ul {
	padding-left: 30px;
}
.side-menu {
	width: 262px;
	width: calc(25vw - 30px);
	padding: 20px 0!important; 
	max-height: 90vh;
    overflow: scroll;
}
.side-menu .header {
	padding-left: 30px;
	background-color: #ececec;
}
.side-menu a.active {
	background-color: #33CC99;
	color: #fff;
	font-weight: 600;
}
.side-menu.fixed {
	position: fixed;
	top: 30px;
}
.side-menu ul {
	padding-left: 0;
}
.side-menu li {
	color: #1b3c58;
	font-weight: 600;
}
.side-menu li a {
	color: #575c5f;
	padding-left: 30px;
	display: block;
	transition: all 0.2s;
}
.side-menu li a:hover {
	color: #fff!important;
}
.side-menu li a:hover {
	text-decoration: none;
	color: white;
	background-color: #33CC99;
}
.side-menu.absolute {
	position: absolute;
	bottom: 175px;
}
.side-menu-container {
	min-height: 300px;
	position: absolute;
}

/* Logo */

.logo-p {
	color: #252525;
	text-align: left;
    margin-top: 5px;
    text-transform: uppercase;
    font-size: 11px;
}
.logo-p span {
	color: #33CC99;
}
.logos:hover {
	text-decoration: none;
}
#logo {
	padding: 0;
}


/* Images */

.boxed img {
	padding: 50px;
}

img.right, img.left, .boxed img {
	max-width: 70%;
	padding-left: 25px;
    padding-right: 25px;
    min-width: 300px;
    display: block;
}
img.right {
	float: right;
}
img.left {
	float: left;
}
.boxed img.full {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* Main section */

.main-section {
	padding-left: 0;
	border-left: 1px solid #f1f1f1;
}
.main-section .boxed {
	padding: 40px 30px;
}

/* Statuses */

.status {
	min-width: 145px;
    display: block;
}
.status:before {
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border: 3px solid #808080;
	float: left;
    margin-top: 8px;
    margin-right: 5px;
}
.new:before {
	border-color: #038fe4;
}
.confirmed:before {
	border-color: #2ecd99;
}
.expired:before {
	border-color: #ec6449;
}
.invalid:before {
	border-color: #e6c43a;
}
.underpaid:before {
	border-color: #ca9e85;
}


/* Footer */

footer.space--xs {
	padding-top: 15px;
    padding-bottom: 15px;
    z-index: 9;
    background-color: white;
    position: relative;
}
footer.footer-3 .list-inline.list--hover {
	top: -12px;
}

/* RWD */
@media (min-width: 1500px) {
	.side-menu {
		width: 340px;
	}
}
@media (max-width: 1199px) {
	.main-section {
		padding-left: 15px;
	}
	.side-menu-container, .side-menu.fixed {
		position: static;
	}
	.side-menu {
		width: 100%;
		max-height: none;
		overflow: hidden;
	}
	.section.space--sm {
		padding-top: 30px;
	}
	.collapse {
		display: none;
	}
	.collapse.in {
		display: block;
	}
	.hamburger-toggle {
		display: block;
		position: absolute;
    	right: 15px;
    	top: -87px;
	}
	.side-menu-container {
		min-height: 0!important;
		margin-bottom: 15px;
	}
	.main-container .space--sm {
		padding-top: 20px;
	}
	.mrg-top-m-15 {
		margin-top: 15px;
	}
}
code {
	color: #2db085;
    background-color: #e9eeec;
}
.space-none {
	padding-top: 0!important;
}
.btn {
	border: 2px solid #33CC99!important;
	border-radius: 0!important;
    padding: 10px 25px!important;
}
a:hover, a:focus, a:active {
	color: #2db085 !important;
}
@media (max-width: 991px) {
	button {
	    margin-top: 0;
	}
}

@media (max-width: 767px) {
	.logos {
	    position: relative;
    	top: 10px;
	}
}