/* Start Custom Fonts CSS */
@font-face {
	font-family: 'Nexa Light';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('fonts/nexa_light-webfont.eot');
	src: url('fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/nexa_light-webfont.woff2') format('woff2'),
		url('fonts/nexa_light-webfont.woff') format('woff'),
		url('fonts/nexa_light-webfont.ttf') format('truetype'),
		url('fonts/nexa_light-webfont.svg#NexaLight') format('svg');
}
@font-face {
	font-family: 'Nexa bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('fonts/nexa_bold-webfont.eot');
	src: url('fonts/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/nexa_bold-webfont.woff2') format('woff2'),
		url('fonts/nexa_bold-webfont.woff') format('woff'),
		url('fonts/nexa_bold-webfont.ttf') format('truetype'),
		url('fonts/nexa_bold-webfont.svg#Nexabold') format('svg');
}
/* End Custom Fonts CSS */

.page-id-21 {
	font-family: "Nexa Light", Sans-serif !important;
	overflow-x: hidden;
  color: #9E9E9E;
  font-size: 15px;
}
.page-id-21 header {
  background-color: none !important;
}
.content-inner {
  margin: 50px auto 0 auto;
  width: 90%;
}
.form-wrapper {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 20px 8px;
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 30px;
}
.page-title {
  color: #00B5CB;
  font-family: 'Nexa bold' !important;
}
ul li {
  margin-bottom: 16px;
}
ul li:last-child {
  margin-bottom: 0;
}
.form-group {
  position: relative;
}
.input-group .form-group {
  width: 100%;
}
input::placeholder {
  font-weight: normal;
}
input.form-control,
select.form-control {
  border-radius: 25px;
  border: 1px solid #818a91;
  color: #9E9E9E;
  font-size: 15px;
  padding: 30px 20px;
}
input.form-control:hover,
input.form-control:focus,
input.form-control:active {
  border-color:#818a91;
  box-shadow: none;
}
.delete {
  color: #00B5CB;
  cursor: pointer;
  display: none;
  font-family: 'Nexa bold';
  position: absolute;
  right: 16px;
  top: 52px;
}
.btn-wrapper .btn {
  background-color: #00B5CB;
  border-radius: 25px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 30px 6px 30px;
}
.btn-wrapper .btn:hover {
  background-color: #1f3368;
  opacity: 1;
}
.btn-wrapper .btn:disabled {
  cursor: not-allowed;
}
.table-header {
  background-color: #00B5CB;
  color: #fff;
}
.alert {
  background-color: #1f3368;
  color: #fff;
  font-size: 14px;
}
/* Hide select arrow */
input::-webkit-calendar-picker-indicator {
  opacity: 0;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/* Breakpoints */
@media screen and (min-width: 768px) {
  .content-inner {
    max-width: 500px;
    width: 60%;
  }
  h2 {
    font-size: 50px;
  }
  .input-group .form-group {
    width: 48%;
  }
}
@media screen and (min-width: 1024px) {
  .content-inner {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1680px) {
  .content-inner {
    margin-top: 50px;
  }
}