* { font-family: Arial, Helvetica, sans-serif; }

body { color:#333; }

a { color:#3572b0; text-decoration:none; }
a:hover { text-decoration: underline; }

h1 { font-weight: normal; font-size:1.7em; }

.c { clear:both; height:0; line-height: 0; font-size: 0; }

.center { text-align: center; }

.fl { float:left; }
.fr { float:right; }

.al { text-align:left; }
.ar { text-align:right; }

.w100 { width:100%; }

.c-error { color:rgb(202, 60, 60);/*#f44336;*/ }

.main-width { max-width:980px; margin: 0 auto; }
.main { padding: 0 2em; margin-bottom: 50px; line-height: 1.4em; }

.info { font-size:0.9em; line-height: 1.3em; color:#888; }
.msg { font-size:0.9em; line-height: 1.3em; padding: 12px 0 12px 0; }
.msg strong { font-size:1.1em; text-transform: uppercase; font-weight: normal; display:block; margin-bottom:6px; }


.pure-button { text-transform: uppercase; font-size:82%; padding: 0.7em 1.5em; }
a.pure-button, a.pure-menu-link:hover { text-decoration: none; }
.pure-button-success, .pure-button-error, .pure-button-warning, .pure-button-secondary { color: white; }
.pure-button-success { background: rgb(28, 184, 65); /* this is a green */ }
.pure-button-error { background: rgb(202, 60, 60); /* this is a maroon */ }
.pure-button-warning { background: rgb(223, 117, 20); /* this is an orange */ }
.pure-button-secondary { background: rgb(66, 184, 221); /* this is a light blue */ }

form input, form select { font-size:0.9em; border-radius:0 !important; }
form .i_text { min-width:400px; }
form .i_password { min-width:400px; }
form .form-group { margin: 0 0 14px 0; }
form .form-group.d_submit { margin-top:24px; margin-bottom:0; }
.has-error .i_text { border-color: rgb(202, 60, 60) !important; }
.has-error .i_password { border-color: rgb(202, 60, 60) !important; }
form .control-label { font-size:0.73em; line-height:1.4em; text-transform: uppercase; margin:0; }
.has-error ul.error { font-size:0.85em; line-height:1.4em; }
.pure-checkbox { font-size:0.84em; }
.pure-checkbox > input { margin-right:4px; }
.pure-form-aligned .pure-control-group label { width:auto; text-align: left; }
.pure-form-aligned .pure-control-group label.bl { display: block; }
.pure-form-aligned .pure-control-group .control-label { padding-top:0.5em; width:12em; text-align: right; float:left; }
.pure-form fieldset { padding:0; }

.list-unstyled { padding:0; margin:0; list-style: none; }
.list-unstyled.error { color:rgb(202, 60, 60); }

.box-punkt { padding: 12px 12px 2px 12px; color: white; margin-bottom: 15px; font-size:0.9em; }
.box-punkt > ul { list-style: none; list-style-position: outside; padding: 0; margin: 0 0 0 0.3em; }
.box-punkt > ul > li { padding:0; margin:0 0 12px 0; line-height:1.1em; }
.box-punkt.error { background-color: rgb(202, 60, 60); }
.box-punkt.flash { background-color: #dff0d8/*#d9edf7#2196F3*/; color:#3c763d/*#31708f*/; }


.page-login { width:400px; margin:auto; padding-top:50px; position:relative; }
.page-login h1 { text-align: center; margin-bottom: 0.9em; }
.page-login form .i_text { width:100%; }
.page-login form .i_password { width:100%; }
.page-login .info { margin-bottom:24px; }
.page-login .msg strong { text-align:center; }
.page-login .link-reset-register { position:absolute; right:0; bottom:5px; }

.page-logged { /*font-size: 0.9em;*/ }
.page-logged .pure-form { margin-top:30px; }
.page-logged h1 { font-size:1.5em; margin:1em 0 1em 0; }


.box-navbar { background-color: #455a64; color:#fff; height:40px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); }
.box-navbar .start { float:left; height:40px; line-height:40px; font-size:0.76em; letter-spacing:0.1em; color:#FFA7B9; margin-right:20px; }
.box-navbar .pure-menu-item { z-index:5; background-color: #455a64; }
.box-navbar .pure-menu-link { z-index:5; background-color: #455a64; color:#fff; height:40px; line-height: 40px; font-size:0.82em; padding-top:0; padding-bottom:0; }
.box-navbar .pure-menu-link:hover, .box-navbar .pure-menu-link:focus { background-color:/*#205081*/#3572b0; color:#fff; }
.box-navbar .pure-menu-link:visited { color:#fff; }
.box-navbar .pure-menu-link.out-icon:after { font-size:0.7em; content: "\25BA"; position:relative; left:0.5em; padding-left:0.7em; }
.pure-menu-has-children > .pure-menu-link:after { font-size:1.46em; line-height: 1em; position:relative; top:0.14em; left:0.4em; padding-left:0; }
.box-navbar .pure-menu-children { z-index:-1; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); }
.box-navbar .pure-menu-children .pure-menu-link { background:#205081; height:34px; line-height: 34px; min-width:160px; }
.box-navbar .pure-menu-children .pure-menu-link:hover, .box-navbar .pure-menu-children .pure-menu-link:focus { background-color:#3572b0; color:#fff; }
.box-navbar .pure-menu-list.right { float:right; }
.box-navbar .pure-menu-list.right .pure-menu-children { left: auto; right:0; }
.box-navbar .truncate-login { width: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.box-navbar .login-indicator { font-size:0.9em; display:inline-block; vertical-align: middle;}
.box-navbar .login-indicator .name { font-size:0.97em; height:14px; line-height:14px;  }
.box-navbar .login-indicator .email { font-size:0.95em; height:12px; line-height:12px; margin-bottom:5px;}

.pure-table { border:0; border-bottom: 1px solid #eee; width:100%; }
.pure-table thead { background:none; color:#aaa; }
.pure-table th { font-size:0.7em; font-weight:normal; text-transform: uppercase; }
.pure-table td { font-size:0.8em; line-height: 1.45em; border-color:#eee; padding-top:0.4em; padding-bottom:0.4em; padding-right:0.4em; padding-left:0.8em; }
.pure-table td .pure-button { font-size:0.87em; padding: 0.5em 0.8em; }
.pure-table tr:hover td { background:#f2f2f2; }
.pure-table-striped tr:nth-child(2n-1) td { background-color: #f8f8f8; }
.pure-table-striped tr:hover:nth-child(2n-1) td { background-color: #f2f2f2; }
.pure-table td.small { font-size: 0.75em; }
.pure-table td .small { font-size: 0.94em; }

.dot-on-off { background-color:#ddd; width:1em; height:1em; line-height:1em; border-radius: 50%; display:inline-block; }
.dot-on-off.on { background-color: #4CAF50; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}