@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, 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; background: transparent; font-weight: normal; font-style: normal; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, address { display: block; }
audio, canvas, video { display: inline-block; *display:inline;*zoom:1;}
audio:not([controls]) { display: none; height: 0; }

html { font-size: 100; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; outline: 0; }
body { line-height: 1; }

table { border-collapse: collapse; border-spacing: 0; }
table td, table th {text-align:center; vertical-align:middle;}

ol, ul { list-style: none; list-style-image: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
abbr[title] { border-bottom: 0px dotted; cursor: help; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; _font-family: Arial; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; display: block; height: 1px; border: 0; margin: 1em 0; padding: 0; border-top: 1px solid #cccccc;}

.clear { clear: both; }
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
.cf { display: inline-block; }
* html .cf { height: 1%; }
.cf { display: block; }

.al { float: left; }
.ar { float: right; }
.an { clear: both; font-size: 0; line-height: 0; margin: 0; padding: 0; border: 0; height: 0; width: 0; }

img { border: 0; vertical-align: top; -ms-interpolation-mode: bicubic; outline: 0; }
svg:not(:root) { overflow: hidden; }

a { text-decoration: none; cursor: pointer !important; color: #246cb5; outline: 0 !important;
-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
a:focus { outline: 0; }
a:hover, a:active { outline: 0;}

:focus { outline: 0; }
::-moz-focus-inner {border: 0;outline: 0;}

::-moz-selection {background: #246cb5;color: #fff;}
::selection { background: #246cb5; color: #fff; }

p { padding-bottom: 15px; line-height:22px;}

h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}

@font-face {
    font-family: 'open_sansregular';
    src: url('/public/fonts/OpenSans-Regular-webfont.eot');
    src: url('/public/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/public/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/public/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/public/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;}
	


h1 {color:#555; font-size:20px;  padding:10px 0 15px 0; text-transform:uppercase;}

html, body { height: 100%; width: 100% }
body { font-family: 'open_sansregular', Arial, Helvetica, sans-serif; font-size:14px; color: #593408; background-color: #ecdfd0; }
.home { background: none; }
.home h1 { margin:0 auto; font-size: 1.5em; text-align: center; color: #924633; font-weight:bold; text-transform: none; line-height: 1.5em; max-width: 350px; }
.logoBox { position: relative; text-align: center;}
.loginBox { margin: 10px auto; max-width: 350px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; box-shadow:2px 0px 5px 0px rgba(0, 0, 0, 0.2); }

.app-download { text-align: center; margin: 20px auto; }

.loginLogo {display:block; margin-top:10px; text-align:center; }

small.version {
    position: relative;
    bottom: 0;
    color: #593408;
    font-style: italic;
    display: block; 
    text-align: center;
    margin: 15px auto;
    width: calc(100% - 30px);
}

.loginInfoBox { position:relative; }

@media (min-width: 1200px) {
    .home { background:url(../images/clart-home.jpg) no-repeat left top; height: 100%; float:left; background-size: cover; box-shadow:2px 0px 5px 0px rgba(0, 0, 0, 0.2); padding: 0; }
    .home h1 { display:block; color: #924633; text-transform: none; font-size: 2.5em; line-height: 1.5em; font-weight:bold; text-align: center; margin: 100px auto; background-color: rgba(255, 255, 255, 0.5); max-width: 100%;}
    .logoBox { position: absolute; bottom: 0; right: 10px; }

    .loginBox {margin:0 auto; position:relative; margin-top:calc(10vh); padding:20px; }

    .app-download { text-align: center; margin: calc(10vh) auto; }

    .loginLogo {display:block; margin:15px 0 25px; text-align:center; }
    small.version { width: auto; display: inherit; text-align: left; margin-bottom: 15px; padding: 10px; position: absolute; }
    .loginInfoBox { min-height:calc(100vh); }
}
.logo {display:inline-block; margin:20px 0;}
.whiteBox {background-color:#fff; padding:15px 10px; margin-bottom:20px; border:0px solid #e8ebf2;
-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}

.loginBox h2 { font-size: 2em; font-weight: bold; text-align: center; margin: 30px auto; margin-top: 0; }

.app-download a.app-link { font-size: 2.2em; text-decoration: none; font-weight:bold; background-color: #924633; color: #FFF; line-height: 2em; padding: 5px 10px; border-radius: 5px; }
.app-download i.fa { font-size: 140%; color: #97c024; }

.error { color: red; }
.success { color: darkgreen; }
.notify { padding: 10px 0; height: 10px; }

.form-control {color:#3f2506; background-color:#f3ece5; border:0;
-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none;}

.radio, .checkbox {padding-left:0;}

.pattern {background: url(../images/pattern.jpg) repeat 0 0;}
.pattern-2 {background-color: #d0b69a; padding:30px;}

/****** ------ START Contact Us ----- ********/
.formList {color:#77787b; font-size:13px;}
.formList label {color:#593408; padding-bottom:5px;}
.formList a {color:#593408; margin:10px 0;}
.formList a:hover {color:#da4642;}
.formList .btn {width:110px; background:#924633; color:#fff; border:0; padding:8px 12px;}
.formList .gray {background:#77787b;}
.formList .btn:hover  {background:#1c3749;}
.formList .btnTopPadd {padding-top:10px;} 

input[type="checkbox"] {display:none;}
input[type="checkbox"] + label { color:#593408; padding:0;}
input[type="checkbox"] + label span { display:inline-block; width:19px; height:19px; margin:-2px 4px 0 0; vertical-align:middle; background:url(../images/check_radio_sheet.png) 0 top no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url(../images/check_radio_sheet.png) -19px top no-repeat;}
/****** ------ End Contact Us ----- ********/