/* Default Option */
@font-face {
    font-family: "icomoon";
    src: url("../assets/images/icomoon.eot");
    src: url("../assets/images/icomoon.eot?#iefix") format("embedded-opentype"), url("../assets/images/icomoon.woff") format("woff"), url("../assets/images/icomoon.ttf") format("truetype"), url("../assets/images/icomoon.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "icomoon";
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 1.7em;
}

:root {
    --primary-bg-color: #4A154B;
    --primary-text-color: white;
    --secondary-bg-color: #a19992;
    --complementary-bg-color: #EDB32E;
    --complementary-text-color: black;
    --experiment-icon-color: #EDB32E;
}


html, body {
    height: 100%;
    width: 100%;
    margin: auto;
    padding: auto;
    font-family: 'Roboto', 'sans-serif';
    overflow-y: auto;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to bottom, #F0F4F7, #C7C3C9);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to bottom, #F0F4F7, #C7C3C9);
}

.login-sec {
    background: #fff;
    color: var(--primary-bg-color)!important;
    padding: 20px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.logoimg {
    width: 225px;
}

.application-text {
    overflow-y: auto;
}

.btn-login {
    background: var(--complementary-bg-color)!important;
    color: var(--complementary-text-color)!important;
    font-weight: bold;
    height: 35px;
    width: 100%;
}

.btn-login:hover {
    box-shadow: 0 0 1px 1px var(--complementary-bg-color)!important;
    -webkit-box-shadow: 0 0 1px 1px var(--complementary-bg-color)!important;
    border: 1px solid var(--complementary-bg-color)!important;
}

.icon {
    font-size: 13px;
    border: 1px solid var(--primary-bg-color)!important;
    text-align: center;
    margin-top: 6px;
    height: 25px;
    width: 24px;
}

.form-group {
    margin-bottom: 4px !important;
}

.form-control:focus {
    box-shadow: 0 0 1px 1px var(--primary-bg-color)!important;
    -webkit-box-shadow: 0 0 1px 1px var(--primary-bg-color)!important;
    border: 1px solid var(--primary-bg-color)!important;
  }

.icon:hover {
    cursor: pointer;
    color: var(--primary-text-color)!important;
    background-color: var(--primary-bg-color)!important
}

.uvalogoheader {
    background: url(/../assets/images/UVA.png) no-repeat scroll left top #FFFFFF;
    height: 70px;
    width: 425px;
}

.ErrorMessage {
  border: 2px solid red;
  border-radius: 4px;
  padding: 4px;
  color: red;
  margin-bottom:8px;
  margin-top:8px;
  font-size: 1.1em;
}