html,
body {
  background: #1c1e25;
  margin: 0;
  font-family: "Lato", sans-serif !important;
}

*,
*::before,
*::after {
  font-family: "Lato", sans-serif;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.clear:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

#box {
  font-family: "Molengo", sans-serif;
  margin: auto;
  /*background: #fff;*/
  width: 400px;
  position: relative;
  top: 20px;
  text-align: center;
  font-size: 20px;
  padding: 20px;
}

#box h1 {
  font-size: 26px;
}

#box a {
  text-decoration: none;
  font-size: 14px;
  color: #00aa00;
}

#box input {
  border: none;
  width: 260px;
  height: 45px;
}

#box input:focus {
  outline: none;
}

#box .input_box {
  background: white;
  width: 350px;
  margin: auto;
  border-radius: 5px;
  height: 47px;
  padding: 2px;
}

#box .input_box img {
  height: 35px !important;
  margin: 0 !important;
  display: block;
}

#box h2 {
  color: white;
  margin-top: 40px;
  margin-bottom: 0px;
}

#box .lane_box {
  width: 100%;
  height: 1px;
  background: white;
  margin-top: 50px;
}

.icon_box {
  background: #1c1e25;
  float: left;
  z-index: 10;
  padding: 6px;
  border-radius: 4px 0px 0px 4px;
}

#all {
  text-align: center;
  font-family: "Arsenal", sans-serif;
  margin: auto;
  width: 1200px;
  position: relative;
  top: 20px;
  font-size: 20px;
}

#top {
  width: 100%;
  height: 120px;
}

#first_lane_bg {
  background: #e8464d;
  width: 100%;
  height: 60px;
}

#first_lane {
  width: 1200px;
  margin: auto;
}

#logo {
  width: 165px;
  height: 40px;
  float: left;
  font-size: 13px;
  border-right: 1px solid white;
  margin-top: 10px;
}

#logo .logo_text {
  margin-top: 3px;
  float: left;
  margin-left: 8px;
  color: white;
}

#logo img {
  float: left;
}

/* Menu */
.navigationMenu {
  width: 100%;
  background-color: #e8464d;
  font-family: "Lato", sans-serif;
}

.navigationMenu-container {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  padding: 10px 0px 10px 0px;
  margin-left: auto;
  margin-right: auto;
}

.navigationMenu-contentLeft {
  display: flex;
  width: 320px;
  height: 45px;
}

.navigationMenu-contentLeftLogo a {
  display: block;
}

.navigationMenu-contentLeftUser {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0px 10px 0px 10px;
  border-right: 1px solid #ffffff;
  font-size: 13px;
  color: #ffffff;
}

.navigationMenu-contentCenter {
  display: flex;
  justify-content: space-between;
  height: 45px;
  margin-left: -10px;
  margin-right: -10px;
}

.navigationMenu-contentCenter-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 65px;
  margin-left: 10px;
  margin-right: 10px;
}

.navigationMenu-contentCenter-option img {
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.navigationMenu-contentCenter-option-inner {
  position: relative;
}

.navigationMenu-contentCenter-option span {
  font-size: 12px;
  color: white;
  cursor: pointer;
}

.navigationMenu-contentCenter-option-bell {
  position: absolute;
  top: 0;
  right: 0;
  background: white;
  display: block;
  padding: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  color: #e8464c !important;
  font-weight: bold;
}

.navigationMenu-contentCenter-option-inside-bell {
  background: white;
  padding: 3px;
  display: flex;
  width: 10px;
  height: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #e8464c !important;
  font-weight: bold;
  position: relative;
}

.navigationMenu-contentCenter-option-inside-bell span {
  position: absolute;
  color: #e8464c !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  color: inherit;
  text-align: center;
}

.navigationMenu-contentCenter-option-container {
  display: none;
  position: absolute;
  padding-top: 73%;
  width: calc(100% + 20px);
  z-index: 1;
}

.navigationMenu-contentCenter-option-content {
  width: calc(100% + 124px);
  margin-top: 10px;
  margin-left: -60px;
}

.navigationMenu-contentCenter-option:hover
  .navigationMenu-contentCenter-option-container {
  display: block !important;
  cursor: pointer;
}

.navigationMenu-contentCenter-choice {
  margin: 2px;
  border-radius: 6px;
  text-align: center;
  background-color: #e8464d;
  color: white;
  transition: 0.2s;
}

.navigationMenu-contentCenter-choice:hover {
  background-color: #ec8186;
}

.navigationMenu-contentCenter-choice a {
  display: block;
  padding: 5px;
  text-decoration: none;
  color: white;
}

.navigationMenu-contentRight {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 320px;
  height: 45px;
}

.navigationMenu-contentRight input {
  width: 250px;
  height: 30px;
  border: 1px solid #ffffff;
  border-radius: 7px;
  margin-right: 20px;
}

.navigationMenu-contentRight input:focus {
  outline: none;
}

.navigationMenu-contentRight-logout a {
  display: block;
}

.navigationMenu-contentRight-logout a img {
  height: 35px;
  margin-left: 3px;
}

.navigationMenu-containerBottom {
  width: 100%;
  background-color: #1c1e25;
}

.navigationMenu-containerBottom-content {
  display: flex;
  width: 1200px;
  padding: 10px 0px 10px 0px;
  margin-left: auto;
  margin-right: auto;
}

.navigationMenu-containerBottom-contentLeft {
  display: flex;
  margin-left: -2.5px;
}

.navigationMenu-containerBottom-contentLeft-element {
  margin-left: 2.5px;
  margin-right: 2.5px;
}

.navigationMenu-containerBottom-contentLeft-element a {
  display: block;
}

.navigationMenu-containerBottom-contentLeft-element a img {
  height: 35px;
}

.navigationMenu-containerBottom-contentRight {
  width: calc(100% - 160px);
  display: flex;
  flex-direction: row;
}

.navigationMenu-containerBottom-contentRight-bookmarks {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: calc(100% - 30px);
}

.navigationMenuBookmark {
  display: flex;
  justify-content: space-around;
  align-items: center;
  /* width: 100px; */
  float: left;
  height: 20px;
  background: #e8464d;
  border-radius: 0px 0px 6px 6px;
  margin: 0px 5px 3px 5px;
  text-align: center;
}

.navigationMenuBookmarkFirst {
  display: block;
  line-height: 100%;
  width: calc(100% - 15px);
  margin-left: 8px;
  color: white;
}

.navigationMenuBookmark > a {
  text-decoration: none;
}

.navigationMenuBookmark > a > button {
  padding: 0;
  border: 0;
  width: 15px;
  height: 15px;
  display: block;
  margin-right: 8px;
  cursor: pointer;
}

.navigationMenu-containerBottom-contentRight-addBookmark {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.navigationMenu-containerBottom-contentRight-addBookmark > form > button {
  width: 30px;
  height: 30px;
  border: 0;
  padding: 0;
  background-color: white;
  color: black;
  font-weight: 400;
  cursor: pointer;
  border-radius: 5px;
}

/* //Menu */

/* Menu under menu */
.menuUndermenu-container {
  background-color: #1c1e25;
  padding-bottom: 10px;
}

.menuUndermenu-content {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
  background-color: #599a8e;
}

.menuUndermenu-top,
.menuUndermenu-right {
  display: flex;
  height: 100%;
}

.menuUndermenu-top > div {
  border-left: 2px solid white;
  padding: 0 10px;
  transition: 0.2s;
}

.menuUndermenu-top > div:first-child {
  border-left: none;
}

.menuUndermenu-top > div > a {
  display: flex;
  align-items: center;
  height: 100%;
  text-decoration: none;
  color: white;
  font-size: 24px;
}

.menuUndermenu-top > div:hover {
  background-color: #0069558a;
}

.menuUndermenu-top > div:first-child:hover {
  background-color: transparent !important;
}

.menuUndermenu-right > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  margin-right: 10px;
  color: white;
  font-size: 24px;
}

.menuUndermenu-bottom {
  flex-direction: column;
  width: 33.333%;
  margin-left: auto;
  background-color: #599a8e;
  position: absolute;
  right: 0;
  top: 45px;
  z-index: 1;
}

.menuUndermenu-bottom > div {
  padding: 5px 45px 5px 0;
  border-top: 2px solid white;
  color: white;
  font-size: 21px;
  text-align: right;
  padding-right: 45px;
  transition: 0.2s;
}

.menuUndermenu-bottom > div > a {
  display: block;
  color: white;
  text-decoration: none;
}

.menuUndermenu-bottom > div:hover {
  background: #0069558a;
}

/* //Menu under menu */

.welcome_one {
  float: left;
  width: 1200px;
  background: #eaeaea;
}

.welcome_half {
  width: 550px;
  float: left;
  margin: 20px;
}

.welcome_title {
  width: 550px;
  background: #9f9f9f;
  height: 40px;
  line-height: 40px;
}

.welcome_godzina {
  background: #ffb88e;
}

.welcome_note {
  width: 550px;
  background: #2052cb;
  margin-top: 10px;
  border-radius: 0px 0px 40px 0px;
  min-height: 100px;
  float: left;
}

.welcome_task {
  background: #e8464d;
  margin-top: 10px;
  width: 550px;
  border-radius: 0px 0px 40px 0px;
  min-height: 100px;
  float: left;
}

.welcome_task_date {
  width: 200px;
  background: white;
  margin: 10px;
  height: 30px;
  text-align: left;
  padding-left: 5px;
}

.welcome_task_description {
  width: 450px;
  background: white;
  margin: 10px;
  min-height: 40px;
  text-align: left;
  padding-left: 10px;
}

.welcome_note_description {
  width: 450px;
  background: white;
  margin: 10px;
  min-height: 40px;
}

.welcome_note_date {
  width: 200px;
  background: white;
  margin: 10px;
  height: 30px;
}

.welcome_notatka {
  background: #efefef;
}

#top .menuclick img {
  float: left;
  margin-top: 6px;
  margin-left: 0px;
  margin-right: 5px;
}

#top .menuclick a {
  color: white;
  text-decoration: none;
  vertical-align: middle;
  padding-top: 25px;
}

#szukaj {
  width: 225px;
  float: left;
}

#szukaj .input_look {
  height: 30px;
  font-size: 20px;
  width: 200px;
  float: left;
  margin-top: 20px;
  border: none;
  padding: 0px;
  border-radius: 3px;
}

#szukaj .input_send {
  width: 25px;
  height: 24px;
  float: left;
  margin-top: 22px;
  border: none;
  background: url("image/icon_szukaj.png");
  background-repeat: no-repeat;
}

.looking_moje {
  background: #e8464d;
  width: 298px;
  float: left;
  margin: 1px;
  height: 40px;
}

.looking_moje a {
  color: white;
  text-decoration: none;
}

#logout {
  width: 75px;
  float: left;
  height: 32px;
  padding-top: 18px;
}

#second_lane {
  margin: auto;
  width: 1200px;
  height: 50px;
}

#user {
  height: 50px;
  float: left;
}

#user p {
  width: 100px;
  height: 20px;
  margin: 30px 0px 0px 0px;
  font-size: 12px;
  color: white;
}

#user .click_user {
  float: left;
  margin-top: 15px;
  margin-left: 5px;
}

#tresc {
  /*width: 1200px;*/
  min-height: 200px;
  margin-top: 30px;
  background: #eaeaea;
}

.what_now {
  text-align: left;
  font-size: 19px;
  /*color: #b77324;*/
  margin: 7px;
  width: 1200px;
}

.icon {
  width: 30px;
  transition: 0.2s;
  padding: 5px;
}

.icon:hover {
  transform: translateX(3px);
}

.looking {
  width: 1200px;
  font-size: 18px;
  font-family: "Arsenal", sans-serif;
}

.looking a {
  color: #fff;
  text-decoration: none;
}

.th_bottom {
  padding: 0 2px 5px;
  line-height: 15px;
  font-size: 18px;
}

.table-fill {
  font-family: "Roboto", helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-rendering: optimizeLegibility;

  background: white;
  border-radius: 3px;
  border-collapse: collapse;
  height: 320px;
  margin: auto;

  padding: 5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}

tr.card {
  border-top: 1px solid #c1c3d1;
  color: #000;
  font-size: 16px;
  font-weight: normal;
}

tr.card:first-child {
  border-top: none;
}

tr.card:last-child {
  border-bottom: none;
}

tr.card:nth-child(odd) td {
  background: #fafafa;
}

tr.card:last-child td:first-child {
  border-bottom-left-radius: 3px;
}

tr.card:last-child td:last-child {
  border-bottom-right-radius: 3px;
}

td.text-left {
  width: 50%;
  background: #ffffff;
  padding: 15px;
  text-align: left;
  vertical-align: middle;
  font-weight: 300;
  font-size: 18px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #c1c3d1;
}

td.text-left:last-child {
  border-right: 0px;
}

th.text-left {
  text-align: left;
}

th.text-center {
  text-align: center;
}

th.text-right {
  text-align: right;
}

td.text-left {
  text-align: left;
}

td.text-center {
  text-align: center;
}

td.text-right {
  text-align: right;
}

#add .input {
  border-top: none;
  border-left-style: none;
  /*border-bottom-color: rgb(209, 186, 169);*/
  vertical-align: middle;
  font-size: 18px;
  height: 25px;
  text-align: center;
  width: 600px;
  border-right-style: none;
  outline: none;
}

#add td {
  height: 50px;
}

.table-gill {
  font-family: "Roboto", helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-rendering: optimizeLegibility;

  background: white;
  border-radius: 3px;
  border-collapse: collapse;
  margin: auto;

  padding: 5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}

.text-lef-date {
  width: 120px;
}

.text-lef-hour {
  width: 120px;
}

td.text-lef {
  border-right: 1px solid #c1c3d1;
}

.hundret {
  width: 50px;
}

#menu_under_menu {
  width: 100%;
  background-color: #1c1e25;
  height: 50px;
  padding: 10px 0;
  text-align: center;
}

#menu_under_menu ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style-type: none;
  height: 35px;
  display: inline-block;
}

#menu_under_menu ul a {
  text-decoration: none;
  display: block;
  height: 35px;
  margin: auto;
  color: white;
}

#menu_under_menu ul > li {
  float: left;
}

#menu_under_menu li {
  line-height: 35px;
  background: #599a8e;
  margin: 0px 5px 0px 5px;

  text-decoration: none;
  border-radius: 5px;
  z-index: 5;
  padding: 0px 5px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
}

#godziny table {
  border-collapse: collapse;
  border-spacing: 2px;
}

#godziny tr {
  border-bottom: 2px solid #1c1e25;
}

#godziny td {
  padding: 5px;
}

#client {
  background: #1c1e25;
  width: 1200px;
  min-height: 300px;
}

#client_box--left {
  float: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
}

#client_box--right {
  float: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 50%;
}

.client_box {
  width: 590px;
  margin-bottom: 20px;
  background: #eaeaea;
  float: left;
  border-radius: 0px 0px 10px 10px;
  font-family: "Lato", sans-serif;
}

.client_box h4 {
  margin: 0px 0px 0px 0px;
  text-align: left;
  padding: 10px;
  background: #e8464d;
  width: 258px;
  color: white;
  border-radius: 0px 0px 5px 0px;
  float: left;
}

.client_box_all {
  width: 1150px;
  margin: 25px;
  background: white;
  float: left;
  border-radius: 0px 0px 10px 10px;
}

.client_box_all h4 {
  margin: 0px 0px 0px 0px;
  text-align: left;
  padding: 10px;
  background: #e8464d;
  width: 258px;
  color: white;
  border-radius: 0px 0px 5px 0px;
  float: left;
}

.add_sth_header {
  margin: 0px 0px 10px 0px;
  text-align: left;
  padding: 10px;
  background: #e8464d;
  min-width: 258px;
  color: white;
  border-radius: 0px 0px 5px 0px;
  float: left;
}

.add_sth_print {
  margin: 5px 0px 0px 0px;
  display: flex;
  justify-content: space-around;
  height: 46px;
  margin-bottom: 10px;
  align-items: center;
  width: 40%;
}

