/* General styling */

a .material-icons {
	vertical-align: middle;
}


body{
	font-size: 14px;
	background-color: #f3f3f3;
	height: 100%;
}

.wrapper {
	position: relative;
	top: 0;
	height: 98vh;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover{
	color: #fff;
}

h4 {
	font-size: 1.2rem;
}

h6, .h6{
	text-transform: none;
}

.w7 {
	width: 7%;
}

.w10 {
	width: 10%;
}

.w16 {
	width: 16%;
}

.w30 {
	width: 30%;
}

.w33 {
	width: 33%;
}

.w50 {
	width: 50%;
}

.w70 {
	width: 70%;
}

.w100{
	width: 100%;
}

.btn {
	font-size: 14px;
	cursor: pointer;
}

.btn.btn-just-icon{
	margin: 0px;
	padding: 5px;
}

.btn.btn-just-icon i,
.navbar .navbar-nav > li > a.btn.btn-just-icon i{
	width: auto;
}

.input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle).btn-round{
	border-radius: 50%;
}

.mgrt{
	margin-right: 5px !important;
}

.note-editor .note-toolbar {
	background-color: #f5f5f5!important;
	border-bottom: 1px solid #a9a9a9;
}

.table{
	border-spacing: 0;
}

.table tfoot {
	font-weight: bold;
}

.table .form-group{
	padding: 0;
	margin: 0;
}

form{
	margin: 0;
}

.clickable{
	cursor: pointer;
}

.list-group.suggestions-listgroup{
	position: fixed;
	z-index: 4;
}

.multiselect button{
	width: 100% !important;
}

.show > .dropdown-menu{
	width: 100%;
}

.hidden{
	display: none;
}

.seperator{
	height: 0px !important;
	color: transparent;
	border-bottom: 3px dashed #ddd;
	margin-top: 5px !important;
	margin-bottom: 2px !important;
}

.readonlyinput{
	cursor: not-allowed;
}

input.form-control:read-only {
	background-color: #e9ecef !important;
}

/* End general styling */

/* Start Bootstrap override */

@media (min-width: 1660px) {
	.container {
		max-width: 1600px;
	}
}

.table-responsive .container-fluid {
	padding: 0px;
}

.bootstrap-select .dropdown-toggle:focus{
	outline: none !important;
}

/* Start modal styling */

.modal-content .modal-header {
	color: #FFFFFF;
	background-color: #306ab2;
	padding: 15px;
}

.modal-content .modal-header .modal-title .material-icons {
	vertical-align: middle;
}

@media (min-width: 992px){
	.modal-lg {
		max-width: 1100px;
	}
}

/* End modal styling */

.modal-content .modal-body {
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 16px;
	padding-left: 24px;
	overflow: auto;
}

.form-group label {
	min-height: 22px;
}

.customfile input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 0 12px;
    cursor: pointer;
    width: 100%;
    height: 55px;
    line-height: 55px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
}

.custom-file-upload p{
	text-align: center;
	vertical-align: middle;
}

.custom-file-upload .material-icons{
	padding-bottom: 15px;
	vertical-align: bottom;
}

.custom-file-add{
	vertical-align: middle;
	height: 40px !important;
	width: 40px !important;
}

.custom-file-add button{
	width: 40px !important;
	height: 40px !important;
}

.custom-file-add .ripple-container{
	width: unset !important;
	height: unset !important;
}

.nopad-lr {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.nopad-r{
	padding-right: 0px !important;
}

.filename{
	margin-left: 15px; 
}

#tableFilter {
	margin-top: -20px;
}

@media (min-width: 768px) {
	#invoiceModal .modal-dialog,
	#productSearchModal .modal-dialog,
	#customerModal .modal-dialog,
	#repeatingInvoiceModal .modal-dialog,
	#ticketModal .modal-dialog,
	#productModal .modal-dialog,
	#hardwareModal .modal-dialog,
	#softwareModal .modal-dialog,
	#userModal .modal-dialog,
	#websiteModal .modal-dialog{
		width: 1100px;
		max-width: 1100px;
	}
}

