.container-fluid {margin-right: auto;margin-left: auto;}.row {box-sizing: border-box;display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex: 0 1 auto;-webkit-box-flex: 0;flex: 0 1 auto;-ms-flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;}.row.reverse {-ms-flex-direction: row-reverse;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;flex-direction: row-reverse;}.col.reverse {-ms-flex-direction: column-reverse;-webkit-box-orient: vertical;-webkit-box-direction: reverse;flex-direction: column-reverse;}.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {box-sizing: border-box;-ms-flex: 0 0 auto;-webkit-box-flex: 0;flex: 0 0 auto;}.col-xs {-webkit-flex-grow: 1;-ms-flex-positive: 1;-webkit-box-flex: 1;flex-grow: 1;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;}.col-xs-1 {-ms-flex-preferred-size: 8.333%;flex-basis: 8.333%;max-width: 8.333%;}.col-xs-2 {-ms-flex-preferred-size: 16.66%;flex-basis: 16.66%;max-width: 16.66%;}.col-xs-3 {-ms-flex-preferred-size: 25%;flex-basis: 25%;max-width: 25%;}.col-xs-4 {-ms-flex-preferred-size: 33.333%;flex-basis: 33.333%;max-width: 33.333%;}.col-xs-5 {-ms-flex-preferred-size: 41.66%;flex-basis: 41.66%;max-width: 41.66%;}.col-xs-6 {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}.col-xs-7 {-ms-flex-preferred-size: 58.333%;flex-basis: 58.333%;max-width: 58.333%;}.col-xs-8 {-ms-flex-preferred-size: 66.66%;flex-basis: 66.66%;max-width: 66.66%;}.col-xs-9 {-ms-flex-preferred-size: 75%;flex-basis: 75%;max-width: 75%;}.col-xs-10 {-ms-flex-preferred-size: 83.333%;flex-basis: 83.333%;max-width: 83.333%;}.col-xs-11 {-ms-flex-preferred-size: 91.66%;flex-basis: 91.66%;max-width: 91.66%;}.col-xs-12 {-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}.col-xs-offset-1 {margin-left: 8.333%;}.col-xs-offset-2 {margin-left: 16.66%;}.col-xs-offset-3 {margin-left: 25%;}.col-xs-offset-4 {margin-left: 33.333%;}.col-xs-offset-5 {margin-left: 41.66%;}.col-xs-offset-6 {margin-left: 50%;}.col-xs-offset-7 {margin-left: 58.333%;}.col-xs-offset-8 {margin-left: 66.66%;}.col-xs-offset-9 {margin-left: 75%;}.col-xs-offset-10 {margin-left: 83.333%;}.col-xs-offset-11 {margin-left: 91.66%;}.start-xs {-ms-flex-pack: start;-webkit-box-pack: start;justify-content: flex-start;text-align: start;}.center-xs {-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;text-align: center;}.end-xs {-ms-flex-pack: end;-webkit-box-pack: end;justify-content: flex-end;text-align: end;}.top-xs {-ms-flex-align: start;-webkit-box-align: start;align-items: flex-start;}.middle-xs {-ms-flex-align: center;-webkit-box-align: center;align-items: center;}.bottom-xs {-ms-flex-align: end;-webkit-box-align: end;align-items: flex-end;}.around-xs {-ms-flex-pack: distribute;justify-content: space-around;}.between-xs {-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;}.first-xs {-ms-flex-order: -1;-webkit-box-ordinal-group: 0;order: -1;}.last-xs {-ms-flex-order: 1;-webkit-box-ordinal-group: 2;order: 1;}@media only screen and (min-width: 48em) {.container {width: 46rem;}.col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {box-sizing: border-box;-ms-flex: 0 0 auto;-webkit-box-flex: 0;flex: 0 0 auto;}.col-sm {-webkit-flex-grow: 1;-ms-flex-positive: 1;-webkit-box-flex: 1;flex-grow: 1;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;}.col-sm-1 {-ms-flex-preferred-size: 8.333%;flex-basis: 8.333%;max-width: 8.333%;}.col-sm-2 {-ms-flex-preferred-size: 16.66%;flex-basis: 16.66%;max-width: 16.66%;}.col-sm-3 {-ms-flex-preferred-size: 25%;flex-basis: 25%;max-width: 25%;}.col-sm-4 {-ms-flex-preferred-size: 33.333%;flex-basis: 33.333%;max-width: 33.333%;}.col-sm-5 {-ms-flex-preferred-size: 41.66%;flex-basis: 41.66%;max-width: 41.66%;}.col-sm-6 {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}.col-sm-7 {-ms-flex-preferred-size: 58.333%;flex-basis: 58.333%;max-width: 58.333%;}.col-sm-8 {-ms-flex-preferred-size: 66.66%;flex-basis: 66.66%;max-width: 66.66%;}.col-sm-9 {-ms-flex-preferred-size: 75%;flex-basis: 75%;max-width: 75%;}.col-sm-10 {-ms-flex-preferred-size: 83.333%;flex-basis: 83.333%;max-width: 83.333%;}.col-sm-11 {-ms-flex-preferred-size: 91.66%;flex-basis: 91.66%;max-width: 91.66%;}.col-sm-12 {-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}.col-sm-offset-1 {margin-left: 8.333%;}.col-sm-offset-2 {margin-left: 16.66%;}.col-sm-offset-3 {margin-left: 25%;}.col-sm-offset-4 {margin-left: 33.333%;}.col-sm-offset-5 {margin-left: 41.66%;}.col-sm-offset-6 {margin-left: 50%;}.col-sm-offset-7 {margin-left: 58.333%;}.col-sm-offset-8 {margin-left: 66.66%;}.col-sm-offset-9 {margin-left: 75%;}.col-sm-offset-10 {margin-left: 83.333%;}.col-sm-offset-11 {margin-left: 91.66%;}.start-sm {-ms-flex-pack: start;-webkit-box-pack: start;justify-content: flex-start;text-align: start;}.center-sm {-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;text-align: center;}.end-sm {-ms-flex-pack: end;-webkit-box-pack: end;justify-content: flex-end;text-align: end;}.top-sm {-ms-flex-align: start;-webkit-box-align: start;align-items: flex-start;}.middle-sm {-ms-flex-align: center;-webkit-box-align: center;align-items: center;}.bottom-sm {-ms-flex-align: end;-webkit-box-align: end;align-items: flex-end;}.around-sm {-ms-flex-pack: distribute;justify-content: space-around;}.between-sm {-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;}.first-sm {-ms-flex-order: -1;-webkit-box-ordinal-group: 0;order: -1;}.last-sm {-ms-flex-order: 1;-webkit-box-ordinal-group: 2;order: 1;}}@media only screen and (min-width: 62em) {.container {width: 61rem;}.col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {box-sizing: border-box;-ms-flex: 0 0 auto;-webkit-box-flex: 0;flex: 0 0 auto;}.col-md {-webkit-flex-grow: 1;-ms-flex-positive: 1;-webkit-box-flex: 1;flex-grow: 1;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;}.col-md-1 {-ms-flex-preferred-size: 8.333%;flex-basis: 8.333%;max-width: 8.333%;}.col-md-2 {-ms-flex-preferred-size: 16.66%;flex-basis: 16.66%;max-width: 16.66%;}.col-md-3 {-ms-flex-preferred-size: 25%;flex-basis: 25%;max-width: 25%;}.col-md-4 {-ms-flex-preferred-size: 33.333%;flex-basis: 33.333%;max-width: 33.333%;}.col-md-5 {-ms-flex-preferred-size: 41.66%;flex-basis: 41.66%;max-width: 41.66%;}.col-md-6 {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}.col-md-7 {-ms-flex-preferred-size: 58.333%;flex-basis: 58.333%;max-width: 58.333%;}.col-md-8 {-ms-flex-preferred-size: 66.66%;flex-basis: 66.66%;max-width: 66.66%;}.col-md-9 {-ms-flex-preferred-size: 75%;flex-basis: 75%;max-width: 75%;}.col-md-10 {-ms-flex-preferred-size: 83.333%;flex-basis: 83.333%;max-width: 83.333%;}.col-md-11 {-ms-flex-preferred-size: 91.66%;flex-basis: 91.66%;max-width: 91.66%;}.col-md-12 {-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}.col-md-offset-1 {margin-left: 8.333%;}.col-md-offset-2 {margin-left: 16.66%;}.col-md-offset-3 {margin-left: 25%;}.col-md-offset-4 {margin-left: 33.333%;}.col-md-offset-5 {margin-left: 41.66%;}.col-md-offset-6 {margin-left: 50%;}.col-md-offset-7 {margin-left: 58.333%;}.col-md-offset-8 {margin-left: 66.66%;}.col-md-offset-9 {margin-left: 75%;}.col-md-offset-10 {margin-left: 83.333%;}.col-md-offset-11 {margin-left: 91.66%;}.start-md {-ms-flex-pack: start;-webkit-box-pack: start;justify-content: flex-start;text-align: start;}.center-md {-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;text-align: center;}.end-md {-ms-flex-pack: end;-webkit-box-pack: end;justify-content: flex-end;text-align: end;}.top-md {-ms-flex-align: start;-webkit-box-align: start;align-items: flex-start;}.middle-md {-ms-flex-align: center;-webkit-box-align: center;align-items: center;}.bottom-md {-ms-flex-align: end;-webkit-box-align: end;align-items: flex-end;}.around-md {-ms-flex-pack: distribute;justify-content: space-around;}.between-md {-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;}.first-md {-ms-flex-order: -1;-webkit-box-ordinal-group: 0;order: -1;}.last-md {-ms-flex-order: 1;-webkit-box-ordinal-group: 2;order: 1;}}@media only screen and (min-width: 75em) {.container {width: 71rem;}.col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {box-sizing: border-box;-ms-flex: 0 0 auto;-webkit-box-flex: 0;flex: 0 0 auto;}.col-lg {-webkit-flex-grow: 1;-ms-flex-positive: 1;-webkit-box-flex: 1;flex-grow: 1;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;}.col-lg-1 {-ms-flex-preferred-size: 8.333%;flex-basis: 8.333%;max-width: 8.333%;}.col-lg-2 {-ms-flex-preferred-size: 16.66%;flex-basis: 16.66%;max-width: 16.66%;}.col-lg-3 {-ms-flex-preferred-size: 25%;flex-basis: 25%;max-width: 25%;}.col-lg-4 {-ms-flex-preferred-size: 33.333%;flex-basis: 33.333%;max-width: 33.333%;}.col-lg-5 {-ms-flex-preferred-size: 41.66%;flex-basis: 41.66%;max-width: 41.66%;}.col-lg-6 {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}.col-lg-7 {-ms-flex-preferred-size: 58.333%;flex-basis: 58.333%;max-width: 58.333%;}.col-lg-8 {-ms-flex-preferred-size: 66.66%;flex-basis: 66.66%;max-width: 66.66%;}.col-lg-9 {-ms-flex-preferred-size: 75%;flex-basis: 75%;max-width: 75%;}.col-lg-10 {-ms-flex-preferred-size: 83.333%;flex-basis: 83.333%;max-width: 83.333%;}.col-lg-11 {-ms-flex-preferred-size: 91.66%;flex-basis: 91.66%;max-width: 91.66%;}.col-lg-12 {-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}.col-lg-offset-1 {margin-left: 8.333%;}.col-lg-offset-2 {margin-left: 16.66%;}.col-lg-offset-3 {margin-left: 25%;}.col-lg-offset-4 {margin-left: 33.333%;}.col-lg-offset-5 {margin-left: 41.66%;}.col-lg-offset-6 {margin-left: 50%;}.col-lg-offset-7 {margin-left: 58.333%;}.col-lg-offset-8 {margin-left: 66.66%;}.col-lg-offset-9 {margin-left: 75%;}.col-lg-offset-10 {margin-left: 83.333%;}.col-lg-offset-11 {margin-left: 91.66%;}.start-lg {-ms-flex-pack: start;-webkit-box-pack: start;justify-content: flex-start;text-align: start;}.center-lg {-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;text-align: center;}.end-lg {-ms-flex-pack: end;-webkit-box-pack: end;justify-content: flex-end;text-align: end;}.top-lg {-ms-flex-align: start;-webkit-box-align: start;align-items: flex-start;}.middle-lg {-ms-flex-align: center;-webkit-box-align: center;align-items: center;}.bottom-lg {-ms-flex-align: end;-webkit-box-align: end;align-items: flex-end;}.around-lg {-ms-flex-pack: distribute;justify-content: space-around;}.between-lg {-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;}.first-lg {-ms-flex-order: -1;-webkit-box-ordinal-group: 0;order: -1;}.last-lg {-ms-flex-order: 1;-webkit-box-ordinal-group: 2;order: 1;}}