.add_sth_print img {
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.add_sth_print_button {
  border: 0;
  margin: 0;
  padding: 0;
  outline: none;
  width: 40px;
  height: 40px;
  margin-top: 6px;
  margin-right: 6px;
  background-color: transparent;
  transition: 0.3s;
}

.add_sth_print_button:hover {
  transform: translateY(-3px);
}

.add_sth_header_up {
  float: right;
  cursor: pointer;
  height: 26px;
}

.add_sth_header_down {
  float: left;
  margin-left: 5px;
}

.edycja_client,
.edycja_clienta {
  float: right;
  margin-right: 4px;
  margin-top: 4px;
  cursor: pointer;
}

.client_dane_width {
  text-align: left;
  padding: 20px;
  margin-top: 45px;
  width: 550px;
}

.client_dane {
  text-align: left;
  padding: 40px;
  margin-top: 45px;
}

.client_dane2 {
  text-align: left;
  padding: 25px;
  margin-top: 45px;
  width: 1150px;
}

.cursor_pointer {
  cursor: pointer;
}

.client_box-header {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
}

.client_box-title {
  text-align: left;
  padding-left: 20px;
  padding-right: 10px;
  background: #e8464d;
  width: 258px;
  height: 46px;
  color: white;
  display: flex;
  align-items: center;
  border-radius: 0px 0px 5px 0px;
}

.client_box-icons {
  display: flex;
  padding-right: 15px;
  align-items: center;
}

.client_box-icons img {
  width: 32px;
  height: 32px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}

.client_box-textarea {
  display: flex;
  width: calc(100% - 278px);
}

.client_box-textarea textarea {
  margin: 0px;
  border: 1px solid #e8464d;
  min-height: 40px;
  min-width: 266px;
  max-width: 266px;
  width: 266px;
  border-radius: 0 0 10px 0;
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

.client_box-textarea textarea:focus {
  outline: none;
}

.client_box-textarea form {
  display: flex;
  width: 100%;
  align-items: center;
}

.client_box-textarea input {
  width: 40px;
  height: 40px;
  border: 0;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  background-image: url("../image/addNote.png");
}

.client_box-textarea input:focus {
  outline: none;
}

.client_box-content {
  margin: 20px 20px 20px 20px;
  font-weight: 300;
  background-color: #efefef;
  padding-bottom: 20px;
  border-radius: 0 0 10px 10px;
}

.client_box-table {
  display: flex;
  width: calc(100% - 20px);
  margin: 0 10px 0 10px;
  background-color: #777777;
}

.client_box-tableElementFirst {
  display: flex;
  width: 238px;
  align-items: center;
  text-align: left;
  padding: 5px;
  background: #efefef;
  border-bottom: 5px solid #ffffff;
}

.client_box-tableElementSecond {
  display: flex;
  width: calc(100% - 238px);
  align-items: center;
  text-align: left;
  padding: 5px;
  background: #efefef;
  border-bottom: 5px solid #ffffff;
}

.client_box-tableElementThird {
  display: flex;
  width: 125px;
  flex-direction: column;
  padding: 5px;
  background: #efefef;
  font-size: 12px;
  align-items: center;
  border-bottom: 5px solid #ffffff;
}

.client_box-tableElementFourth {
  display: flex;
  width: calc(100% - 145px);
  text-align: left;
  padding: 5px;
  font-weight: 300;
  word-break: break-all;
  background-color: #efefef;
  border-bottom: 5px solid #ffffff;
}

.client_box-tableElementFifth {
  display: flex;
  width: 99px;
  flex-direction: column;
  padding: 5px;
  background: #efefef;
  font-size: 12px;
  align-items: center;
  border-bottom: 5px solid #ffffff;
}

.client_box-tableElementSixth {
  display: flex;
  width: calc(100% - 228px);
  text-align: left;
  padding: 5px;
  font-weight: 300;
  word-break: break-all;
  background-color: #efefef;
  border-bottom: 5px solid #ffffff;
}

.client_box-rowContainer {
  display: flex;
}

.client_box-rowContainer > .client_box-tripleElement {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 33.33%;
  margin: 0 0 15px 0;
}

.client_box-rowContainer > .client_box-doubleElement {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  margin: 0 0 15px 0;
}

.client_box-rowContainer span {
  margin: 0 0 10px 0;
  text-align: left;
  font-size: 18px;
}

.client_box-rowContainer .buttonsContainer {
  display: flex;
}

.client_box-rowContainer button {
  width: 75px;
  height: 25px;
  padding: 0 5px;
  padding: 0;
  margin: 0 0 0 10px;
  color: white;
  background-color: #a7a5a5;
  border: 0;
  cursor: pointer;
  outline: none;
}

.client_box-rowContainer button:first-child {
  margin: 0;
}

.client_box-rowContainer button a {
  color: #ffffff;
  text-decoration: none;
}

.client_box-rowContainer button form {
  width: 100%;
  height: 100%;
}

.client_box-rowContainer button form > input[type="submit"] {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  color: #ffffff;
  background-color: transparent;
  cursor: pointer;
}

.clientBoxHistoryButtondDuckface {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #dd3a46 transparent transparent transparent;
}

.clientBoxHistoryContent {
  width: 100%;
}

.clientBoxHistoryButtons,
.clientBoxHistoryContainer {
  display: flex;
  flex-wrap: wrap;
  margin-right: -7.5px;
  margin-left: -7.5px;
  background-color: #eaeaea;
}

.clientBoxHistoryButton {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  position: relative;
  margin: 0 7.5px 10px 7.5px;
  padding: 2px;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  background-color: #e8464d;
}

.clientBoxHistoryButton img {
  width: 35px;
  height: 35px;
}

#info_box_pk {
  width: 200px;
  position: absolute;
  background: white;
  border: solid 1px black;
  border-radius: 15px 0px 15px 14px;
  box-shadow: 1px 1px 10px black;
  z-index: 2;
  font-size: 15px;
  padding: 5px;
  right: 20px;
  display: none;
}

.client_dane td:first-child {
  /* background: #757474; */
  padding: 10px;
  text-align: center;
  color: #757474;
}

.client_dane td {
  padding-left: 20px;
}

.client_notice {
  text-align: left;
  padding: 30px;
  float: left;
}

.client_notice td {
  padding: 5px;
  font-size: 12px;
}

.notice_input {
  width: 230px;
  height: 40px;
}

#pracownicy {
  width: 1200px;
  float: left;
}

.pracownik {
  width: 120px;
  margin-right: 20px;
}

.pracownik_photo {
  width: 250px;
  height: 300px;
  margin: 25px;
}

.pracownik_photo img {
  width: 250px;
  height: 300px;
}

.pracownik_stanowisko {
  width: 300px;
  height: 50px;
  color: red;
  text-align: center;
}

.pracownik_tel {
  height: 50px;
  width: 250px;
  text-align: center;
}

.tr_backkground_efefef {
  background: #efefef;
}

.tr_backkground_1c1e25 {
  background: #1c1e25;
  color: white;
}

.input_text_pk_0085ffb3 {
  border: none;
  background: #e8464d;
  padding: 3px;
  width: 264px;
  font-weight: 600;
  color: white;
}

.input_submit_pk {
  background-color: #929292b3;
  text-decoration: none;
  border: none;
  padding: 10px 81px 10px 81px;
  text-align: center;
  font-weight: 600;
}

.history_loged_table {
  width: 800px;
  margin: auto;
  height: 600px;
  border: solid 1px #d7d7d7;
}

.hostory_logeed_lane {
  width: 800px;
  float: left;
  font-size: 15px;
  height: 50px;
  border-bottom: 1px solid #e8e8e8;
}

.history_loged_box_data {
  padding: 10px;
  float: left;
  width: 180px;
}

.history_loged_box_ip {
  padding: 10px;
  float: left;
  width: 180px;
}

.history_loged_box_stat {
  padding: 10px;
  float: left;
  width: 130px;
}

.history_loged_box_prze {
  padding: 10px;
  float: left;
  width: 220px;
}

#edit_client_date {
  max-height: 837px;
  height: 100%;
  background: #eaeaea;
  width: 1020px;
  display: none;
  z-index: 10;
  position: fixed;
  box-shadow: 1px 1px 10px black;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
}

.close {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 40px;
  margin-right: 10px;
  cursor: pointer;
}

#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9;
}

.tr-edit_dane_osobowe_1 {
  height: 50px;
  background-color: #e3e3e4;
}

.tr-edit_dane_osobowe_2 {
  height: 50px;
  background-color: white;
}

.table_edit_dane_osobowe {
  width: 1000px;
  position: absolute;
  top: 78px;
}

.what_now_jq {
  position: absolute;
  margin: 5px;
  color: red;
}

.red-box_fake_background {
  background-color: #1c1e25;
  width: 100%;
  height: 100%;
}

.red-box {
  background-color: #e8464d;
  width: 100%;
  height: 30px;
}

.tr_gray_1 {
  background-color: #e3e3e4;
}

#partnersList {
  visibility: hidden;
}

.input_add_2,
.input_all_2 {
  border-bottom-color: #e3e3e4;
  height: 25px;
  outline: none;
}

.input_add_1[type="text"]:focus,
.input_add_2[type="text"]:focus {
  border: 3px solid lightgrey !important;
  outline: none;
}

.input_all_1,
.input_all_2 {
  border-top: none;
  border-left-style: none;
  vertical-align: middle;
  font-size: 18px;
  height: 25px;
  text-align: center;
  width: 600px;
  border-right-style: none;
  outline: none;
}

.input_all_1[type="text"]:focus,
.input_all_2[type="text"]:focus {
  border: 3px solid lightgrey !important;
}

.red-box_fake_background_1 {
  background-color: #1c1e25;
  width: 100%;
  height: 30px;
}

.container_what_now_jq {
  position: absolute;
  height: 48px;
  width: 200px;
  line-height: 38px;
}

/* ZADANIA */

.menu_search_worker {
  width: 100%;
  height: 80px;
  background-color: #e8464d;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 50px;
}

.search_worker {
  float: left;
  height: 80px;
  width: 300px;
  margin-left: 5px;
}

.search_worker input {
  width: 268px;
  border-radius: 15px 0px 0px 15px;
  height: 80px;
  border: 0;
  padding: 0;
  float: left;
}

.search_worker_image {
  float: right;
  line-height: 100px;
  height: 80px;
  border-radius: 0px 15px 15px 0px;
  background-color: white;
}

.search_worker_image img {
  cursor: pointer;
}

.worker_field_1 {
  width: 100%;
  height: 60px;
}

.container_worker_name {
  width: 100%;
  height: 40px;
  background-color: #e8464d;
  padding-top: 10px;
  padding-bottom: 10px;
}

.worker_name {
  width: 300px;
  border-radius: 15px;
  height: 40px;
  border: 0;
  padding: 0;
  background-color: white;
  margin-left: 5px;
  line-height: 40px;
  float: left;
}

.woker_options {
  float: right;
  height: 40px;
  line-height: 40px;
  margin-right: 5px;
  margin-top: 8px;
}

.add_task,
.add_note,
.add_footnote {
  cursor: pointer;
}

.zadania,
.uwagi,
.notatki {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  background-color: #e8464d;
  margin-bottom: 20px;
  margin-top: 20px;
  border-radius: 5px;
}

.task_worker {
  background-color: lightgray;
  margin: 10px 10px 10px 10px;
}

.task_title {
  color: black;
  font-weight: bold;
  border-bottom: 3px solid gray;
  cursor: pointer;
}

.tast_title_content,
.task_dismissed {
  width: 100%;
  height: 100%;
}

.task_dismissed {
  color: red;
}

.task_dismissed_reason {
  color: red;
  border-bottom: 3px solid gray;
}

.task_content {
  display: none;
}

.task_data {
  border-bottom: 3px solid gray;
}

.task_description {
  border-bottom: 3px solid gray;
}

.task_by_who {
  border-bottom: 3px solid gray;
}

.task_more {
  border-bottom: 3px solid gray;
}

.task_dismiss,
.task_accept {
  float: left;
  width: 150px;
  height: 30px;
  margin: 10px 15px 10px 15px;
  border: 0;
  padding: 0;
  cursor: pointer;
  border: 1px solid gray;
  cursor: pointer;
}

.task_done {
  float: left;
  width: 150px;
  height: 30px;
  margin: 10px 110px 10px 110px;
  border: 0;
  padding: 0;
  cursor: pointer;
  border: 1px solid gray;
  cursor: pointer;
}

.task_dismiss,
.task_accept,
.task_done {
  border: 0;
  text-align: center;
}

.worker_field_2,
.worker_field_3 {
  width: 100%;
  background-color: white;
  height: 100%;
}

.to_do_list,
.in_progress_list,
.done_list {
  width: 390px;
  min-height: 500px;
  float: left;
  background-color: #e3e3e4;
  border-right: 5px solid white;
  border-left: 5px solid white;
}

.note {
  width: 1190px;
  min-height: 50px;
  margin: 5px;
  background-color: #e3e3e4;
  line-height: 50px;
}

.footnote {
  width: 1190px;
  min-height: 50px;
  margin: 5px;
  background-color: #e3e3e4;
  line-height: 50px;
}

/* to co wyskakuje */
/* Dodaj notatkę i uwagę i powód odrzucenia zadania i dodaj osiągnięcie*/

.add_achievement_a,
.add_achievement_b {
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}

.add_achievement_a {
  margin-right: 1px;
}

.add_achievement_b {
  margin-left: 1px;
}

.see_your_achievement {
  width: 100%;
  max-width: 580px;
  min-height: 50px;
  margin: 10px 2.5px 10px 2.5px;
  background-color: #cbcbcb;
}

.container_add_footnote,
.container_add_note,
.container_task_dismissed,
.container_add_achievement,
.container_see_achievement {
  display: none;
  width: 600px;
  min-height: 500px;
  background-color: white;
  position: absolute;
  z-index: 10;
  top: 10%;
  margin-left: 300px;
  margin-right: 300px;
}

.textarea_footnote,
.textarea_note,
.textarea_achievement {
  width: 500px;
  height: 400px;
  margin-left: 50px;
  margin-right: 50px;
  resize: none;
}

.send_footnote,
.send_task,
.send_note,
.send_task_dismissed,
.send_task_achievement {
  width: 100px;
  height: 30px;
  margin: 10px 15px 10px 15px;
  border: 0;
  padding: 0;
  cursor: pointer;
  border: 1px solid gray;
}

.custom_container_task_dismissed {
  width: 300px !important;
}

/* Dodaj zadanie */
.container_add_task {
  display: none;
  width: 800px;
  min-height: 500px;
  background-color: white;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
}

.content_add_task {
  width: 790px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 40px;
}

.content_add_task_area,
.content_add_task_area_1 {
  float: left;
  min-height: 50px;
  line-height: 50px;
  padding-left: 52.5px;
  padding-right: 52.5px;
}

.content_add_task_area_1 {
  background-color: #e3e3e4;
}

.content_add_task_area_left {
  width: 185px;
  float: left;
}

.content_add_task_area_right {
  width: 500px;
  float: left;
}

.content_add_task_area_right_input {
  height: 40px;
  width: 90%;
  border-top: none;
  border-left-style: none;
  vertical-align: middle;
  font-size: 18px;
  text-align: center;
  border-right-style: none;
  outline: none;
}

.content_add_task_area_right_textarea {
  height: 300px;
  width: 90%;
  border-top: none;
  border-left-style: none;
  vertical-align: middle;
  font-size: 18px;
  text-align: center;
  border-right-style: none;
  outline: none;
  resize: none;
}

.content_add_task_area_right_textarea::placeholder {
  line-height: 300px;
}

.content_add_task_area_right_textarea_special {
  height: 75px;
  width: 90%;
  border-top: none;
  border-left-style: none;
  vertical-align: middle;
  font-size: 18px;
  text-align: center;
  border-right-style: none;
  outline: none;
  resize: none;
}

.content_add_task_area_right_textarea_special::placeholder {
  line-height: 75px;
}

/* kalendarz */
.kalendarz_change_page {
  width: 1200px;
  background: none;
  height: 30px;
}

.kalendarz_what_now {
  padding-left: 20px;
  width: 1180px;
  text-align: left;
  color: white;
  margin-bottom: 2px;
}

.kalendarz_before {
  width: 100px;
  background: #5554ca;
  float: left;
  height: 30px;
}

.kalendarz_next {
  width: 100px;
  background: #5554ca;
  float: right;
  height: 30px;
}

.kalendarz_next a {
  color: white;
  text-decoration: none;
}

.kalendarz_before a {
  color: white;
  text-decoration: none;
}

.kalendarz_all {
  width: 1200px;
  float: left;
  background: #1c1e25;
  padding-bottom: 50px;
  min-height: 547px;
}

