/*Regular 400
Regular 400 Italic
SemiBold 600
Bold 700

m - for classes that set margin
p - for classes that set padding
Where sides is one of:
t - for classes that set margin-top or padding-top
b - for classes that set margin-bottom or padding-bottom
l - for classes that set margin-left or padding-left
r - for classes that set margin-right or padding-right
x - for classes that set both *-left and *-right
y - for classes that set both *-top and *-bottom
*/

/*BODY*/
*{
  font-family: 'Open Sans', sans-serif;
}
.c-bgimage {
  background-image: url("https://image.mail.elanco.com/lib/fe3411717d64047f7d1671/m/2/80447f37-4364-43dc-a89c-63aaeac0a3b6.png");
 background-repeat: no-repeat;
 background-position: center;
 background-size: 100% 100%;
}

.c-bgcolor {
  background-color: #174277;
}
.c-button {
  font-size: 20pt;
  border: none;
  background-color: #5b9bd5;
}


input::placeholder {
  color: #999!important;
}

span.placeholder {
  cursor: default;
 background-color: transparent; 
 opacity: 1;
 font-style: italic;
}

.multiselect-dropdown {
  border-radius: 4px!important;
} 


.form-select {
  color: #999;
}

select::after {
  color: #000000;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}



 .dropdown-toggle {
  border-right: 0!important;
  border-left: 0!important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); 
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;

}

.dropdown-toggle::after {
    border-right: 0!important;
  border-left: 0!important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); 
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}

#nomatch {
  width: 100%;
  margin-top: 0.25rem;
  font-size: .875em;
  color: #dc3545;
}

/*IMAGES*/

.icon {
  width: 100px;
}

.social {
  width: 48px;
}
footer .logo {
  width: 100px;
}

/*FONTS*/

footer p {
  font-size: 10pt;
}
div .terms a {
  font-size: 10pt;
  text-decoration: underline;
  color: #09253f;
}
h1{
  color:#0071ce;
  font-weight: 700;
}

p {
  font-size: 12pt;
 color: #000000;
 font-weight: 400; 
}


.normal {
  font-weight: 400;
}

.bold {
 font-weight: 700; 
}

.italic {
  font-style: italic;
}

.white {
  color: #FFFFFF;
}