* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  list-style: none;
  outline: none;
  font-family: 'Manrope', sans-serif;

}

.logo_file{
  margin:5px;
  display:-webkit-inline-box !important;
  display:-ms-inline-flexbox !important;
  display:inline-flex !important
}


.swal2-checkbox{
  display:none !important
}

h1 {
  font-weight: 400;
  color: rgb(55, 85, 127);
  font-size:28px;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin:0 auto;
  padding: 0em 0em 0em;
}

.globalContainer {
  width: 1000px;
}

.containerTitle {
  
  margin-bottom:0px;
  background-color:#307ecc3e;
  color:#19436e;
  padding:40px;
  border-left:5px solid #307ecc;
  border-radius:7px;

  
}

.containerForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap:nowrap;
      flex-wrap:nowrap;
  gap: 10px;
  margin: 20px 0px;
}

.containerFormDate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap:nowrap;
      flex-wrap:nowrap;
  gap: 10px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  margin: 20px 0px;
  width: 100%;
}

.typeDate {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.containerRadio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.containerRadio * {
  cursor: pointer;
}

.containerRadio label{
  margin-top:5px
}

.radioTitle {
  font-weight: 500;
  margin-bottom: 9px;
}

.containerField {
  width: 100%;
}

.containerFieldDate {
  width: 33%;
}

label {
  color: rgb(95, 95, 95);
  display: block !important;
  margin-bottom: 0.5em;

}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"], select,
textarea {
  width: 100%;
  border: 1px solid rgb(163, 165, 172);
  border-radius: 4px;
  padding: 14px 10px;
  font-size: 16px;
}




input:-moz-read-only {
  -moz-user-select: none;
       user-select: none;
  background-color:#eee;
}




input:read-only {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color:#eee;
}
      

textarea{
  height:220px;
}


input:focus, select:focus,
textarea:focus {
  border: 1px solid rgb(88, 112, 201);
}


input:invalid{
  border: 1px solid rgb(224, 50, 50);
  background-color:rgba(224, 50, 50, 0.159);

}

input::-webkit-input-placeholder {
  font-size: 12px;
}

input::-moz-placeholder {
  font-size: 12px;
}

input:-ms-input-placeholder {
  font-size: 12px;
}

input::-ms-input-placeholder {
  font-size: 12px;
}

input::placeholder {
  font-size: 12px;
}

section {
  padding: 50px 0px;
  border-bottom: 1px solid rgb(181, 181, 181);
}

.invisible {
  display: none;
}

.form-submit-button {
  padding: 20px !important;
  color: #fff;
  margin-top: 20px;
  cursor: pointer;
  font-weight: 500;
  border-radius: 5px;
  width: 100%;
  display: block;
  background-color: #307ecc;
  border: none;
  font-size: 16px;
  -webkit-transition: 100ms linear;
  -o-transition: 100ms linear;
  transition: 100ms linear;
}

.form-delete-button {
  padding: 20px !important;
  color: #e03232;
  margin-top: 20px;
  cursor: pointer;
  font-weight: 500;
  border-radius: 5px;
  width: 30%;
  display: block;
  border: none;
  font-size: 16px;
  -webkit-transition: 100ms linear;
  -o-transition: 100ms linear;
  transition: 100ms linear;
}

.form-submit-button:hover {
  -webkit-transition: 300ms linear;
  -o-transition: 300ms linear;
  transition: 300ms linear;
  background-color: #236ab0;
}

#footerForm p {
  margin-top: 20px;
  display: block;
  text-align: center;
  font-size: 16px;
  color: rgb(123, 123, 123);
}

.advice {
  background-color: rgba(178, 178, 178, 0.505);
  padding: 15px;
  color: rgba(59, 59, 59, 0.996);
  font-size: 15px;
  border-left: 4px solid rgba(103, 103, 103, 0.996);
  width: 100%;
}

.separator {
  margin: 20px;
  display: block;
}

/* Pages */

#footerForm .pages {
  margin-top:30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex ;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width:100%;
}

#footerForm .pages a {
  width:60px;
  height:60px;
  border-radius:50%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin:0 auto;

}





.invisible{
  display:none !important;
}


.content{
  background-color: rgba(178, 178, 178, 0.505);
  padding: 15px;
  color: rgba(59, 59, 59, 0.996);
  font-size: 15px;
  border-left: 4px solid rgba(103, 103, 103, 0.996);
  width: 100%;
  border-radius:6px;
}

.content a {
  display:block;
  margin-bottom:10px;
}


.content p{
  color: rgb(95, 95, 95);
}

.content h2{
  color: rgb(52, 52, 52);
  margin:20px 0px;
  font-size:22px

}

.required{
  color:red;
}


label{
  cursor:pointer
}



/* Help */
.mark{
  width:20px;
  height:20px;
  background-color:#aebdcc;
  border-radius:50%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}



.help{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap:10px;
  margin-bottom:5px;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: start !important;
  -ms-flex-wrap:wrap-reverse;
      flex-wrap:wrap-reverse
  
}

.help label{
  margin-top:10px
}

img{
  cursor:pointer;
  display:block;
  width:12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;


}

.swal2-styled.swal2-confirm{
  background-color: #307ecc !important;
}

.swal2-icon {
  -webkit-transform:scale(90%);
      -ms-transform:scale(90%);
          transform:scale(90%)
}


.delete-btn{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:10px;
  margin-top:20px
}

.delete-btn input{
  width:30px;
  background-color:transparent !important;
  border:none;
  padding:0px !important;
  
}

.delete-btn label{
  cursor:auto !important
}

.delete-form{
  padding:100px 0px 100px 0px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin:0 auto;

}


.always_hidden{
  display:none !important
}

.form-radio-item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap:10px;
}

form{
  width:90%;
}


.toolbar_container{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.toolbar{
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap:10px;
  padding:10px;
  background-color:#eee;
  border:1px solid rgb(214, 214, 214);
  border-radius:6px;
  margin-bottom:30px


}

.toolbar .btn{
  text-decoration:none;
  padding:12px 15px;
  border-radius:10em;
  background-color:rgb(172, 172, 172)
}


.toolbar .btn a{
  text-decoration:none;
  color:#fff;
  font-size:14px;
}