.kalendarz_day {
  font-family: "Asap", sans-serif;
  float: left;
  width: 168px;
  margin: 10px 2px 0px 1px;
  background: #f1f1f1;
}

.kalendarz_dzien {
  font-size: 14px;
  background: #5554ca;
  text-shadow: 1px 1px black;
  color: white;
  padding: 7px 0px;
}

.kalendarz_span {
  background: #5554ca;
  width: 168px;
  font-size: 23px;
  float: left;
  color: white;
  text-shadow: 1px 1px black;
}

.kalendarz_one {
  margin: 15px 0px 0px 0px;
  background: white;
  font-size: 12px;
  width: 168px;
  float: left;
  position: relative;
}

.kalendarz_godzina {
  width: 168px;
  float: left;
  text-align: center;
  font-size: 15px;
  background: #acabfd;
  box-shadow: 0px 1px 1px #b3b3b3;
}

.kalendarz_notatka {
  width: 164px;
  float: left;
  padding: 10px 2px 0px 2px;
}

.kalendarz_notatka_big {
  display: none;
  width: 200px;
  text-align: left;
  padding: 5px 5px 10px 10px;
  z-index: 10;
  background: #fff;
  min-height: 50px;
  box-shadow: 0px 0px 10px #000;
  font-size: 16px;
}

.kalendarz_notatka:hover .kalendarz_notatka_big {
  display: block;
}

.kalendarz_client {
  float: left;
}

.kalendarz_dodaj {
  float: right;
  width: 150px;
  color: white;
}

.kalendarz_span_delete {
  float: right;
  padding-right: 4px;
  color: red;
}

.kalendarz_span_delete a {
  text-decoration: none;
  color: red;
}

.kalendarz_usun_pokaz {
  border: 1px solid black;
  width: 500px;
  margin: auto;
  padding-top: 10px;
  font-family: Arial;
}

.blue-box {
  background: #5554ca;
  width: 100%;
  border-radius: 15px 15px 0px 0px;
  height: 30px;
  margin-bottom: 1px;
}

#kalendarz_add {
  height: 547px;
  background: white;
  width: 1000px;
  display: none;
  z-index: 10;
  position: relative;
  box-shadow: 1px 1px 10px black;
  left: 100px;
}

#kalendarz_red-box_fake_background {
  background-color: #1c1e25;
  width: 100%;
  height: 600px;
  position: relative;
  z-index: 9;
  top: -103px;
  display: none;
}

.table_add_notice {
  width: 1000px;
  position: absolute;
  top: 78px;
  text-align: center;
}

.tr_add_notice {
  height: 50px;
  background-color: #e3e3e4;
}

#szukaj_kalnedarz {
  float: right;
  margin-left: 50px;
  width: 220px;
}

#szukaj_kalnedarz .input_send {
  border: none;
  background: #5554ca;
}

/* klietnt konto */
.add_sth_container_a {
  margin-top: 30px;
}

.add_sth_a {
  margin-bottom: 10px;
}

.add_sth_a_left {
  float: left;
}

.add_sth_a_right {
  float: left;
  line-height: 30px;
}

/* chechbox */
.add-sth_a_left input[type="checkbox"] {
  display: none;
}

.add-sth_a_left input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 29px;
  vertical-align: middle;
  margin-right: 8px;
  background-color: white;
  border: 2px solid #dd3a46;
  border-radius: 4px;
  cursor: pointer;
}

.add-sth_a_left input[type="checkbox"]:checked + label:before {
  content: "\2714";
  color: white;
  background-color: #e8464d;
  text-align: center;
  line-height: 29px;
  text-shadow: 0px 0px 3px #eee;
  cursor: pointer;
}

/* /checkbox */

/* UBEZPIECZENIA */

.add_sth_container_a {
  margin-top: 30px;
}

.add_sth_container_b {
  text-align: center;
}

.add_sth_container_d {
  margin-top: 5px;
  margin-bottom: 10px;
  border: 2px solid #dd3a46;
}

.add_sth_a {
  margin-bottom: 10px;
}

.add_sth_a_img {
  width: 26px;
  height: 26px;
  margin-right: 10px;
  float: left;
  cursor: pointer;
}

.add_sth_c {
  float: left;
  text-align: center;
  min-width: 27%;
}

.add_sth_container_d ul {
  padding-left: 0;
}

.add_sth_container_d ul li {
  margin: 10px;
  list-style-type: none;
}

.add_sth_a_left {
  float: left;
}

.add_sth_a_right {
  float: left;
  line-height: 30px;
}

.add_sth_c_left,
.add_sth_c_right {
  float: left;
}

/* chechbox */
.add_sth_a_left input[type="checkbox"] {
  display: none;
}

.add_sth_a_left input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 29px;
  vertical-align: middle;
  margin-right: 8px;
  background-color: white;
  border: 2px solid #dd3a46;
  border-radius: 4px;
  cursor: pointer;
}

.add_sth_a_left input[type="checkbox"]:checked + label:before {
  content: "\2714";
  color: white;
  background-color: #e8464d;
  text-align: center;
  line-height: 29px;
  text-shadow: 0px 0px 3px #eee;
  cursor: pointer;
}

/* /checkbox */

/* Checkbox NIE */
.add_sth_d_note {
  float: right;
  width: 130px;
  max-height: 26px;
  resize: none;
  margin: 0;
  padding: 0;
  border: 1px solid #dd3a46;
}

.add_sth_d_dissagree {
  margin: 0px 20px 0px 10px;
  float: right;
  -moz-user-select: none;
  user-select: none;
}

.add_sth_d_dissagree input[type="checkbox"] {
  display: none;
}

.add_sth_d_dissagree label {
  display: block;
  position: relative;
  cursor: pointer;
}

.add_sth_d_dissagree label:before {
  content: " ";
  display: block;
  position: absolute;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
}

.add_sth_d_dissagree label img {
  height: 26px;
  width: 26px;
}

.add_sth_d_dissagree :checked + label:before {
  background-image: url(../image/clinet_2.png);
}

.add_sth_d_dissagree :checked + label img {
  background-image: url(../image/clinet_2.png);
  z-index: -1;
}

/* /Checkbox NIE */
/* Checkbox TAK */

.add_sth_d_agree {
  margin: 0px 10px 0px 10px;
  float: right;
  -moz-user-select: none;
  user-select: none;
}

.add_sth_d_agree input[type="checkbox"] {
  display: none;
}

.add_sth_d_agree label {
  display: block;
  position: relative;
  cursor: pointer;
}

.add_sth_d_agree label:before {
  content: " ";
  display: block;
  position: absolute;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
}

.add_sth_d_agree label img {
  height: 26px;
  width: 26px;
}

.add_sth_d_agree :checked + label:before {
  background-image: url(../image/clinet_1.png);
}

.add_sth_d_agree :checked + label img {
  background-image: url(../image/clinet_1.png);
  z-index: -1;
}

/* /Checkbox TAK */

/* Checkbox Kosz */

.add_sth_d_trash {
  margin: 0px 20px 0px 10px;
  float: left;
  -moz-user-select: none;
  user-select: none;
}

.add_sth_d_trash input[type="checkbox"] {
  display: none;
}

.add_sth_d_trash label {
  display: block;
  position: relative;
  cursor: pointer;
}

.add_sth_d_trash label:before {
  content: " ";
  display: block;
  position: absolute;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
}

.add_sth_d_trash label img {
  height: 26px;
  width: 26px;
}

.add_sth_d_trash :checked + label:before {
  background-image: url(../image/trash_active.png);
}

.add_sth_d_trash :checked + label img {
  background-image: url(../image/trash_active.png);
  z-index: -1;
}

/* /Checkbox Kosz */

/* D do naprawy */

.add_sth_d1_trash {
  width: 35px;
  float: left;
  height: 60px;
  text-align: center;
  line-height: 75px;
}

.add_sth_d1_info {
  width: calc(100% - 35px);
  float: left;
  height: 60px;
}

.add_sth_d1_info-title,
.add_sth_d1_info-content {
  width: 100%;
  height: 50%;
}

.add_sth_d1_info-title span {
  height: 26px;
  line-height: 27px;
  width: 100%;
  display: block;
  margin-left: 7px;
  font-size: 17px;
}

.add_sth_d1_info-content_a {
  width: 35%;
  float: left;
  text-align: center;
}

.add_sth_d1_info-content_b {
  width: 30%;
  float: left;
  text-align: center;
}

.add_sth_d1_info-content_a input,
.add_sth_d1_info-content_b input {
  height: 24px;
  width: calc(90% - 5px);
  margin: 0;
  padding: 0;
  border: 1px solid #dd3a46;
  padding-left: 5px;
}

/* Checkbox Kosz */

.add_sth_d1_trash {
  -moz-user-select: none;
  user-select: none;
}

.add_sth_d1_trash input[type="checkbox"] {
  display: none;
}

.add_sth_d1_trash label {
  display: block;
  position: relative;
  cursor: pointer;
}

.add_sth_d1_trash label:before {
  content: " ";
  display: block;
  position: absolute;
  width: 26px;
  height: 26px;
  bottom: 33px;
  left: 4px;
}

.add_sth_d1_trash label img {
  height: 26px;
  width: 26px;
}

.add_sth_d1_trash :checked + label:before {
  background-image: url(../image/trash_active.png);
}

.add_sth_d1_trash :checked + label img {
  background-image: url(../image/trash_active.png);
  z-index: -1;
}

/* /Checkbox Kosz */

/* //D do naprawy */

.add_sth_e {
  width: 50%;
  height: 35px;
  margin-bottom: 10px;
  text-align: left;
  float: left;
}

.add_sth_e input {
  width: 100%;
  height: 35px;
  margin: 0;
  padding: 0;
  resize: none;
  border: 1px solid #dd3a46;
}

.add_sth_f_center {
  margin-top: 5px;
  border: 2px solid #dd3a46;
}

.add_sth_f_center ul {
  padding-left: 0;
}

.add_sth_f_center ul li {
  margin: 10px;
  font-size: 12px;
  list-style-type: none;
}

.add_sth_f_text {
  height: 26px;
  line-height: 27px;
}

.add_sth_f_kwota {
  margin-left: 10px;
  float: right;
  height: 26px;
  line-height: 27px;
}

.add_sth_f_price {
  height: 24px;
  width: 60px;
  margin: 0;
  padding: 0;
  float: right;
  border: 1px solid #dd3a46;
}

.add_sth_f_left {
  float: right;
  height: 24px;
  margin-top: 12px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 24px;
}

.add_sth_f_right {
  float: right;
  height: 24px;
  width: 118px;
  margin-right: 12px;
  border: 1px solid #dd3a46;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 24px;
  padding: 1px;
}

.button1 {
  background-color: #dd3a46;
  text-decoration: none;
  border: none;
  padding: 10px 30px 10px 30px;
  text-align: center;
  cursor: pointer;
}

.button2 {
  background-color: #dd3a46;
  text-decoration: none;
  border: none;
  text-align: center;
  cursor: pointer;
  width: 165px;
  height: 25px;
  padding: 0;
  border-radius: 10px;
}

.button2 a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 25px;
  text-decoration: none;
  color: #232323;
}

.button_place {
  text-align: center;
}

.add_sth_container_g:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.add_sth_g {
  width: 100%;
  float: left;
}

.add_sth_g_title {
  width: 100%;
  height: 50px;
  clear: both;
}

.add_sth_g_title_left {
  float: left;
}

.add_sth_g_title_left_img {
  float: left;
}

.add_sth_g_title_left_span {
  height: 50px;
  margin-left: 10px;
  line-height: 40px;
  float: left;
}

.add_sth_g_title_right_special {
  float: right;
  line-height: 43px;
  height: 50px;
}

.add_sth_g_title_right_special a {
  display: block;
}

.add_sth_g_title_right {
  float: right;
  line-height: 43px;
  height: 50px;
}

.add_sth_g_title_right img {
  float: right;
}

.add_sth_g_content {
  width: 100%;
}

.add_sth_g_content_offer {
  width: 100%;
  min-height: 30px;
}

.add_sth_g_content_offer:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.add_sth_g_content_offer_left {
  font-size: 17px;
  float: left;
}

.add_sth_g_content_offer_right {
  float: right;
}

.add_sth_g_content_offer_right input {
  cursor: pointer;
  border: 0;
  font-size: 18px;
  padding: 0;
}

.add_sth_g_content_offer_right > a > button {
  background-color: #dddddd;
  border: 0;
  padding: 0;
  width: 55px;
  height: 25px;
  border-radius: 5px;
}

/* i */

.add_sth_i_center {
  margin-top: 5px;
  border: 2px solid #dd3a46;
}

.add_sth_i_center ul {
  padding-left: 0;
}

.add_sth_i_center ul li {
  margin: 10px;
  font-size: 12px;
  list-style-type: none;
}

.add_sth_i_text {
  height: 26px;
  line-height: 27px;
}

.add_sth_i_kwota {
  margin-left: 10px;
  float: right;
  height: 26px;
  line-height: 27px;
}

.add_sth_i_price {
  height: 24px;
  width: 120px;
  margin: 0;
  padding: 0;
  float: right;
  border: 1px solid #dd3a46;
}

.add_sth_i_left {
  float: right;
  height: 24px;
  margin-top: 12px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 24px;
}

.add_sth_i_right {
  float: right;
  height: 24px;
  width: 118px;
  margin-right: 12px;
  border: 1px solid #dd3a46;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 24px;
  padding: 1px;
}

.add_sth_h {
  width: 100%;
  float: left;
}

.add_sth_h_title {
  width: 100%;
  height: 50px;
  clear: both;
}

.add_sth_h_title_left {
  float: left;
}

.add_sth_h_title_left_checkbox {
  float: left;
}

.add_sth_h_title_left_span {
  height: 33px;
  line-height: 33px;
  float: left;
}

.add_sth_h_title_right {
  float: right;
  line-height: 33px;
  height: 33px;
}

.add_sth_h_kwota {
  margin-left: 10px;
  float: right;
  height: 33px;
  line-height: 33px;
}

.add_sth_h_price {
  height: 24px;
  width: 120px;
  margin: 4px 0px 0px 0px;
  padding: 0;
  float: right;
  border: 1px solid #dd3a46;
}

/* chechbox */
.add_sth_h_title_left_checkbox input[type="checkbox"] {
  display: none;
}

.add_sth_h_title_left_checkbox input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 29px;
  vertical-align: middle;
  margin-right: 8px;
  background-color: white;
  border: 2px solid #dd3a46;
  border-radius: 4px;
  cursor: pointer;
}

.add_sth_h_title_left_checkbox input[type="checkbox"]:checked + label:before {
  content: "\2714";
  color: white;
  background-color: #e8464d;
  text-align: center;
  line-height: 29px;
  text-shadow: 0px 0px 3px #eee;
  cursor: pointer;
}

/* /checkbox */

/* Lista godzin pracowników */

.hours_list {
  width: 265px;
  height: 38px;
  margin: 10px 15px 10px 15px;
  border: 0;
  padding: 0;
  color: white;
  cursor: pointer;
  background-color: #e8464d;
  font-size: 20px;
  padding: 7.5px;
  outline: none;
}

.searcher_hours_list {
  display: none;
}

.searcher_hours_list_content_up {
  height: 31px;
  position: relative;
  clear: both;
}

