﻿/*! CSS Used from: https://providerconnections.healthcare/scripts/dist/portal.css */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/fonts/glyphicons-halflings-regular.eot');
    src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('/fonts/glyphicons-halflings-regular.woff') format('woff'),url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

body, html {
    height: 100%;
}

[class^="icon-"] {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-lock:before {
    content: "\E033";
}

.icon-head:before {
    content: "\E008";
}

.icon-reply:before {
    content: "\E071";
}

.icon-reply {
    margin-right: 5px;
}

body {
    margin: 0;
}

a {
    background-color: transparent;
}

    a:active, a:hover {
        outline: 0;
    }

img {
    border: 0;
}

button, input {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button {
    text-transform: none;
}

button {
    -webkit-appearance: button;
    cursor: pointer;
}

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

.text-center {
    text-align: center;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #fff;
}

input, button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #074086;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #031d3d;
        text-decoration: underline;
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

img {
    vertical-align: middle;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn:active {
        outline: 0;
        background-image: none;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-block {
    width: 100%;
    display: block;
}

.btn {
    border: 2px solid #074086;
    border-radius: 20px;
    background: transparent;
    color: #074086;
    padding: 5px 10px;
    font-size: 0.9em;
    font-weight: normal;
    display: inline-block;
    white-space: nowrap;
    touch-action: manipulation;
    cursor: pointer;
    text-decoration: none;
}

    .btn:hover, .btn:visited, .btn:focus {
        text-decoration: none;
    }

    .btn:hover {
        color: #333;
    }

    .btn:active {
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn.primary {
        background: #074086;
        color: #ffffff;
    }

        .btn.primary:hover {
            color: #ffffff;
            background-color: #286090;
            border-color: #204d74;
        }

.input-wrapper {
    position: relative;
}

.jumbo-input .input-wrapper {
    position: relative;
}

    .jumbo-input .input-wrapper .form-icon {
        position: absolute;
        left: 20px;
        font-size: 20px;
        top: 17px;
    }

    .jumbo-input .input-wrapper .placeholder-label {
        position: absolute;
        pointer-events: none;
        left: 54px;
        top: 16px;
        color: #fff;
        font-size: 16px;
        transition: .2s ease all;
        -moz-transition: .2s ease all;
        -webkit-transition: .2s ease all;
    }

    .jumbo-input .input-wrapper .placeholder-label, .jumbo-input .input-wrapper input.clear-btn {
        text-shadow: 1px 1px 1px #000;
        font-weight: 700;
    }

    .jumbo-input .input-wrapper .floating-label {
        top: 1px;
        font-size: 11px;
        bottom: 10px;
        opacity: 1;
    }

    .jumbo-input .input-wrapper input {
        background: rgba(255, 255, 255, 0.2);
        border: none;
        outline: 0;
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        width: 100%;
        padding: 15px 15px 15px 55px;
        border-radius: 25px;
        text-shadow: 1px 1px 1px #000;
        appearance: none;
    }

.raised-button {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.7);
}

    .raised-button.btn-block {
        width: 100%;
    }

    .raised-button.btn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
        color: #fff;
    }

    .raised-button.primary {
        background: #00946d;
        padding: 15px;
        font-weight: 700;
        font-size: 16px;
        border: none;
        border-radius: 25px;
    }

        .raised-button.primary:hover {
            background: #00815f;
            transition: all 0.3s ease-in-out 0s;
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
        }

a, a:visited {
    color: #074086;
}

    a:hover {
        color: #23527c;
    }

    a, a:hover, a:visited, a:focus, a:active {
        text-decoration: none;
    }

body {
    font-family: 'Roboto', sans-serif;
    min-width: 780px;
    font-size: 14px;
    background: #f1f5f7;
}

body {
    font-family: 'Roboto', sans-serif;
    background: #00946d;
    background: -moz-linear-gradient(top, #00946d 0, #000 100%);
    background: -webkit-linear-gradient(top, #00946d 0, #000 100%);
    background: linear-gradient(to bottom, #00946d 0, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00946d', endColorstr='#000000', GradientType=0);
}

body {
    height: 100%;
}

.portal-layout {
    color: white;
}

    .portal-layout .blur {
        -webkit-filter: blur(6px);
        filter: blur(6px);
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='6');
    }

    .portal-layout form {
        animation: fadeIn 2s;
    }

    .portal-layout .coyote-logo {
        margin-left: 40px;
        margin-bottom: 25px;
        width: 300px;
        position: relative;
        z-index: 1;
        display: block;
    }

    .portal-layout a {
        color: #aeaeae;
        font-weight: 700;
        text-decoration: none;
        padding-left: 12px;
    }

    .portal-layout .background {
        background: url(/Content/images/signin-background.jpg) no-repeat;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-size: cover;
        opacity: .15;
    }

    .portal-layout .content {
        margin: auto;
        width: 400px;
        position: relative;
        z-index: 1;
        color: #fff;
        padding: 10% 0 0;
    }

    .portal-layout .jumbo-input, .portal-layout .raised-button {
        margin-bottom: 30px;
    }

h2 {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.1;
}

p {
    margin: 0 0 10px;
}

    p:last-of-type {
        margin-bottom: 30px;
    }

.validation-summary-errors {
    padding: 15px;
    font-weight: 700;
    font-size: 16px;
    border: 2px solid #a94442;
    border-radius: 25px;
    color: #fff;
    background:rgba(255, 255, 255, 0.5);
    margin-bottom: 30px;
}

    .validation-summary-errors ul {
        list-style: none;
        padding: 0;
        padding-left: 15px;
    }

.validation-summary-errors li {
    padding-left: 1.5em;
    position:relative;
}

    .validation-summary-errors li:before {
        content: "\E083";
        font-family: "Glyphicons Halflings";
        display: inline-block;
        margin-left: -1.5em;
        width: 1.5em;
        position:absolute;
    }

a.in-error-link {
    padding-left: 0px;
    color: #fff;
    text-decoration: underline;
}

.powered-logo {
    display: block;
    margin-top: 50px;
    text-align: center;
}

.powered-logo img {
    height: 40px;
}
/*! CSS Used keyframes */
@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/*! CSS Used fontfaces */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'),url(/fonts/branding/Roboto-Light.ttf) format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'),url(/fonts/branding/Roboto-Regular.ttf) format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'),url(/fonts/branding/Roboto-Medium.ttf) format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'),url(/fonts/branding/Roboto-Bold.ttf) format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
