﻿/*************************************************/
/* MASTER - Google Fonts *************************/
@import url('https://fonts.googleapis.com/css?family=Roboto');
:root {
    --grPrimaryBlue: #0058AA;
}
/*************************************************/
/* MASTER - Html Tags ****************************/
body { background-color: #fafafa; color: #000; font-family: 'Roboto', sans-serif; font-size: 14px; margin: 0; padding: 0; line-height: normal; } 
h2 { font-size: 24px; margin-top: 0; } 
input, select, textarea { font-family: 'Roboto', sans-serif; font-size: 15px; }
input[type='button'], input[type='submit'], button { background-color: var(--grPrimaryBlue); border: none; border-radius: 4px; cursor: pointer; color: #fff; margin-top: 25px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
input[type='button']:hover,  input[type='submit']:hover, button:hover { background-color: var(--grPrimaryBlue); }

/* MAIN FRAME ************************************/
.Frame { margin: auto; margin-top: 10vh; width: 400px; }
.Logo { display: block; width: 250px; margin: 0 auto 30px; } 
.Error { margin-top: 30px; } 
.Input { box-shadow: 0 0px 48px -20px #c5c5c5; margin: 30px 0; min-height: 250px; padding: 25px; text-align: center; }
.Input a { color: var(--grPrimaryBlue); }
.Field { font-size: 16px; padding: 5px 10px; width: 100%; }
.Btn { cursor: pointer; font-size: 18px; font-weight: bold; display: block; padding: 10px; text-align: center; width: 100%; }
.MessageRed, .MessageOng, .MessageGrn { border-radius: 4px; margin-bottom: 10px; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.MessageRed { background-color: #eda6a6; border: solid 1px #990000; color: #990000; }
.MessageRed a { color: #990000 !important; } 
.MessageOng { background-color: #ffDBA6; border: solid 1px #FF9900; color: #ff9900; }
.MessageGrn { background-color: #a6dba6; border: solid 1px #009900; color: #009900; }
.Support { background-color: #000; color: #fff; position: absolute; bottom: 0; padding: 10px 0; text-align: center; width: 100%; }
.Hdn { display: none; }
.Ctr { text-align: center; }
#kModalSessionTimeout div { text-align: center; position: relative; top: 40%; transform: translateY(-40%); }

/*************************************************/
/* KENDO UI **************************************/
.k-floating-label-container { font-size: 16px !important; width: 100% !important; }
.k-floating-label-container > .k-input-label { color: #999; } 
.k-floating-label-container.k-state-focused > .k-input-label { color: #2e2e2e; } 
.k-textbox > input { border: none !important; font-size: 16px !important; }
.k-checkbox { color: var(--grPrimaryBlue) !important; }
.k-checkbox:focus { box-shadow: 0 0 3px 0 var(--grPrimaryBlue) !important; border-color: var(--grPrimaryBlue) !important; }
.k-checkbox-label span { color: #666 !important; font-style: italic; }
.k-window-titlebar .k-window-action { background-color: #fff !important; }

/*************************************************/
/* SHARED - Cf ***********************************/
.Cf:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.Cf { zoom: 1; }

.one-view-login-h1 {
    background: linear-gradient(to right, #F36C21, #EE0009);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 !important;
    font-size: 91px;
}

.one-view-logo-login {
    height: 40px;
    width: 200px;
}