.searcher_hours_list_content_up input {
  width: 200px;
  height: 25px;
  margin-left: 5px;
  border: 3px solid #dd3a46;
  float: left;
  background-color: #eb5a61;
  color: white;
  padding: 0;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

.searcher_hours_list_content_up span {
  float: left;
  height: 31px;
  line-height: 30px;
}

.searcher_hours_list_content_a:hover {
  background-color: white;
  color: #eb5a61;
  cursor: pointer;
}

.searcher_hours_list_content_up {
  width: 505px;
  margin-left: auto;
  margin-right: auto;
}

.searcher_hours_list_content_down {
  margin-top: 5px;
  margin-bottom: 5px;
  clear: both;
  width: 1055px;
  min-height: 31px;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
}

.searcher_hours_list_content_a {
  width: 200px;
  height: 25px;
  margin: 2.5px;
  border: 3px solid #dd3a46;
  float: left;
  background-color: #eb5a61;
  color: white;
  padding: 0;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}

/* Drukowanie Zniżki OC */

.print_ubezpieczenia {
  display: none;
}

.insurance_print_container_0a {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  display: table;
  height: 50px;
  font-size: 45px;
  color: black;
}

.insurance_print_container_0b {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.5px;
  padding-bottom: 2.5px;
  background-color: white;
  display: table;
  height: 25px;
  font-size: 20px;
  color: black;
}

.insurance_print_container_a,
.insurance_print_container_b,
.insurance_print_container_c,
.insurance_print_container_d,
.insurance_print_container_e {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  display: table;
}

.insurance_print_container_content_a,
.insurance_print_container_content_b,
.insurance_print_container_content_c,
.insurance_print_container_content_d,
.insurance_print_container_content_e {
  width: 100%;
  position: relative;
  clear: both;
}

.insurance_print_container_a_title,
.insurance_print_container_b_title,
.insurance_print_container_c_title,
.insurance_print_container_d_title {
  float: left;
  width: 50%;
  background-color: #b2b2b2;
  text-align: left;
}

.insurance_print_container_a_text,
.insurance_print_container_b_text,
.insurance_print_container_c_text,
.insurance_print_container_d_text {
  float: left;
  width: 100%;
  clear: both;
}

.insurance_print_container_a_text_left,
.insurance_print_container_b_text_left,
.insurance_print_container_c_text_left,
.insurance_print_container_d_text_left {
  float: left;
  width: 25%;
  background-color: #dddddd;
  text-align: left;
}

.insurance_print_container_a_text_right,
.insurance_print_container_b_text_right,
.insurance_print_container_c_text_right {
  float: left;
  width: 75%;
  text-align: left;
}

.insurance_print_container_d_text_right {
  float: left;
  width: 63.8%;
  text-align: left;
  margin-left: 11.2%;
}

.insurance_print_container_e_title_1,
.insurance_print_container_e_title_2 {
  float: left;
  width: 25%;
  background-color: #b2b2b2;
  text-align: left;
}

.insurance_print_container_e_title_3 {
  float: left;
  width: 50%;
  background-color: #b2b2b2;
  text-align: left;
}

.insurance_print_container_e_text {
  float: left;
  width: 100%;
}

.insurance_print_container_e_text_left_a {
  float: left;
  width: 25%;
  text-align: left;
}

.insurance_print_container_e_text_left_b {
  float: left;
  width: 25%;
  text-align: center;
}

.insurance_print_container_e_text_left_c {
  float: left;
  width: 50%;
  text-align: left;
}

/* Drukowanie eVB */

.print_ubezpieczenia_eVB {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  padding: 10px 50px 10px 50px;
}

.eVB_print_container_0a {
  display: flex;
}

.eVB_print_container_0a-img img {
  width: 60px;
}

.eVB_print_container_0a-span {
  font-size: 28px;
  line-height: 53px;
  margin-left: 5px;
  font-family: "Lato", sans-serif;
}

.eVB_print_container_1a {
  text-align: left;
  margin-top: 15px;
  margin-left: 65px;
  font-size: 35px;
  font-family: "Lato", sans-serif;
  font-weight: 500;
}

.eVB_print_container_2a {
  width: 1100px;
  height: 10px;
  background-color: black;
}

.eVB_print_container_3-table {
  display: flex;
}

.eVB_print_container_3-table-spanA {
  width: 500px;
  text-align: left;
  margin-left: 65px;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 50px;
  height: 100px;
  line-height: 100px;
}

.eVB_print_container_3-table-spanB {
  width: calc(100% - 500px);
  text-align: left;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 50px;
  min-height: 100px;
  display: flex;
  align-items: center;
}

/* //Drukowanie eVB */

/* Drukowanie ubezpieczenia */

.printUbezpieczenia {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  font-family: "Lato", sans-serif;
  background-color: white;
}

.printUbezpieczenia-top {
  position: absolute;
  top: 0;
  width: 100%;
  height: 90%;
  overflow: visible;
}

.printUbezpieczenia-topOne {
  display: flex;
  height: 14.25%;
  font-family: "Roboto", sans-serif;
}

.printUbezpieczenia-topOneLeft {
  display: flex;
  width: calc(100% - 20.1612%);
  height: 100%;
  align-items: center;
}

.printUbezpieczenia-topOneLeftText {
  width: 75%;
  margin-left: 60px;
  padding-bottom: 7.5px;
  border-bottom: 2px solid black;
  text-align: left;
  font-size: 75px;
  font-weight: 400;
}

.printUbezpieczenia-topOneRight {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(20.1612% - 2.4193%);
  height: 100%;
  margin-right: 2.4193%;
  background-color: #17a5b7;
}

.printUbezpieczenia-topOneRight > div > span {
  display: block;
  line-height: 100%;
  font-size: 25px;
  font-weight: 400;
  color: white;
}

.printUbezpieczenia-topTwo {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 90px;
}

.printUbezpieczenia-topTwoTitle {
  height: 100%;
  margin-left: 5.0403%;
  font-size: 40px;
  text-align: left;
  font-weight: 400;
  color: #17a5b7;
}

.printUbezpieczenia-topTwoContent {
  display: flex;
  flex-direction: column;
  width: calc(100% - 2.4193%);
  margin-top: 20px;
  margin-left: 10.0806%;
  font-size: 30px;
  text-align: left;
}

.printUbezpieczenia-topTwoInsuranceName {
  font-weight: 400;
}

.printUbezpieczenia-topTwoInsurancePrice span.when,
.printUbezpieczenia-topTwoInsuranceName span.when {
  font-weight: 300;
}

.printUbezpieczenia-topTwoInsurancePrice span.date {
  font-weight: 400;
}

.printUbezpieczenia-topTwoInsurancePrice {
  margin-left: 35px;
  font-weight: 300;
}

.printUbezpieczenia-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10%;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #17a5b7;
  color: white;
}

.printUbezpieczenia-bottomOne {
  height: 70%;
  width: 90%;
  text-align: left;
  font-size: 100px;
  line-height: 80%;
}

.printUbezpieczenia-bottomTwo {
  height: 30%;
  width: 90%;
  display: flex;
  justify-content: space-between;
}

.printUbezpieczenia-bottomTwoBox {
  display: flex;
}

.printUbezpieczenia-bottomTwoBoxImg {
  width: 43px;
  height: 43px;
}

.printUbezpieczenia-bottomTwoBoxImg img {
  width: 43px;
  height: 43px;
}

.printUbezpieczenia-bottomTwoBoxTextSpecial {
  display: flex;
  align-items: center;
  margin-left: 20px;
  height: 43px;
}

.printUbezpieczenia-bottomTwoBoxText {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}

.printUbezpieczenia-bottomTwoBoxText div,
printUbezpieczenia-bottomTwoBoxTextSpecial div {
  text-align: left;
}

/* //Drukowanie ubezpieczenia */

/* Wypowiedzenia */

.add_sth_j_left {
  float: left;
  margin-left: 10px;
}

/* Checkbox wypowiedzenia podpis */
.add_sth_j_left input[type="checkbox"],
.add_sth_k_left input[type="checkbox"] {
  display: none;
}

.add_sth_j_left input[type="checkbox"] + label:before,
.add_sth_k_left input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 29px;
  vertical-align: middle;
  background-color: white;
  border: 2px solid #dd3a46;
  border-radius: 4px;
  cursor: pointer;
}

.add_sth_j_left input[type="checkbox"]:checked + label:before,
.add_sth_k_left input[type="checkbox"]:checked + label:before {
  content: "\2714";
  color: white;
  background-color: #e8464d;
  text-align: center;
  line-height: 29px;
  text-shadow: 0px 0px 3px #eee;
  cursor: pointer;
}

/* /Checkbox wypowiedzenia podpis */

.add_sth_j_right {
  height: 33px;
  float: left;
  line-height: 28px;
}

.add_sth_container_k {
  /* margin-top: 10px; */
}

.add_sth_k {
  margin-top: 10px;
  margin-bottom: 10px;
}

.add_sth_k_title_left {
  float: left;
}

.add_sth_k_title_right {
  margin-left: 10px;
  float: left;
}

.add_sth_k_title_right_special {
  width: 100%;
  float: left;
}

.add_sth_k_title_right_a {
  width: 50%;
  float: left;
}

.add_sth_k_title_right_a_checkbox {
  width: 100%;
  float: left;
  text-align: left;
  margin-bottom: 10px;
}

/* Checkbox wypowiedzenia podpis */
.add_sth_k_title_right_a_checkbox input[type="checkbox"] {
  display: none;
}

.add_sth_k_title_right_a_checkbox input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 29px;
  vertical-align: middle;
  background-color: white;
  border: 2px solid #dd3a46;
  border-radius: 4px;
  cursor: pointer;
}

.add_sth_k_title_right_a_checkbox
  input[type="checkbox"]:checked
  + label:before {
  content: "\2714";
  color: white;
  background-color: #e8464d;
  text-align: center;
  line-height: 29px;
  text-shadow: 0px 0px 3px #eee;
  cursor: pointer;
}

/* /Checkbox wypowiedzenia podpis */

.add_sth_k_title_right_b {
  width: 50%;
  float: left;
}

.add_sth_k_title_right_b_textarea {
  width: 235px;
  height: 119px;
  resize: none;
  margin: 0;
  padding: 0;
  border: 1px solid #dd3a46;
}

.add_sth_k_content {
  margin-top: 5px;
  margin-bottom: 10px;
  border: 2px solid #dd3a46;
}

.add_sth_container_k ul {
  padding-left: 0;
}

.add_sth_container_k ul li {
  margin: 10px;
  list-style-type: none;
}

.add_sth_k_title:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

/* /Wypowiedzenia */

@media print {
  html {
    background-color: white;
  }

  body {
    visibility: hidden;
    background-color: white;
  }

  .printUbezpieczenia {
    position: fixed;
    visibility: visible !important;
    display: block !important;
  }

  .print_ubezpieczenia,
  .print_ubezpieczenia_eVB {
    position: absolute;
    top: 0;
    visibility: visible !important;
    display: block !important;
  }

  .drukowanie_godzin {
    position: absolute;
    top: 0;
    visibility: visible !important;
    /*display: block !important;*/
  }
}

/* /Drukowanie Zniżki OC */

/* Ikona do ubezpieczenień 3w1 */
.container_client_user_service_insurance {
  width: 26px;
  height: 26px;
}

.container_client_user_service_insurance .circle_client_user_service_insurance {
  position: relative;
  border: 1px solid black;
  padding: 0;
  margin: 1em auto;
  width: 26px;
  height: 26px;
  margin: 0;
  border-radius: 50%;
  list-style: none;
  overflow: hidden;
}

.container_client_user_service_insurance li {
  overflow: hidden;
  position: absolute;

  width: 70%;
  height: 70%;
  top: -4px;
  left: 13px;
  transform-origin: 0% 100%;
}

.container_client_user_service_insurance .client_user_service_insurance {
  position: absolute;
  left: -100%;
  width: 200%;
  height: 200%;
  text-align: center;
  transform: skewY(-30deg) rotate(60deg);
  font-size: 12px;
}

.container_client_user_service_insurance li:first-child {
  transform: rotate(-60deg) skewY(30deg);
}

.container_client_user_service_insurance li:nth-child(2) {
  transform: rotate(-180deg) skewY(30deg);
}

.container_client_user_service_insurance li:nth-child(3) {
  transform: rotate(60deg) skewY(30deg);
}

.client_green_end {
  background-color: #00b511;
}

.client_red_problem {
  background-color: #d30000;
}

.client_yellow_inprogress {
  background-color: #edaf00;
}

.client_blue_none {
  background-color: #00bcb2;
}

.container_client_user_service_insurance
  .client_user_service_insurance_content {
  padding-top: 4px;
}

/* /Ikona do ubezpieczenień 3w1 */

/* Zadania */