*:before, *:after {
   box-sizing: border-box;
}

* {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

html, body {
  font-size: 100%;
  max-width: 100%;
  overflow-x: hidden;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 0;
  margin: 0
}

body {
   font-family: "Roboto", sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
   background-color: #fff;
   font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   color: #121f3f;
   word-break: normal;
}

header {
   position: relative;
   height: 70px;
   background: white;
   border-bottom: 1px solid #e2ebff;
}

header a.logo {
   position: absolute;
   left: 0;
   top: 0;
}

.nomore {
   max-width: 1200px;
   margin: 0 auto;
   position: relative;
}

header a.logo img {
   height: 50px;
   margin-top: 10px;
   margin-left: 10px;
}

.page-container {
   background: whitesmoke;
   min-height: calc(100vh - 120px);
   position: relative;
   padding-bottom: 120px;
}

.username {
   position: absolute;
   top: 0;
   right: 0;
   height: 70px;
   line-height: 70px;
   margin: 0;
   padding: 0;
   border-left: 1px solid #e2ebff;
       padding-left: 33px;
}

.username::before {
   content: '';
   position: absolute;
   left: 8px;
   top: 50%;
   transform: translateY(-50%);
   width: 40px;
   height: 40px;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxwYXRoIGQ9Im0xNiAxN2E2IDYgMCAxIDEgNi02IDYgNiAwIDAgMSAtNiA2em0wLTEwYTQgNCAwIDEgMCA0IDQgNCA0IDAgMCAwIC00LTR6IiBmaWxsPSIjMTIxZjNmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggZD0ibTE2IDMxYTE1IDE1IDAgMCAxIC0xMS41OS01LjQ5bC0uNTItLjY0LjUyLS42M2ExNSAxNSAwIDAgMSAyMy4xOCAwbC41Mi42My0uNTIuNjRhMTUgMTUgMCAwIDEgLTExLjU5IDUuNDl6bS05LjQ5LTYuMTJhMTMgMTMgMCAwIDAgMTkgMCAxMyAxMyAwIDAgMCAtMTkgMHoiIGZpbGw9IiMxMjFmM2YiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJtMTYgMzFhMTUgMTUgMCAxIDEgMTEuNTktNS40OSAxNSAxNSAwIDAgMSAtMTEuNTkgNS40OXptMC0yOGExMyAxMyAwIDEgMCAxMyAxMyAxMyAxMyAwIDAgMCAtMTMtMTN6IiBmaWxsPSIjMTIxZjNmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggZD0ibTUuMTggMjQuODhzMTAuMDcgMTEuMjUgMjAuMzIgMS4xMmwxLjMyLTEuMTJzLTguNTYtOC44OC0xNy4yNS0zLjU1eiIgZmlsbD0iIzEyMWYzZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjxjaXJjbGUgY3g9IjE2IiBjeT0iMTEiIHI9IjUiIGZpbGw9IiMxMjFmM2YiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvY2lyY2xlPjwvZz48L2c+PC9zdmc+);
   background-size: 26px;
   background-repeat: no-repeat;
   background-position: center;
}

.rightmenu {
   position: absolute;
   right: 0;
   top: 0;
   width: 50%;
   height: 70px;
   line-height: 70px;
   text-align: right;
   direction: ltr;
}

.username, .clientname {
   position: relative;
   display: inline-block;
}

.username p, .clientname p {
   margin: 0;
   padding: 0;
   padding: 0 20px;
   font-size: 16px;
   color: #121f3f;
}

h1 {
   font-size: 36px;
   line-height: 46px;
   margin-top: 50px;
   color: #121f3f;
   font-weight: 900;
}

.box {
   background: white;
   box-shadow: 0 0 2px #e2ebff;
   border-radius: 3px;
   padding: 40px 35px 20px;
   margin-right: 15px;
   overflow-x: hidden;
}



.taskmenu {
   list-style: none;
   padding: 0;
   margin: 0;
}

.taskmenu li a {
   padding: 9px 15px;
   color: #919bb7;
   font-weight: 500;
   text-decoration: none;
   display: block;
   border-left: 2px solid rgb(145 155 183);
   font-size: 13px;
   transition: 400ms ease-in;
   margin-top: 5px;
   position: relative;
   margin-left: 40px;
   cursor: pointer !important
}

.taskmenu li a:nth-last-child(2) {
   border-bottom: none !important
}

.taskmenu li a:hover {
   color: #fff;
   border-left: 2px solid #fff;
}

.taskmenu li a.act, .taskmenu li a.act.unread {
  color: #fff;
  border-left: 2px solid #fff !important;
}

.taskmenu li a span {
   display: inline-block;
   margin-left: 10px;
   border-radius: 80px;
   color: white;
   font-size: 11px;
   min-width: 28px;
   height: 23px;
   line-height: 23px;
   text-align: center;
   font-weight: 700;
   transition: background 400ms ease-out, color 400ms ease-out;
   position: absolute;
   left: -47px;
   top: 50%;
   transform: translateY(-50%);
}

.taskmenu li a span em {
    background: yellow;
    color: #121f3f;
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    border-radius: 20px;
    float: left;
    transform: translateY(3px)translateX(-14px);
    font-size: 9px;
    position: absolute;
    text-align: center;
    font-style: normal;
}

.mm.type-1 .note {
    background: #121f3f;
    display: table;
    color: white;
    padding: 2px 10px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 700;
}

.mm.type-1 .enddate {
    margin-top: 20px;
    font-size: 10px;
    font-style: italic;
    margin-bottom: 5px;
    border-top: 1px dashed #121f3f;
    display: table;
    padding-top: 4px;
    font-weight: 700;
}

.imgblock {
    border-top: 2px solid #edf1f9;
    margin-top: 80px;
    padding-top: 30px;
}

a.small {
   display: block;
   text-align: center;
   margin: 15px 0 0 0;
   padding: 5px;
   text-decoration: none;
   color:  #7482a5;
   font-weight: 500;
   transition: 400ms
}

a.small:hover {
   color: #b3bacb
}

.taskmenu li:last-child a {
   background: #f2124b;
   color: #ffffff;
   text-align: center;
   font-size: 14px;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-weight: 700;
   border-radius: 3px;
   padding: 8px 8px;
   margin-top: 20px;
   border: none;
   transition: color 1ms, background 400ms;
   margin: 25px 10px 5px;
   border-left: none !important;
}

.taskmenu li:last-child a:hover {
   background: whitesmoke;
   color: #121f3f
}

h2 {
   margin: 0;
   font-size: 18px;
   margin-bottom: 20px;
}

.page-footer-wrapper {
   background: white;
   margin-top: 80px;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   border-top: 1px solid #e2ebff;
}

.box.reply {
   margin-top: 15px;
}

.box.reply.nomargin {
   margin-top: 0px;
}



.page-footer-wrapper p {
   padding: 8px 0
}

.head p {
   color: #121f3f;
   font-weight: 600;
}

