html, body {
	height: 100%;
	background: #f3f6fb;
}

h5 {
	font-weight: 700;
}

status {
	color: #0d6efd;
}

label {
	font-size: 0.9rem;
}

.navbar-image {
	height: 40px;
	margin-right: 15px;
}

.navbar-image:first-of-type {
	background: #ffffff;
	border-radius: 12px;
}

.navbar-nav-user {
	margin: 0 15px 0 0;
	color: #ffffff;
}

.navbar-collapse span {
	display: flex;
	gap: 15px;
}

/* Global */
.tmi-content {
	display: flex;
/*	height: 100%;*/
	width: 100%;
}

/* Login */
.tmi-login {
	height: calc(100vh - 56px);
	width: 100%;

	display: flex;
	align-items: center;
}

.tmi-login-container {
	display: grid;
    min-width: 350px;
	margin: 0 auto;
	padding: 0 15px 15px 15px;
	gap: 15px;

    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgb(126 142 177 / 12%);
}

.tmi-login-container div img {
    width: 100%;
    padding: 11px;
    background: rgb(13, 110, 253);
    border-radius: 5px;
}

.tmi-login-container div img:first-of-type {
	height: 130px;
	background: #ffffff;
}

.tmi-login-container div img:last-of-type {
	height: 65px;
}

.tmi-login-container div p {
	margin-bottom: 0;
}

.tmi-login-container div span {
	display: grid;
	gap: 15px;
}

.tmi-login-container-header span {
	display: flex !important;
	align-items: center;
}

.tmi-login-container-header-title {
	font-weight: bold;
}

.tmi-login-container-error {
	margin-top: 5px;
	text-align: center;
	color: red;
	font-style: italic;
}

/* Create */
.tmi-create-container {
	width: 100%;
}

.tmi-create {
	width: 100%;
	margin: 0 auto;
	padding-top: 15px;
}

.tmi-create-form {
	padding: 15px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 2px 4px rgb(126 142 177 / 12%);
}

.tmi-create-form-checkbox {
	display: flex;
	align-items: center;
}

.tmi-create-form-checkbox p {
	margin: 0;
	padding-left: 5px;
}

/* List */
.tmi-list {
	width: 100%;
	margin-top: 15px;
}

.tmi-list-search {
	width: 90%;
	margin: 0 auto;
	padding: 15px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 2px 4px rgb(126 142 177 / 12%);
}

.tmi-list-search form {
	width: 95%;
	margin: 0 auto;
}

.tmi-list-a {
	text-decoration: none;
	color: #000000;
}

.tmi-list-a:hover {
	color: #000000;
}

.tmi-list-request {
	display: grid;
	grid-template-columns: 25% 50% 25%;
	align-items: center;
	min-height: 80px;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 15px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 2px 4px rgb(126 142 177 / 12%);
}

.tmi-list-request-company {
	display: flex;
	align-items: center;
}

.tmi-list-request-company h5 {
	margin: 0;
	padding-left: 20px;
}

.tmi-list-request-company img {
	height: 32px;
	width: 32px;
	margin-left: 15px;
}

.tmi-list-request-instrument p {
	display: flex;
}

.tmi-list-request-instrument p b {
	min-width: 120px;
}

.tmi-list-request-instrument p i {
	margin-left: auto;
	text-align: right;
}

.tmi-list-request p {
	font-size: 0.8rem;
	margin: 0;
	padding-left: 20px;
}

/* View */
.tmi-view {
	width: 100%;
	margin: 0 auto;
	font-size: 0.9rem;
}

.tmi-view-inter {
	display: flex;
	margin-top: 15px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 2px 4px rgb(126 142 177 / 12%);
}

.tmi-view-inter span {
	width: 100%;
	padding: 20px;
}

.tmi-view-inter-status { 
	display: grid;
	grid-template-columns: 90% 10%;
}

.tmi-view-inter-status-container {
	display: grid;
	grid-template-columns: 50% 50%;
}

.tmi-view-inter-status div p {
	margin-bottom: 0;
}

.tmi-view-inter-status-container-button {
	display: flex;
	align-items: center;
}

.tmi-view-inter-status-container-button button {
	margin: 0 auto;
}

.tmi-view-inter-new {
	display: grid;
	grid-template-columns: 90% 10%;
}

.tmi-view-inter-new-button {
	display: flex;
	align-items: center;
}

.tmi-view-inter-new-button button {
	height: 55px;
	width: 55px;
	margin: 0 auto;
	font-size: 1.5rem;
}

.tmi-view-data {
	display: grid;
	margin-top: 15px;
	margin-bottom: 15px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 2px 4px rgb(126 142 177 / 12%);
}

.tmi-view-data-header {
	display: grid;
	grid-template-columns: auto 100px;
	margin-bottom: 15px;
}

.tmi-view-data-header a {
	height: 37.3333px;
}

.tmi-view-data-header-title {
	display: flex;
	align-items: center;
}

.tmi-view-data-header-title img {
	height: 32px;
}

.tmi-view-data-header-title-text {
	margin-left: 15px;
}

.tmi-view-data-header-title-text h5, .tmi-view-data-header-title-text p {
	margin: 0;
}

.tmi-view-data span {
	padding: 20px;
}

.tmi-view-data span p {
	margin: 0;
}

.tmi-view-data-info {
	display: grid;
	grid-template-columns: 68% 32%;
}

.tmi-view-data-instrument, .tmi-view-data-contact {
	display: grid;
	grid-template-columns: 33.99999% 33.99999% 33.99999%;
}

.tmi-view-comment {  
	display: grid;
	margin-top: 15px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 2px 4px rgb(126 142 177 / 12%);
}

.tmi-view-comment span {
	width: 100%;
	padding: 15px;
}

.tmi-view-comment span div {
	display: grid;
	grid-template-columns: auto 100px;
	margin-bottom: 15px;
}

.tmi-view-files {
	display: flex;
	margin-top: 15px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 2px 4px rgb(126 142 177 / 12%);
}

.tmi-view-files span {
	width: 100%;
	padding: 15px;
}

.tmi-view-files span div {
  display: grid;
  grid-template-columns: auto 100px;
  margin-bottom: 15px;
}

.tmi-view-files table {
	border-collapse: unset;
	margin-bottom: 0;
}

.tmi-view-file-new {
	display: flex;
	align-items: center;
}

.tmi-view-info {
	display: grid;
	margin-top: 15px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 2px 4px rgb(126 142 177 / 12%);
}

.tmi-view-info p {
	margin-bottom: 0;
}

.tmi-view-info span {
	margin-bottom: 10px;
	padding: 20px;
}

.tmi-view-info span div {
	display: grid;
	grid-template-columns: auto 100px;
	margin-bottom: 15px;
}

.tmi-view-info span p {
	display: flex;
	align-items: center;
}

.tmi-view-info span b, .tmi-view-info span a {
	margin-left: auto;
}

.tmi-view-info form {
	display: grid;
	grid-template-columns: 85% 15%;
}

.tmi-view-report {
	position: fixed;
	bottom: 0;
	right: 0;
	margin-right: 15px;
	margin-bottom: 15px;
}

.tmi-view-report img {
	height: 32px;
	width: 32px;
	margin-left: -5px;
	margin-right: 5px;
	border-radius: .25rem;
}