.task_main_container {
  display: table;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.task_main_container_menu_1 {
  display: flex;
  align-items: center;
  height: 68px;
  padding: 0 17px;
  background-color: #e8464d;
  font-family: "Lato", sans-serif;
}

.task_main_container_menu_1_content_1 {
  width: 370px;
  display: table;
  float: left;
  margin-right: 32px;
}

.task_main_container_menu_1_content_1_button1 {
  width: 182.5px;
  height: 40px;
  float: left;
  border: 0;
  margin: 0;
  padding: 0px 17px 0px 17px;
  background-color: white;
  color: black;
  outline: none;
  font-size: 20px;
  cursor: pointer;
}

.task_main_container_menu_1_content_1_button2 {
  width: 182.5px;
  height: 40px;
  float: right;
  border: 0;
  margin: 0;
  padding: 0px 17px 0px 17px;
  background-color: white;
  color: black;
  outline: none;
  font-size: 20px;
  cursor: pointer;
}

.task_main_container_menu_1_content_2 {
  width: 760px;
  display: table;
  float: left;
}

.task_main_container_menu_1_content_2_button1 {
  width: 240px;
  height: 40px;
  float: left;
  border: 0;
  margin: 0;
  padding: 0px 17px 0px 17px;
  background-color: white;
  color: black;
  outline: none;
  font-size: 20px;
  cursor: pointer;
}

.task_main_container_menu_1_content_2_button1 span {
  float: left;
  height: 40px;
  line-height: 40px;
}

.task_main_container_menu_1_content_2_button1 img {
  float: right;
  width: 40px;
  height: 40px;
  display: block;
}

.task_main_container_menu_1_content_2_button2 {
  width: 240px;
  height: 40px;
  margin-left: 20px;
  float: left;
  border: 0;
  padding: 0px 17px 0px 17px;
  background-color: white;
  color: black;
  outline: none;
  font-size: 20px;
  cursor: pointer;
}

.task_main_container_menu_1_content_2_button2 span {
  float: left;
  height: 40px;
  line-height: 40px;
}

.task_main_container_menu_1_content_2_button2 img {
  float: right;
  width: 40px;
  height: 40px;
  display: block;
}

.task_main_container_menu_1_content_2_button3 {
  width: 40px;
  height: 40px;
  float: right;
  border: 0;
  padding: 0;
  background-color: white;
  color: black;
  outline: none;
  font-size: 20px;
  cursor: pointer;
}

.task_main_container_menu_1_content_2_button3 img {
  width: 40px;
  height: 40px;
  display: block;
}

.task_main_container_menu_2 {
  min-height: 500px;
  padding: 27px 17px 30px 17px;
  background-color: #eaeaea;
}

.task_main_container_menu_2_content_1 {
  width: 370px;
  float: left;
  margin-right: 12px;
}

/* do poprawy kaj inidziej */
.task_main_container_menu_2_content_4 {
  width: 370px;
  float: left;
  margin-right: 12px;
  display: none;
}

/* //do poprawy kaj inidziej */

.task_main_container_menu_2_content_1:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.task_main_container_menu_2_content_1_title {
  width: 100%;
  height: 27px;
  margin-bottom: 10px;
  background-color: #5c6f77;
  color: white;
}

/* Pojemnik zadanie do akceptacji dla pracownika */
.task_for_employee {
  width: 100%;
  max-width: 350px;
  height: 140px;
  background-color: #e8464d;
  padding: 10px;
  border-radius: 0px 0px 50px 0px;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}

.bg-c21f26 {
  background: #c21f26 !important;
}

.bg-5f5f5f {
  background: #5f5f5f !important;
}

.bg-de9921 {
  background: #de9921 !important;
}

.bg-4e8448 {
  background: #4e8448 !important;
}

.task_for_employee_img {
  width: 84px;
  height: 84px;
  display: block;
  position: absolute;
}

.task_for_employee_data {
  width: 220px;
  height: 20px;
  display: block;
  padding: 2.5px;
  position: absolute;
  bottom: 115px;
  left: 110px;
  background-color: #f0dcbf;
  line-height: 20px;
  text-align: left;
}

.task_for_employee_desciption {
  width: 220px;
  height: 40px;
  max-height: 40px;
  padding: 2.5px;
  word-break: break-all;
  display: block;
  position: absolute;
  bottom: 66px;
  left: 110px;
  background-color: #f0dcbf;
  line-height: 20px;
  text-align: left;
}

.task_for_employee_who {
  min-width: 50%;
  height: 20px;
  padding: 2.5px;
  display: block;
  position: absolute;
  bottom: 10px;
  background-color: #f0dcbf;
  line-height: 20px;
  text-align: left;
}

/* /Pojemnik zadanie do akceptacji dla pracownika */
.task_main_container_menu_2_content_2 {
  width: 780px;
  float: left;
  margin-bottom: 10px;
  position: relative;
  left: 10px;
}

.task_main_container_menu_2_content_2:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.task_main_container_menu_2_content_2_title {
  width: 760px;
  height: 27px;
  margin: 0px 10px 10px 10px;
  background-color: #5c6f77;
  color: white;
}

.task_main_container_menu_2_content_2_title_special {
  display: flex;
  flex-wrap: wrap;
  max-width: 780px;
}

/* Pojemnik zaakceptowane zadanie pracownika */
.task_accept_employee_container {
  width: 240px;
  height: 200px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  position: relative;
  cursor: pointer;
}

.task_accept_employee {
  width: 100%;
  max-width: 220px;
  height: 100%;
  background-color: #e8464d;
  padding: 10px;
  border-radius: 0px 0px 50px 0px;
}

.task_accept_employee_img {
  width: 64px;
  height: 64px;
  display: block;
  position: absolute;
}

.task_accept_employee_data {
  width: 200px;
  height: 20px;
  padding: 2.5px;
  display: block;
  position: absolute;
  bottom: 95px;
  background-color: #f0dcbf;
  text-align: left;
  font-size: 13px;
}

.task_accept_employee_description {
  width: 200px;
  height: 40px;
  padding: 2.5px;
  max-height: 40px;
  word-break: break-all;
  display: block;
  position: absolute;
  bottom: 45px;
  background-color: #f0dcbf;
  font-size: 13px;
  text-align: left;
}

.task_accept_employee_who {
  min-width: 50%;
  height: 20px;
  padding: 2.5px;
  display: block;
  position: absolute;
  bottom: 10px;
  background-color: #f0dcbf;
  font-size: 13px;
  text-align: left;
}

/* /Pojemnik zaakceptowane zadanie pracownika */
/* Pojemnik szczegóły zadania */
.task_main_container_exact {
  width: 900px;
  height: 535px;
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #f0dcbf;
  display: none;
}

.task_main_container_exact_menu_1 {
  width: 385px;
  float: left;
  height: 100%;
  padding: 20px 0px 30px 10px;
  background-color: #e8464d;
  border-radius: 0px 0px 50px 0px;
  position: relative;
}

.task_main_container_exact_menu_1_img {
  width: 84px;
  height: 84px;
  display: block;
}

.task_main_container_exact_menu_1_data {
  width: 300px;
  height: 20px;
  display: block;
  padding: 2.5px;
  background-color: #f0dcbf;
  font-size: 13px;
  text-align: left;
  margin: 20px 0px 10px 0px;
}

.task_main_container_exact_menu_1_description {
  width: 300px;
  min-height: 40px;
  padding: 2.5px;
  word-break: break-all;
  display: block;
  background-color: #f0dcbf;
  font-size: 13px;
  text-align: left;
  margin: 20px 0px 10px 0px;
}

.task_main_container_exact_menu_1_who {
  width: 200px;
  height: 20px;
  padding: 2.5px;
  display: block;
  background-color: #f0dcbf;
  font-size: 13px;
  text-align: left;
  margin: 20px 0px 10px 0px;
}

.task_main_container_exact_menu_1_options {
  position: absolute;
  bottom: 23px;
}

.task_main_container_exact_menu_1_options_end,
.task_main_container_exact_menu_1_options_move,
.task_main_container_exact_menu_1_options_accept,
.task_main_container_exact_menu_1_options_deny {
  margin: 7.5px 0px 7.5px 0px;
}

.task_main_container_exact_menu_1_options_end:after,
.task_main_container_exact_menu_1_options_move:after,
.task_main_container_exact_menu_1_options_accept:after,
.task_main_container_exact_menu_1_options_deny:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.task_main_container_exact_menu_1_options_end_text,
.task_main_container_exact_menu_1_options_move_text,
.task_main_container_exact_menu_1_options_accept_text,
.task_main_container_exact_menu_1_options_deny_text {
  width: 175px;
  height: 30px;
  display: block;
  float: left;
  padding: 2.5px;
  background-color: #f0dcbf;
  line-height: 27px;
  text-align: center;
}

.task_main_container_exact_menu_1_options_end_img,
.task_main_container_exact_menu_1_options_move_img,
.task_main_container_exact_menu_1_options_accept_img,
.task_main_container_exact_menu_1_options_deny_img {
  width: 35px;
  height: 35px;
  display: block;
  float: left;
}

.task_main_container_exact_menu_2 {
  width: calc(100% - 385px);
  float: right;
  height: 100%;
  padding: 20px 30px 30px 20px;
  position: relative;
  overflow: auto;
}

.task_main_container_exact_menu_2_text {
  position: absolute;
  width: 16.33px;
  height: 25px;
  top: 0;
  right: 0;
  margin-top: 10px;
  margin-right: 10px;
  cursor: pointer;
}

.task_main_container_exact_menu_2_text span {
  line-height: 25px;
}

/* /Pojemnik szczegóły zadania */

/* Pojemnik archiwum zadanie pracownika */
.task_main_container_menu_2_content_3 {
  width: 780px;
  float: left;
  margin-bottom: 10px;
  position: relative;
  left: 10px;
}

.task_main_container_menu_2_content_3:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.task_main_container_menu_2_content_3_title {
  width: 760px;
  height: 27px;
  margin: 0px 10px 10px 10px;
  background-color: #5c6f77;
  color: white;
}

.task_main_container_menu_2_content_3_title_special {
  display: flex;
  flex-wrap: wrap;
  max-width: 780px;
}

.task_archives_employee_container {
  width: 240px;
  height: 200px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  position: relative;
}

.task_archives_employee {
  width: 100%;
  max-width: 220px;
  height: 100%;
  max-height: 180px;
  background-color: #e8464d;
  padding: 10px;
  border-radius: 0px 0px 50px 0px;
  cursor: pointer;
}

.task_archives_employee_img {
  width: 64px;
  height: 64px;
  display: block;
  position: absolute;
}

.task_archives_employee_data {
  width: 217.5px;
  height: 20px;
  padding: 2.5px;
  display: block;
  position: absolute;
  bottom: 95px;
  background-color: #f0dcbf;
  line-height: 20px;
  text-align: left;
}

.task_archives_employee_description {
  width: 217.5px;
  height: 40px;
  padding: 2.5px;
  max-height: 40px;
  word-break: break-all;
  display: block;
  position: absolute;
  bottom: 45px;
  background-color: #f0dcbf;
  line-height: 20px;
  text-align: left;
}

.task_archives_employee_who {
  min-width: 50%;
  height: 20px;
  padding: 2.5px;
  display: block;
  position: absolute;
  bottom: 10px;
  background-color: #f0dcbf;
  line-height: 20px;
  text-align: left;
}

/* /Pojemnik archiwum zadanie pracownika */
/* Szczegóły archiwum */
.task_archives_employee_container_exact {
  width: 900px;
  height: 535px;
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #f0dcbf;
  display: none;
}

/* //Szczegóły archiwum */

/* Dodawanie zadań */
.task_main_container_add {
  width: 900px;
  height: 535px;
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #f0dcbf;
  display: none;
}

.task_main_container_add > form {
  height: 100%;
}

.task_main_container_add_menu_1 {
  width: 385px;
  float: left;
  height: 100%;
  padding: 20px 0px 30px 10px;
  background-color: #e8464d;
  border-radius: 0px 0px 50px 0px;
  position: relative;
}

.task_main_container_add_menu_1_img {
  width: 100px;
  height: 100px;
  display: block;
}

.task_main_container_add_menu_1_choose {
  width: 300px;
  height: 25px;
  display: block;
  background-color: #f0dcbf;
  margin: 20px 0px 10px 0px;
}

.task_main_container_add_menu_1_choose select {
  width: 300px;
  height: 25px;
  display: block;
  padding: 0;
  border: 0;
  background-color: #f0dcbf;
}

.task_main_container_add_menu_1_data_a,
.task_main_container_add_menu_1_data_b {
  width: 300px;
  height: 25px;
  display: block;
  background-color: #f0dcbf;
  margin: 20px 0px 10px 0px;
}

.task_main_container_add_menu_1_data_a input,
.task_main_container_add_menu_1_data_b input {
  width: 300px;
  height: 25px;
  display: block;
  padding: 0;
  border: 0;
  background-color: #f0dcbf;
}

.task_main_container_add_menu_1_title {
  width: 300px;
  height: 25px;
  display: block;
  text-align: center;
  background-color: #f0dcbf;
  margin: 20px 0px 10px 0px;
}

.task_main_container_add_menu_1_title input {
  width: 300px;
  height: 25px;
  display: block;
  padding: 0;
  border: 0;
  text-align: center;
  background-color: #f0dcbf;
}

.task_main_container_add_menu_1_idclient {
  width: 300px;
  height: 25px;
  display: block;
  text-align: center;
  background-color: #f0dcbf;
  margin: 20px 0px 10px 0px;
}

.task_main_container_add_menu_1_idclient input {
  width: 300px;
  height: 25px;
  display: block;
  padding: 0;
  border: 0;
  text-align: center;
  background-color: #f0dcbf;
}

.task_main_container_add_menu_1_description {
  width: 300px;
  min-height: 40px;
  padding: 2.5px;
  word-break: break-all;
  display: block;
  background-color: #f0dcbf;
  line-height: 20px;
  text-align: left;
  margin: 20px 0px 10px 0px;
}

.task_main_container_add_menu_1_who {
  width: 200px;
  height: 20px;
  padding: 2.5px;
  display: block;
  background-color: #f0dcbf;
  line-height: 20px;
  text-align: left;
  margin: 20px 0px 10px 0px;
}

.task_main_container_add_menu_1_options {
  position: absolute;
  bottom: 23px;
}

.task_main_container_add_menu_1_options_end,
.task_main_container_add_menu_1_options_move,
.task_main_container_add_menu_1_options_accept,
.task_main_container_add_menu_1_options_deny {
  margin: 7.5px 0px 7.5px 0px;
}

.task_main_container_add_menu_1_options_accept input {
  width: 215px;
  height: 35px;
  position: absolute;
  left: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.task_main_container_add_menu_1_options_end:after,
.task_main_container_add_menu_1_options_move:after,
.task_main_container_add_menu_1_options_accept:after,
.task_main_container_add_menu_1_options_deny:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.task_main_container_add_menu_1_options_end_text,
.task_main_container_add_menu_1_options_move_text,
.task_main_container_add_menu_1_options_accept_text,
.task_main_container_add_menu_1_options_deny_text {
  width: 175px;
  height: 30px;
  display: block;
  float: left;
  padding: 2.5px;
  background-color: #f0dcbf;
  line-height: 27px;
  text-align: center;
}

.task_main_container_add_menu_1_options_end_img,
.task_main_container_add_menu_1_options_move_img,
.task_main_container_add_menu_1_options_accept_img,
.task_main_container_add_menu_1_options_deny_img {
  width: 35px;
  height: 35px;
  display: block;
  float: left;
}

.task_main_container_add_menu_2 {
  width: calc(100% - 385px);
  float: right;
  height: 100%;
  padding: 20px 30px 30px 20px;
  position: relative;
  overflow: auto;
}

.task_main_container_add_menu_2 textarea {
  width: 432px;
  min-height: 479px;
  background-color: #f0dcbf;
  border: 1px solid #dbc8af;
  vertical-align: middle;
  text-align: center;
  outline: none;
  resize: none;
}

.task_main_container_add_menu_2_text {
  position: absolute;
  width: 16.33px;
  height: 25px;
  top: 0;
  right: 0;
  margin-top: 10px;
  margin-right: 10px;
  cursor: pointer;
}

.task_main_container_add_menu_2_text span {
  line-height: 25px;
}

/* /Dodawanie zadań /
/* /Zadania */

/* Dodawanie dupsów do klienta */

.add_sth_forClient {
  margin: 0px 0px 0px 0px;
  text-align: left;
  float: right;
  height: 46px;
  margin-bottom: 10px;
}

.add_sth_forClient img {
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.add_sth_forClient_button {
  border: 0;
  margin: 0;
  padding: 0;
  outline: none;
  width: 40px;
  height: 40px;
  margin-top: 6px;
  margin-right: 6px;
  background-color: white;
  cursor: pointer;
  display: inline-block;
}

.container_send_sms {
  background-color: #e8464d;
  display: none;
  position: fixed;
  flex-direction: column;
  z-index: 999;
  bottom: 0;
  right: 0;
  width: 400px;
  min-height: 517px;
}

.minimalize_sms,
.close_sms,
.show_again__sms {
  float: right;
  width: 20px;
  height: 25px;
  cursor: pointer;
  margin: 0px 3px 0px 3px;
  font-weight: bold;
}

.title_send_sms {
  background-color: #e8464d;
  height: 25px;
}

.panel_sms_div {
  margin-top: 5px;
  margin-bottom: 5px;
}

.panel_sms_div input,
.panel_sms_div select {
  border: 1px solid black;
  width: 348px;
  height: 25px;
  outline: none;
}

.panel_sms_div textarea {
  border: 1px solid black;
  width: 344px;
  height: 200px;
  resize: none;
  outline: none;
}

.option_minimalize_sms {
  bottom: -487px;
}

.content_send_sms {
  background-color: #e3e3e3;
  min-height: 477px;
}

.panel_sms {
  width: 350px;
  margin-left: 25px;
  margin-right: 25px;
}

.client_font {
  font-weight: bold;
}

/* /SMS'Y */

/* SMS'Y G�?ÓWNE */
/* Większość styli zdefuniowane jest wyżej */

.container_sms {
  background-color: #e8464d;
  height: 502px;
}

.main_panel_sms {
  width: 550px;
  margin-left: auto;
  margin-right: auto;
}

/* /SMS'Y G�?ÓWNE */

/* SMS'Y HISTORIA */

.div_historia_sms {
  margin-top: 11px;
}

.div_historia_sms_col_1 {
  float: left;
  width: 99px;
  min-height: 45px;
  line-height: normal;
  background-color: #f3e5ad;
  margin: 20px 0px 0px 0px;
}

.div_historia_sms_odbiorca {
  margin-bottom: 5px;
}

.div_historia_sms_odbiorca a {
  text-decoration: none;
  color: black;
}

.div_historia_sms_col_2 {
  float: left;
  width: 98px;
  min-height: 45px;
  margin: 12px 0px 0px 0px;
  border-left: 1px solid #d8c895;
  border-right: 1px solid #d8c895;
  background-color: #f3e5ad;
}

.div_historia_sms_col_2_company {
  margin-top: 9px;
}

.div_historia_sms_col_2_surr {
  font-weight: bold;
}

.div_historia_sms_col_3 {
  float: left;
  width: 50px;
  min-height: 45px;
  margin: 20px 0px 0px 0px;
  padding: 0px 24.5px 0px 24.5px;
  border-right: 1px solid #d8c895;
  background-color: #f3e5ad;
}

.div_historia_sms_col_4 {
  word-break: break-word;
  float: left;
  background-color: #f3e5ad;
  width: 249px;
  min-height: 45px;
  margin: 20px 0px 0px 0px;
  background-color: #f3e5ad;
}

.div_historia_sms {
  font-size: 12px;
  background-color: #f3e5ad;
  margin-bottom: 10px;
  border-bottom: 2px solid #d8c895;
}

.div_historia_sms:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

/* /SMS'Y HISTORIA */
/* SMS'Y SZABLON */
.doPoprawy1 {
  float: left;
  width: 576px;
}

.content_template_sms {
  background-color: #e3e3e3;
  min-height: 477px;
}

.add_template_sms {
  font-family: "Lato", sans-serif;
  padding: 20px 0px 20px 0px;
}

.add_template_sms-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.add_template_sms_input {
  width: 49%;
}

.add_template_sms_input input {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  display: block;
  border: 1px solid black;
  width: calc(100% - 6px);
  height: 25px;
  padding: 2px;
  outline: none;
}

.add_template_sms_input textarea {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  border: 1px solid black;
  width: calc(100% - 6px);
  min-height: 100px;
  outline: none;
  resize: none;
}

.add_template_sms_button input {
  border: 1px solid black;
  width: 348px;
  height: 25px;
  outline: none;
  cursor: pointer;
}

.div_template_sms {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 550px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f3e5ad;
  font-size: 12px;
  padding: 10px 0px 10px 0px;
  border-bottom: 2px solid #d8c895;
}

.div_template_sms-short {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 105px;
  padding: 0px 4px 0px 4px;
  min-height: 30px;
  border-right: 1px solid #d8c895;
}

.div_template_sms-long {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 114px);
  min-height: 30px;
}

/* //SMS'Y SZABLON */

/* /klient panel klienta */
.pk_box_files {
  width: 550px;
  background: #1c1e25;
  float: left;
}

.pk_box_files_lane {
  width: 550px;
  background: #eaeaea;
  height: 59px;
  text-align: center;
  margin: 0px 0px 1px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pk_box_files_name {
  float: left;
  width: 280px;
  line-height: 60px;
}

.pk_box_files_date {
  float: left;
  width: 120px;
}

.pk_box_files_show {
  float: right;
  width: 30px;
  transition: 0.2s;
}

.pk_box_files_show:hover {
  float: right;
  width: 30px;
  background: #d4d0d0;
}

.pk_box_files_download {
  float: right;
  width: 30px;
  transition: 0.2s;
}

.pk_box_files_download:hover {
  float: right;
  width: 30px;
  background: #d4d0d0;
}

/*ALTER EGO */
.container-WorldAlert {
  position: fixed;
  z-index: 998;
  bottom: 0;
  width: 100%;
  left: 50%;
  transform: translate(-50%);
  display: block;
}

.WorldAlert-content {
  display: flex;
}

.WorldAlert-img {
  width: 80px;
  background-color: #cc7e17;
  min-height: 100%;
  display: flex;
  align-items: center;
}

.WorldAlert-img img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.WorldAlert-text {
  width: calc(100% - 80px);
  background-color: #f29d20;
  height: 100%;
  word-break: break-word;
}

.WorldAlert-text-img {
  width: 100%;
  height: 29px;
  padding: 2.5px;
}

.WorldAlert-text-img img {
  display: block;
  margin-left: auto;
  cursor: pointer;
}

.WorldAlert-text-span {
  width: 100%;
  padding-left: 26.5px;
  padding-right: 26.5px;
  padding-bottom: 29px;
  word-break: break-all;
  text-align: center;
}

/*Alter */

.box_for_list_inside_box {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid white;
  width: 548px;
}

.lane_kredyty {
  width: 498px;
  padding: 0px 0px 0px 50px;
  text-align: left;
}

.lane_kredyty a {
  text-decoration: none;
  color: #000;
}

/* klient panel klienta */

.admin_text {
  position: fixed;
  top: 0;
  right: 0;
  height: 20px;
  background-color: #e8464d;
  font-size: 14px;
  color: white;
  left: 50%;
  transform: translate(-50%);
  width: 1200px;
  border-radius: 0px 0px 45px 0px;
}

.admin_green {
  background-color: #90c590;
}

.background_ae9797 {
  background: #9c9c9c;
}

/* Dodawanie numeru EvB */
.addEvbWindow-container {
  background: white;
  width: 500px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 260px;
  z-index: 10;
  position: fixed;
  display: none;
}

.addEvbWindow-title {
  padding: 10px;
  clear: both;
}

.addEvbWindow-title-span {
  float: left;
}

.addEvbWindow-title-img {
  float: right;
  cursor: pointer;
}

.addEvbWindow-content {
  padding: 0px 10px 0px 10px;
}

.addEvbWindow-content input {
  width: calc(100% - 40px);
  background-color: white;
  border: 1px solid #e8464d;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 5px;
  color: black;
  outline: none;
  resize: none;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 20px;
  padding: 0px 20px 0px 20px;
}

.addEvbWindow-content select {
  width: 100%;
  background-color: white;
  border: 1px solid #e8464d;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 5px;
  color: black;
  outline: none;
  resize: none;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 20px;
  padding: 0px 20px 0px 20px;
}

.addEvbWindow-content > select > option {
  font-weight: 300;
  font-size: 20px;
}

.addEvbWindow-content button {
  height: 40px;
  width: 200px;
  border-color: white;
  border-style: solid;
  border-width: 1px;
  color: white;
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
  background-color: #e8464d;
  outline: none;
}

/* //Dodawanie numeru EvB */

/* Dodawanie do kalendarza */

.calendar_forClient-container {
  background: white;
  width: 500px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 260px;
  z-index: 10;
  position: fixed;
  display: none;
  border-radius: 0 0 15px 15px;
  font-family: "Lato", sans-serif;
}

.calendar_forClient-title {
  padding: 10px;
  clear: both;
}

.calendar_forClient-title-span {
  float: left;
}

.calendar_forClient-title-img {
  float: right;
  cursor: pointer;
}

.calendar_forClient-content {
  display: flex;
  flex-direction: column;
  padding: 0px 10px 0px 10px;
}

.calendar_forClient-content-input {
  width: calc(100% - 40px);
  background-color: white;
  border: 1px solid #e8464d;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 5px;
  color: black;
  outline: none;
  resize: none;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 20px;
  padding: 0px 20px 0px 20px;
}

.calendar_forClient-content-textarea {
  width: calc(100% - 40px);
  min-height: 100px;
  background-color: white;
  border: 1px solid #e8464d;
  vertical-align: middle;
  margin-bottom: 5px;
  text-align: left;
  outline: none;
  resize: none;
  padding: 5px 20px 5px 20px;
  font-family: "Lato", sans-serif;
}

.calendar_forClient-content-button {
  width: calc(100% - 42px);
  background-color: white;
  border: 1px solid #e8464d;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  color: black;
  outline: none;
  resize: none;
  font-family: "Lato", sans-serif;
  cursor: pointer;
  font-weight: 300;
  font-size: 20px;
  padding: 0px 20px 0px 20px;
}

/* //Dodawanie do kalendarza */

/* SmallBox */
.smallBox_forClient-container {
  background: #eaeaea;
  width: 500px;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  position: fixed;

  border-radius: 0 0 15px 15px;
  font-family: "Lato", sans-serif;
}

.smallBox_forClient-title {
  padding: 10px;
  clear: both;
}

.smallBox_forClient-title-span {
  float: left;
}

.smallBox_forClient-title-img {
  float: right;
  cursor: pointer;
}

.smallBox_forClient-content {
  height: calc(100% - 80px);
  padding: 0px 10px 0px 10px;
}

.smallBox_forClient-content form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.smallBox_forClient-content-input {
  width: calc(100% - 40px);
  background-color: white;
  border: 1px solid #e8464d;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 5px;
  color: black;
  outline: none;
  resize: none;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 20px;
  padding: 0px 20px 0px 20px;
}

.smallBox_forClient-content-textarea {
  width: calc(100% - 42px);
  min-height: 100px;
  background-color: white;
  border: 1px solid #e8464d;
  vertical-align: middle;
  margin-bottom: 5px;
  text-align: left;
  outline: none;
  resize: none;
  padding: 5px 20px 5px 20px;
  font-family: "Lato", sans-serif;
}

.smallBox_forClient-content-select,
.smallBox_forClient-content-send {
  width: 100%;
  background-color: white;
  border: 1px solid #e8464d;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 5px;
  color: black;
  outline: none;
  resize: none;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 20px;
  padding: 0px 20px 0px 20px;
}

.smallBox_forClient-content-send {
  width: 50% !important;
  margin-bottom: 15px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  cursor: pointer;
}

.smallBox_forClient-content-button {
  width: calc(100% - 42px);
  background-color: white;
  border: 1px solid #e8464d;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  color: black;
  outline: none;
  resize: none;
  font-family: "Lato", sans-serif;
  cursor: pointer;
  font-weight: 300;
  font-size: 20px;
  padding: 0px 20px 0px 20px;
}

/* //SmallBox */

/* Dodawanie sms */

.sms_forClient-container {
  background: white;
  width: 500px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 260px;
  z-index: 10;
  position: fixed;
  display: none;
  border-radius: 0 0 15px 15px;
  font-family: "Lato", sans-serif;
}

.sms_forClient-title {
  padding: 10px;
  clear: both;
}

.sms_forClient-title-span {
  float: left;
}

.sms_forClient-title-img {
  float: right;
  cursor: pointer;
}

.sms_forClient-content {
  display: flex;
  flex-direction: column;
  padding: 0px 10px 0px 10px;
}

.sms_forClient-content-input {
  width: calc(100% - 42px);
  background-color: white;
  border: 1px solid #e8464d;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 5px;
  color: black;
  outline: none;
  resize: none;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 20px;
  padding: 0px 20px 0px 20px;
}

.sms_forClient-content-textarea {
  width: calc(100% - 42px);
  min-height: 100px;
  background-color: white;
  border: 1px solid #e8464d;
  vertical-align: middle;
  margin-bottom: 5px;
  text-align: left;
  outline: none;
  resize: none;
  padding: 5px 20px 5px 20px;
  font-family: "Lato", sans-serif;
}

.sms_forClient-content-button {
  width: calc(100% - 42px);
  background-color: white;
  border: 1px solid #e8464d;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  color: black;
  outline: none;
  resize: none;
  font-family: "Lato", sans-serif;
  cursor: pointer;
  font-weight: 300;
  font-size: 20px;
  padding: 0px 20px 0px 20px;
}

/* //Dodawanie sms */

/* Zarządzenie ubezpieczenia */
.ubezpieczenieManagment-container {
  display: block;
  flex-direction: column;
  justify-content: space-between;
  width: 1200px;
}

.ubezpieczenieManagment-eVB,
.ubezpieczenieManagment-insurance,
.ubezpieczenieManagment-parameters {
  margin-bottom: 50px;
}

.ubezpieczenieManagment-eVB-header,
.ubezpieczenieManagment-insurance-header,
.ubezpieczenieManagment-parameters-header {
  background-color: #e8464d;
  border-radius: 0 15px 0 0;
  width: 280px;
  height: 25px;
  text-align: left;
  padding-left: 20px;
}

.ubezpieczenieManagment-eVB-title,
.ubezpieczenieManagment-insurance-title {
  width: 100%;
  height: 50px;
  background-color: #e8464d;
  clear: both;
}

/* eVB */
.ubezpieczenieManagment-eVB-title > div {
  float: left;
  width: calc(25% - 20px);
  text-align: left;
  line-height: 50px;
  padding-left: 20px;
  font-family: "Lato", sans-serif;
  font-weight: 600;
}

.ubezpieczenieManagment-eVB-table > div > a {
  display: block;
  text-decoration: none;
  color: black;
}

/* //eVB */
/* insurance */
.ubezpieczenieManagment-insurance-title > div {
  float: left;
  width: calc(20% - 20px);
  text-align: left;
  line-height: 50px;
  padding-left: 20px;
  font-family: "Lato", sans-serif;
  font-weight: 600;
}

.ubezpieczenieManagment-insurance-table > div > a {
  display: block;
  text-decoration: none;
  color: black;
}

/* //insurance */
.ubezpieczenieManagment-eVB-tables,
.ubezpieczenieManagment-insurance-tables {
  width: 100%;
  min-height: 100px;
  background-color: white;
  border-radius: 0px 0px 15px 15px;
  padding-bottom: 10px;
}

.ubezpieczenieManagment-eVB-table,
.ubezpieczenieManagment-insurance-table {
  width: 100%;
  min-height: 50px;
  display: flex;
}

/* eVB */
.ubezpieczenieManagment-eVB-table > div {
  width: calc(20% - 20px);
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  display: flex;
  align-items: center;
}

/* //eVB */
/* insurance */
.ubezpieczenieManagment-insurance-table > div {
  width: calc(20% - 20px);
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  display: flex;
  align-items: center;
}

/* //insurance */
.ubezpieczenieManagment-eVB-table:hover,
.ubezpieczenieManagment-insurance-table:hover {
  background-color: #e8464d5d;
  cursor: pointer;
}

.ubezpieczenieManagment-eVB-table > div:hover,
.ubezpieczenieManagment-insurance-table > div:hover {
  background-color: #e8464d9d;
  cursor: pointer;
}

.ubezpieczenieManagment-eVB-table > div > a:hover,
.ubezpieczenieManagment-insurance-table > div > a:hover {
  font-weight: 800;
}

/* parameters */
.ubezpieczenieManagment-parameters-container {
  background-color: white;
  border-radius: 0px 0px 15px 15px;
  padding-bottom: 10px;
}

.ubezpieczenieManagment-parameters-column {
  width: 33.333333%;
  height: 100%;
  float: left;
}

.ubezpieczenieManagment-parameters-column-header {
  width: 100%;
  text-align: left;
  line-height: 50px;
  font-family: "Lato", sans-serif;
  font-weight: 600;
  min-height: 100px;
}

.ubezpieczenieManagment-parameters-header-show {
  display: flex;
  flex-direction: row;
  padding-left: 20px;
  background-color: #e8464d;
}

.ubezpieczenieManagment-parameters-header-show-img {
  margin: 9px;
  cursor: pointer;
}

.ubezpieczenieManagment-parameters-header-show-img img {
  display: block;
}

.ubezpieczenieManagment-parameters-header-hide {
  background-image: linear-gradient(#e8464d, white);
  height: 50px;
  padding-left: 20px;
  width: calc(100% - 20px);
  display: none;
  clear: both;
}

.ubezpieczenieManagment-parameters-input {
  background-color: white;
  border: 0;
  height: 20px;
  margin-bottom: 5px;
  color: black;
  outline: none;
  resize: none;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 20px;
  padding: 0px 20px 0px 20px;
  color: black;
  display: block;
  float: left;
}

.ubezpieczenieManagment-parameters-button {
  background-color: #dddddd;
  text-decoration: none;
  border: none;
  padding: 2.5px 30px 2.5px 30px;
  text-align: center;
  float: left;
}

.ubezpieczenieManagment-parameters-table {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  text-align: left;
  width: calc(100% - 20px);
}

.ubezpieczenieManagment-parameters-table:hover {
  background-color: #e8464d9d;
  cursor: pointer;
}

/* //parameters */
/* //Zarządzenie ubezpieczenia */

/* Etapy kredytu */

.creditStages-Container {
  font-family: "Lato", sans-serif;
}

.header-bugfix {
  margin: 0px 0px 10px 0px;
  text-align: left;
  padding: 0px;
  background: unset;
  min-width: unset;
  color: white;
  border-radius: 0px 0px 5px 0px;
  float: unset;
}

.add_sth_header_down-bugfix {
  float: unset;
  margin-left: 0;
  width: 50%;
  background: #e8464d;
  padding: 10px;
  border-radius: 0px 0px 15px 0px;
}

.creditStages-Stage {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
  padding: 0px 20px 0px 20px;
  margin-top: 20px;
}

.creditStages-dimmer {
  width: calc(100% - 40px);
  position: absolute;
  background-color: gray;
  opacity: 0.85;
  z-index: 5;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0;
  margin: 0px 20px 0px 20px;
}

.creditStages-help {
  width: 30px;
  position: relative;
}

.creditStages-help-container {
  height: 30px;
}

.creditStages-content {
  width: calc(100% - 30px);
  min-height: 50px;
  line-height: 50px;
}

.creditStages-content_stage {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  background-color: #e3e3e3;
  padding: 0px 5px 0px 5px;
}

.creditStages-content_stage-title {
  width: 81px;
  font-size: 25px;
  font-weight: 600;
}

.creditStages-content_stage-content {
  position: relative;
  width: calc(100% - 121px);
  padding: 0px 0px 0px 40px;
  font-size: 25px;
  font-weight: 300;
}

.creditStages-content_stage-content-span {
  padding-right: 10px;
  float: left;
}

.creditStages-content_stage-content-images,
.creditStages-content_stage-content-checkbox {
  float: right;
  display: flex;
  width: 120px;
  margin-top: 5px;
  justify-content: space-around;
}

.creditStages-content_stage-content-images img {
  cursor: pointer;
}

.creditStages-content_stage-content-buttons {
  float: left;
}

/* Domyślny guzik */
.creditStages-content_stage-content-buttons [type="checkbox"]:not(:checked),
.creditStages-content_stage-content-buttons [type="checkbox"]:checked {
  position: fixed;
  left: -9999999px;
}

.creditStages-content_stage-content-buttons
  [type="checkbox"]:not(:checked)
  + label,
.creditStages-content_stage-content-buttons [type="checkbox"]:checked + label {
  position: relative;
  cursor: pointer;
  padding-left: 32px;
}

/* Custom'owy guzik' */
.creditStages-content_stage-content-buttons
  [type="checkbox"]:not(:checked)
  + label:before,
.creditStages-content_stage-content-buttons
  [type="checkbox"]:checked
  + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  color: #14aa9e;
  font-size: 22px;
  background-color: #e8464d;
  border: 1px solid #dd3a46;
  border-radius: 5px;
}

/* checked mark aspect */
.creditStages-content_stage-content-buttons
  [type="checkbox"]:not(:checked)
  + label:after,
.creditStages-content_stage-content-buttons
  [type="checkbox"]:checked
  + label:after {
  content: "\2713\0020";
  position: absolute;
  top: 8px;
  left: 7px;
  font-size: 22px;
  line-height: 0.8;
  color: #ffffff;
  transition: all 0.2s;
  font-family: "Lucida Sans Unicode", "Arial Unicode MS", Arial;
}

/* checked mark aspect changes */
.creditStages-content_stage-content-buttons
  [type="checkbox"]:not(:checked)
  + label:after {
  opacity: 0;
  transform: scale(0);
}

.creditStages-content_stage-content-buttons
  [type="checkbox"]:checked
  + label:after {
  opacity: 1;
  transform: scale(1);
}

.creditStages-content_stage-content-inputsSpan {
  padding-right: 10px;
  float: left;
}

.creditStages-content_stage-content-inputsInput {
  float: left;
}

.creditStages-content_stage-submit {
  width: 100%;
  text-align: left;
}

.creditStages-content_stage-submit input {
  background-color: #dd3a46;
  border: none;
  padding: 10px 30px 10px 30px;
  text-align: center;
  cursor: pointer;
}

/* Kredyty Checkbox TAK */
.creditStages-checkbox_yes input[type="checkbox"] {
  display: none;
}

.creditStages-checkbox_yes label {
  display: block;
  position: relative;
  cursor: pointer;
}

.creditStages-checkbox_yes label:before {
  content: "";
  display: block;
  position: absolute;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  top: 8.5px;
}

.creditStages-checkbox_yes label img {
  height: 26px;
  width: 26px;
}

.creditStages-checkbox_yes :checked + label:before {
  background-image: url(../image/checkbox_yes.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.creditStages-checkbox_yes :checked + label img {
  background-image: url(../image/checkbox_yes.png);
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* //Kredyty Checkbox TAK */
/* Kredyty Checkbox NIE */
.creditStages-checkbox_no input[type="checkbox"] {
  display: none;
}

.creditStages-checkbox_no label {
  display: block;
  position: relative;
  cursor: pointer;
}

.creditStages-checkbox_no label:before {
  content: "";
  display: block;
  position: absolute;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  top: 8.5px;
}

.creditStages-checkbox_no label img {
  height: 26px;
  width: 26px;
}

.creditStages-checkbox_no :checked + label:before {
  background-image: url(../image/checkbox_no.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.creditStages-checkbox_no :checked + label img {
  background-image: url(../image/checkbox_no.png);
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* //Kredyty Checkbox NIE */
/* Kontakt tips */
.creditStages-content_stage-content-tooltipRed,
.creditStages-content_stage-content-tooltipGreen {
  width: 25px;
  cursor: pointer;
}

.creditStages-content_stage-content-tooltipRedText {
  visibility: hidden;
  width: 508px;
  background-color: #e8464d;
  border: 1px solid #dd3a46;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  z-index: 6;
  top: 150%;
  left: 50%;
  position: sticky;
}

.creditStages-content_stage-content-tooltipRedText::after {
  content: "";
  position: absolute;
  bottom: 103.5%;
  left: 3%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #dd3a46 transparent;
}

.creditStages-content_stage-content-tooltipRed:hover
  + .creditStages-content_stage-content-tooltipRedText {
  visibility: visible;
}

.creditStages-content_stage-content-tooltipGreenText {
  background-color: #32ae92;
  border: 1px solid #269b7c;
  visibility: hidden;
  width: 508px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  z-index: 6;
  top: 150%;
  left: 50%;
  position: sticky;
}

.creditStages-content_stage-content-tooltipGreenText::after {
  content: "";
  position: absolute;
  bottom: 103.5%;
  left: 3%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #269b7c transparent;
}

.creditStages-content_stage-content-tooltipGreen:hover
  + .creditStages-content_stage-content-tooltipGreenText {
  visibility: visible;
}

/* //Kontakt tips  */
/* //Etapy kredytu */

#bookmarks {
  float: right;
  max-width: 500px;
}

.add_bookmarks {
  width: 20px;
  float: right;
  height: 20px;
  background: #e8464d;
  border-radius: 0px 0px 6px 6px;
  text-align: center;
}

.add_bookmarks a {
  text-align: center;
  text-decoration: none;
  color: white;
}

.bookmarks_once {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100px;
  float: left;
  height: 20px;
  background: #e8464d;
  border-radius: 0px 0px 6px 6px;
  margin: 0px 5px 3px 5px;
  text-align: center;
}

.bookmarks_once a {
  text-decoration: none;
  color: white;
}

/*---------Nowe, poprawione style, zorganizowane---------*/

/*----- containerVersionOne -----*/
.containerVersionOne {
  background: #1c1e25;
  margin-bottom: 50px;
}

.containerVersionOne-top {
  width: 100%;
  height: 85px;
  background-color: #e8464d;
}

.containerVersionOne-bottom {
  width: calc(100% - 20px);
  padding: 20px 10px;
  border-radius: 0 0 15px 15px;
  background-color: #eaeaea;
}

/*----- //containerVersionOne -----*/

/*----- Kalendarz -----*/
.containerVersionOne-bottom-calendarMonths {
  display: flex;
  justify-content: space-between;
}

.containerVersionOne-bottom-calendarMonth {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85px;
  height: 35px;
  font-size: 15px;
  background-color: #c9c9c9;
}

.containerVersionOne-bottom-calendarWeeks {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 40px 0 20px 0;
}

.containerVersionOne-bottom-calendarWeek {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 35px;
  font-size: 15px;
  background-color: #c9c9c9;
}

.containerVersionOne-bottom-calendarDays {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.containerVersionOne-bottom-calendarDay {
  width: 165px;
}

.containerVersionOne-bottom-calendarDay-name {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  font-size: 15px;
  background-color: #e8464d;
}

.containerVersionOne-bottom-calendarDay-item {
  position: relative;
  padding: 5px;
  border-radius: 0 0 15px 0;
  background-color: #e8464d;
  margin: 20px 0 0 0;
  cursor: pointer;
}

.containerVersionOne-bottom-calendarDay-item-buttons {
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  width: 29px;
  height: 21px;
  cursor: pointer;
  justify-content: space-between;
}

.containerVersionOne-bottom-calendarDay-item-buttons > svg {
  width: 12px;
  height: 12px;
}

.containerVersionOne-bottom-calendarDay-item-options {
  display: flex;
  margin: 0 0 2.5px 0;
}

.containerVersionOne-bottom-calendarDay-item-options > div:first-child {
  text-align: left;
  font-size: 15px;
  color: white;
  margin-right: 5px;
}

.containerVersionOne-bottom-calendarDay-item-options > div:nth-child(2),
.containerVersionOne-bottom-calendarDay-item-options > div:nth-child(3) {
  width: 24px;
  border-radius: 5px;
  padding: 2px;
  margin: 0 2px;
  height: 17px;
  background-color: white;
  cursor: pointer;
  display: flex;
  justify-content: center;
}

.containerVersionOne-bottom-calendarDay-item-options > div:nth-child(2) > svg,
.containerVersionOne-bottom-calendarDay-item-options > div:nth-child(3) > svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #e8464d;
}

.containerVersionOne-bottom-calendarDay-item-options > img {
  width: 21px;
  height: 21px;
  cursor: pointer;
}

.containerVersionOne-bottom-calendarDay-item > div:nth-child(3),
.containerVersionOne-bottom-calendarDay-item > div:nth-child(4) {
  display: flex;
  width: 100%;
  height: 23px;
  text-align: left;
  background-color: #ffffff;
  margin: 0 0 2.5px 0;
  clear: both;
}

.containerVersionOne-bottom-calendarDay-item > div:nth-child(3) {
  font-size: 18px;
}

.containerVersionOne-bottom-calendarDay-item > div:nth-child(4) {
  border-radius: 0 0 15px 0;
  font-size: 15px;
  word-break: break-word;
}

.containerVersionOne-bottom-calendarDay-item > div:nth-child(3) > span,
.containerVersionOne-bottom-calendarDay-item > div:nth-child(4) > span {
  width: calc(100% - 23px);
  height: 23px;
  line-height: 23px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.containerVersionOne-bottom-calendarDay-item-options-zoom {
  width: 23px;
  height: 23px;
  cursor: zoom-in;
  position: relative;
  float: left;
}

.containerVersionOne-bottom-calendarDay-item-options-zoom > div {
  display: none;
  position: absolute;
  width: 250px;
  background-color: gray;
  z-index: 2;
  left: 28px;
  min-height: 24px;
  bottom: 50%;
  transform: translate(0, 50%);
}

.containerVersionOne-bottom-calendarDay-item-options-zoom > div::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent gray transparent transparent;
  transform: translate(0, -50%);
}

.containerVersionOne-bottom-calendarDay-item-options-zoom:hover
  > .containerVersionOne-bottom-calendarDay-item-options-zoomed {
  display: block;
}

/*Szczegóły notatki, wpisu w kalendarzu*/
.containerVersionOne-bottom-calendarDay-item-details {
  position: fixed;
  top: 0;
  display: flex;
  width: 460px;
  height: 500px;
  background-color: #dddddd;
  font-family: "Lato", sans-serif;
}

.containerVersionOne-bottom-calendarDay-item-details-leftSite {
  width: 360px;
  height: calc(100% - 30px);
  padding: 15px 45px 15px 15px;
  border-radius: 0 0 55px 0;
  background-color: #e8464d;
}

.containerVersionOne-bottom-calendarDay-item-details-rightSite {
  width: 50px;
  padding: 15px;
}

.containerVersionOne-bottom-calendarDay-item-details-rightSite-title {
  display: flex;
}

.containerVersionOne-bottom-calendarDay-item-details-rightSite-title
  > div:first-child {
  width: 80px;
  height: 80px;
}

.containerVersionOne-bottom-calendarDay-item-details-rightSite-title
  > div:last-child {
  display: flex;
  align-items: flex-end;
  color: #ffffff;
  font-size: 25px;
  margin-left: 10px;
}

.containerVersionOne-bottom-calendarDay-item-details-rightSite-title
  > div:last-child
  > svg {
  fill: #ffffff;
}

.containerVersionOne-bottom-calendarDay-item-details-rightSite-data {
  width: calc(100% - 10px);
  margin-top: 5px;
  padding: 0 0 0 10px;
  height: 33px;
  background-color: #ffffff;
  text-align: left;
  line-height: 31px;
}

.containerVersionOne-bottom-calendarDay-item-details-rightSite-client {
  height: 40px;
}

.containerVersionOne-bottom-calendarDay-item-details-rightSite-client,
.containerVersionOne-bottom-calendarDay-item-details-rightSite-main {
  width: calc(100% + 17px);
  height: 40px;
  margin-top: 5px;
  overflow-y: overlay;
}

.containerVersionOne-bottom-calendarDay-item-details-rightSite-client > div {
  min-height: 33px;
}

.containerVersionOne-bottom-calendarDay-item-details-rightSite-client > div,
.containerVersionOne-bottom-calendarDay-item-details-rightSite-main > div {
  width: calc(100% - 27px);
  min-height: 33px;
  padding: 7px 0 0 10px;
  margin-right: 16px;
  background-color: #ffffff;
  text-align: left;
}

.containerVersionOne-bottom-calendarDay-item-details-rightSite-main {
  height: 250px;
}

.containerVersionOne-bottom-calendarDay-item-details-rightSite-main > div {
  min-height: 243px;
}

.containerVersionOne-bottom-calendarDay-item-details-rightSite-options {
  display: flex;
  justify-content: space-between;
  width: 120px;
  margin-top: 5px;
}

.containerVersionOne-bottom-calendarDay-item-details-rightSite-options > div {
  width: 50px;
  height: 31px;
  padding: 3px;
  background-color: #ffffff;
  cursor: pointer;
}

.containerVersionOne-bottom-calendarDay-item-details-close {
  width: 20px;
  height: 20px;
  margin-left: auto;
  cursor: pointer;
}

.send-email {
  background: url(../image/send_mail.png) no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  background-position: center;
  border: none;
  outline: none;
  overflow: hidden;
  text-indent: 999999;
  float: left;
  transition: 0.3s;
  cursor: pointer;
}

.send-email:hover {
  transform: translateY(-5px);
}

/*//Szczegóły notatki, wpisu w kalendarzu*/

/*----- //Kalendarz -----*/

/*---------Nowe, poprawione style, zorganizowane---------*/

.add-message {
  background: #448444;
  text-align: center;
  width: 200px;
  height: 40px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto;
  font-size: 20px;
  transition: 0.2s;
  opacity: 0;
  position: absolute;
  right: 310px;
  top: 28px;
  margin: 0;
}

.error-big-box {
  background: red;
  text-align: center;
  width: 200px;
  height: 40px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto;
  font-size: 20px;
  transition: 0.2s;
  opacity: 0;
  position: absolute;
  right: 310px;
  top: 5px;
  margin: 0;
}

.error-big-box.active {
  opacity: 1;
  transition: 0.2s;
}

.add-message.active {
  opacity: 1;
  transition: 0.2s;
}

/* .errors-select-pocket{
    background: red;
    color: wheat;
    width: auto;
    height: 20px;
    text-align: center;
    margin-left: 20px;
    margin-top: 5px;
} */
/* .errors-select-ubez{
    background: red;
    color: wheat;
    width: auto;
    height: 20px;
    text-align: center;
    margin-left: 20px;
    margin-top: 5px;
} */
#updateButton {
  height: 25px;
  margin-right: 10px;
  background: #9d9da0;
  border: none;
  color: white;
  border-radius: 10px;
  transition: 0.2s;
}

#updateButton:hover {
  cursor: pointer;
  background: #ccc;
}

#updateButton:focus,
#updateButton:active {
  outline: none;
}

.deleteButton {
  background: #e02e3b;
  color: white;
  border: none;
  transition: 0.2s;
  cursor: pointer;
}

.deleteButton:hover {
  background: #e4646e;
}

.deleteButton:focus,
.deleteButton:active {
  outline: none;
}

.showAllPocket {
  text-decoration: none;
  color: #e02e3b;
}

.showAllPocket:before {
  content: "";
  transition: 0.2s;
}

.showAllPocket:hover:before {
  content: "> ";
  color: red;
  font-weight: bold;
}

.howManyUbez {
  background: #e02e3b80;
  color: white;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  padding: 5px;
  font-size: 10px;
  margin-left: 10px;
}

.upgradeButton:focus,
.upgradeButton:active {
  outline: none;
  border: none;
}

.upgradeButton {
  background: gray;
  border: none;
  padding: 5px;
  margin-top: 8px;
  color: white;
  box-shadow: 2px 2px 4px #000000e8;
  cursor: pointer;
}

.remove-to-panel {
  background: #c14d4d;
  border: none;
  color: white;
  padding: 5px;
  cursor: pointer;
}

.send-to-panel {
  background: #3d883d;
  border: none;
  color: white;
  padding: 5px;
  cursor: pointer;
}

/* .status-done{
    display: flex;
    width: 100%;
    background: #e8464da1 !important;
    justify-content: space-between;
    color:white;
} */

.remove-to-panel {
  background: url("../image/client/minus.png");
  border: none;
  height: 32px;
  width: 32px;
  padding: 5px;
  text-indent: 99999;
}

.send-to-panel {
  background: url("../image/client/add.png");
  border: none;
  height: 32px;
  width: 32px;
  padding: 5px;
  text-indent: 99999;
  transition: 0.3s;
}

.send-to-panel:hover {
  transform: translateY(-5px);
}

.send-to-panel:active,
.send-to-panel:focus {
  outline: none;
  border: none;
}

.remove-to-panel:active,
.remove-to-panel:focus {
  outline: none;
  border: none;
}

.levels {
  background: url("../image/client/level.png");
  border: none;
  height: 32px;
  width: 32px;
  padding: 5px;
  text-indent: 99999;
  cursor: pointer;
  transition: 0.3s;
}

.levels:active,
.levels:focus {
  outline: none;
  border: none;
}

.levels:hover {
  transform: translateY(-3px);
}

.debt {
  height: 32px;
  width: 32px;
  cursor: pointer;
  transition: 0.3s;
}

.debt:active,
.debt:focus {
  outline: none;
  border: none;
}

.debt:hover {
  transform: translateY(-3px);
}

.send-sms-message {
  background: #448444 !important;
  height: 40px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto;
  font-size: 20px;
  transition: 0.2s;
  display: none;
  opacity: 0;
}

.send-sms-message.active {
  opacity: 1;
  display: flex;
}

.btn-back {
  color: white;
  padding: 5px;
  border: none;
  transition: 0.3s;
  text-decoration: none;
}

.btn-back:hover {
  color: #599a8e;
  padding: 5px;
  border: none;
  transition: 0.3s;
  text-decoration: none;
}

.historyDiv {
  display: flex;
}

.historyDiv span:nth-child(1) {
  margin-right: 10px;
}

.showHistory {
  background: #ec2a32;
  border: none;
  transition: 0.3s;
  color: white;
  cursor: pointer;
  padding: 5px;
}

.showHistory:active,
.showHistory:focus {
  outline: none;
  border: none;
}

.titleIcons:hover {
  cursor: help;
}

.card_inner select {
  border: none;
  background: rgb(95, 94, 94);
  padding: 5px;
  color: white;
}

.red-box-helper {
  display: flex;
}

.red-box-helper .first-column {
  background: #e8464d;
  color: white;
  flex: 1;
  padding: 5px;
  margin-bottom: 5px;
}

.red-box-helper .second-column {
  color: black;
  flex: 2;
  padding: 5px;
  margin-bottom: 5px;
  background: rgb(239, 238, 238);
}

.error-upgrade {
  text-align: center;
  background: #e80808;
  color: white;
  margin-top: 30px;
  padding: 5px;
}

.success-upgrade {
  text-align: center;
  background: #71a71e;
  color: white;
  margin-top: 30px;
  padding: 5px;
}

.capabilities-table {
  border-collapse: collapse;
  font-size: 15px;
  width: 100%;
}

.capabilities-table td,
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.capabilities-table tr:nth-child(even) {
  background-color: #dddddd;
}

.capabilities-table td:first-child {
  background: #e8464d;
  color: white;
}

.change_card-button {
  background: #72c772;
  padding: 10px;
  border: 0;
  transition: 0.2s;
  cursor: pointer;
}

.change_card-button:hover {
  background: #2bb12b;
}

.change_card-button:focus,
.change_card-button:active {
  outline: none;
}

.capabilities-table input[type="submit"] {
  background: #b97878;
  color: white;
  border: 0;
  transition: 0.2s;
  cursor: pointer;
}

.capabilities-table input[type="submit"]:hover {
  background: #b33232;
  transform: scale(1.1);
}

.capabilities-table input[type="submit"]:focus,
.capabilities-table input[type="submit"]:active {
  outline: none;
}

.delete-Card-Button {
  background: #9e0707;
  padding: 5px;
  color: white;
  border: 0;
  transition: 0.2s;
  cursor: pointer;
}

.delete-Card-Button:hover {
  background: #da1616;
}

.delete-Card-Button:focus,
.delete-Card-Button:active {
  outline: none;
}

.blocked-Card-Button {
  background: rgb(136, 136, 236);
  padding: 5px;
  color: white;
  border: 0;
  transition: 0.2s;
  cursor: pointer;
}

.blocked-Card-Button:hover {
  background: rgb(79, 79, 241);
}

.blocked-Card-Button:focus,
.blocked-Card-Button:active {
  outline: none;
}

.send-Card-Button {
  background: rgb(95, 94, 93);
  padding: 5px;
  color: white;
  border: 0;
  transition: 0.2s;
  cursor: pointer;
}

.send-Card-Button:hover {
  background: rgb(148, 147, 147);
}

.send-Card-Button:focus,
.send-Card-Button:active {
  outline: none;
}

.card-placeholder {
  margin-top: 20px;
  text-align: center;
  position: relative;
}

.card-placeholder img {
  width: 300px;
  border: 3px solid #e8464d;
  border-radius: 20px;
}

.card-placeholder p {
  font-size: 15px;
}

.card-placeholder .card_number {
  position: absolute;
  bottom: 10px;
  left: 26%;
  font-weight: bold;
}

.card-placeholder .name {
  position: absolute;
  bottom: 50px;
  left: 26%;
  font-weight: bold;
}

.card-placeholder .id_client {
  position: absolute;
  bottom: 30px;
  left: 26%;
  font-weight: bold;
}

#table-card {
  border-collapse: collapse;
  width: 100%;
}

#table-card td,
#table-card th {
  border: 1px solid #ddd;
  padding: 8px;
}

#table-card tr:nth-child(even) {
  background-color: #f2f2f2;
}

#table-card tr:hover {
  background-color: #ddd;
}

#table-card th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #e8464d;
  color: white;
}

