@import url('https://fonts.googleapis.com/css?family=K2D:300,500');
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700);

html {
  background-color: #f8f8f8;
  overflow-x: hidden;

  font-size: 14px;
  height: 100%;
  width: 100%;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

body {
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #1f1f1f;
  background-color: transparent;
  -webkit-font-smoothing: antialiased;
}

.fixed-bg {

    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    background: url(../images/bg.png) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.png', sizingMethod='scale')";
}

@media screen and (max-width:768px) {
    .fixed-bg {
        width: 100vw;
    }
}

h1 {
	font-size: 1.8em;
}

h3, .h3 {
	font-size: 1.2em !important;
	margin-top: 10px !important;
}
h2, .h2 {
    font-size: 1.8em !important;
}

.balance-text {
	font-size: 1.8rem !important;
	font-weight: 1000;
    line-height: 1.2;
	margin-top: 10px !important;
}

a {
	color: #3A4FCE;
}

a:hover {
	color: #182781;
}

.text-bold {
	font-weight: 600;
	font-weight: bold;
}

.text-hl-grey {
	background-color: #e9e9e9;
}

table {
	font-size: 13px !important;
}

table.dataTable thead th {
	border-top: 1px solid #e3e3e3 !important;
}

table.dataTable thead th, table.dataTable tfoot th {
	font-weight: 500 !important;
}

table.dataTable th, table.dataTable td {
	border-bottom: 1px solid #e3e3e3 !important;
	border-right: 1px solid #e3e3e3 !important;
}

.nav > li > a:hover, .nav > li > a:focus {
	background: none;
}

.nopadding {
	margin: 0 !important;
	padding: 0 !important;
}

.panel.panel-default > .panel-heading, .panel.panel-default > .panel-footer {
	border-bottom: 1px solid #ddd;
}

label {
	font-weight: 300;	
}

.form-control {
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #111;
}

.panel-default > .panel-heading {
	font-weight: 400;
}

/* Nav Bar */

.header.navbar {
	background-color: #15202b !important;
}

.bg-dark.navbar .nav > li.active > a {
	background-color: #15202b !important;
}
.bg-dark.navbar .nav > li.active > a {
	color: #17bf62 !important;
}

.bg-dark.navbar .nav > li > a:hover {
	background-color: #15202b !important;
}

.navbar-brand {
	background-color: none;
	color: #17bf62 !important;
}

.navbar-brand:hover {
	color: #17bf62 !important;
}

.navbar-inverse {
	background-color: #15202b !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background: none !important;
	color: #17bf62 !important;

}

.navbar-inverse .navbar-toggle {
	border-color: #17bf62;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background: none;
}

@media (max-width: 767px) {
	.bg-dark.navbar .nav > li > a:hover{
		background: none !important;
	}

	.bg-dark.navbar .nav > li.active > a {
		background: none !important;
	}

	.navbar-mobile .dropdown-menu > li > a {
		color: #17bf62;
	}
}



/* Page: Order list */

.btn-header-add a {
	color: #ffffff;
}

.nav-pills .btn-default {
	border: 1px solid #ccc;
}

.nav-pills .btn-default a {
	color: #111;
}

.btn-default:hover {
	background: #FAFAFA;
}

.panel {
	border-radius: 11px;
	/* border: 1px solid #273b71 !important; */
	/* color: #fff; */
  }
  
.padder-content { 
	padding-right: 8rem;
	padding-left: 8rem;
}
.panel-header-text {
	margin: 1rem;
	font-weight: bolder;
	color: #17bf62 !important;
}

.bold-text {
	margin: 0rem;
	font-weight: bold;
	color: #17bf62 !important;
}

.bold-text-white {
	margin: 0rem;
	font-weight: bold;
	color: #fff !important;
}
.footer-copyright {
	margin: 1rem;
}

@media screen and (max-width:768px) {
	.padder-content { 
		margin-top: 3rem;
		padding-right: 0rem;
		padding-left: 0rem;
	}
	.panel-header-text {
		margin-top: 1rem;
		margin-bottom: 0;
	}
}

/* Override app.css */
.panel.panel-default {
	color: #fff !important;
	border-color: #ddd;
	background-color: #070b28 !important;
}
.panel.panel-default > .panel-heading,
.panel.panel-default > .panel-footer {
  border-color: #555;
  background-color: #070b28 !important;
  border-radius: 11px 11px 0 0 !important;
  color: #17bf62 !important;
  font-weight: bolder;
}
/* Override Other*/
table.dataTable thead .sorting,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc {
	background-image: none !important;
}

/* Order Table List */

.panel {
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.05);
}

.dataTables_wrapper .bottom {
	font-size: 13px;
}

table.dataTable.no-footer {
	border-bottom: none !important;
}

.dataTables_length, .dataTables_filter {
	padding: 10px !important;
}

button.dt-button, div.dt-button, a.dt-button {
	padding: 0.1em 0.6em !important;
}

.nav-filter .btn-active {
	background: #24313D !important;
	border-radius: 4px !important;
}

.nav-filter li {
	margin: 0 3px;
}

.btn-active a {
	color: #ffffff !important
}

.nav-filter {
	margin: 10px 0 !important;
}

.nav-filter .btn a {
	padding: 0 !important;
}

.dataTables_info, .dataTables_paginate {
	padding: 5px !important;
}

.dataTables_info {
	padding-top: 10px !important;
	font-size: 12px;
}

/* Create Order */