.alert {
	border: 0;
	border-radius: 0;
	position: relative;
	padding: 20px 15px;
	line-height: 20px;
}
.alert b {
	font-weight: 500;
	text-transform: uppercase;
	font-size: 12px;
}
.alert, .alert.alert-default {
	background-color: white;
	color: #555555;
	border-radius: 3px;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4);
}
.alert a, .alert .alert-link, .alert.alert-default a, .alert.alert-default .alert-link {
	color: #555555;
}
.alert.alert-inverse {
	background-color: #2e2e2e;
	color: #fff;
	border-radius: 3px;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4);
}
.alert.alert-inverse a, .alert.alert-inverse .alert-link {
	color: #fff;
}
.alert.alert-primary {
	background-color: #af2cc5;
	color: #ffffff;
	border-radius: 3px;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}
.alert.alert-primary a, .alert.alert-primary .alert-link {
	color: #ffffff;
}
.alert.alert-success {
	background-color: #5cb860;
	color: #ffffff;
	border-radius: 3px;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
.alert.alert-success a, .alert.alert-success .alert-link {
	color: #ffffff;
}
.alert.alert-info {
	background-color: #00bcd4;
	color: #ffffff;
	border-radius: 3px;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}
.alert.alert-info a, .alert.alert-info .alert-link {
	color: #ffffff;
}
.alert.alert-warning {
	background-color: #ffa21a;
	color: #ffffff;
	border-radius: 3px;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}
.alert.alert-warning a, .alert.alert-warning .alert-link {
	color: #ffffff;
}
.alert.alert-danger {
	background-color: #f55a4e;
	color: #ffffff;
	border-radius: 3px;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}
.alert.alert-danger a, .alert.alert-danger .alert-link {
	color: #ffffff;
}
.alert.alert-rose {
	background-color: #eb3573;
	color: #ffffff;
	border-radius: 3px;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
}
.alert.alert-rose a, .alert.alert-rose .alert-link {
	color: #ffffff;
}
.alert-info, .alert-danger, .alert-warning, .alert-success, .alert-rose {
	color: #ffffff;
}
.alert-default a, .alert-default .alert-link {
	color: rgba(0,0,0, 0.87);
}
.alert span {
	display: block;
	max-width: 89%;
}
.alert.alert-danger i {
	color: #f44336;
}
.alert.alert-warning i {
	color: #ff9800;
}
.alert.alert-success i {
	color: #4caf50;
}
.alert.alert-info i {
	color: #00bcd4;
}
.alert.alert-primary i {
	color: #9c27b0;
}
.alert.alert-rose i {
	color: #e91e63;
}
.alert.alert-with-icon {
	margin-top: 43px;
	padding-left: 66px;
}
.alert.alert-with-icon i[data-notify="icon"] {
	display: block;
	left: 15px;
	position: absolute;
	margin-top: -39px;
	font-size: 20px;
	background-color: #FFFFFF;
	padding: 9px;
	border-radius: 50%;
	max-width: 38px;
	box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.alert .close i {
	color: #FFFFFF;
}
.alert i[data-notify="icon"] {
	display: none;
}
.alert .alert-icon {
	display: block;
	float: left;
	margin-right: 15px;
}
.alert .alert-icon i {
	margin-top: -7px;
	top: 5px;
	position: relative;
}
.alert [data-notify="dismiss"] {
	margin-right: 5px;
}

.swal2-styled{
	z-index: 2149983;
}

.swal2-container:not(.swal2-in){
	pointer-events: auto;
}

.card .table tr:first-child td {
	border-top: none;
}

table.dataTable > thead > tr > th {
	border: none;
}

/* End Bootstrap override*/

/* Start navbar-top styling */

.navbar-top {
	background-color: #373a3c;
	z-index: 3;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}

.navbar.navbar-top.navbar-primary{
	background-color: #29374d;
}

.navbar.navbar-top{
	height: 60px;
	margin: 0;
	padding: 0;
	border-bottom: none;
	border-radius: 0;
}

.navbar.navbar-top .navbar-brand{
	padding: 10px 15px;
	height: auto;
}

.navbar.navbar-top .navbar-brand img{
	height: 40px;
}

.navbar.navbar-top .navbar-minimize{
	padding: 0;
}

.navbar.navbar-top button.sidebar-minimizer{
	display: block;

	text-align: center;
	background-color: #2c4b75 !important;
	border-radius: 0px;

	width: 60px;
	height: 60px;

	padding: 15px 0px;
	margin: 0;
}

.dropdown-item{
	width: auto;
}

.navbar.navbar-top .dropdown a.dropdown-toggle i,
.navbar.navbar-top .dropdown button.dropdown-toggle i{
	font-size: 40px;
	width: 40px;
}

.navbar.navbar-top .dropdown .dropdown-item i{
	font-size: inherit;
	height: inherit;
	color: inherit;
}

.dropdown-menu > li > a{
	display: block;
}

/* Einde navbar-top styling */

/* Start sidebar styling */

.sidebar,
.off-canvas-sidebar{
	position: fixed;
	top: 60px;
	width: 200px;
}

.sidebar .sidebar-wrapper,
.off-canvas-sidebar .sidebar-wrapper{
	width: 200px;
}

.sidebar:before,
.sidebar:after,
.off-canvas-sidebar:before,
.off-canvas-sidebar:after{
	background-color: #306ab2 !important;
}

.sidebar p,
.sidebar .nav i,
.off-canvas-sidebar .nav i{
	color: #FFF;
}

.sidebar p{
	vertical-align: bottom;
}

.sidebar .nav li:first-child > a,
.off-canvas-sidebar .nav li:first-child > a,
.sidebar .nav li > a,
.off-canvas-sidebar .nav li > a{
	width: 100%;
	height: 60px;
	margin: 0px;
	padding: 15px;
	text-align: left;
	text-transform: none;
	border-radius: 0px;
}

@media (min-width: 992px){
	.sidebar-mini .main-panel{
		width: calc(100% - 60px);
		margin-left: 60px;
	}

	.sidebar-mini .sidebar,
	.sidebar-mini .sidebar .sidebar-wrapper{
		width: 60px;
		overflow: hidden;
	}

	.sidebar-mini .sidebar .nav{
		margin-top: 15px;
	}

	.sidebar-mini .sidebar .nav li > a{
		width: 100%;
		height: 60px;
		margin: 0px;
		padding: 15px;
		text-align: left;
		text-transform: none;
		border-radius: 0px;
	}
}

.sidebar .nav-item.active{
	background-color: #4caf50;
}

/* End sidebar styling */

/* Start main panel styling */

.background-fill {
	position: absolute;
	height: 100%;
	width: 100%;
	display: block;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center center;
}

.background-fill .layer{
	position: absolute;
	height: 100%;
	width: 100%;
	display: block;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.1);
}

.main-panel {
	position: relative;
	overflow: auto;

	top: 60px;

	min-height: 0;
	max-height: none;

	width: 100%;
	height: auto;
}

.main-panel > .content {
	margin-top: 0px;
	padding: 15px 15px;
	min-height: calc(100vh - 77px);
}

.status-block {
	height: 15px; 
	width: 15px; 
	display: inline-block;
	border: 1px solid #808080;
	border-radius: 100%;
}

/* Start navbar styling */

.submenu{
	margin-bottom: 20px;
	margin-left: 15px;
}

.nav-link{
	white-space: nowrap;
}

.nav-pills:not(.nav-pills-icons) > li > a{
	border-radius: .25rem;
}

.nav-pills .nav-item.show .nav-link,
.nav-pills .nav-link.active{
	background-color: #306ab2;
}

.nav-pills .nav-link 		{ color: #306ab2; }
.nav-pills .nav-link.active { color: #FFF; }

.navbar i.fa,
.navbar i.material-icons,
.sidebar i.fa,
.sidebar i.material-icons {
	color: #f3f3f3;
	font-size: 30px;
	line-height: 30px;
	width: 30px;
	height: 30px;
}

.nav-tabs{
	background-color: transparent;
}

.nav-tabs li a{
	color: #306AB2 !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
	background-color: #306AB2;
	color: #fff !important;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus{
	color: #306AB2 !important;
	background-color: rgba(50,50,50,0.05)
}

.navbar .navbar-text{
	margin-top: 8px;
	margin-bottom: 0px;
}


/* End navbar styling */

table.dataTable > thead > tr > th,
table.dataTable > tbody > tr > th,
table.dataTable > tfoot > tr > th,
table.dataTable > thead > tr > td,
table.dataTable > tbody > tr > td,
table.dataTable > tfoot > tr > td {
	padding: 12px 8px!important;
	outline: 0;
}

table.dataTable.table-sm td,
table.dataTable.table-sm th{
	padding: .3rem  !important;
}

table.table > tbody > tr > td{
	font-size: 14px;
	font-weight: 300;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0px!important;
}

.dataTables_filter, 
.pagination {
	float: right;
}

/* End main panel styling */

/* Start input styling */

.form-check,
.form-group {
	padding-bottom: 10px;
	margin: 20px 0 0 0;
}

.form-group {
	position: relative;
}

.input-group .form-group .form-control {
	width: 100%;
}

.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
	font-size: 14px;
	line-height: 1.42857;
}

.form-group.label-floating label.control-label {
	will-change: left, top, contents;
}

.form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label {
	position: absolute;
	pointer-events: none;
	transition: 0.3s ease all;
	color: #a1a5a9;
}

.form-control, .form-group .form-control {
	border: 0;
	background-image: linear-gradient(#306ab2, #306ab2), linear-gradient(#D2D2D2, #D2D2D2);
	background-size: 0 2px, 100% 1px;
	background-repeat: no-repeat;
	background-position: center bottom, center calc(100% - 1px);
	background-color: transparent;
	transition: background 0s ease-out;
	float: none;
	box-shadow: none;
	border-radius: 0;
	font-weight: 400;
}

.form-control {
	height: 36px;
	padding: 7px 0;
	font-size: 14px;
	line-height: 1.42857;
}

.form-group > select {
	height: 36px!important;
}

select.form-control {
	border: 0;
	box-shadow: none;
	border-radius: 0;
}
.form-group.is-focused select.form-control {
	box-shadow: none;
	border-color: #D2D2D2;
}
select.form-control[multiple], .form-group.is-focused select.form-control[multiple] {
	height: 85px;
}

.bootstrap-select button{
	outline: none;
}

.form-group.is-focused .form-control {
	outline: none;
	background-image: linear-gradient(#306ab2, #306ab2), linear-gradient(#D2D2D2, #D2D2D2);
	background-size: 100% 2px, 100% 1px;
	box-shadow: none;
	transition-duration: 0.3s;
}
.form-group.is-focused .form-control .material-input:after {
	background-color: #9c27b0;
}
.form-group.is-focused.form-info .form-control {
	background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.is-focused.form-success .form-control {
	background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.is-focused.form-warning .form-control {
	background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.is-focused.form-danger .form-control {
	background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.is-focused.form-white .form-control {
	background-image: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#D2D2D2, #D2D2D2);
}
.form-group.is-focused.label-placeholder label,
.form-group.is-focused.label-placeholder label.control-label {
	color: #AAAAAA;
}
.form-group.is-focused .help-block {
	display: block;
}
.form-group.has-warning .form-control {
	box-shadow: none;
}
.form-group.has-warning.is-focused .form-control {
	background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2);
}

.form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label {
	left: auto;
	font-size: 12px;
	line-height: 1.07143;
}

.input-group > .input-group-btn > button {
	margin-top: 10px!important;
}

.input-group .input-group-addon {
	border: 0;
	background: transparent;
	padding: 6px 15px 0px;
}

textarea{
	height: unset !important;
}

.input-group .form-group.label-floating .form-control,
.input-group .form-group {
	width: 100%;
}

.card-login .input-group-addon {
	padding-left: 8px!important;
}

.btn,
.navbar .navbar-nav > li > a.btn{
	text-transform: none;
	margin-top: 0;
}

.navbar .navbar-nav > li > a.btn.btn-round {
	border-radius: 30px;
	padding: 5px;
}

.form-group select {
	appearance: none;
}

.table .td-actions {
	vertical-align: middle;
}

.ripple-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: inherit;
	pointer-events: none;
}

.disabled .ripple-container {
	display: none;
}

.ripple {
	position: absolute;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	border-radius: 100%;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.05);
	transform: scale(1);
	transform-origin: 50%;
	opacity: 0;
	pointer-events: none;
}

.ripple.ripple-on {
	transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
	opacity: 0.1;
}

.ripple.ripple-out {
	transition: opacity 0.1s linear 0s !important;
	opacity: 0;
}

.togglebutton {
	vertical-align: middle;
}
.togglebutton, .togglebutton label, .togglebutton input, .togglebutton .toggle {
	user-select: none;
}
.togglebutton label {
	cursor: pointer;
}

.toggle {
	overflow: visible;
}
.form-group.is-focused .togglebutton label {
	color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .togglebutton label:hover, .form-group.is-focused .togglebutton label:focus {
	color: rgba(0,0,0, .54);
}
fieldset[disabled] .form-group.is-focused .togglebutton label {
	color: rgba(0,0,0, 0.26);
}
.togglebutton label input[type=checkbox] {
	opacity: 0;
	width: 0;
	height: 0;
}
.togglebutton label .toggle {
	text-align: left;
	margin-left: 5px;
}
.togglebutton label .toggle,
.togglebutton label input[type=checkbox][disabled] + .toggle {
	content: "";
	display: inline-block;
	width: 30px;
	height: 15px;
	background-color: rgba(80, 80, 80, 0.7);
	border-radius: 15px;
	margin-right: 15px;
	transition: background 0.3s ease;
	vertical-align: middle;
}
.togglebutton label .toggle:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #f3f3f3;
	border-radius: 20px;
	position: relative;
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
	left: -5px;
	top: -3px;
	border: 1px solid rgba(0,0,0, .54);
	transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}
.togglebutton label input[type=checkbox][disabled] + .toggle:after, .togglebutton label input[type=checkbox][disabled]:checked + .toggle:after {
	background-color: #BDBDBD;
}
.togglebutton label input[type=checkbox] + .toggle:active:after, .togglebutton label input[type=checkbox][disabled] + .toggle:active:after {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
	left: 15px;
}
.togglebutton label input[type=checkbox]:checked + .toggle {
	background-color: #306ab2;
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
	border-color: #306ab2;
}
.togglebutton label input[type=checkbox]:checked + .toggle:active:after {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1);
}
/* End input styling  */

/* Start  */

#tableInvoice td, #tableInvoice th {
	padding: .35rem;
	border-top: 0px;
}

/* End */

@media (min-width: 992px){

	.main-panel {
		width: calc(100% - 200px);
	}
}

@media (max-width: 991px){
	.nav-open .main-panel, .nav-open .wrapper-full-page, .nav-open .navbar .container {
		-webkit-transform: translate3d(-200px, 0, 0);
		-moz-transform: translate3d(-200px, 0, 0);
		-o-transform: translate3d(-200px, 0, 0);
		-ms-transform: translate3d(-200px, 0, 0);
		transform: translate3d(-200px, 0, 0);
	}
}

/* Start dashboard styling */

.quotation-dashboard{
	line-height: 1.42857143;
	text-align: center;
}

@media (min-width: 992px){
	.quotation-dashboard .col-md-2-4{
		width: 20%;
		float: left;
	}
}

.quotation-dashboard .number{
	color: #306AB2;
	font-size: 7.5em;
	font-weight: 300;
}

.quotation-dashboard .number.number-success{
	color: #4caf50;
}

.dashboard.form-horizontal label{
	padding: 0 10px;
}

/* End dashboard styling */

.inline{
	display: inline-block;
}

.left{
	text-align: left;
	display: inline-block;
	width: 125px;
}

.right{
	text-align: right;
	display: inline-block;
}

.closer p{
	line-height: 1.2em;
	margin-bottom: 5px;
}

.titel{
	font-size: 13px;
	margin-top: 15px;
}

@media (min-width: 768px) {
    #ticketModel .modal-dialog,
    #pricingModal .modal-dialog,
    #machineModel .modal-dialog{
        width: 1100px;
        max-width: 1100px;
    }
}

.modal-body {
    overflow: auto;
}

.margin-left-15{
	margin-left: 15px;
}
.justify-content-center{
	width: 100%;
}

label > small{
	vertical-align: top;
	margin-left: -2px;
}

.footermarge{
	padding: 50px 50px;
}

/*** Tooltip ***/

.tooltip{
	transition: opacity .15s linear;
}

.tooltip-inner{
	max-width: none;
}

/*** End Tooltip ***/


/*** Loginscreen restyle ***/

.copyright
{
	background-color: rgba(0,0,0,0.7);
	color: white;
	height: 35px;
}

.copyright p
{
	margin: 0px;
	line-height: 35px;
}

.copyright a
{
	color: white;
}

.page-header.login
{
	min-height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
}

.information{
	min-height: 50px;
	width: 65vw;
	max-width: 1050px;
	position: absolute;
	bottom: 35px;
	left: 50%;
	transform: translateX(-50%) !important;
}

.information button.close{
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 1033;
}

/*** Extra button styling ***/

td a.btn-fab-mini{
	width: 22.5px !important;
	min-width: 22.5px !important;
	height: 22.5px !important;
}