@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
body {
  font-family: "Roboto", sans-serif;
  background-color: white;
  color: black;
}

/* ANONYMOUS INDEX PAGE STYLE */
#container-anonymous {
  font-family: "Roboto", sans-serif;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 100px 1fr 120px;
  grid-template-areas: "header header header" "login login login" "footer-address footer-logo footer-contact";
  background-color: #001433;
  min-height: 100vh;
  min-width: 100%;
  color: #FFFFFF;
}
#container-anonymous #header-anonymous {
  background: url("/static/img/LOGO NOV.IO_Plan de travail 1 copie 6.svg"), #0B2240;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  grid-area: header;
  border-radius: 45px;
}
#container-anonymous #login-anonymous {
  background: url("/static/img/LOGO NOV.IO_Plan de travail 1 copie 4.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
  grid-area: login;
  display: grid;
  grid-template-columns: 1fr;
  grid-row: 1fr;
  grid-template-areas: "login-box";
}
#container-anonymous #login-anonymous #login-box {
  grid-area: login-box;
  text-align: center;
  justify-self: center;
  align-self: center;
}
#container-anonymous #login-anonymous #login-box p {
  font-weight: bold;
  font-size: 40px;
}
#container-anonymous #login-anonymous #login-box a {
  font-size: 28px;
  color: #FFFFFF;
  border: 1px solid #E32339;
  border-radius: 45px;
  padding: 3px 15px 3px 0;
  margin-top: 50px;
}
#container-anonymous #footer-address {
  grid-area: footer-address;
  color: rgba(255, 255, 255, 0.6980392157);
  justify-self: center;
  align-self: center;
  display: grid;
  grid-template-columns: auto auto;
  grid-row: 1fr;
  grid-template-areas: "footer-address-logo footer-address-content";
}
#container-anonymous #footer-address #footer-address-logo {
  grid-area: footer-address-logo;
  justify-self: center;
  align-self: center;
  margin-right: 10px;
}
#container-anonymous #footer-address #footer-address-content {
  grid-area: footer-address-content;
  justify-self: center;
  align-self: center;
}
#container-anonymous #footer-logo {
  grid-area: footer-logo;
  background: url("/static/img/NOVANCES IT BLANC.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  justify-self: center;
  align-self: center;
  width: 235px;
  height: 50px;
}
#container-anonymous #footer-contact {
  grid-area: footer-contact;
  color: rgba(255, 255, 255, 0.6980392157);
  justify-self: center;
  align-self: center;
}

/* END OF ANONYMOUS INDEX PAGE STYLE */
/* BASE GENERIC PAGE STYLE */
/* GRID DEFINITION */
#myHuGay {
  background-color: #0B2240;
  min-width: 100%;
  min-height: 100vh;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto 1fr 120px;
  grid-template-areas: "menu menu menu" "messages messages messages" "main-content main-content main-content" "footer-address footer-logo footer-contact";
}
#myHuGay #navbar {
  grid-area: menu;
}
#myHuGay #messages {
  grid-area: messages;
  color: red;
}
#myHuGay #main-content {
  grid-area: main-content;
  padding-top: 15px;
  display: grid;
}
#myHuGay #footer-address {
  grid-area: footer-address;
  color: rgba(255, 255, 255, 0.6980392157);
  justify-self: center;
  align-self: center;
  display: grid;
  grid-template-columns: auto auto;
  grid-row: 1fr;
  grid-template-areas: "footer-address-logo footer-address-content";
}
#myHuGay #footer-address #footer-address-logo {
  grid-area: footer-address-logo;
  justify-self: center;
  align-self: center;
  margin-right: 10px;
}
#myHuGay #footer-address #footer-address-content {
  grid-area: footer-address-content;
  justify-self: center;
  align-self: center;
}
#myHuGay #footer-logo {
  grid-area: footer-logo;
  background: url("/static/img/NOVANCES IT BLANC.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  justify-self: center;
  align-self: center;
  width: 235px;
  height: 50px;
}
#myHuGay #footer-contact {
  grid-area: footer-contact;
  color: rgba(255, 255, 255, 0.6980392157);
  justify-self: center;
  align-self: center;
}

/* END OF GRID DEFINITION */
/* NAVBAR STYLE */
.navbar {
  background-color: #EEF8FD;
  border-bottom: 1px solid;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  color: #001433;
}

.navbar-text,
.dropdown-items,
.nav-link,
.nav-link:focus,
.nav-link:hover,
.nav-link:focus,
.nav-link:hover {
  color: #001433 !important;
}

.nav-item {
  text-transform: uppercase;
}

/* END OF NAVBAR STYLE */
/* END OF BASE GENERIC PAGE STYLE */
/* INDEX LOGGED IN STYLE */
#index-logged-in-content {
  text-align: center;
  margin: auto;
  color: #FFFFFF;
}

