/* Global */

body {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #666;
	background-color: #f1f2f7;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
    margin-bottom: 2rem;
    color: #068241;
}

a {
	color: #068241;
}

a:focus, a:hover {
    color: #068241;
    text-decoration: underline;
}

ol, ul {
	margin-bottom: 2rem;
}

/* Bootstrap-specific */

.container {
	width: 100%;
	max-width: 100%;
}

.form-group-half {
    width: 47.5%;
    float: left;
}

.form-group-half + .form-group-half {
    margin-left: 5%;
}

.form-group .small, .form-group small {
    font-size: 14px;
    font-style: italic;
    margin-top: 0.5em;
    display: block;
    line-height: 1.2;
}

.table thead {
	background-color: #068241;
	color: #fff;
	white-space: nowrap;
}

.table thead th {
	font-weight: 400;
}

.dataTables_info {
	font-size: 14px;
	font-style: italic;
}

.dataTables_wrapper .row:first-of-type {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 480px;
}

.link-to-single {
	font-weight: 700;
}

.intern {
	margin-left: 0.5em;
}

.btn {
	border-radius: 2em;
    padding: 0.75em 1.25em;
    line-height: 1;
    font-size: 1em;
}

.btn + .btn {
	margin-left: 12px;
}

.btn .fa {
	margin-right: 0.5em;
}

.btn-primary {
	background-color: #f5e604;
	color:#333;
	border: 0;
}

.btn-primary:hover {
    background-color: #f5e604;
    color: #333;
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
	background-color: #f5e604;
}

.btn-primary.focus, .btn-primary:focus {
    background-color: #f5e604;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    background-color: #f5e604;
}

.btn-link {
    color: #666;
}

.btn-link:focus, .btn-link:hover {
    color: #666;
}


/* Custom CSS */

html, body {
    height: 100%;
}

body {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

#login .card {
	background-color: #068241;
    border-color: #dfdfdf;
	width: 320px;
	max-width: 100%;
}

#login .card-header {
	background-color: #fff;
    overflow: hidden;
    border-bottom: 1px solid #068241;
}

#login .card-header img {
    width: 102%;
    margin-left: -1%;
}

#login .invalid-feedback {
	color: white;
}

#login .invalid-feedback ul {
	list-style: none;
	margin: 0;
	padding: 0;
}