.dataTable-input:focus,
.dataTable-selector:focus {
  outline-color: #e8464d;
}

.sending-Card-Button {
  color: black;
  transition: 0.2s;
  cursor: pointer;
  text-decoration: none !important;
  background: transparent;
  padding: 5px;
}

.sending-Card-Button:hover {
  color: #da1616;
  background: #4c4949;
  color: white;
  padding: 5px;
}

.sending-Card-Button:focus,
.sending-Card-Button:active {
  outline: none;
}

.ubezpieczenieManagment-parameters-header-show-span {
  font-size: 17px;
  display: flex;
  align-items: center;
}

.ubezpieczenieManagment-parameters-header-show-span img {
  margin-left: 10px;
}

.change-status-sepa {
  color: black;
  transition: 0.2s;
  cursor: pointer;
  border: none;
  background: transparent;
  padding: 5px;
}

.change-status-sepa:hover {
  color: #da1616;
  background: #4c4949;
  color: white;
  padding: 5px;
}

.change-status-sepa:focus,
.change-status-sepa:active {
  outline: none;
}

.upgrade-menu-inner {
  /* background-color: white; */
  padding: 5px;
}

.show-diffrence {
  color: black;
  transition: 0.2s;
  cursor: pointer;
  text-decoration: none;
}