.head .col-md-5 p,
.head .col-md-4 p,
.head .col-md-3 p {
 padding-left: 10px
}

.onetask .col-md-5,
.onetask .col-md-4 {
   padding-right: 20px;
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
   color: #121f3f;
}

.onetask {
   text-decoration: none;
   background: white;
   color: #121f3f;
   display: block;
   border: 1px solid #f2f3f7;
   padding: 16px 10px;
   margin-top: -1px;
   cursor: pointer;
   transition: background 500ms, border 500ms;
}

.onetask:hover {
   text-decoration: none;
   background: #f2f3f7 !important;
   border-left: 3px solid #121f3f !important;
}

.head {
   margin-top: -20px;
}

.text-center {
   text-align: center !important
}

.text-right {
   text-align: right !important
}

.onetask span  {
   background: #121f3f;
   color: white;
   padding: 6px 13px;
   border-radius: 50px;
   font-size: 12px;
   font-weight: 600;
   margin-right: 8px;
   transition: 500ms;
   display: table;
   margin-left: auto;
}


.onetask:hover span {
   background: #f2124b;
   color: white;
}

.user {
   margin: 7px 0px 20px;
}

.user .name {
    opacity: 1;
    color: #121f3f;
    font-weight: 600;
    font-size: 11px;
    font-style: italic;
}

.user .name span {
   font-size: 9px;
   display: block;
   font-style: inherit;
}

.message {
   font-weight: 500;
   font-size: 16px;
   color: #121f3f;
   word-break: break-word;
   line-height: 1.6;
}
.message a {
    color: #121f3f;
    text-decoration: none;
    opacity: .6;
    font-size: 90%;
}
.message a:hover {
    opacity: .8;
    text-decoration: underline;
}

.mm.type-1 .message {
   font-weight: 500;
   font-size: 15px;
}

.mm {
      margin-bottom: 20px;
}

.mm.type-1 {
   margin-left: 15%;
   border-left: 4px solid #f2124b;
   padding-left: 26px;
   padding: 8px 20px 2px 30px;
   background: #e6e9ef6b;
   border-top: none !important;
   position: relative;
}

.mm.type-1::before {
   content: '';
   position: absolute;
   bottom: 0;
   right: 8px;
   width: 40px;
   height: 40px;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGc+PGc+PHBhdGggZD0ibTMuODA2IDgwLjY1NGMwLTQ0LjkzOSAzNi43NTQtODEuMjk0IDgxLjg0Mi04MC42NDUgNDMuNjc1LjYyOCA3OS4xODggMzYuNDQ2IDc5LjQ2NCA4MC4xMjQuMTU1IDI0LjQ2MS0xMC41ODMgNDYuNDE0LTI3LjY0NSA2MS4zMDUtMS44MDEgMS41NzEtMS41NDEgNC40MzkuNTE2IDUuNjU2bDE1LjE5NyA4Ljk5MmMyLjQ1NyAxLjQ1NCAxLjQyNiA1LjIyLTEuNDI5IDUuMjJsLTY4LjgxOC0uMDE3Yy00My44MzktLjgxNS03OS4xMjctMzYuNjAyLTc5LjEyNy04MC42MzV6IiBmaWxsPSIjN2FjYWE2IiBkYXRhLW9yaWdpbmFsPSIjN2FjYWE2Ij48L3BhdGg+PC9nPjwvZz48cGF0aCBkPSJtMTUzLjE4IDE1Ni4wODYtMTUuMTk4LTguOTkyYy0yLjA0Ni0xLjIxLTIuMzMtNC4wNzQtLjUzOS01LjYzNiAxNy4yNTctMTUuMDQ5IDI4LjA1MS0zNy4zMjIgMjcuNjYtNjIuMTA4LS42NzctNDIuODczLTM1LjM3Ny03OC4wNjYtNzguMjM4LTc5LjMxNS02LjA3OC0uMTc3LTEyLjAxLjMyLTE3LjcyNyAxLjQxOSAzNy4wNDcgNy4xMDIgNjUuMjgxIDM5Ljc1NyA2NS41MjcgNzguNjc4LjExOSAxOC44NDktNi4yMyAzNi4yMDktMTYuOTU2IDQ5Ljk5Ni02LjQ3NyA4LjMyNS00LjM3MiAyMC4zOTcgNC43MDYgMjUuNzY5bC4zMTguMTg4YzIuNDMgMS40MzggMS40NDQgNS4xMzItMS4zMzkgNS4yMTJsMzAuMzU2LjAwN2MyLjg1NS4wMDIgMy44ODctMy43NjUgMS40My01LjIxOHoiIGZpbGw9IiM1N2JlOTIiIGRhdGEtb3JpZ2luYWw9IiM1N2JlOTIiPjwvcGF0aD48Zz48Zz48cGF0aCBkPSJtMzk2Ljc5MiAyOTIuNzU1aC0xODIuOTY2Yy00NS42OTggMC03MC43MDYtNTMuMjU2LTQxLjUxOS04OC40MmwxLjYyMy0xLjk1NmMxMi44NTgtMTUuNDkxIDE5Ljg5Ni0zNC45OSAxOS44OTYtNTUuMTIydi0zNS4yODNjLjAwMS02MS44NDIgNTAuMTMzLTExMS45NzQgMTExLjk3NS0xMTEuOTc0IDYxLjg0MiAwIDExMS45NzQgNTAuMTMyIDExMS45NzQgMTExLjk3NHYzNi40NzRjMCAyMC4zNDMgNy4xODYgNDAuMDMyIDIwLjI5IDU1LjU5MyAyOS41NTEgMzUuMDkyIDQuNjA1IDg4LjcxNC00MS4yNzMgODguNzE0eiIgZmlsbD0iI2M1OTE5MSIgZGF0YS1vcmlnaW5hbD0iI2M1OTE5MSI+PC9wYXRoPjxwYXRoIGQ9Im00OTIuOTcgMzgzLjQzdjEyMC45NmgtMzc1LjMydi0xMjAuMDVjMC0yNy4xOCAxNi4yOS01MS43MSA0MS4zMy02Mi4yNWw2MC41OS0yNi4zNCAyMC40LTguODdjMTUuNDgtNi43MyAyNS40OS0yMiAyNS40OS0zOC44OHYtNy44M2g3OS42OXY3LjQzYzAgMTYuOTUgMTAuMTEgMzIuMjggMjUuNyAzOC45Nmw4MS45NSAzNS4xM2MyNC40MiAxMC44MiA0MC4xNyAzNS4wMiA0MC4xNyA2MS43NHoiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBkPSJtMjE5LjU2NSAzMjQuNTljMjAuNjc5IDYuMTc5IDUxLjExNiAxMi43NjkgODguMjE3IDEyLjEyIDM0LjgxMS0uNjA4IDYzLjM4Ny03LjM3NyA4My4yNzEtMTMuNzI4bDkuODgtMjMuNTI3LTMwLjA4Ni0xMi44OTVjLTE1LjU4Ni02LjY4MS0yNS42OTItMjIuMDA2LTI1LjY5Mi0zOC45NjR2LTcuNDI0aC03OS42OXY3LjgyOGMwIDE2Ljg3OC0xMC4wMTIgMzIuMTQ3LTI1LjQ4OSAzOC44NzdsLTI0LjM2OCAxMC41OTV6IiBmaWxsPSIjZmZjZWJmIiBkYXRhLW9yaWdpbmFsPSIjZmZjZWJmIj48L3BhdGg+PGcgZmlsbD0iIzg3OTVkZSI+PHBhdGggZD0ibTQ1Mi43OTYgMzIxLjY4NS02MS43MzItMjYuNDU5LS4wMTEuMDAxdjIwOS4xNjFoMTAxLjkxOHYtMTIwLjk1N2MwLTI2LjcxNy0xNS43NDktNTAuOTIyLTQwLjE3NS02MS43NDZ6IiBmaWxsPSIjODc5NWRlIiBkYXRhLW9yaWdpbmFsPSIjODc5NWRlIj48L3BhdGg+PHBhdGggZD0ibTIxOS41NyAyOTUuNzV2MjA4LjY0aC0xMDEuOTJ2LTEyMC4wNWMwLTI3LjE4IDE2LjI5LTUxLjcxIDQxLjMzLTYyLjI1eiIgZmlsbD0iIzg3OTVkZSIgZGF0YS1vcmlnaW5hbD0iIzg3OTVkZSI+PC9wYXRoPjwvZz48L2c+PGc+PHBhdGggZD0ibTMzMi45MzMgMjgzLjkxMmM5LjE2OCAwIDE3LjkwNC0xLjg0MSAyNS44NjctNS4xNjMtOC41NDItNy44ODUtMTMuNjQ2LTE5LjEwNS0xMy42NDYtMzEuMTUydi03LjQyNGgtNzkuNjl2Ny44MjdjMCA2LjA5Ny0xLjMxMyAxMS45ODItMy43MTIgMTcuMzMyIDEyLjA2NyAxMS41MDMgMjguMzkyIDE4LjU3OSA0Ni4zNzkgMTguNTc5aDI0LjgwMnoiIGZpbGw9IiNmZmIwOWUiIGRhdGEtb3JpZ2luYWw9IiNmZmIwOWUiPjwvcGF0aD48cGF0aCBkPSJtMzg0Ljk1NyAxMjAuMjkzdjY1LjkyNWMwIDM3LjE0LTMwLjEwOCA2Ny4yNDctNjcuMjQ3IDY3LjI0N2gtMjQuODAxYy0zNy4xNCAwLTY3LjI0Ny0zMC4xMDgtNjcuMjQ3LTY3LjI0N3YtNjUuOTI1YzAtMjQuMTYxIDE5LjU4Ni00My43NDggNDMuNzQ4LTQzLjc0OGg3MS44YzI0LjE2MS4wMDEgNDMuNzQ3IDE5LjU4NyA0My43NDcgNDMuNzQ4eiIgZmlsbD0iI2ZmY2ViZiIgZGF0YS1vcmlnaW5hbD0iI2ZmY2ViZiI+PC9wYXRoPjxwYXRoIGQ9Im0zODQuOTU3IDE1NC41OTNjLS4wMy4wOTEtLjA2Ny4xNzktLjA5NC4yNzItMi40MzEgOC4zOTUtOC44MTEgMjQuMjUzLTI0LjIyOSAzNi4xNDItNy4xNzkgNS41MzctMTUuMzY4IDkuNTM3LTI0LjMzOCAxMS44OTEtNC4wNjYgMS4wNjctNi40OTggNS4yMjgtNS40MzEgOS4yOTQuODk4IDMuNDE5IDMuOTgxIDUuNjgyIDcuMzU4IDUuNjgyLjYzOSAwIDEuMjg5LS4wODEgMS45MzctLjI1MSAxMC45NTItMi44NzQgMjAuOTY4LTcuNzczIDI5Ljc3MS0xNC41NiA2LjA3OS00LjY4OCAxMC45OTktOS44NjYgMTQuOTgyLTE1LjA3Mi4wMTUtLjU5LjA0NS0xLjE3Ny4wNDUtMS43NzF2LTMxLjYyN3oiIGZpbGw9IiM3YTZkNzkiIGRhdGEtb3JpZ2luYWw9IiM3YTZkNzkiPjwvcGF0aD48cGF0aCBkPSJtMzI3Ljk0OSAyMjMuOTM5aC0xNy44MzdjLTguMTE5IDAtMTQuNzAxLTYuNTgyLTE0LjcwMS0xNC43MDEgMC04LjExOSA2LjU4Mi0xNC43MDEgMTQuNzAxLTE0LjcwMWgxNy44MzdjOC4xMTkgMCAxNC43MDEgNi41ODIgMTQuNzAxIDE0LjcwMS0uMDAxIDguMTItNi41ODIgMTQuNzAxLTE0LjcwMSAxNC43MDF6IiBmaWxsPSIjNjg1ZTY4IiBkYXRhLW9yaWdpbmFsPSIjNjg1ZTY4Ij48L3BhdGg+PGc+PHBhdGggZD0ibTMyMS4yMDEgNTkuMDk3YzEuNzA4LTIxLjU0IDIyLjMzLTM1LjgzNSA0Mi4wNjctNDMuMjM5IDMyLjY0OSAxOS41NjMgNTQuNTA3IDU1LjI4NCA1NC41MDcgOTYuMTE1djcuNjk4Yy0xLjgwNS4zNzktMy42MDEuNzExLTUuMzc3Ljk3Ni0xMC44NzMgMS42MjQtMjAuMTMyLjkyMS0yNi40NTggMC00MC43NjMtNS40My02Ni44MDItMzUuNTM1LTY0LjczOS02MS41NXoiIGZpbGw9IiNiOTgwODAiIGRhdGEtb3JpZ2luYWw9IiNiOTgwODAiPjwvcGF0aD48cGF0aCBkPSJtMzA1LjgwMSAwYzI1LjI4OCAwIDQ4LjYxNiA4LjM4NiA2Ny4zNjEgMjIuNTI1LTkuMzUxIDE2LjI3MS0zMC44MjMgNDguNDQxLTcxLjA4NiA3Mi4yNTctMjkuODkgMTcuNjgxLTU4LjA3NCAyMy42MjItNzUuNDMgMjUuODY1aC0zMi44MTh2LTguNjc0Yy0uMDAxLTYxLjg0MSA1MC4xMzEtMTExLjk3MyAxMTEuOTczLTExMS45NzN6IiBmaWxsPSIjYzU5MTkxIiBkYXRhLW9yaWdpbmFsPSIjYzU5MTkxIj48L3BhdGg+PC9nPjwvZz48L2c+PHBhdGggZD0ibTQzMC45NzEgNTA0LjM4OGgtMjQzLjY1NGwtMTMuNDM5LTEyNi43NzVjLS45NTMtOC45OTIgNi4wOTYtMTYuODI4IDE1LjEzOC0xNi44MjhoMjQwLjI1N2M5LjA0MiAwIDE2LjA5MSA3LjgzNiAxNS4xMzggMTYuODI4eiIgZmlsbD0iI2VmZWRlZiIgZGF0YS1vcmlnaW5hbD0iI2VmZWRlZiI+PC9wYXRoPjxwYXRoIGQ9Im00MjkuMjcyIDM2MC43ODVoLTMwLjQ0NmM5LjA0MiAwIDE2LjA5MSA3LjgzNiAxNS4xMzggMTYuODI4bC0xMy40MzkgMTI2Ljc3NmgzMC40NDZsMTMuNDM5LTEyNi43NzZjLjk1NC04Ljk5Mi02LjA5NS0xNi44MjgtMTUuMTM4LTE2LjgyOHoiIGZpbGw9IiNlNWUxZTUiIGRhdGEtb3JpZ2luYWw9IiNlNWUxZTUiPjwvcGF0aD48Zz48cGF0aCBkPSJtNTA0LjUgNTEyaC00OTdjLTQuMTQzIDAtNy41LTMuMzU4LTcuNS03LjVzMy4zNTctNy41IDcuNS03LjVoNDk3YzQuMTQzIDAgNy41IDMuMzU4IDcuNSA3LjVzLTMuMzU3IDcuNS03LjUgNy41eiIgZmlsbD0iI2M5YmZjOCIgZGF0YS1vcmlnaW5hbD0iI2M5YmZjOCI+PC9wYXRoPjwvZz48Y2lyY2xlIGN4PSIzMDkuMTQ0IiBjeT0iNDMyLjU4NyIgZmlsbD0iI2M5YmZjOCIgcj0iMjEuMzEyIiBkYXRhLW9yaWdpbmFsPSIjYzliZmM4Ij48L2NpcmNsZT48ZyBmaWxsPSIjZmZmIj48Y2lyY2xlIGN4PSI1NC4wMTQiIGN5PSI4MC42NTMiIHI9IjcuNjExIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjZmZmZmZmIj48L2NpcmNsZT48Y2lyY2xlIGN4PSI4NC40NiIgY3k9IjgwLjY1MyIgcj0iNy42MTEiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiNmZmZmZmYiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjExNC45MDYiIGN5PSI4MC42NTMiIHI9IjcuNjExIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjZmZmZmZmIj48L2NpcmNsZT48L2c+PC9nPjwvZz48L3N2Zz4=);
   background-repeat: no-repeat;
   background-size: 40px;
   background-position: center;
}

