html {
	height: 100vh !important;
	overflow: hidden;
}
body {
	box-shadow: inset 0px 0px 999px rgba(-100, 0, 0, 0.25);
	background: linear-gradient(-150deg, #162c3c 60%, #27272f);
	margin: 0;
	color: white;
	font-family: var(--main-font);
	letter-spacing: .7px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100vh !important;
	min-height: 100vh !important;
}
a, a:hover,a:hover,a:active {text-decoration: none !important }
ul.breadcrumb  {padding-left: 0px }
.content {
	opacity: 0;
	-webkit-transition: opacity 0.1s ease-in-out;
	-moz-transition: opacity 0.1s ease-in-out;
	transition: opacity 0.1s ease-in-out;
}
.page-container {min-height: 100% !important }
.topLogo {
	position: absolute;
	top: 25px;
	left: 25px;
	z-index: 10;
}    
.topLogo  img {
	width: 17px;
	margin-bottom: 10px;
	margin-right: 3px;
}    
.topLogo  span{
	color: white;
	font-size: large;
	font-family: var(--main-font);
	font-weight: bold;
	opacity: .9;
}    
.topLink {
	position: absolute;
	top: 25px;
	right: 25px;
	z-index: 10;
}    
.topLink > a {
	color: white;
	opacity: .8;
	letter-spacing: .8px;
	font-weight: 600;
}
.topLink > a:hover {opacity: 1 }
.broker-admin-logo {
	max-width: 300px;
	height: auto;
}
.login-form {
	max-width: 400px;
	margin-left: calc(50% - 200px);
}
.top10vh {margin-top: 15vh }
.navbar {
	border: none;
	background: linear-gradient(0deg, #36444b, #45555d);
}
.navbar-brand {padding-left: 30px }
.navbar-brand > img {
	display: inline-block;
	width: 15px;
	height: auto;
	margin-top: -4px;
	margin-right: 3px;
}
.navbar-inverse .navbar-nav>li>a {color: rgba(255, 255, 255, 0.8) }
.navbar-brand > span {
	color: white;
	font-family: var(--main-font);
	font-weight: 500;
	letter-spacing: 1.1px;
}
.dropdown-user1 > a {
	color: white;
	text-transform: uppercase;
	font-family: var(--main-font);
	letter-spacing: .8px;
	opacity: .8;
}
.dropdown-user1 > a:hover {opacity: 1 }
.footer {
	margin: 0px;
	left: 25px;
	bottom: 5px;
}
.sidebar-content, .sidebar, .sidebar-category-visible {overflow-y:hidden !important }
.content {padding-bottom: 50px }
.nicescroll-cursors {background-color: rgba(204, 204, 204, 0.3) !important }
.sidebar {
	background: linear-gradient(to bottom, rgba(38, 50, 56, 0.85) 50%, rgba(28, 40, 46, 1));
	box-shadow: 10px 0 5px -2px rgba(67, 82, 90, 0.5), 0px 0px 5px 5px rgba(14, 18, 26, 0.4);
}
h2 > label.label {
	margin-bottom: 4px;
	opacity: 1;
	margin-right: 15px;
}
button.bg-slate{
	background-color: #4cacd6;
	border-color: transparent;
}	
.dtr-title {width: 110px }
@media (min-width: 769px) {
	.footer {bottom: 30px } 
	.content-wrapper {
		position:relative;
		padding: 3px 30px;
	}
	.navigation {min-height: calc(100vh - 60px) }
	.navigation > li:nth-last-child(2) {margin-bottom: 150px }
	.dataTables_paginate, .dataTables_info {margin-bottom: 0px }
	.sidebar{box-shadow: 10px 0 5px -2px rgba(67, 82, 90, 0.5), 0px -20px 5px 5px rgba(14, 18, 26, 0.61) }
	.dtr-title {width: 140px}
}
td.action-col:empty{display: none }
.footer > p {
	font-family: var(--main-font);
	font-size: x-small;
	opacity: .8;
	letter-spacing: 1.1px;
}
.navigation > li > a {
	padding-left: 30px;
	letter-spacing: 1.1px;
	opacity: .7;
	font-family: var(--main-font);
	font-weight: lighter;
}
.navigation > li > a > i {min-width: 24px }
.viewLabel {
	display: block;
	font-family: var(--main-font);
	font-weight: 500;
	font-size: larger;
	letter-spacing: 1.5px;
	opacity: .8;
	padding: 20px;
	padding-left: 30px;
}
.viewLabel > span {opacity: .8 }
.navigation > li.separator {
	height: 1px;
	margin: 30px 50px 10px 30px;
	opacity: .4;
	background-color: lightgray;
}
.navigation > li.active > a, 
.navigation > li.active > a:hover,
.navigation > li.active > a:focus {
	background-color: transparent;
	color: white;
	opacity: 1;
	font-weight: 500;
}	
.sidebar-footer {
	bottom: 0px;
	position: absolute !important;
	left: 10px;
	right: 10px;
	text-align: center;
	opacity: .5;
}
.sidebar-footer > img {
	max-width: 100px;
	max-height: 100px;
	margin: 0px 10px 30px 10px;
	height: auto;
}
.sidebar-footer > .footer {
	position: static;
	text-align: left;
	font-size: x-small;
}
.breadcrumb-line {
	background:none !important;
	border: none !important;
}
.breadcrumb > li > a {
	color: white;
	opacity: .7;
}
.breadcrumb > li + li:before {
	color: #ffffff;
	opacity: .7;
}
.breadcrumb > li > a:active {opacity: 1 }
.dropdown-menu > li.separator {
	border-bottom: solid black 1px;
	opacity: .4;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
.content h2 {
	position: relative;
	font-family: var(--main-font);
	padding-bottom: 5px;
	margin-bottom: 30px;
	border-bottom: solid rgba(252, 252, 252, 0.24) 1px;
	color: rgba(255, 255, 255, 0.8);
	letter-spacing: .8px;
	font-size: x-large;
}
.content > h2 > small {
	position: absolute;
	left: 0px;
	bottom: -35px;
	font-size: 18px;
}
.content > h3 {
	font-family: var(--main-font);
	opacity: .8;
	letter-spacing: .8px;
	font-size: larger;
}
.actions > h3 {
	font-family: var(--main-font);
	opacity: .8;
	letter-spacing: .8px;
	font-size: larger;
}
.actions > ul > li {margin-left: 15px }
.actions > ul > li > a{
	font-family: var(--main-font);
	opacity: .8;
	color: #47aadf;
	letter-spacing: .8px;
}
.actions > ul > li > a:hover{
	color: #57baef;
	opacity: 1;
}
.datatable-header {
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.datatable-header,
.table > thead > tr > th  {border-bottom: 1px solid rgba(255, 255, 255, 0.4)}
.datatable-footer,
.table > thead > tr > th{border-top: 1px solid rgba(255, 255, 255, 0.4) }
td.dropdown > a.dropdown-toggle > i {
	color: white;
	opacity: .7;
}
td.dropdown > a.dropdown-toggle:hover > i {opacity: 1 }
.table-hover > tbody > tr:hover {background-color: rgba(71, 170, 223, 0.23) }
.table > tbody > tr > td {
	letter-spacing: 1px;
	color: rgba(255, 255, 255, 0.5);
}
.table > thead > tr > th {
	letter-spacing: 1px;
	color: rgba(255, 255, 255, 0.75);
}
.table > tbody > tr > td:not(:last-child),
.table > thead > tr > th:not(:last-child):not(:nth-last-child(2)) {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.table > tbody > tr:not(:first-child) > td {border-top: 1px solid rgba(255, 255, 255, 0.1) }
.table > tbody > tr > td:first-child,
.table > thead > tr > th:first-child {padding-left: 8px }
.table > tbody > tr > td:last-child,
.table > thead > tr > th:last-child {padding-right: 8px }
.dataTables_filter input {
	background-color: rgba(255, 255, 255, 0.18);
	border-radius: 0px;
	border: none;
	color: white;
	font-family: var(--main-font);
	letter-spacing: .5px;
	opacity: .8;
}
.dataTables_filter input::placeholder {
	font-family: var(--main-font);
	letter-spacing: .75px;
	opacity: .5;
	color: white;
}	
::placeholder {
	font-family: var(--main-font);
	letter-spacing: .75px;
	opacity: 1;
	color: white;
}
.dt-buttons > a{
	font-family: var(--main-font);
	letter-spacing: .75px;
	color: white;
	background-color: #3997c1;
	opacity: .8;
	border: none;
}
.dt-buttons > a:hover,
.dt-buttons > a:focus {
	color: white;
	background-color: #3997c1;
	opacity: 1;
	border: none;
}
label.label {
	font-family: var(--main-font);
	padding: 2px 10px;
	font-size: small;
	opacity: .8;
	margin-bottom: -1px;
	border-radius: 3px;
	letter-spacing: .5px;
}
.label-success {background-color: #4CAF50 }
.dataTables_length > label > span:first-child {
	float: left;
	margin: 8px 15px;
	margin-left: 0;
	font-weight: bold;
	font-size: larger;
	letter-spacing: 1px;
}
.dataTables_length select {
	padding: 0px 10px;
	background-color: rgba(255, 255, 255, 0.2);
	border: none;
	color: white;
	opacity: .7;
	height: 30px;
	margin-top: 5px;
}
.dataTables_info {
	float: left;
	padding: 8px 0;
	margin-bottom: 20px;
	margin-top: 1px;
	opacity: .5;
	font-weight: 300;
}
.dataTables_paginate .paginate_button.disabled,   
.dataTables_paginate .paginate_button.disabled:hover {
	display:none;
	opacity: .3;
}
.dataTables_paginate .paginate_button {
	color: white;
	background-color: transparent !important;
	opacity: .5;
}   
.dataTables_paginate .paginate_button:focus {opacity: .8 }
.dataTables_paginate .paginate_button.current {opacity: .9 }
.dataTables_paginate .paginate_button:hover {opacity: 1 }
input[type="text"], 
input[type="password"], 
input[type="search"], 
input[type="email"], 
input[type="number"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="url"], 
input[type="tel"], 
select,
span.select2-selection,
.file-caption.kv-fileinput-caption,
textarea {
	background-color: rgba(255, 255, 255, 0.2) !important;
	border: none !important;
	border-radius: 1px;
	color: rgba(255, 255, 255, 0.8) !important;
	letter-spacing: .4px;
	font-weight: 300;
	opacity: .8;
}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="date"]:disabled,
input[type="month"]:disabled,
input[type="time"]:disabled,
input[type="week"]:disabled,
input[type="url"]:disabled,
input[type="tel"]:disabled,
select:disabled,
span.select2-selection:disabled,
.file-caption.kv-fileinput-caption:disabled,
textarea:disabled {opacity: .15 !important }
.toggle-checkbox > input[type="checkbox"]{visibility: hidden }
.toggle-checkbox{
	position: relative;
	margin: 5px 0px;
	vertical-align: bottom;
}
.toggle-checkbox label {
	display: block;
	width: 40px;
	height: 19px;
	margin: 10px 0px;
	border-radius: 100px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	background-color: rgba(255, 255, 255, 0.2);
}
.toggle-checkbox input {display: none }
.toggle-checkbox i {
	height: 16px;
	width: 16px;
	background: #ebebeb;
	display: inline-block;
	border-radius: 100px;
	margin-top: 2px;
	margin-left: 2px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	pointer-events: none;
}
.toggle-checkbox input:checked+label>i,
.toggle-checkbox input:checked+input+label>i {margin-left: 22px }
.toggle-checkbox label:hover {background-color: rgba(255, 255, 255, 0.35) }
.toggle-checkbox input:checked+label,
.toggle-checkbox input:checked+input+label {background-color: #3381A4 }
label.control-label {
	opacity: .8;
	letter-spacing: 1px;
}
input[type="submit"] {
	background-color: #3997c1;
	color: white;
	border: none;
	opacity: .8;
	font-weight: bold;
	letter-spacing: 1px;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #3997c1;
	color: white;
	border: none;
	opacity: 1;
	font-weight: bold;
	letter-spacing: 1px;
}
.select2-results > .select2-results__options {
	padding-bottom: 0px;
	border-radius: 5px;
}
.select2-search--dropdown + .select2-results .select2-results__message:first-child {padding-top: 5px }
.select2-search--dropdown {background-color: #384a57 }
.select2-results {
	background-color: #586772;
	border: solid 5px #3a4c59;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.select2-dropdown{
	border: none;
	background-color: transparent;
}
.select2-results__option--highlighted,
ul.select2-results__options > li:hover {
	background-color: #687782 !important;
	opacity: .7;
}
ul.select2-results__options > li[aria-selected="true"] {
	background-color: #687782;
	opacity: 1;
}
.btn-file{
	opacity: .8;
	background-color: #3997c1;
}
.btn-file:hover,
.btn-file:focus {
	opacity: 1;
	background-color: #3997c1;
}
.fileinput-remove-button {
	background-color: #c94739;
	border-color: #c94739;
	color: white;
	opacity: .8;
}
.fileinput-remove-button:hover,
.fileinput-remove-button:focus  {
	background-color: #c94739;
	border-color: #c94739;
	color: white;
	opacity: 1;
}
.modal-content {color: black }
.modal-title {font-weight: 500 }
option {color: black }
.backline {
	position: relative;
	text-align: center;
	margin: 10px;
}
.backline::before {
	content: "";
	display: block;
	border-top: solid 1px #dedede;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 0;
}
.backline > small,
.backline > span {
	background: #29455e;
	padding: 0 10px;
	position: relative;
	color: #bebebe;
	z-index: 1;
}
@media (max-width: 769px) {
	.navbar-fixed-top {position: relative !important }
	.navigation > li.active > a,
	.navigation > li > a {
		color: white;
		opacity: .8;
		font-weight: 300;
	}
	.crumb-collapsible {display: none}
	.dt-buttons {margin: 10px -10px }
}