/* END OF INDEX LOGGED IN STYLE */
/* RECORDS LIST VIEW STYLE */
#records-list-view {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto auto 1fr;
  grid-template-areas: "add-record" "title" "search-fields" "records-list";
  color: #FFFFFF;
  padding: 0 2vw;
}
#records-list-view #records-list-view-add-button {
  text-transform: uppercase;
  grid-area: add-record;
  justify-self: end;
  font-size: 20px;
  color: #FFFFFF;
  border: 1px solid #29ABE2;
  border-radius: 45px;
  padding: 3px 10px;
  margin-bottom: 20px;
}
#records-list-view #records-list-view-title {
  text-transform: uppercase;
  grid-area: title;
  padding-bottom: 5px;
  border-bottom: 1px solid #29ABE2;
}
#records-list-view #records-list-search-fields {
  text-transform: uppercase;
  grid-area: search-fields;
  padding-bottom: 5px;
  display: grid;
  grid-template-columns: 1fr 1vw auto;
  grid-template-rows: auto;
  grid-template-areas: "fields . submit-button";
}
#records-list-view #records-list-search-fields #search-fields {
  grid-area: fields;
}
#records-list-view #records-list-search-fields #search-fields input {
  display: inline-block;
  width: auto;
}
#records-list-view #records-list-search-fields #search-submit-button {
  justify-self: end;
  text-transform: uppercase;
  grid-area: submit-button;
  justify-self: end;
  font-size: 20px;
  color: #FFFFFF;
  border: 1px solid #29ABE2;
  border-radius: 45px;
  padding: 3px 10px;
  margin-bottom: 20px;
}
#records-list-view #records-list-view-list {
  grid-area: records-list;
  margin-top: 10px;
  color: #FFFFFF;
}
#records-list-view #records-list-view-list .records-table {
  width: 100%;
  border-collapse: separate;
}
#records-list-view #records-list-view-list .records-table tr {
  height: 50px;
}
#records-list-view #records-list-view-list .records-table th, #records-list-view #records-list-view-list .records-table td {
  vertical-align: middle;
}
#records-list-view #records-list-view-list .records-table thead {
  text-align: center;
  text-transform: uppercase;
}
#records-list-view #records-list-view-list .records-table thead th {
  padding-top: 15px;
}
#records-list-view #records-list-view-list .records-table thead th:nth-child(1) {
  border-top-left-radius: 50px;
}
#records-list-view #records-list-view-list .records-table thead th:last-child {
  border-top-right-radius: 50px;
}
#records-list-view #records-list-view-list .records-table tbody {
  padding-bottom: 15px;
  text-align: center;
}
#records-list-view #records-list-view-list .records-table tbody tr {
  background-color: #03244F;
}
#records-list-view #records-list-view-list .records-table tbody tr:nth-child(2n) {
  background-color: #04245A;
}
#records-list-view #records-list-view-list .records-table tbody tr:last-child td:nth-child(1) {
  border-bottom-left-radius: 50px;
}
#records-list-view #records-list-view-list .records-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 50px;
}

/* END OF RECORDS LIST VIEW STYLE */
/* VIEW RECORD STYLE */
#view-record {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "update-record" "title" "view-record";
  color: #FFFFFF;
  padding: 0 2vw;
}
#view-record .view-record-related-records-title {
  margin: 15px 0;
  padding-bottom: 5px;
  text-transform: uppercase;
  border-bottom: 1px solid #29ABE2;
}
#view-record .view-record-related-records-table {
  width: 100%;
  border-collapse: separate;
}
#view-record .view-record-related-records-table tr {
  height: 50px;
}
#view-record .view-record-related-records-table th, #view-record .view-record-related-records-table td {
  vertical-align: middle;
}
#view-record .view-record-related-records-table thead {
  text-align: center;
  text-transform: uppercase;
}
#view-record .view-record-related-records-table thead th {
  padding-top: 15px;
}
#view-record .view-record-related-records-table thead th:nth-child(1) {
  border-top-left-radius: 50px;
}
#view-record .view-record-related-records-table thead th:last-child {
  border-top-right-radius: 50px;
}
#view-record .view-record-related-records-table tbody {
  padding-bottom: 15px;
  text-align: center;
}
#view-record .view-record-related-records-table tbody tr {
  background-color: #03244F;
}
#view-record .view-record-related-records-table tbody tr:nth-child(2n) {
  background-color: #04245A;
}
#view-record .view-record-related-records-table tbody tr:last-child td:nth-child(1) {
  border-bottom-left-radius: 50px;
}
#view-record .view-record-related-records-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 50px;
}
#view-record #view-record-update-button {
  text-transform: uppercase;
  grid-area: update-record;
  justify-self: end;
  font-size: 20px;
  color: #FFFFFF;
  border: 1px solid #29ABE2;
  border-radius: 45px;
  padding: 3px 10px;
  margin-bottom: 20px;
}
#view-record #view-record-title {
  text-transform: uppercase;
  grid-area: title;
  padding-bottom: 5px;
  border-bottom: 1px solid #29ABE2;
}
#view-record #view-record-content {
  grid-area: view-record;
  margin: 50px 0;
  align-self: center;
}
#view-record #view-record-content > div {
  display: flex;
  align-items: center;
}
#view-record #view-record-content > div label {
  padding: 12px 0 12px 30px;
  text-transform: uppercase;
  height: 100%;
}
#view-record #view-record-content > div:first-child label {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
#view-record #view-record-content > div:last-child label {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom: none;
}
#view-record #view-record-content input {
  cursor: auto;
}
#view-record #view-record-content input:focus {
  background-color: #112F50;
  color: #FFFFFF;
}