.mm.type-1::after {
   content: '';
   position: absolute;
   bottom: -2px;
   width: 120%;
   height: 4px;
   background: white;
   left: -20%;
}

.mm:not(:first-child) {
   padding-top: 25px;
}

.mm.type-1 .user .name {
    opacity: 1;
    color: rgb(242 18 75);
}

.log .text strong, .log .text b {
    margin-top: 18px;
    display: inline-block;
    font-size: 18px;
    color: #070f24;
}

.box.reply textarea, .box.reply textarea:hover, .box.reply textarea:focus, .box.reply textarea:focus-visible, .box.reply textarea:active {
   display: block;
   width: calc(100% - 26px);
   border: 2px dashed #bfc8df;
   min-height: 90px;
   border-radius: 7px;
   margin-bottom: 15px;
   padding: 8px 13px;
   font-size: 16px;
   line-height: 26px;
   font-family: inherit;
   color: #404a64;
   font-weight: 500;
   resize: vertical;
}

.box.reply input.submit {
   background: #f2124b;
   border: none;
   color: white;
   padding: 8px 20px;
   font-size: 14px;
   font-weight: 600;
   display: table;
   margin-right: -10px;
   margin-left: auto;
   border-radius: 3px;
   cursor: pointer;
   transition: background 600ms
}

.box.reply input.submit:hover {
   background: #121f3f;
 }

.box h2 {
   margin: 0;
   font-size: 22px;
   margin-bottom: 10px !important;
   margin-top: -15px;
   font-weight: 800;
}

.box.reply.nomargin input[type="text"] {
    display: block;
    width: calc(100% - 26px);
    border: 2px dashed #bfc8df;
    min-height: unset;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 8px 13px;
    font-size: 16px;
    line-height: 26px;
    font-family: inherit;
    color: #121f3f;
    font-weight: 600;
    resize: vertical;
}

.box.reply.nomargin input[type="text"]::-webkit-input-placeholder {
   color: #bfc8df;
   font-weight: 600;
}

.icons label, .input-form label {
   display: inline-flex;
   margin-left: 0px;
   margin-bottom: 10px;
   margin-right: 20px;
   font-size: 16px;
   position: relative;
   align-items: center;
   justify-content: center;
}

.custom-file-upload img {
 margin-right: 10px;
 transform: translateY(5px);
}

#file, .custom-file {
   opacity: 0;
   visibility: hidden;
   width: 0;
   height: 0;
}

.custom-file-upload {
   border: 2px dashed #bfc8df;
   background: white;
   border-radius: 5px;
   padding: 8px 15px 10px;
   font-size: 14px;
   line-height: 24px;
   transition: 400ms;
   width: 90%;
   max-width: 700px;
   margin: 0px auto 20px;
   align-items: left !important;
   justify-content: flex-start !important;
   cursor: pointer;
}

.tomuchsize {
   display: none
}

.ffile , .priority {
   display: inline-block;
   width: calc(50% - 2px);
   margin-top: -10px;
   margin-bottom: 15px;
}

.priority {
 text-align: right;
}

.priority p {
    display: inline-block;
    font-size: 14px;
    color: #949eb7;
    font-weight: 600;
    margin-right: -7px;
}

.priority input[type=radio] {
 display: none;
}

