@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,600;1,700&display=swap');


body {
	font-family: 'Source Sans Pro', Tahoma, sans-serif !important; 
	background: #D0D3D4;
}

.login-layout {
	background: url("https://make.oculos.no/img/MGL3744.jpg");
	background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
}

}
.block {
	background: #fff;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}

.table-toolbar .btn-toolbar .btn {
	color: #000;
	border: 1px solid #e6e6e6;
	border-radius: 0;
	box-shadow: none;
}

.form-control {
	border-radius: 0;
}

.container-tabs {
	background: #fff;
	border-radius: 0;
	box-shadow: none;
	z-index: 10;
	margin-bottom: 1px;
}

.dropdown, table .dropdown {
	border-radius: 0;
}

.modal .modal-footer {
	border-radius: 0;
}

.modal-content {
	border-radius: 0;
}

.signup-form-type-selector {
	border-radius: 0;
}
/* MAIN NAVAGATION COLOR */
.navbar-sub { 
	background: #D1E0D7 !important;
   	bod-shadow: none; }

/* MAIN BUTTONS */
.btn-primary { 
	background-color: #dddddd !important; }

.btn-primary-cta { 
	color: #000 !important; margin-left: 5px;
   	background: #fff;
    border-radius: 0;
    box-shadow: none; }
	
.btn-info, .btn-info:focus, .btn-info:active, .btn-info .active, .btn-info .open .dropdown-toggle.btn-info {
	background: #BBDDE6 !important;
	border: 1px solid #dde8ee !important;
	color: #000000 !important;
}

/* NAVIGATION */
.dropdown-menu {
	border: 1px solid #ddd;
	box-shadow: none;
	margin-top: 0 !important;
	border-radius: 0;
}
.navbar.navbar-action .breadcrumb li {
	font-size: 28px !important; 
	max-width: 450px !important;
	white-space: nowrap !important; 
	overflow: hidden !important; 
	text-overflow: ellipsis !important;
   	color: #000 !important; }

.navbar-action-dark .breadcrumb li { 
	color: #dddddd !important; }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	border-bottom: 3px solid #dddddd !important; }

.navbar-nav>li.active>a, .navbar-nav>li.active>a:focus, .navbar-nav>li.active>a:hover, .navbar-nav>li>a:active, .navbar-nav>li>a:focus, .navbar-nav>li>a:hover {
	border-bottom: 3px solid #0b090a !important; }


.navbar-nav>li.active>a:before, .navbar-nav>li>a:active:before, .navbar-nav>li>a:focus:before, .navbar-nav>li>a:hover:before {
	border-bottom-color: #0b090a !important;}

.navbar-nav>li.dropdown.open .dropdown-menu>li>a {
	border: none !important;}

.container-tabs .nav-tabs li.active>a {
	border-bottom: 3px solid #dddddd !important;}

.container-tabs .nav-tabs li.active a:active, .container-tabs .nav-tabs li.active a:focus, .container-tabs .nav-tabs li.active a:hover, .container-tabs .nav-tabs li.active>a {
	border-bottom: 3px solid #0b090a !important;}

.container-tabs .nav-tabs>li>a:hover {
	border-bottom: 3px solid #0b090a !important;}

.navbar-nav>li.dropdown.open>a {
	border-color: #0b090a !important;}

/* BUTTONS */
.btn-default { 
	color: #000 !important; 
	background: #D1E0D7 !important; 
	border: none !important; 
	border-radius: 0;}

.btn-info, 
.btn-info:focus, 
.btn-info:active, 
.btn-info .active, 
.btn-info .open .dropdown-toggle.btn-info {
	background: #dde8ee !important; 
	border: 1px solid #dde8ee !important; 
	color: #000000 !important; }
	
.btn-primary-action, .btn-primary-action:active, .btn-primary-action:focus {
	background: #fff;
	color: #000;
}
.btn-primary-action:active:hover, .btn-primary-action:focus:hover, .btn-primary-action:hover {
	color: #0aa4b0;
	background: #fff;
	box-shadow: none;
}

.btn-gray {
	background: #BBDDE6;
	color: #000;
	border: none;
	box-shadow: none;
	outline: none;
}
.btn-gray:hover {
	color: #fff;
	background: #fafcfc;
}

/* THEME */
.fa-success { 
	color: #dddddd !important; }

.alert-success {
	background-color: #dddddd !important; }

.spinner > div { 
	background-color: #dddddd !important; }

#layoutblocks>div:hover { 
	border: 3px solid #dddddd !important; }

.color-clicks { 
	color: #dddddd !important; }

.text-primary {
	color: #0b090a !important;}

.color-opens {
	color: #0b090a !important;}

.td-font-size a { 
	color: #dddddd !important; }

.alert-inline a {
	color: #dddddd !important; }

.stats-summary a {
	color: #dddddd !important; }

.thumbnail-custom {
	border: 1px solid #dddddd !important; }

.thumbnail-custom>span {
	background: #dddddd !important; }