/* Remove outline of all elements on focus */
*:focus {
  outline: 0;
}

/* Add styles to 'input' and 'textarea' selectors */
input[type=text],input[type=email], textarea {
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

@media (max-width: 767px) {
  input[type=text],
  input[type=email],
  textarea {
    width: 100%;
  }
}

/* Add styles to show 'focus' of selector */
input[type=text]:focus,input[type=email]:focus, textarea:focus {
  border: 1px solid #FFD741;
}

/* Add styles to the submit button */
input[type=submit] {
  background: #FFD741;
  cursor: pointer;
  margin: 0 auto;
  outline: 0;
  color: #000;
  border: 0;
  padding: 12px 24px;
  border-radius: 4px;
  transition: all ease-in-out 0.1s;
  position: relative;
  display: inline-block;
  text-align: center;
}

/* Add styles for 'focus' property */
input[type=submit]:focus {
  background: #000B1C;
  color: #FFF;
}

/* Style 'hover' property */
input[type=submit]:hover {
  background: #000B1C;
  color: #FFF;
}

@media (max-width: 767px) {
  .custom-file-input {
    /*...*/
  }
}

/* Align items to center of the 'div' with the class 'center' */
.center {
  text-align: center;
}

.custom-file-input {
  color: transparent;
  max-width: 110px;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.custom-file-input::before {
  content: 'dodaj CV';
  color: black;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 12px 24px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}