.priority input[type=radio] + label {
   color: #333;
   font-family: Arial, sans-serif;
   font-size: 14px;
   width: 28px;
   height: 28px;
   text-align: center;
   background: #f2124b;
   display: inline-block;
   margin: 5px;
   line-height: 28px;
   border-radius: 30px;
   color: white;
   cursor: pointer;
   margin-right: -10px;
   margin-left: 20px;
   opacity: .5;
   position: relative;
   font-weight: 600;
}

.priority input[type=radio]#mpi-1 + label {
   opacity: .2
}
.priority input[type=radio]#mpi-2 + label {
   opacity: .35
}
.priority input[type=radio]#mpi-3 + label {
   opacity: .5
}
.priority input[type=radio]#mpi-4 + label {
   opacity: .7
}
.priority input[type=radio]#mpi-5 + label {
   opacity: .8
}

.custom-file-upload span {
   font-size: 14px;
   font-family: inherit;
   font-weight: 600;
   color: #949eb7;
}

.priority input[type=radio]:checked + label  {
   opacity: 1 !important;
   background: #121f3f;
}

.imgblock a {
   display: inline-block;
   max-width: 30%;
   margin-right: 1%;
   margin-bottom: 1%;
}

.box.tips {
    margin: 10px 0;
}

.box.tips:first-child {
    margin: 0 0 10px;
    padding-bottom: 35px
}

.box.tips a {
    background: #121f3f;
    color: white;
    padding: 5px 14px;
    border-radius: 3px;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    transition: 600ms
}

.box.tips a:hover {
    background: #f2124b
}

.box.tips p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.imgblock a img {
   max-width: 100%
}

.onetask.prio-0 {
   background: rgb(242 18 75 / 0%);
   border-left: 3px solid #f2f3f7;
}

.onetask.prio-1 {
   background: rgb(242 18 75 / 4%);
   border-left: 3px solid #f2f3f7;
}

.onetask.prio-2 {
   background: rgb(242 18 75 / 8%);
   border-left: 3px solid #dfe1eb;
}
.onetask.prio-3 {
   background: rgb(242 18 75 / 10%);
   border-left: 3px solid #ff5a84;
}
.onetask.prio-4 {
   background: rgb(242 18 75 / 15%);
   border-left: 3px solid #f2124b;
}
.onetask.prio-5 {
   background: rgb(242 18 75 / 25%);
   border-left: 3px solid #f2124b;
}

#payment-missing {
   background: #f2124b;
}

#payment-missing p  {
   margin: 0;
   color: white;
   font-size: 14px;
   line-height: 20px;
   font-weight: 500;
   padding: 14px 0px;
   text-align: left;
}

.closethisatall {
   position: relative;
   right: unset;
   top: 0;
   background: #f2124b;
   padding: 7px 16px;
   border-radius: 3px;
   cursor: pointer;
   transition: 500ms;
   margin-top: 20px;
   margin-right: 15px;
   display: table;
}

.closethisatall span {
   color: white;
   font-weight: 600;
}

.closethisatall:hover {
   background: #121f3f;
}

.priority.detail {
   text-align: left;
   position: relative;
   margin: 0;
   margin-bottom: -58px;
   margin-top: 30px;
   display: block;
}

.priority.detail p {
   margin-right: -15px;
}

.log h3 {
    background: #121f3f;
    display: table;
    color: white;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 13px;
    margin-bottom: -10px;
    margin-top: 60px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
}

.chlog {
   position: absolute;
   left: 210px;
   top: 50%;
   transform: translateY(-50%);
   /* text-decoration: none; */

   list-style: none;
   margin: 0;
   padding: 0
}

.chlog li {
  display: inline-block;
}


.chlog li a {
   color: #121f3f;
   font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   font-weight: 600;
   font-style: italic;
   padding: 17px;
}

.chlog li a.act {
   text-decoration: underline;
   text-underline-offset: 4px;
}

.detailtask h1 {
   font-size: 32px;
   line-height: 42px;
   margin-top: 0;
   color: #121f3f;
   font-weight: 500;
}

.detailtask .status {
   position: relative;
   display: inline-block;
   background: #121f3f;
   color: white;
   padding: 3px 10px;
   border-radius: 4px;
   font-weight: 600;
   margin: 0px;
   margin-right: 20px;
}

.detailtask  .priority.detail {
   text-align: left;
   position: relative;
   margin: 0;
   margin-bottom: 0px;
   margin-top: 30px;
   display: inline-block;
}

.col-md-3 .box {
   background: #121f3f;
   padding: 40px 20px 20px;
}

.search-form {
   margin-bottom: 20px;
   display: flex;
   gap: 0;
}

.search-form input[type="text"] {
   flex: 1;
   padding: 8px 12px;
   border: 2px solid rgba(255,255,255,0.15);
   border-right: none;
   border-radius: 3px 0 0 3px;
   font-size: 13px;
   font-family: inherit;
   color: #fff;
   background: rgba(255,255,255,0.08);
   outline: none;
   transition: border 300ms;
}

.search-form input[type="text"]::placeholder {
   color: rgba(255,255,255,0.4);
}

.search-form input[type="text"]:focus {
   border-color: rgba(255,255,255,0.35);
}

.search-form button {
   padding: 8px 14px;
   background: #f2124b;
   color: white;
   border: none;
   border-radius: 0 3px 3px 0;
   font-size: 12px;
   font-weight: 600;
   cursor: pointer;
   transition: background 400ms;
   font-family: inherit;
   white-space: nowrap;
}

.search-form button:hover {
   background: #d4103f;
}

.sort-link {
   color: #121f3f;
   text-decoration: none;
   font-weight: 600;
   cursor: pointer;
   transition: color 300ms;
   white-space: nowrap;
}

.sort-link:hover {
   color: #f2124b;
}

.zmena-col {
   font-size: 12px;
   color: #7482a5;
   white-space: nowrap;
}

.search-info {
   font-size: 15px;
   color: #7482a5;
   padding: 10px 0;
}

.search-info strong {
   color: #121f3f;
}

.status-badge {
   background: #e2ebff !important;
   color: #121f3f !important;
   padding: 3px 8px !important;
   border-radius: 3px !important;
   font-size: 11px !important;
   font-weight: 600 !important;
   white-space: nowrap;
   display: inline-block !important;
   margin: 0 !important;
}

.log a {
    color: #121f3f;
    font-weight: 600;
}

.log {
    max-width: 800px;
    width: 96%
}

.col-md-3  .box h2 {
    color: white;
    text-align: left;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 800;
    margin-left: 9px;
    font-size: 16px;
}

 .onetask div {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 .unread {
    font-weight: 700;
    color: #f2124b;
    font-size: 17px;
}

 .unread::before {
   content: '';
   background: #f2124b;
   width: 8px;
   height: 8px;
   border-radius: 15px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 40px
 }

 .mm.type-0 {
    background: #f5f6f8;
    padding: 25px 30px 1px;
    margin-bottom: 20px;
    margin-right: 20%;
    border-left: 4px solid #121f3f;
}

.taskmenu .unread::before {
  display: none
}

.taskmenu .unread {
    border-left: 2px solid #f2124b !important;
    color: #f2124b
}

.taskmenu .unread span {
    color: #f2124b;
}

.taskmenu li a span {
  color: #919bb7;
}

.taskmenu li a.act span, .taskmenu li a:hover span {
    color: white;
    border-left-color: white
}

#mpi-5 + label::before {
    content: 'vysoká';
    display: block;
    position: absolute;
    bottom: -24px;
    font-size: 9px;
    left: -4px;
    color: #f2124b;
    text-transform: uppercase;
}

#mpi-1 + label::before {
    content: 'nižšia';
    display: block;
    position: absolute;
    bottom: -24px;
    font-size: 9px;
    left: 0px;
    color: #f2124b;
    text-transform: uppercase;
}

.priority input[type=radio]#mpi-1:checked + label::before, .priority input[type=radio]#mpi-5:checked + label::before {
    color: #121f3f
}

.detailtask .priority.detail #mpi-5 + label::before {
    content: 'vysoká';
    display: block;
    position: absolute;
    top: -22px;
    font-size: 7px;
    left: -1px;
    color: #f2124b;
    text-transform: uppercase;
}

.detailtask .priority.detail #mpi-1 + label::before {
    content: 'nižšia';
    display: block;
    position: absolute;
    top: -22px;
    font-size: 7px;
    left: 3px;
    color: #f2124b;
    text-transform: uppercase;
}

.oneterm {
    display: inline-block;
    margin: 10px 10px 10px 0;
    padding: 25px;
    text-align: center;
    width: 200px;
    border: 1px solid #f1f3f7;
    border-radius: 10px;
    box-shadow: 0 0 10px whitesmoke;
    background: #121f3f;
    vertical-align: top;
}

.oneterm h2 {
    color: white;
    font-weight: 800;
    font-size: 17px;
    line-height: 22px;
    margin-top: 0px;
}

.oneterm h2 small {
    display: block;
    font-size: 12px;
    opacity: .6;
    margin: 0;
    font-weight: 500;
    line-height: 16px;
    max-width: 85%;
    text-align: center;
    margin: 5px auto;
}

.box.tips .oneterm  a {
    background: white;
    color: #121f3f;
    margin: 10px auto 0;
    display: inline-block;
}

@media only screen and (max-width: 1000px) {

  .nomore {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    width: 94vw;
}

}

