body{
	width: 100%;
	height: 100%;
	color: #e5e5e5;
	background-color: #3C4252;
}

.bg-wrapper{    
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('../img/exatrek-polygon-bg.jpg') no-repeat;
    background-size: cover;
    background-color: #35393c;
    z-index: 99999;
    padding-top: 100px;
    
    color: rgba(0,0,0,.87);
}

.logo{
	width: 300px;
}

.logo img{
	width: 300px;
}

.content{
	margin-top: 50px;
}

.button{
	margin-top: 30px;
}

.btn-exa { 
  color: #FFFFFF; 
  background-color: #27A89A !important; 
  border-color: #27A89A !important; 
} 
 
.btn-exa:hover, 
.btn-exa:focus, 
.btn-exa:active, 
.btn-exa.active, 
.open .dropdown-toggle.btn-exa { 
  color: #FFFFFF; 
  background-color: #27a89a; 
  border-color: #27A89A; 
} 
 
.btn-exa:active, 
.btn-exa.active, 
.open .dropdown-toggle.btn-exa { 
  background-image: none; 
} 
 
.btn-exa.disabled, 
.btn-exa[disabled], 
fieldset[disabled] .btn-exa, 
.btn-exa.disabled:hover, 
.btn-exa[disabled]:hover, 
fieldset[disabled] .btn-exa:hover, 
.btn-exa.disabled:focus, 
.btn-exa[disabled]:focus, 
fieldset[disabled] .btn-exa:focus, 
.btn-exa.disabled:active, 
.btn-exa[disabled]:active, 
fieldset[disabled] .btn-exa:active, 
.btn-exa.disabled.active, 
.btn-exa[disabled].active, 
fieldset[disabled] .btn-exa.active { 
  background-color: #27A89A; 
  border-color: #27A89A; 
} 
 
.btn-exa .badge { 
  color: #27A89A; 
  background-color: #FFFFFF; 
}

.login-form-wrapper{
    flex-direction: column;
    box-sizing: border-box;
    display: flex;
    place-content: center;
    align-items: center;
}

.login-form{
	width: 384px;
    max-width: 384px;
    padding: 32px;
    background: #fff;
    text-align: center;
    box-shadow: 0 8px 10px -5px rgb(0 0 0 / 20%), 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%);
}

.authenticated-page{
	width: 650px;
    max-width: 650px;
    padding: 32px;
    background: #fff;
    text-align: center;
    box-shadow: 0 8px 10px -5px rgb(0 0 0 / 20%), 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%);
}

.login-logo {
    width: 100%;
    height: 80px;
    margin: 10px 0;
    background-size: 70%;
    background-repeat: no-repeat;
    background-image: url('../img/exatrek_logo_dark.png');
    background-position: 50%;
}

.login-title {
   text-transform: uppercase;
   font-size: 20px;
   margin: 16px 0 32px;
}

.login-button {
    width: 220px;
    margin: 16px auto;
    display: block;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}

th, td {
    text-align: left;
    padding: 8px;
    border-bottom: 1px solid #ddd;
    color: rgba(0,0,0,.87);
}

th {
    font-weight: bold;
}

.scope-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}