/* Basic Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul, li, ol {
  list-style: none;
}
a, a:hover {
  text-decoration: none;
}

/* Open Sans - light */
@font-face {
  font-family: 'Open Sans';
  src: url('/font/OpenSans-Light.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
/* Open Sans - Regular */
@font-face {
  font-family: 'Open Sans';
  src: url('/font/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* Open Sans - Italic */
@font-face {
  font-family: 'Open Sans';
  src: url('/font/OpenSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* Open Sans - Medium */
@font-face {
  font-family: 'Open Sans';
  src: url('/font/OpenSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* Open Sans - SemiBold */
@font-face {
  font-family: 'Open Sans';
  src: url('/font/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* Open Sans - Bold */
@font-face {
  font-family: 'Open Sans';
  src: url('/font/OpenSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* Open Sans - ExtraBold */
@font-face {
  font-family: 'Open Sans';
  src: url('/font/OpenSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}


body {
  font-family: 'Open Sans', sans-serif;
}

input:focus,select:focus,textarea:focus{
    box-shadow: none !important;
}

label.error {
    font-size: 12px;
    font-weight: 600;
    color: var(--danger);
    position: absolute;
    top: -24px;
    padding: 0px 3px;
    background: #d95c5c;
    border-radius: 6px;
    color: #fff !important;
    width: auto;
    text-align: center;
    right: 0;
    z-index: 11;
    text-transform: none;
    padding-left: 11px;
    padding-right: 11px;
}
label.error::before {
    position: absolute;
    content: "";
    width: 0.6em;
    height: 0.6em;
    background-image: none;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transition: background 0.1s linear;
    margin-left: -0.3em;
    top: auto;
    background: #d95c5c;
    right: 4px;
    bottom: -3px;
    left: auto;
}