/* END OF VIEW RECORD STYLE */
/* UPDATE RECORD STYLE */
#create-record {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "title" "create-record-form";
  color: #FFFFFF;
  padding: 0 2vw;
}
#create-record #create-record-title {
  text-transform: uppercase;
  grid-area: title;
  padding-bottom: 5px;
  border-bottom: 1px solid #29ABE2;
}
#create-record #create-record-form {
  grid-area: create-record-form;
  margin: 50px 0;
  align-self: center;
  display: grid;
}
#create-record #create-record-form .related-records-table {
  width: 100%;
  border-collapse: separate;
  margin-top: 5px;
}
#create-record #create-record-form .related-records-table tr {
  height: 50px;
}
#create-record #create-record-form .related-records-table th, #create-record #create-record-form .related-records-table td {
  vertical-align: middle;
}
#create-record #create-record-form .related-records-table thead {
  text-align: center;
  text-transform: uppercase;
}
#create-record #create-record-form .related-records-table thead th {
  padding-top: 15px;
}
#create-record #create-record-form .related-records-table thead th:nth-child(1) {
  border-top-left-radius: 50px;
}
#create-record #create-record-form .related-records-table thead th:last-child {
  border-top-right-radius: 50px;
}
#create-record #create-record-form .related-records-table tbody {
  padding-bottom: 15px;
  text-align: center;
}
#create-record #create-record-form .related-records-table tbody tr {
  background-color: #03244F;
}
#create-record #create-record-form .related-records-table tbody tr:nth-child(2n) {
  background-color: #04245A;
}
#create-record #create-record-form select[multiple] {
  border-radius: 20px 0 0 20px;
  padding: 10px;
}
#create-record #create-record-form select:focus {
  background-color: #112F50;
  color: #FFFFFF;
}
#create-record #create-record-form textarea {
  padding: 20px;
}
#create-record #create-record-form > div:not(#hardwares-and-applications):not(#computers-and-accounts) {
  display: flex;
  align-items: center;
}
#create-record #create-record-form > div:not(#hardwares-and-applications):not(#computers-and-accounts) > label {
  padding: 10px 0 10px 30px;
  text-transform: uppercase;
  height: 100%;
}
#create-record #create-record-form > div:first-of-type > label {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
#create-record #create-record-form > div:last-of-type label {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom: none;
}
#create-record #create-record-form #create-record-button {
  margin-top: 20px;
  justify-self: end;
  text-transform: uppercase;
  font-size: 20px;
  color: #FFFFFF;
  border: 1px solid #29ABE2;
  border-radius: 45px;
  padding: 3px 10px;
}

/* END OF CREATE RECORD STYLE */
/* UPDATE RECORD STYLE */
#update-record {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "title" "update-record-form";
  color: #FFFFFF;
  padding: 0 2vw;
}
#update-record #update-record-title {
  text-transform: uppercase;
  grid-area: title;
  padding-bottom: 5px;
  border-bottom: 1px solid #29ABE2;
}
#update-record #update-record-form {
  grid-area: update-record-form;
  margin: 50px 0;
  align-self: center;
  display: grid;
}
#update-record #update-record-form .related-records-table {
  width: 100%;
  border-collapse: separate;
  margin-top: 5px;
}
#update-record #update-record-form .related-records-table tr {
  height: 50px;
}
#update-record #update-record-form .related-records-table th, #update-record #update-record-form .related-records-table td {
  vertical-align: middle;
}
#update-record #update-record-form .related-records-table thead {
  text-align: center;
  text-transform: uppercase;
}
#update-record #update-record-form .related-records-table thead th {
  padding-top: 15px;
}
#update-record #update-record-form .related-records-table thead th:nth-child(1) {
  border-top-left-radius: 50px;
}
#update-record #update-record-form .related-records-table thead th:last-child {
  border-top-right-radius: 50px;
}
#update-record #update-record-form .related-records-table tbody {
  padding-bottom: 15px;
  text-align: center;
}
#update-record #update-record-form .related-records-table tbody tr {
  background-color: #03244F;
}
#update-record #update-record-form .related-records-table tbody tr:nth-child(2n) {
  background-color: #04245A;
}
#update-record #update-record-form select[multiple] {
  border-radius: 20px 0 0 20px;
  padding: 10px;
}
#update-record #update-record-form select:focus {
  background-color: #112F50;
  color: #FFFFFF;
}
#update-record #update-record-form textarea {
  padding: 20px;
}
#update-record #update-record-form > div {
  display: flex;
  align-items: center;
}
#update-record #update-record-form > div > label {
  padding: 10px 0 10px 30px;
  text-transform: uppercase;
  height: 100%;
}
#update-record #update-record-form > div:first-of-type > label {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
#update-record #update-record-form > div:last-of-type label {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom: none;
}
#update-record #update-record-form #update-record-button {
  margin-top: 20px;
  justify-self: end;
  text-transform: uppercase;
  font-size: 20px;
  color: #FFFFFF;
  border: 1px solid #29ABE2;
  border-radius: 45px;
  padding: 3px 10px;
}

