@font-face
{
	font-family:Marmelad;
	src:url('/fonts/Marmelad-Regular.ttf');
}
@font-face
{
	font-family:Roboto;
	src:url('/fonts/Roboto-Regular.ttf');
}
@font-face
{
	font-family:"Roboto Thin";
	src:url('/fonts/Roboto-Thin.ttf');
}
*
{
	margin: 0;
	padding: 0;
	border: 0;
}
html,body
{
	height:100%;
	min-height:100%;
	position:relative;
}
body
{
	background:url('/img/bg/grey_noise.png');
	font:15px Roboto,Arial,sans-serif;
	margin:0 auto;
}
body.main-index-page {
	color:#fff;
}

body.main-index-page .content-page,
body.index-pages .content-page
{
	padding-top: 3.2rem;
}

body.index-pages .content-page, 
body .inner .content-page
{
	color:#666;
}

.content-page>section
{
	padding: 1rem 0;
	margin: 0 auto;
}

body.index-pages .content-page .page-title
body .inner .content-page .page-title
{
	text-align:left;
	font:bold 38px "Roboto Thin",Arial,sans-serif;
	text-transform:uppercase;
	margin:0;
}

body.index-pages .content-page .page-title {
	margin-bottom: 20px;
}

textarea {
	padding: 5px 7px;
}

h1, .h1, h2, .h2, h3, .h3 {
	margin: 0;
	margin-bottom: 10px;
}

a {
	text-decoration:none;
	color: #2a6496;
}

a:hover {
	text-decoration:underline;
}

ul {
	list-style: square;
}

