html, body {
  height: 100%;
}

.middle_align {
  vertical-align: middle;
}

.left_align {
  margin-bottom: 9px;
  text-align: left;
}

.right_align {
  text-align: right;
}

.center_align {
  text-align: center;
}

.flex {
  position: relative;
  justify-content: center;
  justify-items: center;
}

.logo {
  height: 80px;
  width: 260px;
}

.column {
  float: left;
  width: 50%;
  padding: 7px !important;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.center {
  margin: auto;
  max-width: 500px;
  padding: 5px;
  height: 100%;
  vertical-align: middle;
}


.main {
  height: 100%;
  width: 100%;
  display: table;
}

.wrapper {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

input.hidden {
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  outline: none;
  border: 0px;
}

.scroll {
  overflow-y: scroll;
  height: 415px;
}

.notification_padding {
  padding: 0px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.pdf-content {
  height: 75vh;
  width: 100%;
}

.full-width {
  width: 95%;
}

.datetimepicker-dummy-input {
  max-width: unset !important;
}

.datetimepicker-dummy-wrapper {
  border-radius: 4px;
}

.is-multiple option{
  min-height: 37.6px;
}

#selectMaterialCertif  option[disabled],
#selectDiametroCertif  option[disabled]{
  display: none;
}

#selectDiametroCertif{
  overflow-y: scroll;
}


.responsive-full-width {
  width: 80%;
}

@media screen and (max-width: 1000px) {
  .responsive-full-width {
     width: 100%;
     overflow: hidden;
     margin: 0 -150px 0 -150px;
  }
}

.actionsButtons {
  max-width: 220px;
}

aside{
  display:flex;
  flex-direction: column;
  margin-left: 1px;
}

aside[data-visible="false"]{
   display: '';
   flex-direction: column;
  margin-left: 1px;
}


@media screen and (min-width: 769px) {
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 15.66667%;
  }
}


.nav-container{
  padding-bottom: 5% !important;
  text-align: -webkit-center;
}

.centerNav{
  width: 100%;
  border-radius: 10px;
}

.is-sizeLogout{
  width: 0px;
  height: 23px;
  margin-top: 1px;
}

.is-backgroundColor-Personalized{
  background-color: #2d5399 !important;
}

.area-box{
  padding: 35px 25px 10px;
  border-radius: 10px;
  background-color: #3273dc05;
  border: solid 1px #2121;
  margin: 15px 0px 20px;
  padding-bottom: 25px;
}



.review-certificates-box{
  padding: 35px 0px 10px;
  border-radius: 10px;
  background-color: #3273dc05;
  border: solid 1px #2121;
  margin: 15px 0px 20px;
}

.review-certificates-box .row .column {
  width: fit-content;
}

.invalid-input, .invalid-input:hover, .invalid-input:active {
  border-color: #dc3247 !important;
  box-shadow: 0 0 0 0.125em rgb(220 50 70 / 25%) !important;
}

.invalid-input::-webkit-input-placeholder {
  color: #dc3247 !important;
}

.error-box{
  padding: 10px 0px 10px;
  border-radius: 10px;
  background-color: #f8cfd4;
  border: solid 1px #e49a9a;
  margin: 15px 0px 20px;
  text-align: center;
}

.disabled-input {
  background-color: #f2f2f2;
  pointer-events: none;
}

.input-file {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.info-message-under {
  margin-bottom: 0 !important;
}

.reassign-uo-modal-card{
  width: 40%;
  max-width: 510px;
  }

.reassign-uo-modal-body{
border-radius: 0px 0px 4px 4px;
}

.title-reassign-uo-modal-style{
  margin: 0px 0px 0px 31%;
  font-weight: bold;
  font-size: 15px;
}

.modal-head-style{
 color: #f2f2f2;
 background-color: #2d5399;
 text-align: center;
 padding: 12px;
}

.reassign-modal-text-style{
  font-size: smaller;
}

#select-tag-style{
  width: 330px;
  max-width: 330px;
  margin: 20px 0px 10px 16%;
  border-radius: 4px;
  font-size: smaller;
}

.reassign-modal-buttons{
  margin: 10px 0px 15px 36%;
}

.footer-font{
  font-size: x-small;
  margin: 5px 0px 0px 0px;
}

.labelContractDetail{
  color: #363636;
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  margin-right: 10px;
}

.labelContractDetail li{
  padding: 5px 16px;
}