@charset "UTF-8"; 

/* reset any default browser styles */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; font-family:arial; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }	
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }




html { text-size-adjust: 100%; }
body { margin: 0; }
body, html { height: 100%; }
body, html { overflow: hidden; }
a:active, a:hover { outline: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; vertical-align: baseline; }
img, input, object { max-width: 100%; }
hr { clear: both; margin: 1.8rem 0; border: 0; height: 1px; border-top: 1px solid #ddd; }
html { font-size: 62.5%; }
body { font-family: sans-serif; font-size: 12px; font-weight: 400; font-style: normal; line-height: 1.8rem; color: #333; }
.p, p { font-size: 1.3rem; }
p { margin: 0 0 1.8rem; }
p small { font-size: 12px; color: #999; }
p:last-child { margin: 0; }
a { cursor: pointer; }
a:focus { outline: thin dotted; }
/*a { text-decoration: none; color: #333; }*/
a { text-decoration:none; color:#a20641; font-weight:bold; }
a:hover { text-decoration:none; }
a.on { color:#a20641; }

.h1, .h2, .h3, .h4, .h5, .h6, .header-title, h1, h2, h3, h4, h5, h6 { font-family: sans-serif; font-weight: 400; margin: 0; color: inherit; text-rendering: optimizelegibility; }
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, .header-title small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: 400; color: #999; }
.h1, .header-title, h1 { font-size: 2.1rem; }
.h1, .h2, .h3, .h4, .header-title, h1, h2, h3, h4 { font-style: normal; }
.h3, h3 { color: #666; }
.h4, h4 { color: #333; }
.h2, h2 { font-size: 1.7rem; }
.h2.subtitle, h2.subtitle { font-weight: 400; }
.h3, h3 { font-size: 1.6rem; font-weight: 400; }
.h4, h4 { font-size: 1.3rem; font-weight: 300; }
.h5, h5 { font-size: 1.2rem; font-weight: 600; }
.h6, h6 { font-size: 1.1rem; color: #666; }
h1 { line-height: 2.7rem; margin-bottom:.9rem; }
h2, h3 { margin: 0 0 1.2rem; }
h2 { line-height: 1.8rem; }
h2.subtitle { margin-top: -1.8rem; margin-bottom: 1.8rem; }
h3 { line-height: 1.8rem; }
label { display: block; line-height: 3.4rem; }
fieldset { border: 0; margin: 0; padding: 0; }
button, html, input, select, textarea { font-family: sans-serif; }
button, input, select, textarea { font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; }
button[disabled], input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
button, img, select { vertical-align: middle; }
button { cursor: pointer; }
button:focus { outline: 0; outline: thin dotted \9; }
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea { display: inline-block; height: 3.4rem; margin: 0; padding: 0 9px; color: #333; border: 1px solid #c4c4c4; border-radius: 3px; -webkit-transition: border linear .2s, -webkit-box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; }
input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus { border-color: #12a4f0; outline: 0; }
input[type=checkbox]:focus textarea:focus, input[type=file]:focus, input[type=radio]:focus, select:focus { border-color: #12a4f0; }
input[type=button], input[type=checkbox], input[type=radio], input[type=reset], input[type=submit] { width: auto; }
p.muted { color:#777; }
h1 { color: #a20641; }
h1 span { color: #C36; }

/* wrapper-app */
.wrapper-app { height: 100%; }

/* l-workspace */
.l-workspace { position: absolute; width: 100%; height: 100%; }
.l-workspace { /*padding-left: 17rem*/ }

/* workspace */
.workspace { height: 100%; }

/* header | l-header */
header { display: block; }
.l-header { position: absolute; top: 0; width: 100%; }
.l-header { /*height: 5.9rem*/ height: 139px; }

/* header */
.header { overflow: hidden; }
.header { position: absolute; width: 100%; height: 100%; }
.header { background: #1a1a1a; border-bottom: 1px solid #111; }
.header { overflow: hidden; }
.header { height: 139px; padding: 1.15rem; padding-left: 1.8rem; background: #1a1a1a; background-image:url(../images/TopBackgroundImage2.png); background-repeat:repeat-x; }
.header:after { content: ""; display: table; clear: both; }

/* siteHeader */
#siteHeader { padding:0px; margin:0px;  }
#siteHeader a { height: 65px; position: absolute; top: 28px; width: 245px; text-indent: -9999px; background-image:url(../images/HeaderImage.png); background-repeat:no-repeat; }

#top_bar { height: 35px; position: absolute; top: 28px; width: auto; right:10px; left:245px; overflow: hidden; }

#pages-list { display:inline-block;list-style:none; width:100%; margin-bottom:0px; padding-right: 10px;}
/*#pages-list li span { display:block; font-weight:normal; padding:10px; background:#; }*/
/*#pages-list li.head span { background:#000; color:#fff; }*/
#pages-list li { position:relative;float:right;display:block; font-size:16px; text-decoration:none; padding-top:5px;}
/*#pages-list li.head span { color:#ffffff;background:#990099;}*/
#pages-list li a { display:block; text-decoration:none; padding-left:10px; width:auto; font-family: 'Source Sans Pro',sans-serif; font-weight:normal; color:#666; }
/*#pages-list li span { display:block; color:; text-decoration:none; background:; padding:10px; }*/
#pages-list li:hover a { background:; color:#a20641; display:block; }
#pages-list li ul { display:none; position:absolute; }
/*#pages-list li:hover ul { left:-1px; display:block; }*/
/*#pages-list li:hover ul li a { background:; border-bottom:1px solid #164f84; color:; width:170px; }*/
/*#pages-list li ul li { float:left; float:none; border:0; }*/
/*#pages-list li ul li a { color: #; text-decoration:none; padding:10px; display:block; width:auto;top:-1px; border:1px solid #164f84;background:; }*/
/*#pages-list li ul li a:hover { color: ; text-decoration:none; padding:10px; background:; }*/
/*#pages-list li ul li span { display:block; padding:10px; width:auto;  }*/
/*#pages-list li span ul li a { display:block; padding:10px; width:auto; }*/
/*#pages-list li:hover ul li a:hover { color: ; text-decoration:none; padding:10px; background:; }*/









/* l-screens */
.l-screens { position: absolute; width: 100%; bottom: 0; }
.l-screens { /*top: 5.9rem*/ top: 139px; }

/* screens */
.screens { height: 100%; }

/* screen */
.screen { position: absolute; width: 100%; height: 100%; }
.content, .screen { background: #efefe8; }

/* l-content */
.l-content { position: absolute; width: 100%; height: 100%; }

/* l-scrollable */
.l-scrollable { width: 100%; height: 100%; overflow: hidden; }

/* scrollable */
.l-scrollable .scrollable { position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0; }
.l-scrollable .scrollable:focus { outline: 0; }
.l-scrollable .scrollable::-webkit-scrollbar { visibility:hidden; }

/* content */
.content { width: 100%; margin-top:50px; ; }
.content { -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.content.is-loading { opacity: .5; }

/* Container-narrow */
.Container-narrow { max-width: 400px; margin: 0 auto; }

/* Container */
.Container { max-width: 100%; margin: 0 auto;}

/* Module */
.Module { margin-bottom: 1.8rem; border: 1px solid #bbb; border-radius: 3px; background: #fff; }

/* Module-content */
.Module-content { padding: 1.8rem; border-top: 1px solid #bbb; }
.Module-content:first-child { border: 0; }

/* login-elements */

/* control-group */
.control-group { padding-bottom:.9rem; }
.control-group:last-child { padding-bottom: 0; }

/* label-infield */
.label-infield { display: block; position: absolute; top: 0; left: 9px; width: 65px!important; z-index: 1; color: #666!important; font-weight: 400!important; padding: 0!important; text-align: left!important; pointer-events: none; overflow: hidden; }
.label-infield-wide { display: block; position: absolute; top: 0; left: 9px; width: 115px!important; z-index: 1; color: #666!important; font-weight: 400!important; padding: 0!important; text-align: left!important; pointer-events: none; overflow: hidden; }
.label-infield:after, .label-infield-wide:after { content: ':'; }
.label-infield+* .l-input, .label-infield+* .select2-container, .label-infield+* input, .label-infield+input, .label-inline+* .l-input, .label-inline+* .select2-container, .label-inline+* input, .label-inline+input { padding-left: 74px!important; }
.label-infield-wide+* .l-input, .label-infield-wide+* .select2-container, .label-infield-wide+* input, .label-infield-wide+input, .label-inline+* .l-input, .label-inline+* .select2-container, .label-inline+* input, .label-inline+input { padding-left: 124px!important; }
/* widest */
.widest { display: block; width: 100%; }

/* text */

/* mandatory */

/* Button */
.Button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.Button { display: inline-block; padding: 0 1.4rem; margin-bottom: 0; font-size: 1.2rem; height: 3.4rem; color: #444; font-weight: 600; -webkit-font-smoothing: antialiased; text-align: center; background: 0 0; border: 1px solid #b2b2b2; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; vertical-align: middle; }
.Button:hover { text-decoration: none; -webkit-transition: background-position .1s linear; transition: background-position .1s linear; }
.Button.active { background-color: #ebebe2; outline: 0; -webkit-box-shadow: inset 0 1px rgba(0,0,0,.05); box-shadow: inset 0 1px rgba(0,0,0,.05); }
.Button.disabled, .Button.disabled:hover, .Button[disabled], .Button[disabled]:hover { cursor: default; opacity: .3; }

/* Button--primary */
.header .Button--primary { border-color: #340a15; }
/*.Button--primary { background: #164f84; border-color: #0E3152; color: #fff; font-family: 'Source Sans Pro', sans-serif; }
.Button--primary:active { background: #bb264e; }*/

.Button--primary { background: #164f84; border-color: #0E3152; color: #dbdbdb; font-family: 'Source Sans Pro', sans-serif; font-size:14px; }
.Button--primary:active { background: #bb264e; color:#ffffff; }
.Button--primary:hover { background-color:#12406b; color:#ffffff; }

.alignright { text-align: right; }

/*#SignInButton { background-color:#164f84; font-family: 'Source Sans Pro', sans-serif; }
#SignInButton:hover { background-color:#12406b; }
#SignInButton > a {text-transform:uppercase; font-family: 'Source Sans Pro', sans-serif; text-decoration:none; color:#dbdbdb;}
#SignInButton > a:hover {text-decoration:none; color:#ffffff;}
#SignInButton > a > span {text-align:center; text-transform:uppercase; font-size:16px; padding-top:7px; position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; background-image: url(../images/Empty.gif);}*/




input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
border-width: 3px;
}

.Button--primary {
background: #a20641;
border-color: #a20641;
color: #ffffff;
}
.Button--primary:focus,
.Button--primary:hover {
background-color: #12406b;
border-color: #12406b;
color: #ffffff;
}