@media only screen and (max-width: 800px) {

.col-md-3  {
    width: 100%;
}

.log {
    max-width: 800px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.onetask div {
  position: relative;
  display: inline-block;
}

.custom-file-upload {
  margin-left: -4px
}

h1 {
    font-size: 24px;
    line-height: 34px;
    margin: 5px;
    margin-top: 70px;
    margin-bottom: 25px;
    color: #121f3f;
    font-weight: 500;
}

.box {
    margin-right: 0px;
}


.ffile, .priority {
    display: inline-block;
    /*width: calc(100% - 0px);*/
    margin-top: -10px;
    margin-bottom: 15px;
}

.box {
    padding: 40px 20px 20px;
    overflow-x: hidden;
}
.ffile, .priority {
    display: block;
    width: calc(100% - 0px);
    margin-top: 0;
    margin-bottom: 15px;
    text-align: left;
}

.priority p {
    display: inline-block;
    font-size: 12px;
    color: #949eb7;
    font-weight: 600;
    margin-right: -7px;
    width: 100%;
    margin-bottom: 0;
}

.priority input[type=radio] + label {
    margin-right: 12px;
    margin-left: 0px;
    opacity: .5;
}

.box.reply input.submit {
    background: #f2124b;
    border: none;
    color: white;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    display: table;
    margin-right: 0;
    margin-left: auto;
    border-radius: 3px;
    cursor: pointer;
    transition: background 600ms;
    margin-top: 30px;
}

.user {
    margin: 7px 0px 10px;
}

.mm.type-1 .message {
    font-weight: 500;
    font-size: 14px;
}

.head {
    display: none
}

.onetask {
    text-decoration: none;
    background: white;
    color: #121f3f;
    display: block;
    border: 1px solid #f2f3f7;
    padding: 16px 10px 10px;
    margin-top: -1px;
    cursor: pointer;
    transition: background 500ms, border 500ms;
}

.onetask .col-md-5,
.onetask .col-md-4 {
    padding: 0;
    width: 100%;
    margin-bottom: 10px;
}

.onetask .col-md-3:not(:first-child) {
    width: 80%;
    opacity: .35;
    font-size: 12px;
    padding: 8px 0;
}

.onetask .col-md-2 {
  width: 50%;
  font-weight: bold
}

.onetask .col-md-1 {
  width: 20%;
  font-weight: bold
}

.onetask .col-md-2:last-child {
    display: none
}

.onetask .zmena-col {
    width: 50%;
    font-size: 11px;
    font-weight: 500;
    opacity: .6;
    padding: 4px 0;
}

.onetask .col-md-2 span {
    background: #121f3f;
    color: white;
    padding: 3px 13px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    margin-right: 8px;
    transition: 500ms;
    margin: 6px 0 0;
    display: table;
    width: unset;
}

.onetask .status-badge {
    background: #e2ebff !important;
    color: #121f3f !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    font-size: 10px !important;
    margin: 0 !important;
}

.search-form {
    margin-bottom: 15px;
}

.search-form input[type="text"] {
    font-size: 14px;
    padding: 10px 12px;
}

.nomore .row {
    flex-direction: column-reverse;
}

.col-md-3 .box {
    background: #121f3f;
    padding: 40px 20px 20px;
    margin-top: 30px
}

.detailtask .priority.detail {
    text-align: left;
    position: relative;
    margin: 0;
    margin-bottom: 0px;
    margin-top: 0px;
    display: inline-block;
}

.detailtask .status {
    position: relative;
    display: inline-block;
    background: #121f3f;
    color: white;
    padding: 3px 10px;
    border-radius: 4px;
    font-weight: 600;
    margin: 0px;
    margin-right: 20px;
    margin-top: 60px;
    font-size: 12px;
    margin-bottom: 10px;
}

.priority.detail p {
    margin-right: -15px;
    margin: 10px 0 0 0;
    display: inline;
}

.detailtask h1 {
    font-size: 26px;
    line-height: 36px;
    margin-top: 0;
    color: #121f3f;
    font-weight: 500;
    margin-top: 15px;
}

.col-md-9 .box {
    padding: 20px 15px 20px;
    overflow-x: hidden;
}

.mm.type-1 {
    margin-left: 5%;
        padding: 15px 15px 1px;
}

.mm.type-0 {
    background: #f5f6f8;
    margin-right: 5%;
        padding: 15px 15px 1px;
}

.message {
    font-weight: 500;
    font-size: 14px;
    color: #121f3f;
    word-break: break-word;
    line-height: 1.6;
}

.mm.type-1::before {
    content: '';
    position: absolute;
    bottom: -6px;
    right: 0px;
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGc+PGc+PHBhdGggZD0ibTMuODA2IDgwLjY1NGMwLTQ0LjkzOSAzNi43NTQtODEuMjk0IDgxLjg0Mi04MC42NDUgNDMuNjc1LjYyOCA3OS4xODggMzYuNDQ2IDc5LjQ2NCA4MC4xMjQuMTU1IDI0LjQ2MS0xMC41ODMgNDYuNDE0LTI3LjY0NSA2MS4zMDUtMS44MDEgMS41NzEtMS41NDEgNC40MzkuNTE2IDUuNjU2bDE1LjE5NyA4Ljk5MmMyLjQ1NyAxLjQ1NCAxLjQyNiA1LjIyLTEuNDI5IDUuMjJsLTY4LjgxOC0uMDE3Yy00My44MzktLjgxNS03OS4xMjctMzYuNjAyLTc5LjEyNy04MC42MzV6IiBmaWxsPSIjN2FjYWE2IiBkYXRhLW9yaWdpbmFsPSIjN2FjYWE2Ij48L3BhdGg+PC9nPjwvZz48cGF0aCBkPSJtMTUzLjE4IDE1Ni4wODYtMTUuMTk4LTguOTkyYy0yLjA0Ni0xLjIxLTIuMzMtNC4wNzQtLjUzOS01LjYzNiAxNy4yNTctMTUuMDQ5IDI4LjA1MS0zNy4zMjIgMjcuNjYtNjIuMTA4LS42NzctNDIuODczLTM1LjM3Ny03OC4wNjYtNzguMjM4LTc5LjMxNS02LjA3OC0uMTc3LTEyLjAxLjMyLTE3LjcyNyAxLjQxOSAzNy4wNDcgNy4xMDIgNjUuMjgxIDM5Ljc1NyA2NS41MjcgNzguNjc4LjExOSAxOC44NDktNi4yMyAzNi4yMDktMTYuOTU2IDQ5Ljk5Ni02LjQ3NyA4LjMyNS00LjM3MiAyMC4zOTcgNC43MDYgMjUuNzY5bC4zMTguMTg4YzIuNDMgMS40MzggMS40NDQgNS4xMzItMS4zMzkgNS4yMTJsMzAuMzU2LjAwN2MyLjg1NS4wMDIgMy44ODctMy43NjUgMS40My01LjIxOHoiIGZpbGw9IiM1N2JlOTIiIGRhdGEtb3JpZ2luYWw9IiM1N2JlOTIiPjwvcGF0aD48Zz48Zz48cGF0aCBkPSJtMzk2Ljc5MiAyOTIuNzU1aC0xODIuOTY2Yy00NS42OTggMC03MC43MDYtNTMuMjU2LTQxLjUxOS04OC40MmwxLjYyMy0xLjk1NmMxMi44NTgtMTUuNDkxIDE5Ljg5Ni0zNC45OSAxOS44OTYtNTUuMTIydi0zNS4yODNjLjAwMS02MS44NDIgNTAuMTMzLTExMS45NzQgMTExLjk3NS0xMTEuOTc0IDYxLjg0MiAwIDExMS45NzQgNTAuMTMyIDExMS45NzQgMTExLjk3NHYzNi40NzRjMCAyMC4zNDMgNy4xODYgNDAuMDMyIDIwLjI5IDU1LjU5MyAyOS41NTEgMzUuMDkyIDQuNjA1IDg4LjcxNC00MS4yNzMgODguNzE0eiIgZmlsbD0iI2M1OTE5MSIgZGF0YS1vcmlnaW5hbD0iI2M1OTE5MSI+PC9wYXRoPjxwYXRoIGQ9Im00OTIuOTcgMzgzLjQzdjEyMC45NmgtMzc1LjMydi0xMjAuMDVjMC0yNy4xOCAxNi4yOS01MS43MSA0MS4zMy02Mi4yNWw2MC41OS0yNi4zNCAyMC40LTguODdjMTUuNDgtNi43MyAyNS40OS0yMiAyNS40OS0zOC44OHYtNy44M2g3OS42OXY3LjQzYzAgMTYuOTUgMTAuMTEgMzIuMjggMjUuNyAzOC45Nmw4MS45NSAzNS4xM2MyNC40MiAxMC44MiA0MC4xNyAzNS4wMiA0MC4xNyA2MS43NHoiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBkPSJtMjE5LjU2NSAzMjQuNTljMjAuNjc5IDYuMTc5IDUxLjExNiAxMi43NjkgODguMjE3IDEyLjEyIDM0LjgxMS0uNjA4IDYzLjM4Ny03LjM3NyA4My4yNzEtMTMuNzI4bDkuODgtMjMuNTI3LTMwLjA4Ni0xMi44OTVjLTE1LjU4Ni02LjY4MS0yNS42OTItMjIuMDA2LTI1LjY5Mi0zOC45NjR2LTcuNDI0aC03OS42OXY3LjgyOGMwIDE2Ljg3OC0xMC4wMTIgMzIuMTQ3LTI1LjQ4OSAzOC44NzdsLTI0LjM2OCAxMC41OTV6IiBmaWxsPSIjZmZjZWJmIiBkYXRhLW9yaWdpbmFsPSIjZmZjZWJmIj48L3BhdGg+PGcgZmlsbD0iIzg3OTVkZSI+PHBhdGggZD0ibTQ1Mi43OTYgMzIxLjY4NS02MS43MzItMjYuNDU5LS4wMTEuMDAxdjIwOS4xNjFoMTAxLjkxOHYtMTIwLjk1N2MwLTI2LjcxNy0xNS43NDktNTAuOTIyLTQwLjE3NS02MS43NDZ6IiBmaWxsPSIjODc5NWRlIiBkYXRhLW9yaWdpbmFsPSIjODc5NWRlIj48L3BhdGg+PHBhdGggZD0ibTIxOS41NyAyOTUuNzV2MjA4LjY0aC0xMDEuOTJ2LTEyMC4wNWMwLTI3LjE4IDE2LjI5LTUxLjcxIDQxLjMzLTYyLjI1eiIgZmlsbD0iIzg3OTVkZSIgZGF0YS1vcmlnaW5hbD0iIzg3OTVkZSI+PC9wYXRoPjwvZz48L2c+PGc+PHBhdGggZD0ibTMzMi45MzMgMjgzLjkxMmM5LjE2OCAwIDE3LjkwNC0xLjg0MSAyNS44NjctNS4xNjMtOC41NDItNy44ODUtMTMuNjQ2LTE5LjEwNS0xMy42NDYtMzEuMTUydi03LjQyNGgtNzkuNjl2Ny44MjdjMCA2LjA5Ny0xLjMxMyAxMS45ODItMy43MTIgMTcuMzMyIDEyLjA2NyAxMS41MDMgMjguMzkyIDE4LjU3OSA0Ni4zNzkgMTguNTc5aDI0LjgwMnoiIGZpbGw9IiNmZmIwOWUiIGRhdGEtb3JpZ2luYWw9IiNmZmIwOWUiPjwvcGF0aD48cGF0aCBkPSJtMzg0Ljk1NyAxMjAuMjkzdjY1LjkyNWMwIDM3LjE0LTMwLjEwOCA2Ny4yNDctNjcuMjQ3IDY3LjI0N2gtMjQuODAxYy0zNy4xNCAwLTY3LjI0Ny0zMC4xMDgtNjcuMjQ3LTY3LjI0N3YtNjUuOTI1YzAtMjQuMTYxIDE5LjU4Ni00My43NDggNDMuNzQ4LTQzLjc0OGg3MS44YzI0LjE2MS4wMDEgNDMuNzQ3IDE5LjU4NyA0My43NDcgNDMuNzQ4eiIgZmlsbD0iI2ZmY2ViZiIgZGF0YS1vcmlnaW5hbD0iI2ZmY2ViZiI+PC9wYXRoPjxwYXRoIGQ9Im0zODQuOTU3IDE1NC41OTNjLS4wMy4wOTEtLjA2Ny4xNzktLjA5NC4yNzItMi40MzEgOC4zOTUtOC44MTEgMjQuMjUzLTI0LjIyOSAzNi4xNDItNy4xNzkgNS41MzctMTUuMzY4IDkuNTM3LTI0LjMzOCAxMS44OTEtNC4wNjYgMS4wNjctNi40OTggNS4yMjgtNS40MzEgOS4yOTQuODk4IDMuNDE5IDMuOTgxIDUuNjgyIDcuMzU4IDUuNjgyLjYzOSAwIDEuMjg5LS4wODEgMS45MzctLjI1MSAxMC45NTItMi44NzQgMjAuOTY4LTcuNzczIDI5Ljc3MS0xNC41NiA2LjA3OS00LjY4OCAxMC45OTktOS44NjYgMTQuOTgyLTE1LjA3Mi4wMTUtLjU5LjA0NS0xLjE3Ny4wNDUtMS43NzF2LTMxLjYyN3oiIGZpbGw9IiM3YTZkNzkiIGRhdGEtb3JpZ2luYWw9IiM3YTZkNzkiPjwvcGF0aD48cGF0aCBkPSJtMzI3Ljk0OSAyMjMuOTM5aC0xNy44MzdjLTguMTE5IDAtMTQuNzAxLTYuNTgyLTE0LjcwMS0xNC43MDEgMC04LjExOSA2LjU4Mi0xNC43MDEgMTQuNzAxLTE0LjcwMWgxNy44MzdjOC4xMTkgMCAxNC43MDEgNi41ODIgMTQuNzAxIDE0LjcwMS0uMDAxIDguMTItNi41ODIgMTQuNzAxLTE0LjcwMSAxNC43MDF6IiBmaWxsPSIjNjg1ZTY4IiBkYXRhLW9yaWdpbmFsPSIjNjg1ZTY4Ij48L3BhdGg+PGc+PHBhdGggZD0ibTMyMS4yMDEgNTkuMDk3YzEuNzA4LTIxLjU0IDIyLjMzLTM1LjgzNSA0Mi4wNjctNDMuMjM5IDMyLjY0OSAxOS41NjMgNTQuNTA3IDU1LjI4NCA1NC41MDcgOTYuMTE1djcuNjk4Yy0xLjgwNS4zNzktMy42MDEuNzExLTUuMzc3Ljk3Ni0xMC44NzMgMS42MjQtMjAuMTMyLjkyMS0yNi40NTggMC00MC43NjMtNS40My02Ni44MDItMzUuNTM1LTY0LjczOS02MS41NXoiIGZpbGw9IiNiOTgwODAiIGRhdGEtb3JpZ2luYWw9IiNiOTgwODAiPjwvcGF0aD48cGF0aCBkPSJtMzA1LjgwMSAwYzI1LjI4OCAwIDQ4LjYxNiA4LjM4NiA2Ny4zNjEgMjIuNTI1LTkuMzUxIDE2LjI3MS0zMC44MjMgNDguNDQxLTcxLjA4NiA3Mi4yNTctMjkuODkgMTcuNjgxLTU4LjA3NCAyMy42MjItNzUuNDMgMjUuODY1aC0zMi44MTh2LTguNjc0Yy0uMDAxLTYxLjg0MSA1MC4xMzEtMTExLjk3MyAxMTEuOTczLTExMS45NzN6IiBmaWxsPSIjYzU5MTkxIiBkYXRhLW9yaWdpbmFsPSIjYzU5MTkxIj48L3BhdGg+PC9nPjwvZz48L2c+PHBhdGggZD0ibTQzMC45NzEgNTA0LjM4OGgtMjQzLjY1NGwtMTMuNDM5LTEyNi43NzVjLS45NTMtOC45OTIgNi4wOTYtMTYuODI4IDE1LjEzOC0xNi44MjhoMjQwLjI1N2M5LjA0MiAwIDE2LjA5MSA3LjgzNiAxNS4xMzggMTYuODI4eiIgZmlsbD0iI2VmZWRlZiIgZGF0YS1vcmlnaW5hbD0iI2VmZWRlZiI+PC9wYXRoPjxwYXRoIGQ9Im00MjkuMjcyIDM2MC43ODVoLTMwLjQ0NmM5LjA0MiAwIDE2LjA5MSA3LjgzNiAxNS4xMzggMTYuODI4bC0xMy40MzkgMTI2Ljc3NmgzMC40NDZsMTMuNDM5LTEyNi43NzZjLjk1NC04Ljk5Mi02LjA5NS0xNi44MjgtMTUuMTM4LTE2LjgyOHoiIGZpbGw9IiNlNWUxZTUiIGRhdGEtb3JpZ2luYWw9IiNlNWUxZTUiPjwvcGF0aD48Zz48cGF0aCBkPSJtNTA0LjUgNTEyaC00OTdjLTQuMTQzIDAtNy41LTMuMzU4LTcuNS03LjVzMy4zNTctNy41IDcuNS03LjVoNDk3YzQuMTQzIDAgNy41IDMuMzU4IDcuNSA3LjVzLTMuMzU3IDcuNS03LjUgNy41eiIgZmlsbD0iI2M5YmZjOCIgZGF0YS1vcmlnaW5hbD0iI2M5YmZjOCI+PC9wYXRoPjwvZz48Y2lyY2xlIGN4PSIzMDkuMTQ0IiBjeT0iNDMyLjU4NyIgZmlsbD0iI2M5YmZjOCIgcj0iMjEuMzEyIiBkYXRhLW9yaWdpbmFsPSIjYzliZmM4Ij48L2NpcmNsZT48ZyBmaWxsPSIjZmZmIj48Y2lyY2xlIGN4PSI1NC4wMTQiIGN5PSI4MC42NTMiIHI9IjcuNjExIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjZmZmZmZmIj48L2NpcmNsZT48Y2lyY2xlIGN4PSI4NC40NiIgY3k9IjgwLjY1MyIgcj0iNy42MTEiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiNmZmZmZmYiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjExNC45MDYiIGN5PSI4MC42NTMiIHI9IjcuNjExIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjZmZmZmZmIj48L2NpcmNsZT48L2c+PC9nPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
}

.chlog {
    position: absolute;
    left: 0;
    background: #121f3f;
    top: 70px;
    transform: none;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 234
}

.chlog li {
    display: inline-block;
    width: calc(50% - 2px);
}

.chlog li a {
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight: 600;
    font-style: italic;
    padding: 10px;
    text-align: center;
    display: block;
    text-decoration: none;
    font-size: 12px;
    border-right: 1px solid #2b3a5c;
}

.clientname {
  display: none
}

.username {
    position: absolute;
    top: 0;
    right: 0;
    height: 70px;
    line-height: 70px;
    margin: 0;
    padding: 0;
    border-left: none;
    padding-left: 33px;
}

.username p, .clientname p {
    margin: 0;
    padding: 0;
    padding: 0 20px;
    font-size: 16px;
    color: #121f3f;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 115px;
}

header a.logo img {
    height: 45px;
    margin-top: 12px;
    margin-left: 10px;
}

.nomore .row.start-md.middle-md {
    flex-direction: column;
    width: 100%;
}

.page-footer-wrapper p {
    padding: 8px 0;
    font-size: 11px;
    text-align: center;
}

.box h2 {
    margin: 0;
    font-size: 19px;
    margin-bottom: 20px;
    margin-top: 0;
}

}

/* Changelog novinky blok na homepage */
.box.cl-news {
    background: #fff;
    border-radius: 10px;
    padding: 28px 30px 18px;
    margin-bottom: 18px;
    border: 1px solid #e4e7ef;
}

.cl-news-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    flex-wrap: wrap;
    gap: 8px;
}