.show-diffrence:hover {
  color: #da1616;
}

.show-diffrence:focus,
.show-diffrence:active {
  outline: none;
}

#terminarz-table {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#terminarz-table td,
#terminarz-table th {
  border: 1px solid #ddd;
  padding: 8px;
}

#terminarz-table tr:hover {
  background-color: #ddd;
}

#terminarz-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #e8464d;
  color: white;
}

#requests {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  font-size: 15px;
  color: black !important;
  margin-bottom: 20px;
}

.requests__span {
  font-size: 15px;
  margin-bottom: 5px;
}

.requests__span {
  display: block;
}

#requests td,
#requests th {
  border: 1px solid #ddd;
  padding: 8px;
}

/* #requests tr:nth-child(even){background-color: #f2f2f2;} */

#requests tr:hover {
  background-color: #ddd;
}

#requests th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #e8464d;
  color: white;
}

.notPayMonth {
  background: #e22929;
  color: white;
  font-size: 15px;
  text-align: center;
}

.notPayButton {
  background-color: #e22929;
  border: none;
  color: white;
  cursor: pointer;
  transition: 0.2s;
}

.notPayButton:hover {
  background: red;
}

.notPayButton:focus,
.notPayButton:active {
  outline: none;
}

.legend.show {
  display: block;
  visibility: visible;
  transition: 0.2s;
  opacity: 1;
  transform: translateY(0);
}

