﻿/* Generic HTML Elements */

html { background-color: #FFF; margin: 0; padding: 0; }

body { color: #fff; font-size: 1.5em; font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; }

label { display: block; color: #55A7D5; }

label, .k-textbox, .form-submit, .form-error, .form-text p, .form-help p, .form-line ul  {
  transform: scaleX(0.9) !important; transform-origin: top left !important; 
  -webkit-transform: scaleX(0.9) !important; -webkit-transform-origin: top left !important; 
  -ms-transform: scaleX(0.9) !important; -ms-transform-origin: top left !important; 
}

/* Main Layout
----------------------------------------------------------*/

#outer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#inner { position: absolute; top: 50%; left: 50%; margin-left: -250px; margin-top: -140px; padding-left: 200px; padding-top: 50px; background: url(../Images/Login/App_Logo.gif) no-repeat; }

/* Form Elements look
----------------------------------------------------------*/

.form-line { padding-top: 2px; clear: both; display: block; margin-left: 5px; margin-bottom: 8px; }
.form-submit { padding: 0; clear: both; cursor: pointer; padding-top: 20px; text-align: left; text-decoration: underline; color: #787878 }
.form-error { padding: 0; clear: both; padding-top: 20px; text-align: left; color: #E80C4D;  }
.form-eula { padding: 0; clear: both; padding-top: 60px; text-align: left; font-size: 0.7em; }

/* Tweak Kendo Controls look
----------------------------------------------------------*/
.k-textbox {
    border: 1px solid #787878 !important;
    background: #FFF !important;
    color: #787878 !important;
    width: 273px;
    font-size: 1em !important;
    padding: 2px;
    padding-bottom: 4px;
    font-family: inherit;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

/*input::placeholder {
  color: #989898;
}*/

*::-webkit-input-placeholder { color: #ababab; }
*:-moz-placeholder { /* FF 4-18 */ color: #ababab;}
*::-moz-placeholder { /* FF 19+ */ color: #ababab;}
*:-ms-input-placeholder { /* IE 10+ */ color: #ababab; }