.cl-news-header h2 {
    margin: 0 !important;
    font-size: 20px;
    font-weight: 800;
    color: #121f3f;
}

.cl-news-stats {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.cl-stat {
    font-size: 12px;
    color: #8891a8;
    font-weight: 500;
    white-space: nowrap;
}

.cl-stat strong {
    color: #121f3f;
    font-weight: 800;
    font-size: 13px;
}

.cl-stat-sep {
    color: #c8cdd8;
    font-size: 14px;
    line-height: 1;
}

a.cl-news-all {
    font-size: 13px;
    font-weight: 600;
    color: #121f3f;
    background: #f2f3f7;
    padding: 6px 16px;
    border-radius: 20px;
    text-decoration: none;
    transition: 300ms;
    white-space: nowrap;
}

a.cl-news-all:hover {
    background: #121f3f;
    color: #fff;
}

.cl-news-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.cl-news-item {
    padding: 16px 0;
    border-top: 1px solid #eef0f5;
}

.cl-news-item:first-child {
    border-top: none;
    padding-top: 0;
}

.cl-news-date {
    font-size: 12px;
    font-weight: 600;
    color: #8891a8;
    margin-bottom: 6px;
    letter-spacing: .3px;
}

.cl-news-title {
    font-size: 15px;
    font-weight: 700;
    color: #121f3f;
    margin-bottom: 4px;
    line-height: 22px;
}

.cl-news-text {
    font-size: 13px;
    line-height: 20px;
    color: #5a6480;
    font-weight: 400;
}

.cl-news-text h1,
.cl-news-text h2,
.cl-news-text h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 4px;
    color: #121f3f;
}

