/* Noto Sans */
@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    src: url("./NotoSans-Regular.woff2") format("woff2"),
    url("./NotoSans-Regular.woff") format("woff"),
    url("./NotoSans-Regular.ttf") format("truetype")
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    min-width: 320px;
    background: #fbfbfb;
    font-family:'Noto Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4285em;
    color: rgba(0,0,0,.87);
    -webkit-font-smoothing: antialiased;
}

.login-portal.layout {
    background: #F8F8F8 url('./dark-bg-texture.png');
    height: 100%;
    flex-direction: column;
    display: flex;
}

.login-portal.layout .center-segment .product-title .product-logo img {
    height: 60px;
}

.login-portal.layout .center-segment .product-title {
    background: #fff;
    border-bottom: 32px solid #7100eb;
}

.login-portal.layout .center-segment .product-logo img {
    max-height: auto;
}

.login-portal.layout footer {
    padding: 2rem 0;
    color: #fff;
}

.ui.header {
    border: none;
    margin: calc(2rem - .14285714em) 0 1rem;
    padding: 0 0;
    font-family:'Noto Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.28571429em;
    text-transform: none;
    color: rgba(0,0,0,.87);
}

.ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus {
    color: rgba(0,0,0,.95);
    border-color: #51ABFF;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset;
}

.ui.input.addon-wrapper:focus-within {
    border-color: #51ABFF;
}

.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] {
    font-family:'Noto Sans', Helvetica, Arial, sans-serif;
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255,255,255,0);
    line-height: 1.21428571em;
    padding: .67857143em 1em;
    font-size: 1em;
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    border-radius: 3px;
    box-shadow: 0 0 0 0 transparent inset;
    transition: color .1s ease,border-color .1s ease;
}

.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: #e0e1e2 none;
    color: rgba(0,0,0,.6);
    font-family:'Noto Sans', Helvetica, Arial, sans-serif;
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em .78571429em;
    text-transform: none;
    text-shadow: none;
    font-weight: 500;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
    user-select: none;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent;
}

.login-portal.layout .center-segment>.ui.container>.ui.segment.product-title {
    padding: 0.1rem;
}

.login-portal.layout .center-segment>.ui.container>.ui.segment.form {
    background: #fff;
    padding: 1.5rem 3rem;
    border-radius: 3px;
}

.ui.primary.button, .ui.primary.buttons .button {
    background-color: #5353D1;
    color: #fff;
    text-shadow: none;
    background-image: none;
}

.ui.primary.button:hover, .ui.primary.buttons .button:hover {
    background-color: #5353D1;
    color: #fff;
    text-shadow: none;
}

.ui.primary.button:active, .ui.primary.buttons .button:active {
    background-color: #5353D1;
    color: #fff;
    text-shadow: none;
}


.login-portal.layout .center-segment .product-title .product-logo .ellucian-logo-container {
    width: 14rem;
}

.login-portal.layout .center-segment .product-title .product-logo .ellucian-logo {
    height: 30px;
}

.jssTg6PL83oHm384 {
    height: 4rem;
    padding: 1rem;
    min-width: 7.5rem;
  }
  .ellucian-logo {
    fill: #FFFFFF;
    width: 100%;
    height: 100%;
    display: inline-block;
    max-height: none;
  }
  .jssTg6PL83oHm386 {
    fill: #5353D1;
  }
  .jssTg6PL83oHm387 {
    fill: #454647;
  }

.login-portal.layout .center-segment>.ui.container>.ui.segment .external-login .ui.button, .login-portal.layout .center-segment>.ui.container>.ui.segment .social-login .ui.button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);
    background: #0000000a;
    color: #5353D1;
}