/* END OF UPDATE RECORD STYLE */
/* UPLOAD FILE STYLE */
#upload-file {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "title" "upload-file-form";
  color: #FFFFFF;
  padding: 0 2vw;
}
#upload-file #upload-file-title {
  text-transform: uppercase;
  grid-area: title;
  padding-bottom: 5px;
  border-bottom: 1px solid #29ABE2;
}
#upload-file #upload-file-form {
  grid-area: upload-file-form;
  margin: 50px 0;
  align-self: center;
  display: grid;
}
#upload-file #upload-file-form select[multiple] {
  border-radius: 20px 0 0 20px;
  padding: 10px;
}
#upload-file #upload-file-form select:focus {
  background-color: #112F50;
  color: #FFFFFF;
}
#upload-file #upload-file-form textarea {
  padding: 20px;
}
#upload-file #upload-file-form > div {
  display: flex;
  align-items: center;
}
#upload-file #upload-file-form > div > label {
  padding: 10px 0 10px 30px;
  text-transform: uppercase;
  height: 100%;
}
#upload-file #upload-file-form > div:first-of-type > label {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
#upload-file #upload-file-form > div:last-of-type label {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom: none;
}
#upload-file #upload-file-form #upload-file-button {
  margin-top: 20px;
  justify-self: end;
  text-transform: uppercase;
  font-size: 20px;
  color: #FFFFFF;
  border: 1px solid #29ABE2;
  border-radius: 45px;
  padding: 3px 10px;
}

#upload-file-button {
  margin-top: 20px;
  justify-self: end;
  text-transform: uppercase;
  font-size: 20px;
  color: #FFFFFF;
  border: 1px solid #29ABE2;
  border-radius: 45px;
  padding: 3px 10px;
}

/* END OF UPLOAD FILE STYLE */
/* GENERAL STYLES */
.text-align-center {
  text-align: center;
}

.table-background-light-blue {
  background-color: #04245A;
}

.table-background-dark-blue {
  background-color: #03244F;
}

.field-title {
  background-color: #012460;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4392156863);
}

.field-value {
  border: 1px solid #29ABE2;
  border-radius: 50px;
  color: #FFFFFF;
  background-color: #112F50;
}

h4 {
  color: #FFFFFF;
}

.related-records-table thead tr th {
  border-top: 1px solid #29ABE2;
}
.related-records-table thead tr th:first-of-type {
  border-left: 1px solid #29ABE2;
}
.related-records-table thead tr th:last-of-type {
  border-right: 1px solid #29ABE2;
}
.related-records-table tbody tr td:first-of-type {
  border-left: 1px solid #29ABE2;
}
.related-records-table tbody tr td:last-of-type {
  border-right: 1px solid #29ABE2;
}
.related-records-table tbody tr:last-of-type td {
  border-bottom: 1px solid #29ABE2;
}

.field-title-related-records {
  margin: 15px 0;
  padding-bottom: 5px;
  text-transform: uppercase;
  border-bottom: 1px solid #29ABE2;
}

.tox-tinymce {
  border-radius: 15px !important;
  border: 1px solid #29ABE2 !important;
}

/* CREATE ASSIGNED COMPUTER STYLE */
#hardwares-and-applications, #computers-and-accounts {
  width: 100%;
}
#hardwares-and-applications > table td input[type=checkbox], #computers-and-accounts > table td input[type=checkbox] {
  vertical-align: middle;
  text-align: center;
  margin: auto;
}

/* END OF CREATE ASSIGNED COMPUTER STYLE *//*# sourceMappingURL=styles.css.map */