.cl-news-text p {
    margin: 0 0 6px;
}

.cl-news-text ul,
.cl-news-text ol {
    margin: 4px 0 6px;
    padding-left: 20px;
}

.cl-news-text ul li,
.cl-news-text ol li {
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 20px;
}

.cl-autolink,
.cl-news-text a {
    color: inherit;
    font-weight: inherit;
    text-decoration: underline;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    word-break: break-all;
}

.cl-autolink:hover,
.cl-news-text a:hover {
    color: #f2124b;
    background: transparent !important;
}

.cl-news-imgs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.cl-news-img-link {
    display: block;
    width: 90px;
    height: 64px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e4e7ef;
    background: #f5f6f8 !important;
    padding: 0 !important;
    transition: transform 200ms, box-shadow 200ms;
    cursor: pointer;
}

.cl-news-img-link:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 14px rgba(18,31,63,.15);
    background: #f5f6f8 !important;
}

.cl-news-img-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cl-news-more-wrap {
    text-align: center;
    padding: 18px 0 6px;
}

.cl-news-more {
    display: inline-block;
    background: #f2f3f7;
    color: #121f3f;
    border: none;
    padding: 10px 32px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 250ms, color 250ms;
    font-family: inherit;
}

.cl-news-more:hover {
    background: #121f3f;
    color: #fff;
}

.cl-news-more:disabled {
    opacity: .5;
    cursor: default;
}

.cl-lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    align-items: center;
    justify-content: center;
}

.cl-lb-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.82);
    cursor: pointer;
}

.cl-lb-wrap {
    position: relative;
    max-width: 92vw;
    max-height: 90vh;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cl-lb-wrap img {
    max-width: 92vw;
    max-height: 88vh;
    border-radius: 6px;
    box-shadow: 0 8px 40px rgba(0,0,0,.45);
    object-fit: contain;
}

.cl-lb-close {
    position: fixed;
    top: 18px;
    right: 24px;
    font-size: 36px;
    color: #fff;
    cursor: pointer;
    line-height: 1;
    z-index: 2;
    text-decoration: none;
    background: transparent !important;
    padding: 0 !important;
    opacity: .8;
    transition: opacity 200ms;
}

.cl-lb-close:hover {
    opacity: 1;
    background: transparent !important;
}

.cl-lb-prev,
.cl-lb-next {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    font-size: 32px;
    color: #fff;
    cursor: pointer;
    z-index: 2;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.12) !important;
    text-decoration: none;
    padding: 0 !important;
    transition: background 200ms;
}

.cl-lb-prev:hover,
.cl-lb-next:hover {
    background: rgba(255,255,255,.25) !important;
}

.cl-lb-prev { left: 18px; }
.cl-lb-next { right: 18px; }

@media only screen and (max-width: 800px) {
    .box.cl-news {
        padding: 20px 18px 12px;
    }
    .cl-news-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .cl-news-img-link {
        width: 72px;
        height: 52px;
    }
    .cl-lb-prev, .cl-lb-next {
        width: 36px;
        height: 36px;
        font-size: 24px;
    }
    .cl-lb-prev { left: 8px; }
    .cl-lb-next { right: 8px; }
}

/* Tipy na vylepšenie – zdieľané hlasovanie */
.ideas-intro {
  color: #5a6785;
  font-size: 14px;
  line-height: 1.55;
  max-width: 820px;
  margin: 0 0 18px;
}

.ideas-box {
  padding-top: 28px;
}

.ideas-search-form {
  margin: 0 0 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.ideas-search-form input[type="text"] {
  flex: 1 1 220px;
  min-width: 0;
  padding: 10px 14px;
  border: 2px solid #c5cfe3 !important;
  border-radius: 6px !important;
  font-size: 14px;
  font-family: inherit;
  color: #121f3f !important;
  background: #fff !important;
  -webkit-text-fill-color: #121f3f;
  outline: none;
  box-shadow: inset 0 1px 2px rgba(18, 31, 63, 0.06);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ideas-search-form input[type="text"]::placeholder {
  color: #919bb7 !important;
}

.ideas-search-form input[type="text"]:focus {
  border-color: #2b3a63 !important;
  box-shadow: 0 0 0 3px rgba(43, 58, 99, 0.12);
}

.ideas-search-form button {
    padding: 10px 18px;
    border-radius: 4px !important;
    font-size: 13px;
    background: #121f3f;
    border-color: #121f3f;
    color: white;
    font-weight: 600;
}

.ideas-search-clear {
  font-size: 12px;
  color: #6b7896;
  text-decoration: none;
  white-space: nowrap;
}

.ideas-search-clear:hover {
  color: #2b3a63;
  text-decoration: underline;
}

.ideas-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  align-items: center;
  margin-bottom: 22px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e8edf7;
}

.ideas-legend-item {
  font-size: 12px;
  color: #6b7896;
}

.ideas-legend-mine {
  display: inline-block;
  background: #fff7df;
  color: #8a6a00;
  border: 1px solid #f0dfa0;
  border-radius: 999px;
  padding: 4px 10px;
  font-weight: 600;
}

.ideas-legend-count {
  margin-left: auto;
  font-size: 12px;
  font-weight: 700;
  color: #2b3a63;
}

.ideas-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.idea-row {
  border: 1px solid #e8edf7;
  border-radius: 8px;
  padding: 18px 20px 16px;
  background: #fbfcff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.idea-row-mine {
  border-color: #f0dfa0;
  background: linear-gradient(180deg, #fffdf5 0%, #fbfcff 100%);
  box-shadow: inset 3px 0 0 #f5c842;
}

.idea-row-head {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 14px;
  align-items: start;
}

.idea-rank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #eef2fb;
  color: #2b3a63;
  font-weight: 800;
  font-size: 13px;
}

.idea-row-mine .idea-rank {
  background: #fff1c2;
  color: #8a6a00;
}

.idea-title {
  margin: 0 0 6px;
  font-size: 17px;
  line-height: 1.35;
  color: #121f3f;
}

.idea-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  font-size: 12px;
}

.idea-badge-mine {
  background: #fff1c2;
  color: #8a6a00;
  border-radius: 999px;
  padding: 2px 10px;
  font-weight: 700;
}

.idea-client {
  color: #5a6785;
  font-weight: 600;
}

.idea-id {
  color: #919bb7;
}

.idea-stats {
  text-align: right;
  min-width: 92px;
}

.idea-avg strong {
  display: block;
  font-size: 24px;
  line-height: 1;
  color: #2b3a63;
}

.idea-avg small {
  display: block;
  margin-top: 4px;
  color: #919bb7;
  font-size: 11px;
}

.idea-votes {
  margin-top: 6px;
  font-size: 11px;
  color: #919bb7;
}

.idea-excerpt {
  margin: 12px 0 0 56px;
  color: #5a6785;
  font-size: 13px;
  line-height: 1.55;
}

.idea-vote-panel {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed #e3e9f5;
  margin-left: 56px;
}

.idea-vote-label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #2b3a63;
  margin-bottom: 8px;
}

.idea-vote-scale {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.idea-vote-btn {
  min-width: 34px;
  height: 34px;
  border: 1px solid #d5ddf0;
  border-radius: 6px;
  background: #fff;
  color: #4a5878;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}

.idea-vote-btn:hover {
  border-color: #2b3a63;
  color: #2b3a63;
}

.idea-vote-btn.is-active {
  background: #2b3a63;
  border-color: #2b3a63;
  color: #fff;
}

.idea-vote-btn:disabled {
  opacity: 0.55;
  cursor: wait;
}

.idea-vote-hint {
  display: block;
  margin-top: 8px;
  font-size: 11px;
  color: #919bb7;
}

.idea-vote-status {
  display: inline-block;
  margin-left: 8px;
  font-size: 11px;
  font-weight: 600;
}

.idea-vote-status.is-ok {
  color: #15803d;
}

.idea-vote-status.is-error {
  color: #b91c1c;
}

@media only screen and (max-width: 800px) {
  .idea-row-head {
    grid-template-columns: 36px 1fr;
  }

  .idea-stats {
    grid-column: 1 / -1;
    text-align: left;
    display: flex;
    gap: 16px;
    align-items: baseline;
    margin-top: 4px;
  }

  .idea-excerpt,
  .idea-vote-panel {
    margin-left: 0;
  }

  .ideas-legend-count {
    margin-left: 0;
  }
}