/*

Volos Janusz Skotarczak

*/
/* Global */
/* forms */
/* Universal */
/* login */
/* main */
/*welcome*/
/* nav */
/* popup */
/* application */
/* scroll_div_list */
/* position table */
/* additionals table */
/* messages */
/* icons */
* {
  color: #cedbec;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: 'Open Sans', sans-serif;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #2b333a;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #374047;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #576774;
}

.widgContainer {
  background-color: #374047;
}

.widgContainer .widgToolbar {
  background-image: none;
  border: none;
  background-color: #576774;
}

.widgContainer .widgIframe {
  background-color: #cedbec;
}

pre {
  font-family: monospace;
  font-size: 12pt;
}

.pointer:hover {
  cursor: pointer;
  cursor: pointer;
}

p {
  margin-top: 10px;
  margin-bottom: 10px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h4 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h5 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h6 {
  margin-top: 20px;
  margin-bottom: 10px;
}

a {
  text-decoration: none;
  color: #1f3a5e;
}

a:hover {
  cursor: pointer;
}

small {
  font-size: 0.7em;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: none;
  border-bottom: 1px solid #576774;
}

li {
  margin-left: 15px;
}

body {
  min-width: 1024px;
  background-color: #1d2124;
}

.hidden {
  display: none;
}

label {
  padding-bottom: 5px;
}

input {
  display: block;
  width: 100%;
  padding: 10px;
  margin-bottom: 7px;
  background-color: #2b333a;
  border-style: solid;
  border-width: 1px;
  border-color: #576774;
  outline: 0px;
}

input:focus {
  outline: 0px;
}

input:-moz-read-only {
  background-color: #374047;
}

input:read-only {
  background-color: #374047;
}

textarea {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #374047;
  border-style: solid;
  border-width: 1px;
  border-color: #576774;
  min-height: 300px;
  min-width: 100%;
  max-width: 100%;
  font-size: 0.8em;
  text-align: left;
}

button,
input[type=submit] {
  border-radius: 5px;
  color: #fff;
  width: 100%;
  padding: 10px;
  background-color: #374047;
  -webkit-box-shadow: 0px 5px 5px -5px black;
          box-shadow: 0px 5px 5px -5px black;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #1f3a5e;
  background: linear-gradient(10deg, #1f3a5e 0%, #42698c 100%);
}

button:focus,
input[type=submit]:focus {
  outline: 0px;
  background: #365f95;
  background: linear-gradient(190deg, #1f3a5e 0%, #5b8bb7 100%);
}

button:disabled,
input[type=submit]:disabled {
  background: #8c8c8c;
  background: linear-gradient(10deg, #8c8c8c 0%, #717171 100%);
}

button:disabled:hover,
input[type=submit]:disabled:hover {
  background: #8c8c8c;
  background: linear-gradient(10deg, #8c8c8c 0%, #717171 100%);
}

button:hover,
input[type=submit]:hover {
  cursor: pointer;
  background: #365f95;
  background: linear-gradient(10deg, #1f3a5e 0%, #5b8bb7 100%);
}

select {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #2b333a;
  border-style: solid;
  border-width: 1px;
  border-color: #576774;
}

input[type=checkbox] {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 5px;
}

label {
  font-size: 0.8em;
}

.red_button {
  background: #7b1111;
  background: linear-gradient(10deg, #7b1111 0%, #db4545 100%);
}

.red_button:hover {
  background: #7b1111;
  background: linear-gradient(10deg, #7b1111 0%, #f57b7b 100%);
}

.red_button:focus {
  background: #7b1111;
  background: linear-gradient(190deg, #7b1111 0%, #db4545 100%);
}

.green_button {
  background: #346c2a;
  background: linear-gradient(10deg, #346c2a 0%, #45ba16 100%);
}

.green_button:hover {
  background: #346c2a;
  background: linear-gradient(10deg, #346c2a 0%, #80ff4d 100%);
}

.green_button:focus {
  background: #346c2a;
  background: linear-gradient(190deg, #346c2a 0%, #45ba16 100%);
  color: #374047;
}

.red {
  color: #ff4040 !important;
}

.orange {
  color: orange !important;
}

.yellow {
  color: yellow !important;
}

.green {
  color: #29c729 !important;
}

.blue {
  color: #29a9c7 !important;
}

.white {
  color: #cedbec !important;
}

.bigger {
  font-size: 1.5em;
}

.smaller {
  font-size: 0.8em;
}

.bgcolor {
  background-color: #42698c;
}

.bgcolor * {
  color: #374047;
}

.darkcolor {
  background-color: #000;
}

.darkcolor * {
  color: #374047;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 200px auto;
      grid-template-columns: 200px auto;
}

.cols_2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 50%;
      grid-template-columns: auto 50%;
  -webkit-column-gap: 10px;
          column-gap: 10px;
}

.cols_3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 33.33% 33.33%;
      grid-template-columns: auto 33.33% 33.33%;
  -webkit-column-gap: 10px;
          column-gap: 10px;
}

.cols_2-4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 25%;
      grid-template-columns: auto 25%;
  -webkit-column-gap: 10px;
          column-gap: 10px;
}

.scroll {
  overflow-y: scroll;
  height: 100vh;
}

.ghostlist li {
  list-style-type: none;
  margin-left: 0px;
}

.loginbox_image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100%;
  background-color: #42698c;
  background-position: center;
  background-size: cover;
  background-blend-mode: multiply;
}

.loginbox_background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.loginbox_background .loginbox {
  display: block;
  background-color: #2b333a;
  width: 300px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.5);
}

.loginbox_background .loginbox .content {
  text-align: center;
  display: block;
  padding: 10px;
  margin: 10px;
  max-height: 80vh;
}

.loginbox_background .loginbox .content form {
  padding-top: 30px;
}

.loginbox_background .loginbox .content form input {
  margin-bottom: 20px;
}

.logotype {
  color: #374047;
  text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
}

.welcome_image {
  height: 100vh;
  background-color: #42698c;
  position: relative;
  background-position: center;
  background-size: cover;
}

.welcome_image .box {
  text-align: center;
  display: block;
  padding: 20px;
  background-color: #374047;
  border-radius: 25px;
  -webkit-box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.5);
}

.welcome_background {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #42698c;
  background-position: center;
  background-size: cover;
  color: #cedbec;
  background-blend-mode: multiply;
}

.welcome_scroll {
  padding: 50px;
  position: relative;
  max-height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-color: #2b333a white;
  scrollbar-width: none;
}

.blog {
  margin-top: 50px;
}

.blog .blog_post {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  background: #374047;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  border-radius: 25px;
}

.blog .blog_post p {
  margin-bottom: 10px;
}

.nav {
  background: #1f3a5e;
  background: linear-gradient(45deg, #1f3a5e 0%, #42698c 100%);
}

.nav button {
  background: #1f3a5e;
  background: linear-gradient(10deg, #1f3a5e 0%, #42698c 100%);
  margin: 0px;
  border: none;
  height: 40px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.nav button:hover {
  background: #365f95;
  background: linear-gradient(10deg, #1f3a5e 0%, #5b8bb7 100%);
  margin: 0px;
}

.nav .title {
  text-align: center;
  color: #374047;
  padding-top: 20px;
  padding-bottom: 20px;
}

.popup {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  background-color: #42698c;
  background-color: rgba(66, 105, 140, 0.9);
  overflow-x: hidden;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup_frame {
  width: 90%;
  min-height: 90vh;
  min-width: 1024px;
  background-color: #374047;
  border-radius: 25px;
  -webkit-box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.5);
}

.popup_frame .popup_bar {
  text-align: right;
  padding: 3px;
  padding-right: 10px;
  background-color: #000;
  color: #ff7878;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.popup_frame .popup_bar:hover {
  color: red;
  cursor: pointer;
}

.popup_frame .popup_closebtn {
  font-size: 2em;
  color: #ff7878;
}

.popup_frame .popup_message {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup_frame .popup_message div {
  position: absolute;
  width: 300px;
}

.popup_frame .popup_content {
  overflow-y: scroll;
  padding: 10px;
  margin: 10px;
  height: 80vh;
}

.application {
  background-color: #2b333a;
  padding: 20px;
  margin: 10px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, 0.33);
}

.application .fancyframe {
  border-radius: 5px;
  background-color: #374047;
  padding: 20px;
  width: 100%;
}

.application .inner_menu {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 300px auto;
      grid-template-columns: 300px auto;
  -webkit-column-gap: 10px;
          column-gap: 10px;
}

.div_list {
  background-color: #374047;
  border-style: solid;
  border-width: 1px;
  border-color: #121212;
}

.div_list .element {
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #2b333a;
}

.div_list .element:hover {
  background-color: #2b333a;
}

.div_list h1 {
  margin-top: 0px;
}

.div_list h2 {
  margin-top: 0px;
}

.div_list h3 {
  margin-top: 0px;
}

.div_list h4 {
  margin-top: 0px;
}

.div_list h5 {
  margin-top: 0px;
}

.div_list h6 {
  margin-top: 0px;
}

.div_list p {
  margin-top: 5px;
  margin-bottom: 5px;
}

.div_list small {
  margin-top: 5px;
  margin-bottom: 5px;
}

.div_list .good {
  border-left: 5px solid #44e865;
}

.div_list .bad {
  border-left: 5px solid #e5694a;
}

.scroll_div_list {
  background-color: #374047;
  border-style: solid;
  border-width: 1px;
  border-color: #121212;
  height: 300px;
  overflow-y: scroll;
}

.scroll_div_list .element {
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #2b333a;
}

.scroll_div_list .element:hover {
  background-color: #2b333a;
}

.scroll_div_list .good {
  background: #c8f2d1;
  background: -webkit-gradient(linear, left top, right top, from(#c8f2d1), to(rgba(200, 242, 209, 0)));
  background: linear-gradient(90deg, #c8f2d1 0%, rgba(200, 242, 209, 0) 100%);
  border-color: #374047;
}

.scroll_div_list .good:hover {
  background: #c8f2d1;
}

.scroll_div_list .bad {
  background: #ffa8a8;
  background: -webkit-gradient(linear, left top, right top, from(#ffd8d3), to(rgba(255, 216, 211, 0)));
  background: linear-gradient(90deg, #ffd8d3 0%, rgba(255, 216, 211, 0) 100%);
  border-color: #374047;
}

.scroll_div_list .bad:hover {
  background: #ffd8d3;
}

.position_table {
  background-color: #2b333a;
}

.position_table .position_row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 4% auto 5% 12% 12% 12% 15%;
      grid-template-columns: 4% auto 5% 12% 12% 12% 15%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #1d2124;
}

.position_table .position_row .position_cell {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #121212;
  min-height: 50px;
}

.position_table .position_row .position_cell p {
  margin: 5px 5px 0px 5px;
}

.position_table .position_row .position_cell small {
  color: #777;
  margin: 0px 5px 0px 5px;
}

.position_table .highlight:hover {
  background-color: #374047;
}

.position_table input {
  border: none;
  margin: 0px;
}

.position_table button {
  display: inline-block;
  width: 50%;
  border: none;
  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

.position_table .position_table_heading {
  background-color: #1d2124;
  color: #2b333a;
  font-size: 12px;
}

.position_table .position_table_heading div {
  padding: 5px;
}

.additionals_table {
  background-color: #2b333a;
}

.additionals_table .additional_row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3% auto 10% 10% 10% 10%;
      grid-template-columns: 3% auto 10% 10% 10% 10%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #1d2124;
}

.additionals_table input {
  border: none;
  margin: 0px;
}

.additionals_table .table_div {
  font-size: 0.8em;
  padding: 5px;
  padding-top: 10px;
}

.additionals_table button {
  display: inline-block;
  width: 100%;
  border: none;
  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

.additionals_table .additionals_table_heading {
  background-color: #333;
  color: #2b333a;
}

.additionals_table .additionals_table_heading div {
  padding: 5px;
}

.additionals_groups_table {
  background-color: #2b333a;
}
.additionals_groups_table .additionals_groups_row {
  display: grid;
  grid-template-columns: 3% 43% 43% 11%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #1d2124;
}
.additionals_groups_table input {
  border: none;
  margin: 0px;
}
.additionals_groups_table .table_div {
  font-size: 0.8em;
  padding: 5px;
  padding-top: 10px;
}
.additionals_groups_table button {
  display: inline-block;
  width: 100%;
  border: none;
  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
}
.additionals_groups_table .additionals_groups_table_heading {
  background-color: #333;
  color: #2b333a;
}
.additionals_groups_table .additionals_groups_table_heading div {
  padding: 5px;
}

.infos {
  position: fixed;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.message-info {
  color: #121212;
  margin-top: 10px;
  padding: 10px;
  background-color: #6aa2eb;
  border-radius: 5px;
}

.message-info p {
  color: #121212;
}

.message-alert {
  color: #121212;
  margin-top: 10px;
  padding: 10px;
  background-color: #e0c344;
  border-radius: 5px;
}

.message-alert p {
  color: #121212;
}

.message-warning {
  margin-top: 10px;
  padding: 10px;
  background: #e5694a;
  border-radius: 5px;
}

.message-warning p {
  color: #121212;
}

.hint {
  position: relative;
  display: inline-block;
}

.hint .hint_text-top {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #374047;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 999;
  width: 200px;
  bottom: 20px;
  left: calc(50% + 8px);
  margin-left: -100px;
}

.hint .hint_text-bottom {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #374047;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 999;
  width: 200px;
  top: calc(100% + 20px);
  left: calc(50% + 8px);
  margin-left: -100px;
}

.hint:hover .hint_text-top {
  visibility: visible;
}

.hint:hover .hint_text-bottom {
  visibility: visible;
}

.icon_bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.icon_bar button {
  display: block;
  width: auto;
  margin: 5px;
}

.icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: center;
      align-self: center;
}

.icon svg {
  height: 1.5em;
  width: 1.5em;
  fill: currentColor;
}

.icon img {
  height: 1.5em;
  width: 1.5em;
  fill: currentColor;
  top: .125em;
  position: relative;
}

.icon.baseline svg {
  top: .125em;
  position: relative;
}

.superadmin {
  background-color: #1d2124;
  color: #374047;
  padding: 20px;
}

.superadmin .scroll {
  overflow-y: scroll;
  height: calc(100vh - 150px);
}

.superadmin input {
  font-family: monospace;
  font-size: 12pt;
}

.superadmin button {
  margin: 0px;
  background: #374047;
  color: #42698c;
}
/*# sourceMappingURL=style_dark.css.map */