@charset "utf-8";
/*
* Stylesheet for Osiris Reporting
* Corey Bock - 2017
* Created 28/10/17
*/
@import url(https://fonts.googleapis.com/css?family=Raleway:300,500,700);
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    text-decoration: none;
    color:inherit; /* no underline */
}
body {
    color: #616366;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    font-size: 15px;
}

h4 {
    font-size:16px;
    line-height:22px;
    color:#616366;
    font-weight:600;
    transition: all ease-in .15s;
}

* { box-sizing:border-box;}

#navigation-panel-slim-btn {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 28px;
    color: #ffffff;
    cursor: pointer;
    font-family: "Material-Design-Iconic-Font";
}
#navigation-panel-slim-btn:before {
    content: "\f197";
}

#navigation-panel-slim-logo {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    bottom: 1px;
    background: url('media/mea-logo-2.png') 0% 50%;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    margin:0 auto;
}
div.header {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    height: 75px;
    margin-left: 0px;
    padding: 0px 15px;
    background: -webkit-linear-gradient(#1a78cf, #0b4182);
    background: -o-linear-gradient(#1a78cf, #0b4182);
    background: -moz-linear-gradient(#1a78cf, #0b4182);
    background: linear-gradient(#1a78cf, #0b4182);
    z-index: 10;
}

div.header-img {
    margin:0 auto;
    text-align: center;
    display: block;
    height: 75px;
    position: relative;
    bottom: 1px;
}

input:focus,
textarea:focus,
select:focus				{ outline:0 !important; }
input[type=text] {cursor:pointer}
input[type=text],
input[type=file],
input[type=password],
input[type=email],
select						{ border:1px solid #DCDEE0; vertical-align:middle; border-radius:3px; height:50px; padding:0px 16px; font-size:14px; color:#555555; background-color:#ffffff; }
textarea					{ border:1px solid #DCDEE0; vertical-align:middle; border-radius:3px; height:50px; padding:12px 16px; font-size:14px; color:#555555; background-color:#ffffff; }
input[type=file]			{ height:auto; padding:15px 16px;}

input[type=text]:focus,
input[type=file]:focus,
input[type=password]:focus,
input[type=email]:focus,
select:focus						{ border-color:#1E88E5; }

input[type=text][readonly],
input[type=file][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=text][readonly],
input[type=text]:disabled,
input[type=file]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=text]:disabled			{ background-color:#EEEEEE; }

h4 {
    font-size: 16px;
    line-height: 22px;
    color: #616366;
    font-weight: 600;
    transition: all ease-in .15s;
}

.floatinglabel								{ display:inline-block; margin-bottom:15px; position:relative; }
.floatinglabel > :nth-child(1)				{ position:absolute; top:5px; left:16px; pointer-events:none; font-size:11px; color:#9DA2A6; font-weight:bold; line-height:18px; display:none; z-index:100 }
.floatinglabel > input[type=text],
.floatinglabel > input[type=password],
.floatinglabel > input[type=email],
.floatinglabel > textarea,
.floatinglabel > select						{ width:100%; transition:all 0.1s ease-in-out 0s; }
.fullwidthflex {
    width:100%
}
.halfwidthflex {
    width:48%
}
.thirdwidthflex {
    width:31%
}
.twothirdswidthflex {
    width: 65%;
}

div.content {
    margin-top:70px;
}

div.content-section {
    max-width:60%;
    margin:0 auto;
    padding: 20px 0px 20px 0px;
    border: 1px solid #e6e9eb;
    border-radius: 3px;
    transition: all ease-in .15s;
    margin-bottom:20px;
}

div.content-section:hover {
    border-color:#1e88e5;
}

div.content-section:hover i {
    color:#1e88e5;
}

div.section-title {
    text-align: center;
}

div.section-title p {
    max-width:80%;
    margin:0 auto;
    padding-bottom:20px;
}

div.section-icon {
    padding-bottom:10px;
}

div.section-icon > i {
    transition: all ease-in .15s;
}

div.section-icon > h4 {
    margin:5px 0px 5px 0px;
    font-size:20px;
}

div.section-icon > i {
    font-size:25px;
}

div.section-content {
    width:60%;
    margin:0 auto;
}

@media all and (min-width:0px) and (max-width:767px)
{
    div.header { height:50px; margin-bottom:15px; }
    div.header-img > img { height:50px; }
    div.content { margin-top:20px; }
    div.content-section { max-width:90%; }
    div.section-icon > h4 { font-size:inherit; }
    div.section-content { width:90%; }
    fieldset.birthdayPicker > select { width:32%; }
    select.birthMonth { margin:0 2% 0 2%; }
    body { margin-left:0px; }
}
input[type=submit], input[type=button], .button, a.button {
    display: inline-block;
    vertical-align: middle;
    padding: 12px 24px;
    margin: 0px;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    color: #ffffff;
    background-color: #1e88e5;
    border-radius: 3px;
    border: none;
    -webkit-appearance: none;
    transition: all ease-in .15s;
    width:100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:50px;
    padding-left:16px;
}
.select2-container--default .select2-selection--single {
    border-color:#DCDEE0;
    height:50px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height:50px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    display:none !important;
}

input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active,
input[type=button]:hover,
input[type=button]:focus,
input[type=button]:active,
.button:hover,
.button:focus,
.button:active						{ background-color:#3ba3ff; }

.success-message {
    max-width:60%;
    margin:0 auto;
    padding: 20px 0px 20px 0px;
    border: 1px solid #4cbd4b;
    border-radius: 3px;
    transition: all ease-in .15s;
    margin-bottom:20px;
    text-align: center;
}

.success-message h4 {
    color: #4cbd4b
}

.timeSelection > input[type=text] {
    width:100%;
    margin-bottom:15px;
}

input[type=text][readonly] {
    background-color:inherit !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .myedge-loader{
        background-image: url("/media/giphy.gif");
        height: 50px;
        width: 50px;
        background-size: 50px 50px;
        margin:0 auto;
    }
    .myedge-loader .spinner {
        display:none;
    }
}
.myedge-loader {text-align: center; }
.spinner { animation: rotator 1.4s linear infinite; } @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .path { stroke-dasharray: 187; stroke-dashoffset: 0; transform-origin: center; animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; } @keyframes colors { 0% { stroke: #2394f8; } 25% { stroke: #1E88E6; } 50% { stroke: #1d7acc; } 75% { stroke: #2370b4; } 100% { stroke: #235b8c; } } @keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; transform: rotate(135deg); } 100% { stroke-dashoffset: 187; transform: rotate(450deg); } }

.loading {
    padding-top:25px;
}

.input-error {
    border:1px solid #e74c3c !important;
}
.hover-link {
    transition: all ease-in .15s;
}
.hover-link:hover {
    color:#1e88e5;
    font-weight: bold;
}