.legend {
  display: none;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-100px);
  font-size: 15px;
}

.legend__span {
  display: block;
  margin-bottom: 10px;
}

.legend__details {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  font-size: 15px;
}

.legend_details-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}

.legend_details-inner:first-child {
  background: #d8d1d1;
}

.legend_details-inner:nth-child(2) {
  background: #a9a6a6;
}

.legend_details-inner:nth-child(3) {
  background: #da7e82;
}

.legend_details-inner:nth-child(4) {
  background: #db676c;
}

.legend__item {
  flex: 1;
}

.slideUp {
  transition: 0.2s;
  cursor: pointer;
  background-color: transparent;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  border: none;
  background-size: contain;
  background-position: center;
  width: 30px;
  height: 30px;
  background-image: url("../image/menu.png");
}

.slideUp:focus,
.slideUp:active {
  outline: none;
}

.notActive {
  background-image: url("../image/show.png");
}

input[name="deleteRequest"] {
  background: #962323;
  color: white;
  border: none;
  padding: 5px;
  transition: 0.2s;
  cursor: pointer;
}

input[name="deleteRequest"]:focus,
input[name="deleteRequest"]:active {
  outline: none;
}

.client-box-private {
  clear: both;
  display: flex;
  flex-direction: column;
}

.client-box_message {
  font-size: 15px;
  background: #5fce5f;
  padding: 5px;
  width: 80%;
  margin: 20px auto;
}

.deletePrivateFile,
.deleteGenerateFile {
  background: rgb(228, 31, 31);
  border: none;
  color: white;
  transition: 0.2s;
  display: flex;
  cursor: pointer;
}

.deletePrivateFile:hover,
.deleteGenerateFile:hover,
.deletePrivateFile:active,
.deleteGenerateFile:active,
.deleteGenerateFile:focus,
.deletePrivateFile:focus {
  background: rgb(235, 56, 56);
  border: none;
  outline: none;
}

.link-red {
  text-decoration: none;
  color: #e02e3b;
}

.link-red:before {
  content: "";
  transition: 0.2s;
}

.link-red:hover:before {
  content: "> ";
  color: red;
  font-weight: bold;
}

.submitEvbUpdateUpgrade {
  width: 50% !important;
  display: block;
  margin: 30px auto !important;
  background: #e8464d;
  border: none !important;
  cursor: pointer;
  color: white;
  transition: 0.2s;
}

.submitEvbUpdateUpgrade:focus,
.submitEvbUpdateUpgrade:active,
.submitEvbUpdateUpgrade:hover {
  outline: none;
  background: #e92731;
}

.sendWarning {
  background-color: #e22929;
  color: white;
  padding: 10px;
  margin: 20px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  cursor: pointer;
}

.sendWarning:focus,
.sendWarning:active,
.sendWarning:hover {
  outline: none;
}

.full-width {
  background-color: #eaeaea !important;
  display: flex;
  padding: 10px;
  min-height: 50vh;
}

.full-width__left-side {
  flex-basis: 50%;
}

.full-width__right-side {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
}

.full-width__left-side-msg-title {
  background-color: #ccc;
  padding: 5px;
}

.full-width__left-side-msg-content {
  background-color: #e2e2e2;
  padding: 10px;
}

.full-width__right-side-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.full-width__right-side-btn {
  display: block;
  margin-top: 10px;
}

.full-width__left-side-rest-links {
  list-style: none;
  margin: 5px auto;
  padding: 0;
}

.full-width__left-side-rest-link {
  text-decoration: none;
  transition: 0.2s;
  color: black;
}

.full-width__left-side-rest {
  margin: 5px auto;
}

.full-width__right-side-btn {
  background-color: #ccc;
  padding: 10px;
  font-size: 18px;
  border: none;
  cursor: pointer;
  transition: 0.2s;
}

.full-width__right-side-form textarea {
  transition: 0.2s;
  padding: 10px 10px;
}

.full-width__right-side-form textarea:focus {
  border: 2px solid #599a8e;
  outline: none;
}

.full-width__right-side-btn:focus,
.full-width__right-side-btn:active,
.full-width__right-side-btn:hover {
  outline: none;
  background-color: rgba(47, 47, 47, 0.295);
}

.success {
  background-color: #599a8e;
  color: white;
  padding: 5px;
  width: 50%;
  margin: 10px auto;
}

.messages {
  width: 1000px;
  margin: 0 auto;
}

.messages-status {
  background-color: #273238;
  display: flex;
  align-items: center;
  padding: 5px;
}

.messages-status__item {
  flex-basis: 40%;
}

.messages-status__icon {
  width: 50px;
}

.messages-status__title {
  color: white;
  margin-left: 10px;
}

.messages-chat {
  margin-top: 30px;
}

.messages-send__title {
  width: 100%;
  margin-top: 20px;
  background-color: rgba(0, 0, 0, 0.12);
  padding: 10px;
}

.messages-send__title-info {
  background-color: #403e3e;
  padding: 5px;
  margin-right: 5px;
  font-size: 16px;
}

.messages-send__first-title {
  padding: 10px;
  display: flex;
  align-items: center;
}

.messages-send__first-title img {
  margin: 0 5px;
}

.msg-admin {
  background-color: rgba(218, 42, 50, 0.53);
  justify-content: flex-end;
}

.msg-admin img {
  order: 1;
}

.msg-user {
  background-color: rgb(187, 173, 173);
  justify-content: flex-start;
}

.msg-user img {
  order: -1;
}

.forms {
  display: flex;
  justify-content: center;
  padding: 5px;
}

.changePassInner {
  margin-bottom: 20px;
  margin-left: 80px;
  text-align: left;
}

.changeLog-item {
  margin-bottom: 15px;
}

.changeLog-item span {
  background: #e8464d;
  padding: 5px;
  color: white;
  margin-right: 5px;
  font-size: 16px;
}

.removeView:hover {
  cursor: pointer;
}

.is-warning {
  background-color: #dc7979;
  position: relative;
}

.is-warning::before {
  content: "";
  position: absolute;
  width: 45px;
  height: 45px;
  top: 3px;
  right: 40%;
  background: url("../image/alert.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

input[name="addClientWarning"],
input[name="removeClientWarning"],
input[name="removeClientOpinion"],
input[name="addClientOpinion"] {
  border: none;
  padding: 5px;
  color: white;
  cursor: pointer;
}

.is-opinion {
  background-color: #748e7a;
  position: relative;
  padding-bottom: 20px;
}

.is-opinion::before {
  content: "";
  position: absolute;
  width: 45px;
  height: 45px;
  top: 3px;
  right: 40%;
  background: url("../image/opinion.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.removeClientWarning,
.removeClientOpinion {
  background: transparent;
  background-image: url("../image/minus.png");
  background-size: cover;
  background-position: center;
  text-indent: 9999;
  width: 24px;
  height: 24px;
}

.removeClientWarning,
.addClientWarning,
.addClientOpinion,
.removeClientOpinion:focus {
  outline: none;
}

.addClientWarning,
.addClientOpinion {
  background: transparent;
  background-image: url("../image/add.png");
  background-size: cover;
  background-position: center;
  text-indent: 9999;
  width: 24px;
  height: 24px;
}

.managmentpanel__message {
  position: absolute;
  top: 10%;
  left: 50%;
  background: #49af49;
  display: none;
}

.managmentpanel__message.active {
  display: block;
  padding: 5px;
}

.partnership {
  display: flex;
}

.inner__partnerships {
  display: flex;
  justify-content: center;
  align-items: center;
}

.left-side__partnership,
.right-side__partnership {
  flex-basis: 50%;
  padding: 10px;
}

.name__partnership {
  margin: 4px 0;
}

.name__partnership a {
  color: black;
  margin-right: 10px;
  text-decoration: none;
}

.count__partnership {
  padding: 5px;
  background: #e8464d;
  color: white;
}

.right-side__partnership-who {
  border-bottom: 3px solid #e8464d;
  padding: 5px;
  margin-top: 0;
}

.link-to {
  background: #e8464d;
  color: white;
  text-decoration: none;
  font-size: 16px;
  padding: 5px;
  transition: 0.2s;
  margin-left: 10px;
}

.link-to:hover {
  background: #e8464a;
}

.control-vissibilty-adds {
  background: gray;
  color: white;
  cursor: pointer;
  padding: 5px;
}

.storno {
  height: 0;
  overflow: hidden;
  width: 70%;
  align-items: center;
  text-align: left;
  transition: 0.2s;
  margin: 5px auto;
}

.inner-odejmnij {
  display: flex;
  justify-content: center;
  margin: 3px 0;
}

.storno.active {
  height: auto;
}

#storno {
  padding: 5px;
  margin-left: 20px;
}

.counter-mail {
  color: red;
  font-size: 14px;
  padding: 5px;
  position: absolute;
  right: -1px;
  top: -100%;
  font-weight: bold;
  background: #ffffff26;
}

.config-icons {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 20px;
  border-top: 2px solid #80808026;
  padding-top: 15px;
}

.config-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.config-box img {
  margin: 0 5px;
  width: 25px;
}

.config-title {
  font-size: 14px;
}
.input-change {
  display: flex;
  height: 35px;
  justify-content: center;
  align-items: center;
}