#banner-cartela {
  width: 100%;
}

#banner-cartela > img {
  width: 100%;
}

.cartela-page header {
  border: none !important;
}


.cartela-page > header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 30px;
  text-align: center;
  color: rgb(138, 138, 138);
}

.title-head {
  font-size: 28px;
}

.title-child {
  font-size: 29px;
}

/* Main Sections  */

/* Section One */

.cartela-page > section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #d2d2d2;
  padding: 35px 65px;
}


.cartela-page > section > header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}	

.info-one-a {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}

.info-one-b {
  font-size: 16px;
  margin-bottom: 50px;
}

.info-label-1 {
  font-size: 24px;
  text-decoration: underline;
  color: #000;
}

/* Forms  */

.section-forms {
  display: flex;
  text-align: left;
}

.section-forms label {
  color: #000; 
  margin-bottom: 7px;
}

#left-group > .container-group {
  display: flex;
  justify-content: flex-end;
}

#right-group > .container-group {
  display: flex;
  justify-content: flex-start;
}

.group-form {
  display: flex;
  flex-direction: column;
}

#section-1 input {
  width: 389px;
  color: #868686;
}

input[type="file"] {
  margin-top: 10px;	
  margin-bottom: 20px;
  padding: 0px !important;
}

#section-1 {
  justify-content: space-between;
}

#section-1 > div {
  width: 46%;
  flex-direction: column;
  margin-top: 25px;
}

#left-group > div, #right-group > div {
  margin-bottom: 20px;
}

#left-group > div:first-child, #right-group > div:first-child {
  margin-bottom: 60px;
}

.input-btn {
  height: 49px;
  background-color: #eee;
  border: thin solid #eee; 
  border-radius: 8px;
  font-size: 16px;
  padding: 8px 25px;
}

.input-btn:focus {
  outline: none;
  background-color: rgba(216, 244, 255, 0.3);
}

select.input-btn {
  cursor: pointer;
}

#categorie-input > select, #judet-input > select {
  width: 219px;
}

#adresa-societatii-input > input, .slot-adresa-societatii > input  {
  height: 82px;
  margin-bottom: 55px;
}

.file-info-input {
  font-style: italic;
  margin-top: 5px;
  color: rgb(117,117,117) !important;
  width: 389px;
}

/* GDPR INFO */

#form-gdpr-info {
  font-style: italic;
  font-size: 11px;
  color: #c6c6c6;
  text-align: center;
}

#form-gdpr-info a {
  display: inline-block;
}

#more-gdpr {
  margin-top: 10px;
  text-decoration: underline;
  color: #797979;
}

.btn-send {
  display: inline-block;
  padding: 10px 75px;
  color: #fff;
  margin-top: 13px;
  background-color: rgba(63, 66, 230, 0.8);
  font-style: normal;
  font-size: 15px;
  border-radius: 24px;
}

.btn-send:hover {
  background-color: rgba(26, 30, 210, 1);
}

.response-submit {
  font-size: 16px;
  color: #42910d;
  margin: 16px auto;
  width: 450px;
}
.failure {
  color: #ff0000;
}

#go-to-next-step {
  font-style: normal;
  font-size: 20px;
  color: #8c0720;
}

.between {
  padding: 5px 50px;
}

/* Sectiunea 2 */

#section-2 {
  margin-top: 30px;
  flex-direction: column;
  justify-content: center;
}

#section-2 textarea, #section-2 input {
  width: 454px;
  font-size: 14px;
  color: #868686;
  padding: 8px 17px;
}

#section-2 textarea {
  height: 150px;
}	

#section-2 > .container-group {
  margin: 0px auto 20px;
}

.no-underline {
  text-decoration: none;
}

.two > .info-label-1 {
  text-align: center;
}

#container-trimite-sect2 {
  text-align: center;
}

.response-submit {
  text-align: center;
}

.loading {
  display: none;
  background-position: center;
  border-style: solid;
  border-color: #eaeaea;
  border-top-color: rgb(234, 234, 234);
  border-top-color: #c8c8c8;
  border-radius: 50%;
  animation: loading-spin 2s linear infinite;
  width: 20px;
  height: 20px;
  border-width: 4px;
  border-top-width: 4px;
  border-top-width: 4px;
}

@keyframes loading-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.status {
  margin: 0 auto;
}

.errors {
  color: #ff0000;
}

.btn-disabled {
  cursor: auto;
  opacity: 0.3;
}

.btn-disabled:hover {
  cursor: auto;
  opacity: 0.3;
}

.head-filename {
  margin-top: 20px;
  margin-left: 10px;
}

.m-error {
  margin-top:5px;
  margin-left: 40px;
}