::-webkit-input-placeholder {color:#bbb;text-overflow:ellipsis;opacity: 1; transition: opacity 0.3s ease;}
::-moz-placeholder          {color:#bbb;text-overflow:ellipsis;opacity: 1; transition: opacity 0.3s ease;}/* Firefox 19+ */
:-moz-placeholder           {color:#bbb;text-overflow:ellipsis;opacity: 1; transition: opacity 0.3s ease;}/* Firefox 18- */
:-ms-input-placeholder      {color:#bbb;text-overflow:ellipsis;opacity: 1; transition: opacity 0.3s ease;}
:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

button:focus, input[type="submit"]:focus {
	outline: 0;
}

.table {
	display: table;
	margin: 0;
}

.table .table-row {
	display: table-row;
}

.table .table-row .table-cell {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}

table thead tr, 
table tfoot tr, 
.table .thead {
	background-color:#2c3e50;
	color:#fff;
}

table thead tr th,
.table .thead > div {
	font-weight:normal;
}

.table-condensed>thead>tr>th, 
.table-condensed>tbody>tr>th, 
.table-condensed>tfoot>tr>th, 
.table-condensed>thead>tr>td, 
.table-condensed>tbody>tr>td, 
.table-condensed>tfoot>tr>td,
.table-condensed .table-row > div {
	padding: 5px;
}

.table.bordered {
	border: 1px solid #2C3E50;
}

table tr.disabled {
	background-color: #ECECEC; 
}

.tab-content {
	display: none;
}

.tab-content:first-of-type {
	display: block;
}

.error-message {
	margin:70px 80px;
	width:600px;
}

.has-error .form-control, .has-error .form-control:focus {
	border: 2px solid #e74c3c !important;
}

.has-error .help-block, 
.has-error .control-label, 
.has-error .radio, 
.has-error .checkbox, 
.has-error .radio-inline, 
.has-error .checkbox-inline, 
.has-error .form-control-feedback {
	color: #e74c3c;
}

/*
.selectpicker.btn-default {
	background-color: #fff;
	color: #000000;
}

.selectpicker.btn-default:hover {
	background-color: #ebebeb;
	color: #000000;
}

.selectpicker.dropdown-menu li a:focus {
	outline: 1px solid #fff !important;
}

.selectpicker .caret {
	color: #000000;
}
*/
/* @Hack
bootstrap-select currenty not support Bootstrap4. Hack for it:

Make bootstrap-select work with bootstrap 4 see:
https://github.com/silviomoreto/bootstrap-select/issues/1135
*/
.dropdown-toggle.btn-default {
	color: #292b2c;
	background-color: #fff;
	border-color: #ccc;
}
.bootstrap-select.show > .dropdown-menu > .dropdown-menu,
.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden {
	display: block;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li a {
	display: block;
	width: 100%;
	padding: 3px 1.5rem;
	clear: both;
	font-weight: 400;
	color: #292b2c;
	text-align: inherit;
	white-space: nowrap;
	background: 0 0;
	border: 0;
	text-decoration: none;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li a:hover {
	background-color: #f4f4f4;
}
.bootstrap-select > .dropdown-toggle {
	width: auto;
}
.dropdown-menu > li.active > a {
	color: #fff !important;
	background-color: #337ab7 !important;
}
.bootstrap-select .check-mark {
	line-height: 14px;
}
.bootstrap-select .check-mark::after {
	font-family: "FontAwesome";
	content: "\f00c";
}
.bootstrap-select button {
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Make filled out selects be the same size as empty selects */
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
	display: inline !important;
}
/* End Hack */

.form-control,
.form-control-sm, 
.form-control-md, 
.form-control-lg,  
.form-control-xl, 
.input-group-append>.btn, 
.input-group-append>.input-group-text, 
.input-group-prepend>.btn, 
.input-group-prepend>.input-group-text,
.custom-select,
.nav-tabs .nav-link,
.page-item:first-child .page-link,
.page-item .page-link,
.page-item:last-child .page-link,
.btn,
.modal-content,

.input-group-sm>.form-control, 
.input-group-sm>.input-group-append>.btn, 
.input-group-sm>.input-group-append>.input-group-text, 
.input-group-sm>.input-group-prepend>.btn, 
.input-group-sm>.input-group-prepend>.input-group-text,

.input-group-md>.form-control, 
.input-group-md>.input-group-append>.btn, 
.input-group-md>.input-group-append>.input-group-text, 
.input-group-md>.input-group-prepend>.btn, 
.input-group-md>.input-group-prepend>.input-group-text,

.input-group-lg>.form-control, 
.input-group-lg>.input-group-append>.btn, 
.input-group-lg>.input-group-append>.input-group-text, 
.input-group-lg>.input-group-prepend>.btn, 
.input-group-lg>.input-group-prepend>.input-group-text,

.input-group-xl>.form-control, 
.input-group-xl>.input-group-append>.btn, 
.input-group-xl>.input-group-append>.input-group-text, 
.input-group-xl>.input-group-prepend>.btn, 
.input-group-xl>.input-group-prepend>.input-group-text
{
	border-radius: .15rem;
}

.nav-tabs {
	border-bottom: none;
}

.list-group-item:first-child {
	border-top-left-radius: .15rem;
    border-top-right-radius: .15rem;
	border-bottom: none;
	border-right: none;
	box-shadow: 1px 1px 2px #D6D1D1;
}

.list-group-item:last-child {
	border-bottom-right-radius: .15rem;
    border-bottom-left-radius: .15rem;
	border-bottom: none;
	border-right: none;
	box-shadow: 1px 1px 2px #D6D1D1;
}

.list-group-item {
	border-bottom: none;
	border-right: none;
	box-shadow: 1px 1px 2px #D6D1D1;
}

.list-group-item:focus, .list-group-item:hover {
	z-index: inherit;
}

input[type="checkbox"] + label {
	vertical-align: middle;
}

.form-group {
	margin-bottom: 15px;
}

.control-buttons {
	margin-top:20px;
}

.control-buttons-top {
	margin-bottom:10px;
}

.control-buttons-top .btn + .btn {
	margin-left:10px;
}

.btn-group.bootstrap-select {
	margin-bottom: 0 !important;
}

.empty-list {
	margin:60px auto;
	text-align:center;
}

.empty-list h1 {
	font-size: 2em;
    margin: 0 auto 10px;
}

code {
	color: #585858;
}

main {
	height: 100%;
}

main nav .container {
	padding-left: 0;
	padding-right: 0;
	max-width: none;
}

main section>div,
main>nav>.container, 
main>footer>div {
	max-width:960px;
	margin: 0 auto;
}

main > nav,
main > footer {
	background-color: #2D3339;
}

main > footer {
	padding: 20px 0;
}

nav a.logo
{
	font:30px Marmelad,Arial,sans-serif;
	float:left;
	color:#fff;
	text-decoration:none;
	line-height: 2rem;
	margin-right: 2rem;
}

nav a.logo span {
	display: block;
	float: left;
	font-size: 26px;
    padding: 0 6px;
	background: #FFFFFF;
    margin-right: 4px;
	color: #3E3E3E;
    border: 1px solid #8E8E8E;
}

nav .nav-icon {
	display: inline-block;
	width: 16px;
	vertical-align: top;
	height: 16px;
}

nav ul li
{
	font:14px Roboto,Arial,sans-serif;
}
nav ul .lang-selector
{
	text-transform: uppercase;
	margin-right: 20px;
}
nav ul .wallet
{
	background:url('/img/menu/wallet.png') no-repeat 0 2px;
}
nav ul .reg
{
	background:url('/img/menu/reg.png') no-repeat;
}

nav ul li a
{
	color:#bbb;
}

nav ul li a:hover, nav ul li a:focus {
	color: #DCDCDC;
	text-decoration: none;
}

header .navbar {
	background: #2D3339 !important;
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 0;
	padding-right: 1.4rem;
}

footer
{
	min-height:12rem;
	width: 100%;
	height:auto;
	color:#666;
	bottom: 0;
}
footer a
{
	color:#666 !important;
}
footer ul.pay
{
	float:right;
	list-style-type:none;
}
footer ul.pay li
{
	font:16px Roboto,Arial,sans-serif;
	float: left;
	margin:0 0 0 10px;
	padding:0 0 15px;
	filter:grayscale(1);
	-webkit-filter:grayscale(1);
	opacity:0.3;
}
footer ul.pay li:first-child
{
	margin:0;
}
footer ul.pay li:hover
{
	filter:grayscale(0);
	-webkit-filter:grayscale(0);
	opacity:1;
}
footer ul.pay li.pay-1
{
	background:url('/img/pay/pay1.png') no-repeat center;
}
footer ul.pay li.pay-1 a
{
	padding:0 0 0 60px;
}
footer ul.pay li.pay-2
{
	background:url('/img/pay/pay2.png') no-repeat center;
}
footer ul.pay li.pay-2 a
{
	padding:0 0 0 36px;
}
footer ul.pay li.pay-3
{
	background:url('/img/pay/pay3.png') no-repeat center;
}
footer ul.pay li.pay-3 a
{
	padding:0 0 0 28px;
}
footer ul.pay li.pay-4
{
	background:url('/img/pay/pay4.png') no-repeat center;
}
footer ul.pay li.pay-4 a
{
	padding:0 0 0 24px;
}
footer ul.pay li.pay-5
{
	background:url('/img/pay/pay5.png') no-repeat center;
}
footer ul.pay li.pay-5 a
{
	padding:0 0 0 28px;
}
footer ul.pay li.pay-6
{
	background:url('/img/pay/pay6.png') no-repeat center;
}
footer ul.pay li.pay-6 a
{
	padding:0 0 0 29px;
}
footer .copyright
{
	font:14px Roboto,Arial,sans-serif;
	padding-top: .5rem;
}
footer .social_networks .nav-link i {
	font-size: 1.2rem;
}
footer .social_networks {
	float: right;
}

.cookies_informer {
	padding: 1rem;
	bottom: 0;
	position: fixed;
	background-color: #fff;
	right: 0;
	box-shadow: 0 1px 5px 0 #c7c7c7;
	border-radius: .15rem;
	z-index: 100;
	color: #333;
}

.cookies_informer .btn {
	margin-top: 1rem;
}

.text-content p {
	margin: 1em 0;
}

.modal {
	color: #333;
}

/* --== Alerts ==-- */
.toast {
	position:				 fixed;
	z-index:				 10001;
	border-radius:           .15rem;
	width:                   300px;
	top:					 20%;
	left:					 0;
	background-color:        #323232;
	padding:                 15px 25px;
	font-weight:             300;
	color:                   #fff;
	-webkit-flex-align:      center;
	-ms-flex-align:          center;
	-webkit-align-items:     center;
	align-items:             center;
	-webkit-justify-content: space-between;
	justify-content:         space-between; 
	display:				 none;
	word-wrap:				 break-word;
}

.toast .btn, .toast .btn-large, .toast .btn-flat {
	margin:      0;
	margin-left: 3rem; 
}

.toast.rounded {
	border-radius: .15rem; 
}

.toast.error {
	background-color: #f44336;
}
.toast.error a {
	text-decoration: underline;
	color: #feffde;
}

.toast.success {
	background-color: #28a745;
}
/* --== //Alerts ==-- */

/* --== Standards ==-- */
ul.std-list {
	list-style: square;
	margin: 0 1rem;
}

.table-left {
	margin:0!important;
	text-align:left!important;
	width:auto!important;
}

input[type="number"].input-number {
	display:inline;
	width:80px;
}

.clearfix:before, .clearfix:after, 
.dl-horizontal dd:before, .dl-horizontal dd:after, 
.container:before, .container:after, 
.container-fluid:before, .container-fluid:after, 
.row:before, .row:after, 
.form-horizontal 
.form-group:before, 
.form-horizontal .form-group:after, 
.btn-toolbar:before, .btn-toolbar:after, 
.btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, 
.nav:before, .nav:after, 
.navbar:before, .navbar:after, 
.navbar-header:before, .navbar-header:after, 
.navbar-collapse:before, .navbar-collapse:after, 
.pager:before, .pager:after, 
.panel-body:before, .panel-body:after, 
.modal-footer:before, .modal-footer:after {
	content: " ";
    display: table;
}

.clearfix, 
.clear {
	clear: both;
}

.display-none {
	display: none;
}

.display-block {
	display: block;
}

.f-l {
	float: left !important;
}

.f-r {
	float: right !important;
}

.m-l-0 {
	margin-left: 0;
}

.m-l-10 {
	margin-left: 10px;
}

.m-r-10 {
	margin-right: 10px;
}

.m-r-36 {
    margin-right: 36px;
}

.m-l-15 {
	margin-left: 15px !important;
}

.m-l-16 {
	margin-left: 16px;
}

.m-8 {
	margin: 8px;
}

.m-15 {
	margin: 15px;
}

.m-25 {
	margin: 25px;
}

.m-t-8 {
	margin-top: 8px;
}

.m-t-10 {
	margin-top: 10px;
}

.m-t-16 {
	margin-top: 16px;
}

.m-t-1rem {
	margin-top: 1rem;
}

.m-t-2rem {
	margin-top: 2rem;
}

.m-b-0 {
	margin-bottom: 0;
}

.m-b-10 {
	margin-bottom: 10px;
}

.m-b-36 {
	margin-bottom: 36px;
}

.m-b-2rem {
	margin-bottom: 2rem;
}

.p-0 {
	padding: 0;
}

.p-t-16 {
	padding-top: 16px;
}

.p-t-08rem {
	padding-top: .8rem;
}
.p-t-1rem {
	padding-top: 1rem;
}
.p-b-1rem {
	padding-bottom: 1rem;
}

.p-l-50 {
	padding-left: 50px !important;
}

.w-35 {
	width: 35px;
}

.w-100prc {
	width: 100%;
}

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

.w-150 {
	width:150px !important;
}

.w-220 {
	width:220px !important;
}

.w-200 {
	width:200px !important;
}

.w-274 {
	width: 274px;
}

.w-300 {
	width:300px !important;
}

.w-600 {
	width:600px !important;
}

.w-100per {
	width:100%
}

.v-a-m {
	vertical-align: middle;
}

.v-a-t {
	vertical-align: top;
}

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

.t-a-l {
	text-align: left;
}

.t-a-r {
	text-align: right;
}

.t-d-n {
	text-decoration: none !important;
}

.t-d-u {
	text-decoration: underline !important;
}

.m-0-a {
	margin: 0 auto;
}

.d-n, .hidden {
	display: none !important;
}

.d-b {
	display: block;
}

.d-i {
	display: inline-block;
}

.f-w-b {
	font-weight: bold;
}

.c-p {
	cursor: pointer;
}

.f-s-1rem {
	font-size: 1rem;
}
/* --== End Standards ==-- */

.pagination {
	border-radius: .15rem;
	display: inline-block;
	margin: 20px 0;
	padding-left: 0;
}

.pagination a:hover {
	text-decoration: none;
}

.pagination a.pagination-delimiter {
	background-color: #fff !important;
	cursor: default;
	padding-left: 6px;
	padding-right: 6px;
	color: #000;
}

.pagination > li {
	display: inline;
}
.pagination > li > a, .pagination > li > span {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #2a6496;
	float: left;
	line-height: 1.42857;
	margin-left: -1px;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	border-bottom-left-radius: .15rem;
	border-top-left-radius: .15rem;
	margin-left: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-bottom-right-radius: .15rem;
	border-top-right-radius: .15rem;
	margin-right: 0;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	background-color: #eee;
	border-color: #ddd;
	color: #2a6496;
}
.pagination a.current-page {
	background-color: #efefef;
	font-weight: bold;
}

.bootstrap-select {
	width: 220px;
}

.tooltip .tooltip-inner {
	background-color: #2d3339;
	max-width: 52rem;
	text-align: left;
	padding: 1rem;
}
.tooltip .tooltip-inner p {
	margin-bottom: 0;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, 
.bs-tooltip-top .arrow::before {
	border-top-color: #2d3339;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, 
.bs-tooltip-bottom .arrow::before {
	border-bottom-color: #2d3339;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, 
.bs-tooltip-left .arrow::before {
	border-left-color: #2d3339;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, 
.bs-tooltip-right .arrow::before {
	border-right-color: #2d3339;
}


.open>.dropdown-toggle.btn-default {
	background-color: #fff;
	color: #000;
}

.btn .fa {
	line-height: 1.5;
}

.btn-default {
	background-color: #ebebeb;
    border: 1px solid #ddd;
    color: #333;
}

.btn-default:hover {
	background-color: #ddd;
    border: 1px solid #ddd;
    color: #333;
}

.bootstrap-select .btn-default {
	border-color: #aaa;
}

.close, 
.close:focus, 
.close:hover {
	font-weight: normal;
	text-shadow: none;
	opacity: 1;
}

.top_menu-left {
    float: left;
    margin-left: 35px;
}

.top_menu-right {
    float: right;
}

.breadcrumbs {
	margin-bottom: 20px;
}


.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
	white-space: nowrap;
    font-size: 15px;
    line-height: 1.42857143;
    border-radius: .15rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:hover, .btn:focus {
    text-decoration: none;
}

/* --== sm ==-- */
@media (max-width: 768px) {
	.sm-m-t-1rem {
		margin-top: 1rem;
	}
	.sm-m-t-2rem {
		margin-top: 2rem;
	}
	
	.pagination-container {
		text-align: center;
	}
	.pagination-container > .pagination {
		display: inline-block;
	}
	.pagination.f-r {
		float: none;
	}
	li.page-item {
		float: left;
	}
	.pagination .page-link {
		padding: 8px 16px;
	}
}
/* --== //sm ==-- */

/* --== md ==-- */
@media (max-width: 992px) {
	body.main-index-page .content-page, body.index-pages .content-page {
		padding-top: 0;
	}
	
	.table td, .table th {
		padding: .50rem;
	}

	.md-d-n {
		display: none;
	}
	.md-d-b {
		display: block;
	}
	
	header .navbar {
		position: relative;
	}
	
	footer .social_networks {
		float: left;
	}
}
/* --== //md ==-- */

/* --== lg ==-- */
@media (min-width: 992px) {
	.lg-p-l-1rem {
		padding-left: 1rem;
	}
	.lg-p-r-1rem {
		padding-right: 1rem;
	}
	
	.cookies_informer {
		width: 22rem;
		bottom: 4rem;
	}
}
/* --== //lg ==-- */