@import url(/manager/css/flexboxgrid.min.css);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:300,400,400i,600,700,800&subset=latin-ext&font-display=swap);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&subset=latin-ext&font-display=swap);


::selection {
  background: rgba(44, 60, 113, 0.21)
}

body {
  padding: 0;
  margin: 0;
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #1d2951;
  background: #ececec
}

body {
  margin: 0;
  scroll-behavior: smooth;
  width: 100%;
  overflow-x: hidden;
}

body.fixed {
  position: fixed;
  right: 8px
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-transition: 9999s;
  -webkit-transition-delay: 9999s;
}

body:not(.isactive) .logout {
  display: none
}

body:not(.isactive) .fixedname {
  display: none
}

#popie {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(38, 44, 84, 0.9);
  z-index: 99999993214;
  display: none;
}

#popie .wrapper {
  width: 90%;
  max-width: 800px;
  margin: 20px auto;
  display: block;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
}

#popie .content {
  background: white;
  width: calc(100% - 30px);
  min-height: 200px;
  max-height: 75vh;
  overflow-y: scroll;
  border-radius: 5px;
  box-shadow: 0 0 40px #171d3c;
  padding: 0px 15px;
}

#popie .content::-webkit-scrollbar {
  width: 8px;
}

#popie .content::-webkit-scrollbar-track {
  background: #fff;
}

#popie .content::-webkit-scrollbar-thumb {
  background: rgba(246, 14, 73, 0.8);
}

#popie .content::-webkit-scrollbar-thumb:hover {
  background: rgba(246, 14, 73, 1);
}

#popie .content p, #popie .content p b {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500
}

#sleeppopie {
  position: absolute;
  top: -35px;
  width: 50px;
  height: 50px;
  background: transparent;
  right: 0;
  opacity: .5;
  cursor: pointer;
  transition: 500ms
}

#sleeppopie::before {
  position: absolute;
  top: 0;
  bottom: 0px;
  left: 0;
  right: -25px;
  content: "\d7";
  font-size: 46px;
  color: #fff;
  line-height: 60px;
  text-align: center;
  font-weight: 100;
}

#sleeppopie:hover {
  opacity: 1
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}

.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
  padding-right: 0;
  padding-left: 0;
}

.row {
  margin-right: 0;
  margin-left: 0;
}

.inrow.persons {
  width: unset;
  position: relative;
  padding-left: 12px;
  padding-right: 14px;
  display: inline-block;
}

.inrow.persons p {
  font-weight: 300;
  font-size: 12px;
  font-style: normal;
  text-overflow: ellipsis;
  width: 200px;
  margin-left: 25px;
  white-space: nowrap;
  position: relative;
  top: 50%;
  transform: translateY(-40%);
  margin: 0;
  margin-left: 26px;
}

.persons img {
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: inline-block !important;
  position: absolute !important;
}

.inrow.persons p b {
  padding-right: 5px;
  font-weight: 600;
  font-size: 15px;
  font-style: normal
}

.inrow.dates {
  width: 220px
}

.inrow.status {
  width: 100%;
  height: 100%;
  padding: 0;
  display: block;
}

.js-clean {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  padding: 0;
  display: block;
  height: unset;
  width: unset;
  transform: none;
  border-radius: 0;
}

.inrow.defect {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
}

.inrow.notes {
  display: inline-block;
}

.fixedname {
  position: fixed;
  bottom: 0;
  left: 0;
  width: calc(100% - 30px);
  background: #f60f4a;
  z-index: 323223;
  padding-left: 15px;
  padding-right: 15px;
}

.date a {
  text-decoration: none;
  opacity: .3;
  transition: 400ms
}

#add-new {
  display: flex;
  margin-left: 30px;
  position: relative;
  margin-bottom: 50px;
}

#add-new::before {
  content: '';
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  background: #f60e49;
  border-radius: 100%;
  opacity: .3;
}

#add-new input {
  background: #d1d3dc;
  border: none;
  width: 70%;
  display: inline-block;
  resize: none;
  outline: none;
  color: #272e57;
  font-size: 15px;
  line-height: 36px;
  padding: 0;
  height: 38px;
  border-radius: 0 !important;
  text-indent: 10px;
  margin-left: 5px;
}

#add-new input.mustfill {
  background: #efc6d0;
}

.defects .item .date {
  display: inline-block;
  font-size: 11px;
  font-style: italic;
  opacity: .5;
}

.defects .item .text {
  display: inline;
  position: relative;
  background: #ffffff;
  height: 25px;
  line-height: 25px;
  padding: 0 5px;
  margin-left: 30px;
  margin-bottom: 5px;
  max-width: 80%;
}

.defects {
  margin-bottom: 20px
}

.defects .item .text::before {
  content: '';
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  left: -15px;
  top: 5px;
  background: #f60e49;
  border-radius: 100%;
  opacity: 1;
}

.persons p {
  font-weight: 600
}

#add-new .savebut {
  display: inline-block;
  background: #f60f4a;
  color: white;
  padding: 0 15px;
  height: 38px;
  line-height: 39px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
  -webkit-appearance: none;
  top: 0;
  cursor: pointer;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.date a:hover {
  opacity: 1
}

.date img {
  width: 20px;
  top: 50%;
  transform: translateY(2px);
}

.date img.prev {
  transform: translateY(2px)rotate(180deg);
}

.date {
  margin-left: 10px;
}

main .content.filtershere, main .content.sum {
  background: #ececec
}

.summary {
  padding: 0 30px;
}

.date input {
  background: transparent;
  border: none;
  color: #1c2851;
  text-align: center;
  font-size: 23px;
  padding: 10px;
  width: 120px;
  font-weight: bold;
  font-family: 'PT sans', sans-serif;
  outline: none;
}

label.onela span {
  background: #2c3c71;
  color: #ffffff;
  padding: 5px 15px 5px 15px;
  font-weight: 500;
  font-size: 13px;
  border-radius: 3px;
  opacity: .5;
  cursor: pointer;
  position: relative;
  transition: 500ms;
}

label.onela input:checked~span {
  opacity: 1;
  background: #2c3c71;
  color: #ffffff;
}

.onefilt {
  display: flex;
  float: left;
  margin: 10px 5px 0;
  float: right;
}

.filbut {
  margin-top: 5px;
}

.roomiehead {
  background: #2c3c71;
  vertical-align: middle;
  display: block;
  position: relative;
}

.roomiehead img {
  width: 160px;
  max-width: 60%;
  vertical-align: middle
}

.inrow img {
  display: inline-block;
  width: 18px;
  margin-right: 7px;
  vertical-align: middle
}

.inrow p {
  display: inline-block;
  line-height: 18px;
  transform: translateY(3px);
  margin: 10px auto;
}

.roomstate {
  background: #FFEB3B;
  padding: 0 15px;
  font-size: 12px;
  line-height: 25px;
  width: 50px;
  text-align: center;
}

.register-logon-form {
  display: block;
  position: relative;
  margin-top: 14px;
  background: white;
  width: 90%;
  max-width: 400px;
  margin: 25px auto;
  padding: 20px 5%;
  box-shadow: 0 0 50px rgba(44, 60, 113, 0.05);
}

.upr label.onela input span, .neupr.upr label.onela input span {
  opacity: .5
}

.persons img {
  transform: translateY(2px);
}

.dates img {
  transform: translateY(2px);
}

.upr label.onela span {
  background: #8bc34a;
  font-weight: bold;
  border-radius: 5px;
  padding: 5px 12px;
}

.neupr.upr label.onela span {
  background: #f2114b;
  font-weight: bold;
  border-radius: 5px;
  padding: 5px 12px;
}

.upr label.onela input:checked~span {
  background: #8bc34a;
  font-weight: bold;
  border-radius: 5px;
  padding: 5px 12px;
  opacity: 1
}

.neupr.upr label.onela input:checked~span {
  background: #f2114b;
  font-weight: bold;
  border-radius: 5px;
  padding: 5px 12px;
  opacity: 1
}

.register-logon-form label {
  display: none
}

#notes {
  opacity: 0
}

#notes.notempty {
  opacity: 1
}

.register-logon-form input, .register-logon-form input:-webkit-autofill {
  -webkit-appearance: none;
  border: none;
  background: #e7eced !important;
  color: #1a2752 !important;
  display: block;
  margin: 5px auto;
  font-size: 16px;
  padding: 14px 0px 8px;
  text-align: center;
  font-weight: bold;
  outline: none !important;
  width: 250px;
  max-width: 100%;
  height: 24px;
}

.register-logon-form button {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  background: #f60d49;
  display: block;
  margin: 5px auto;
  outline: none !important;
  width: 250px;
  margin: 5px auto 35px;
  font-size: 14px;
  font-weight: 600;
  padding: 7px 12px;
  max-width: 100%;
  color: white;
  text-transform: uppercase;
  cursor: pointer;
  height: 45px;
  transition: 600ms
}

.register-logon-form button:hover {
  background: #212e5a
}

.register-logon-form::before {
  content: '';
  display: block;
  width: 160px;
  height: 160px;
  position: relative;
  margin: 20px auto 25px;
  background: url(/img/users/nophoto.png) 50% 50% no-repeat;
  background-size: 130px;
  border-radius: 300px
}

.notes {
  margin: 0;
}

.defect, .notes, .minibar {
    padding: 0;
    position: absolute;
    cursor: pointer;
    bottom: 0;
    height: 40px;
    width: 40px;
}

.minibar {
  right: 40px
}

.notes {
  right: 80px
}

.inrow.defect {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0px;
  padding: 0;
  bottom: 0px;
  top: unset;
}

.defect img, .notes img,  .minibar img {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  left: 50%;
}

.defect img {
  opacity: .2
}

.isdefect img {
  opacity: 1;
  filter: hue-rotate(100deg)brightness(1)saturate(6);
}

.register-info {
  width: 100%;
  max-width: 400px;
  margin: 20px auto 0;
  text-align: center;
  background: #f60d49;
  color: white;
  padding: 10px 10px;
  font-size: 16px;
  border-radius: 50px;
}

.roomstate.checkout {
  background: #CDDC39;
  max-width: 90px;
}

.roomstate.stay {
  background: #a0e2e0;
  max-width: 90px;
}

.summary {
  padding: 0 30px;
  margin-bottom: 150px;
}

.summary h3 {
  font-size: 22px;
}

.summary p {
  margin: 0;
}

.summary h3 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}

.summary p {
  font-weight: normal;
  font-size: .8rem;
}

.summary p b {
  font-weight: normal;
  font-size: .8rem;
}

.dates i {
  font-style: italic;
  font-size: 12px;
  font-weight: normal;
  color: #8e97b1;
}

main {
  position: relative;
}

main .content {
  position: relative;
  width: 100%;
  max-width: 840px;
  margin: 10px auto;
  background: #ececec
}

.content {
  position: relative;
  width: 100%;
  max-width: 840px;
  margin: 10px auto;
}

footer .content {
  margin: 0px auto;
}

.roomstat, .personsstat {
  display: inline-block;
}

.roomstat {
  margin-right: 15px;
  margin-top: 5px
}

footer img {
  filter: brightness(100);
  line-height: 20px;
  display: inline-block;
  margin-right: 5px;
  transform: translateY(5px);
}

footer p {
  display: inline-block;
  color: white;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.fixedname h2 {
  color: white;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 0;
  margin: 0;
  text-align: right;
  margin-right: 15px;
}

#ob_logout {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 10px;
  display: block;
  height: 55px;
  width: 65px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 10px;
  font-weight: 700;
  opacity: 1;
  border-bottom-right-radius: 3px;
  letter-spacing: -.3px;
  background: transparent;
}

#ob_logout::before {
  content: '';
  background-color: #8c95af;
  -webkit-mask: url(/roomie/img/logout-ico.svg) no-repeat 50% 50%;
  mask: url(/roomie/img/logout-ico.svg) no-repeat 50% 50%;
  width: 25px;
  height: 25px;
  display: block;
  margin: 0 auto 0 12px;
  opacity: .6;
  transition: 500ms
}

#ob_logout:hover::before {
  opacity: 1
}

.oneroom {
  position: relative;
  width: 100%;
  background: white;
  border-radius: 8px;
  margin-bottom: 8px;
}

.oneroom .col-md-10 {
  width: calc(100% - 90px);
  flex-basis: calc(100% - 90px);
  max-width: calc(100% - 90px);
}

.roomname, .dates {
  background: #ffffff;
  border-bottom: 1px dashed rgba(44, 60, 113, 0.2);
}

.roomname p span {
  color: #7e859c;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDM4MC44NCAzODAuODQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zMzQuMjM3LDMzNi41MTdjLTAuOTM1LTEuMzktMi40MzctMi4yOTctNC4xMDMtMi40NzdoLTAuNzZjLTk4LjgzNywwLjEwNS0xNzkuMDQ1LTc5LjkzMy0xNzkuMTUtMTc4Ljc3CgkJCWMtMC4wNjEtNTcuMjkyLDI3LjMxMi0xMTEuMTUsNzMuNjMtMTQ0Ljg3YzIuNjA3LTEuNzQ1LDMuMzA2LTUuMjczLDEuNTYxLTcuODhjLTEuMDYyLTEuNTg3LTIuODUxLTIuNTM0LTQuNzYxLTIuNTJsMC4wNCwwLjA0CgkJCUMxMTUuNTM5LDAuMDI5LDMwLjI4NSw4NS4yNjUsMzAuMjc0LDE5MC40MmMtMC4wMTEsMTA1LjE1NSw4NS4yMjUsMTkwLjQwOSwxOTAuMzgsMTkwLjQyYzQwLjI2LDAuMDA0LDc5LjQ4NS0xMi43NTMsMTEyLjA0LTM2LjQ0CgkJCUMzMzUuMjk3LDM0Mi42NDksMzM1Ljk4OCwzMzkuMTIsMzM0LjIzNywzMzYuNTE3eiIgZmlsbD0iIzdlODU5YyIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI3My4xMjMsMjIzLjM1NGMtMC42NzktMC41NzctMS40ODMtMC45ODUtMi4zNDktMS4xOTRsLTAuMDQtMC4wOGwtMTUuMzYtMy42OGwtOC4yNC0xMy4zNgoJCQljLTEuNjI0LTIuNjg0LTUuMTE2LTMuNTQ0LTcuOC0xLjkyYy0wLjc4NiwwLjQ3NS0xLjQ0NSwxLjEzNC0xLjkyLDEuOTJsLTguMzIsMTMuMzZsLTE1LjEyLDMuNjgKCQkJYy0zLjA4MSwwLjU5LTUuMSwzLjU2Ni00LjUxLDYuNjQ3YzAuMTg2LDAuOTczLDAuNjI0LDEuODgxLDEuMjcsMi42MzNsMTAuMjQsMTJsLTEuMiwxNS43NmMtMC4yNzksMy4xMjUsMi4wMjcsNS44ODQsNS4xNTIsNi4xNjMKCQkJYzAuOTc1LDAuMDg3LDEuOTU2LTAuMDc5LDIuODQ4LTAuNDgzbDE0LjY0LTZsMTQuMzIsNS44OGMyLjg2LDEuMjg4LDYuMjIzLDAuMDE0LDcuNTEyLTIuODQ2CgkJCWMwLjM4My0wLjg1MSwwLjU1MS0xLjc4MywwLjQ4OC0yLjcxNGwtMS4yLTE1Ljc2bDEwLjI0LTEyQzI3NS44MDUsMjI4Ljk2OSwyNzUuNTE0LDIyNS4zODUsMjczLjEyMywyMjMuMzU0eiIgZmlsbD0iIzdlODU5YyIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI5Ny44MDMsNzguMzk0Yy0wLjY3OS0wLjU3Ny0xLjQ4My0wLjk4NS0yLjM0OS0xLjE5NGwwLjA4LDAuMmwtMjYuMjQtNi40bC0xNC4xNi0yMi45MgoJCQljLTEuNjI0LTIuNjg0LTUuMTE2LTMuNTQ0LTcuOC0xLjkyYy0wLjc4NiwwLjQ3NS0xLjQ0NSwxLjEzNC0xLjkyLDEuOTJsLTE0LjIsMjNsLTI2LDYuMzZjLTMuMDY0LDAuNjc0LTUuMDAxLDMuNzA0LTQuMzI3LDYuNzY4CgkJCWMwLjE3NSwwLjc5NCwwLjUxOCwxLjU0MiwxLjAwNywyLjE5MmwxNy40OCwyMC42bC0yLjA0LDI2Ljk2Yy0wLjI3OSwzLjEyNSwyLjAyNyw1Ljg4NCw1LjE1Miw2LjE2MwoJCQljMC45NzUsMC4wODcsMS45NTYtMC4wNzksMi44NDgtMC40ODNsMjUtMTAuMjRsMjQuNjgsMTAuMTJjMi44NiwxLjI4OCw2LjIyMywwLjAxNCw3LjUxMi0yLjg0NgoJCQljMC4zODMtMC44NTEsMC41NTEtMS43ODMsMC40ODgtMi43MTRsLTIuMDQtMjYuOTZsMTcuNDgtMjAuNkMzMDAuNDg1LDg0LjAwOSwzMDAuMTk0LDgwLjQyNSwyOTcuODAzLDc4LjM5NHoiIGZpbGw9IiM3ZTg1OWMiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zNDguNTYzLDE3MC4zNTRjLTAuNjc5LTAuNTc3LTEuNDgzLTAuOTg1LTIuMzQ5LTEuMTk0bC0wLjE2LTAuMDhsLTEyLTIuODhsLTYuMzYtMTAuMzIKCQkJYy0xLjYyNC0yLjY4NC01LjExNi0zLjU0NC03LjgtMS45MmMtMC43ODYsMC40NzUtMS40NDUsMS4xMzQtMS45MiwxLjkybC02LjI4LDEwLjUybC0xMS42LDIuODQKCQkJYy0zLjA3NSwwLjYxOS01LjA2NywzLjYxMy00LjQ0OCw2LjY4OWMwLjE4MiwwLjkwNywwLjU4MywxLjc1NSwxLjE2OCwyLjQ3MWw4LDkuMzJsLTAuOTIsMTIKCQkJYy0wLjI3OSwzLjEyNSwyLjAyNyw1Ljg4NCw1LjE1Miw2LjE2M2MwLjk3NSwwLjA4NywxLjk1Ni0wLjA3OSwyLjg0OC0wLjQ4M2wxMS4yOC00LjY0bDEwLjk2LDQuNDgKCQkJYzIuODYsMS4yODgsNi4yMjMsMC4wMTQsNy41MTItMi44NDZjMC4zODMtMC44NTEsMC41NTEtMS43ODMsMC40ODgtMi43MTRsLTAuOTItMTJsOC05LjMyCgkJCUMzNTEuMjQ1LDE3NS45NjksMzUwLjk1NCwxNzIuMzg1LDM0OC41NjMsMTcwLjM1NHoiIGZpbGw9IiM3ZTg1OWMiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L2c+PC9zdmc+);
  padding-left: 20px;
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: 3px 50%;
  margin-left: 10px;
}

.roomtel a {
  background: #1c2951;
  color: white;
  text-decoration: none;
  padding: 4px 12px 4px 23px;
  border-radius: 18px;
  font-weight: 500;
  letter-spacing: 0.5px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQ4MC41NiA0ODAuNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zNjUuMzU0LDMxNy45Yy0xNS43LTE1LjUtMzUuMy0xNS41LTUwLjksMGMtMTEuOSwxMS44LTIzLjgsMjMuNi0zNS41LDM1LjZjLTMuMiwzLjMtNS45LDQtOS44LDEuOAoJCQljLTcuNy00LjItMTUuOS03LjYtMjMuMy0xMi4yYy0zNC41LTIxLjctNjMuNC00OS42LTg5LTgxYy0xMi43LTE1LjYtMjQtMzIuMy0zMS45LTUxLjFjLTEuNi0zLjgtMS4zLTYuMywxLjgtOS40CgkJCWMxMS45LTExLjUsMjMuNS0yMy4zLDM1LjItMzUuMWMxNi4zLTE2LjQsMTYuMy0zNS42LTAuMS01Mi4xYy05LjMtOS40LTE4LjYtMTguNi0yNy45LTI4Yy05LjYtOS42LTE5LjEtMTkuMy0yOC44LTI4LjgKCQkJYy0xNS43LTE1LjMtMzUuMy0xNS4zLTUwLjksMC4xYy0xMiwxMS44LTIzLjUsMjMuOS0zNS43LDM1LjVjLTExLjMsMTAuNy0xNywyMy44LTE4LjIsMzkuMWMtMS45LDI0LjksNC4yLDQ4LjQsMTIuOCw3MS4zCgkJCWMxNy42LDQ3LjQsNDQuNCw4OS41LDc2LjksMTI4LjFjNDMuOSw1Mi4yLDk2LjMsOTMuNSwxNTcuNiwxMjMuM2MyNy42LDEzLjQsNTYuMiwyMy43LDg3LjMsMjUuNGMyMS40LDEuMiw0MC00LjIsNTQuOS0yMC45CgkJCWMxMC4yLTExLjQsMjEuNy0yMS44LDMyLjUtMzIuN2MxNi0xNi4yLDE2LjEtMzUuOCwwLjItNTEuOEM0MDMuNTU0LDM1NS45LDM4NC40NTQsMzM2LjksMzY1LjM1NCwzMTcuOXoiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD4KCQk8cGF0aCBkPSJNMzQ2LjI1NCwyMzguMmwzNi45LTYuM2MtNS44LTMzLjktMjEuOC02NC42LTQ2LjEtODljLTI1LjctMjUuNy01OC4yLTQxLjktOTQtNDYuOWwtNS4yLDM3LjEKCQkJYzI3LjcsMy45LDUyLjksMTYuNCw3Mi44LDM2LjNDMzI5LjQ1NCwxODguMiwzNDEuNzU0LDIxMiwzNDYuMjU0LDIzOC4yeiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPgoJCTxwYXRoIGQ9Ik00MDMuOTU0LDc3LjhjLTQyLjYtNDIuNi05Ni41LTY5LjUtMTU2LTc3LjhsLTUuMiwzNy4xYzUxLjQsNy4yLDk4LDMwLjUsMTM0LjgsNjcuMmMzNC45LDM0LjksNTcuOCw3OSw2Ni4xLDEyNy41CgkJCWwzNi45LTYuM0M0NzAuODU0LDE2OS4zLDQ0NC4zNTQsMTE4LjMsNDAzLjk1NCw3Ny44eiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjwvZz48L3N2Zz4=);
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: 7px 50%;
  font-size: 11px
}

.roomstatus p {
  padding-left: 20px;
  text-align: right;
  padding-right: 10px;
  font-weight: 400;
  font-style: italic;
  font-size: 13px;
  opacity: .6;
  margin: 2px 10px;
  display: inline-block;
  transform: none;
  line-height: 31px;
  padding: 2px 10px 2px 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQ2MS4xOTggNDYxLjE5OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+CjxnPgoJPGNpcmNsZSBjeD0iMjYzLjAwMiIgY3k9IjM3Ljk1NCIgcj0iMzcuOTU0IiBmaWxsPSIjNzg3Zjk3IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L2NpcmNsZT4KCTxwYXRoIGQ9Ik0zOTEuODEzLDMxMS4zMTVjMC02LjEzMi00Ljk3MS0xMS4xMDMtMTEuMTAzLTExLjEwM2gtMTUuMzk3di0yMC45NjFjNC4xODItMy44MzcsNi41NC05LjU0NCw1LjgzMy0xNS42MTEKCQljMCwwLTExLjY5LTEwMC4yNDktMTUuNTc0LTEzMy42NjdjLTIuODktMjQuODc0LTE5LjkyNi00MS45NjctNDMuMzE3LTQxLjk2N2gtOTguNTA5Yy0yMy43NzYsMC00My4yMTgsMTkuMzQ0LTQzLjMzNyw0My4xMjEKCQljMCwwLjA0NSwwLDAuMDkxLDAsMC4xMzZsMC4xMTYsNDcuOTcyYzEyLjIxNCw2LjYyMiwyMC41MjYsMTkuNTU4LDIwLjUyNiwzNC40MDF2NDEuNjk0YzYuMjA1LDAuNTg4LDExLjg0MywzLjEzOSwxNi4zLDcuMDE1CgkJbC0wLjMxNi0xMzEuMDc3YzAtMC4wMDEsMC0wLjAwMSwwLTAuMDAyYzAuMDIzLTEuOTk4LDEuNjU2LTMuNjAzLDMuNjU1LTMuNTkxYzEuOTk4LDAuMDEyLDMuNjExLDEuNjM2LDMuNjExLDMuNjM0bDAuMDA4LDEzOS45ODcKCQljMS45NjUsMy45MTcsMy4wNzQsOC4zMzMsMy4wNzQsMTMuMDA1djE0Ny43NTZjMCw0LjIzMi0wLjkxNSw4LjI1Mi0yLjU0NywxMS44ODNjMi4xODMsOS44MzcsMTAuOTU0LDE3LjE5NSwyMS40NDgsMTcuMTk1CgkJYzEyLjEzNywwLDIxLjk3Ni05LjgzOSwyMS45NzYtMjEuOTc2VjI2My41MDZoOS40ODlWNDM5LjE2YzAsMTIuMTM3LDkuODM5LDIxLjk3NiwyMS45NzUsMjEuOTc2CgkJYzEyLjEzNywwLDIxLjk3Ni05LjgzOSwyMS45NzYtMjEuOTc2YzAtMTYxLjk3MS0wLjI5NC0yNzcuNzE4LTAuMzc3LTMwNy4xNzRjLTAuMDA2LTEuOTk5LDEuNTE5LTMuNjcsMy41MTEtMy44NDYKCQljMS45OTEtMC4xNzYsMy43ODksMS4yLDQuMTMyLDMuMTcxYzAtMC4wMDEsMCwwLDAsMGMwLjI1OSwxLjQ4NywyLjcxNywyMy44NDYsMTUuNzk5LDEzNi41NjgKCQljMC43NjcsNi41ODIsNC45NCwxMS45MjUsMTAuNTQ3LDE0LjUwOXYxNy44MjZoLTE1LjM5N2MtNi4xMzIsMC0xMS4xMDMsNC45NzEtMTEuMTAzLDExLjEwM3YxMTEuNzk0CgkJYzAsNi4xMzIsNC45NzEsMTEuMTAzLDExLjEwMywxMS4xMDNoNTAuNzk0YzYuMTMyLDAsMTEuMTAzLTQuOTcxLDExLjEwMy0xMS4xMDNWMzExLjMxNXoiIGZpbGw9IiM3ODdmOTciIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD4KCTxwYXRoIGQ9Ik0xOTAuNTE5LDI3My40MjRjLTEuNDcyLTAuMzAxLTAuODE1LTAuMjI2LTE3LjQ2OC0wLjIyNmgwdi01OS41NjRjMC0xMS41Ny05LjQxOC0yMS4xMDQtMjEuMTAzLTIxLjEwNGgtMzUuMTI3CgkJYy0xMS42MzYsMC0yMS4xMDMsOS40NjctMjEuMTAzLDIxLjEwNHY1OS41NjRoMGMtMTYuNjM0LDAtMTUuOTg5LTAuMDc3LTE3LjQ2OCwwLjIyNmMtNS4wNjIsMS4wMzYtOC44NjUsNS41MTQtOC44NjUsMTAuODc3CgkJdjE0Ny43NTZjMCw1LjkyOCw0LjY1LDEwLjc1NywxMC41LDExLjA3MnYwdjguMDY4YzAsNS41NDQsNC41MTgsMTAsMTAsMTBjNS40NjEsMCwxMC00LjQzNSwxMC0xMHYtOC4wMzhoNjl2OC4wMzgKCQljMCw1LjU0NCw0LjUxOCwxMCwxMCwxMGM1LjQ2MSwwLDEwLTQuNDM1LDEwLTEwdi04LjA2OHYwYzUuODUtMC4zMTUsMTAuNS01LjE0NCwxMC41LTExLjA3MgoJCWMwLTE1Ni4zMTMsMC4wMzItMTQ4LjAxNS0wLjA1Ny0xNDguODkyQzE5OC44MzUsMjc4LjMxNywxOTUuMjIxLDI3NC4zODYsMTkwLjUxOSwyNzMuNDI0eiBNMTE1LjcxOCwyMTMuNjM1CgkJYzAtMC42MDQsMC40OTItMS4xMDQsMS4xMDMtMS4xMDRoMzUuMTI3YzAuNjEyLDAsMS4xMDMsMC40OTksMS4xMDMsMS4xMDR2NTkuNTY0aC0zNy4zMzNWMjEzLjYzNXogTTk1LjcxOCwzMjEuNTUKCQljMC4xMjUtMC4wMDUsMC4yNDgtMC4wMTksMC4zNzUtMC4wMTljNy40OTgsMCw2OC4zOTgsMCw3Ni41ODMsMGMwLjEyNywwLDAuMjUsMC4wMTQsMC4zNzUsMC4wMTkKCQljNC43OTYsMC4xOTgsOC42MjUsNC4xMzcsOC42MjUsOC45ODFjMCw0Ljg0NC0zLjgyOSw4Ljc4My04LjYyNSw4Ljk4MWMtMC4xMjUsMC4wMDUtMC4yNDgsMC4wMTktMC4zNzUsMC4wMTlIOTYuMDkzCgkJYy0wLjEyNywwLTAuMjUtMC4wMTQtMC4zNzUtMC4wMTljLTQuNzk1LTAuMTk4LTguNjI1LTQuMTM3LTguNjI1LTguOTgxQzg3LjA5MywzMjUuNjg3LDkwLjkyMywzMjEuNzQ4LDk1LjcxOCwzMjEuNTV6IiBmaWxsPSIjNzg3Zjk3IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9nPjwvc3ZnPg==);
  background-size: 17px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  margin-left: 20px;
}

.roomname h3 {
  color: #131b35;
  padding: 6px 12px 2px;
  font-size: 14px;
  margin: 0;
  margin-right: 10px;
  display: inline-block;
}

.inrow.roomtel p {
  display: inline-block;
  line-height: 18px;
  transform: none;
  margin: 10px auto;
}

span.small {
  font-size: 11px;
  opacity: .6;
  font-style: italic;
}

.status {
  width: 14%;
  display: inline-block;
  position: relative;
  max-width: 115px;
  padding: 10px;
}

input[type="checkbox"] {
  display: none;
  z-index: -1;
  opacity: 0
}

.roomstate {
  position: relative;
  width: 90px;
  padding: 0;
  background: #ececec !important;
}

.tgl {
  display: none;
}

.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl+.tgl-btn {
  box-sizing: border-box;
}

.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl+.tgl-btn::-moz-selection {
  background: none;
}

.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl+.tgl-btn::selection {
  background: none;
}

.js-clean {
  background: #d6e3c8;
  border-left: 5px solid #8bc34a;
  transition: 0ms;
  cursor: pointer;
}

input.tgl:checked~label {
  background: #efccd1;
  border-left: 5px solid #f2114b
}

input.tgl~label span {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSI1MTIiPjxnPjxwYXRoIGQ9Im0yNTYgNTEyYy02OC4zOCAwLTEzMi42NjctMjYuNjI5LTE4MS4wMi03NC45OC00OC4zNTEtNDguMzUzLTc0Ljk4LTExMi42NC03NC45OC0xODEuMDJzMjYuNjI5LTEzMi42NjcgNzQuOTgtMTgxLjAyYzQ4LjM1My00OC4zNTEgMTEyLjY0LTc0Ljk4IDE4MS4wMi03NC45OHMxMzIuNjY3IDI2LjYyOSAxODEuMDIgNzQuOThjNDguMzUxIDQ4LjM1MyA3NC45OCAxMTIuNjQgNzQuOTggMTgxLjAycy0yNi42MjkgMTMyLjY2Ny03NC45OCAxODEuMDJjLTQ4LjM1MyA0OC4zNTEtMTEyLjY0IDc0Ljk4LTE4MS4wMiA3NC45OHptMC00NzJjLTExOS4xMDMgMC0yMTYgOTYuODk3LTIxNiAyMTZzOTYuODk3IDIxNiAyMTYgMjE2IDIxNi05Ni44OTcgMjE2LTIxNi05Ni44OTctMjE2LTIxNi0yMTZ6bS01Mi44NzkgMTg5LjQ2MSAyNS43NTktMzAuNjAyYy0yMS43MTgtMTguMjgyLTQ0LjMwMS0yNy42NTQtNjcuMTIxLTI3Ljg1Ni0uMjUzLS4wMDItLjUwMy0uMDAzLS43NTctLjAwMy0yMy4wNzkgMC00NS45MTUgOS4zNzItNjcuODggMjcuODU5bDI1Ljc1OSAzMC42MDNjMjkuMTI5LTI0LjUyIDU1LjExLTI0LjUyMSA4NC4yNC0uMDAxem0yMTQuMDgzLTMxLjUzM2MtNDUuMTg5LTM0LjgwMy05MS44MTMtMzQuNjg3LTEzNC44MzEuMzM1bDI1LjI1NCAzMS4wMmMyOC40ODgtMjMuMTkxIDU0Ljc1NS0yMy4wODggODUuMTY5LjMzNXptLTQxLjQ5NCAxMzIuNTEtMzEuNDItMjQuNzU1Yy0uMzE4LjQwNC0zMi40NTggNDAuMzc3LTg4LjI5IDQwLjM3Ny01NS4xNDcgMC04Ny4wMjQtMzguODA2LTg4LjM1NC00MC40NThsLjA2NC4wODEtMzEuNDIgMjQuNzU1YzEuNzkgMi4yNzEgNDQuNjg3IDU1LjYyMyAxMTkuNzEgNTUuNjIzczExNy45Mi01My4zNTIgMTE5LjcxLTU1LjYyM3oiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzhCQzM0QSIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48L2c+IDwvc3ZnPg==);
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  transition: none
}

.roomstate h4, .roomstate h3 {
  position: relative;
  display: inline-block;
  opacity: 1;
  margin: 0;
  text-transform: uppercase;
  color: #2c3c71;
  font-size: 10px;
}

.roomstate h4 {
  opacity: .6;
  padding-left: 2px
}

.statusnames {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  display: block;
  width: 100%;
  height: 22px;
  z-index: 22
}

input.tgl:checked~label span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl81IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2NCA2NCIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA2NCA2NCIgd2lkdGg9IjUxMiI+PGc+PGc+PHBhdGggZD0ibTUgNTNoMnY4aC0yeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRjIxMTRCIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im00MSA1MGMwLTEuNjU0LTEuMzQ2LTMtMy0zaC0zMmMtMS42NTQgMC0zIDEuMzQ2LTMgM3YxaDM4eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRjIxMTRCIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im0xNyA2MWgydi02aDJ2Nmgydi04aC02eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRjIxMTRCIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im05IDYxaDJ2LTZoMnY2aDJ2LThoLTZ6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGMjExNEIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTI0IDI2di0yLTE5YzAtMS4xMDMtLjg5Ny0yLTItMnMtMiAuODk3LTIgMnYzNGg0eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRjIxMTRCIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im0xNiA0MWMtLjU1MSAwLTEgLjQ0OS0xIDF2M2gxNHYtM2MwLS41NTEtLjQ0OS0xLTEtMXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0YyMTE0QiIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJtMjUgNjFoMnYtNmgydjZoMnYtOGgtNnoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0YyMTE0QiIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJtNTkgMjFjMC0xLjY1NC0xLjM0Ni0zLTMtM2gtMXYtMWMwLTEuNjU0LTEuMzQ2LTMtMy0zLTEuMTUxIDAtMi4xODMuNjUzLTIuNjkgMS43MDRsLS4zOTguODI0LS44NTYtLjMyNGMtLjk4NS0uMzczLTEuOTU0LS4yMTctMi43MzQuMzFsLTEuMDc2LjcyOC0uNDI5LTEuMjI2Yy0uNDIyLTEuMjA2LTEuNTU0LTIuMDE2LTIuODE3LTIuMDE2LTEuNDA4IDAtMi42NDIuOTk5LTIuOTMzIDIuMzc2bC0uMjIyIDEuMDQ4LTEuMDMxLS4yOTNjLS44NzgtLjI1MS0xLjQ1NC0uMTQtMi4xMTcuMTgybC0uODE5LjM5OS0uNDc0LS43NzhjLS43MzYtMS4yMTEtMi4wMDgtMS45MzQtMy40MDQtMS45MzQtMi4yMDYgMC00IDEuNzk0LTQgNHYyLjE4NGMuMzE0LS4xMTIuNjQ4LS4xODQgMS0uMTg0eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRjIxMTRCIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im0zMyA2MWgydi02aDJ2Nmgydi04aC02eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRjIxMTRCIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im0zMC4xNTggMzkuOTI1Yy41MTkuNTQuODQyIDEuMjY5Ljg0MiAyLjA3NXYzaDdjMi43NTcgMCA1IDIuMjQzIDUgNXYzaC0ydjRoMTEuNDY5YzEuNTEgMCAyLjc5LTEuMTMgMi45NzctMi42MjhsMi40NTMtMjUuMzcyaC0yOC43OTh6bTE4Ljg0MiAxMy4wNzVoM2wuMzkxLTMuMTI0IDEuOTg0LjI0OC0uMzkxIDMuMTI0Yy0uMTI0Ljk5OS0uOTc3IDEuNzUyLTEuOTg0IDEuNzUyaC0zem0tNCAwaDJ2MmgtMnptLTYtMjJoMnYyaC0yem0tNCAwaDJ2MmgtMnptLTQgMGgydjJoLTJ6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGMjExNEIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTYwIDIzaC0zM2MtLjU1MSAwLTEgLjQ0OS0xIDF2MmMwIC41NTEuNDQ5IDEgMSAxaDMzYy41NTEgMCAxLS40NDkgMS0xdi0yYzAtLjU1MS0uNDQ5LTEtMS0xeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRjIxMTRCIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxjaXJjbGUgY3g9IjYwIiBjeT0iOSIgcj0iMyIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRjIxMTRCIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMzgiIGN5PSI3IiByPSIzIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGMjExNEIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L2NpcmNsZT48Y2lyY2xlIGN4PSI1MiIgY3k9IjUiIHI9IjQiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0YyMTE0QiIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjYiIGN5PSIzMyIgcj0iMyIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRjIxMTRCIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTIiIGN5PSIyMCIgcj0iNCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRjIxMTRCIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iNiIgY3k9IjEwIiByPSIzIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGMjExNEIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L2NpcmNsZT48L2c+PC9nPiA8L3N2Zz4=)
}

.roomname h3 span {
  font-weight: 100;
  font-style: italic;
  font-size: 11px;
  color: #8c95af;
  padding-left: 5px
}

.nextres {
  position: absolute;
  right: 7px;
  top: 4px;
  color: #8c95af;
  font-style: italic;
  font-weight: bold;
}

.areas .oneroom {
    height: 40px;
}

.areas .oneroom .roomname {
    height: 40px;
    line-height: 0px;
    padding-top: 0;
    padding-bottom: 0;
}

.areas .oneroom .roomname h3 {
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
}

.uprneup {
    display: inline-block;
}

.date {
    margin-left: 10px;
    margin-right: 20px;
    width: 200px
}

.filbut {
    width: calc(100% - 230px);
}

input.tgl.linen:checked~label {
    background: #f1d3b0;
    border-left: 5px solid #e99000;
}

input.tgl.linen:checked~label span {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0U5OTAwMDt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTc0LjQsMjUxLjVoNi40VjI3N2gtNi40VjI1MS41eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODksMjQyYzAtNS4zLTQuMy05LjYtOS41LTkuNkg3Ny42Yy01LjMsMC05LjYsNC4zLTkuNiw5LjZ2My4yaDEyMVYyNDJ6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExMi42LDI3N2g2LjR2LTE5LjFoNi40VjI3N2g2LjR2LTI1LjVoLTE5LjFWMjc3eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04Ny4xLDI3N2g2LjR2LTE5LjFoNi40VjI3N2g2LjR2LTI1LjVIODcuMVYyNzd6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzNC45LDE2NS42di02LjRWOTguN2MwLTMuNS0yLjktNi40LTYuNC02LjRjLTMuNSwwLTYuNCwyLjktNi40LDYuNFYyMDdoMTIuN1YxNjUuNnoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTA5LjQsMjEzLjNjLTEuOCwwLTMuMiwxLjQtMy4yLDMuMnY5LjZoNDQuNnYtOS42YzAtMS44LTEuNC0zLjItMy4yLTMuMkgxMDkuNHoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTM4LDI3N2g2LjR2LTE5LjFoNi40VjI3N2g2LjR2LTI1LjVIMTM4VjI3N3oiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQ2LjMsMTQ5LjdjMC01LjMtNC4zLTkuNi05LjYtOS42aC0zLjJ2LTMuMmMwLTUuMy00LjMtOS42LTkuNi05LjZjLTMuNywwLTYuOSwyLjEtOC42LDUuNGwtMS4zLDIuNmwtMi43LTEKCQkJYy0zLjEtMS4yLTYuMi0wLjctOC43LDFsLTMuNCwyLjNsLTEuNC0zLjljLTEuMy0zLjgtNC45LTYuNC05LTYuNGMtNC41LDAtOC40LDMuMi05LjMsNy42bC0wLjcsMy4zbC0zLjMtMC45CgkJCWMtMi44LTAuOC00LjYtMC40LTYuNywwLjZsLTIuNiwxLjNsLTEuNS0yLjVjLTIuMy0zLjktNi40LTYuMi0xMC44LTYuMmMtNywwLTEyLjcsNS43LTEyLjcsMTIuN3Y3YzEtMC40LDIuMS0wLjYsMy4yLTAuNkgyNDYuM3oiCgkJCS8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2My41LDI3N2g2LjR2LTE5LjFoNi40VjI3N2g2LjR2LTI1LjVoLTE5LjFWMjc3eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTQuNSwyMDkuOWMxLjcsMS43LDIuNyw0LDIuNyw2LjZ2OS42aDIyLjNjOC44LDAsMTUuOSw3LjEsMTUuOSwxNS45djkuNkgxODl2MTIuN2gzNi41CgkJCWM0LjgsMCw4LjktMy42LDkuNS04LjRsNy44LTgwLjhoLTkxLjdMMTU0LjUsMjA5Ljl6IE0yMTQuNCwyNTEuNWg5LjZsMS4yLTkuOWw2LjMsMC44bC0xLjIsOS45Yy0wLjQsMy4yLTMuMSw1LjYtNi4zLDUuNmgtOS42CgkJCVYyNTEuNXogTTIwMS43LDI1MS41aDYuNHY2LjRoLTYuNFYyNTEuNXogTTE4Mi42LDE4MS41aDYuNHY2LjRoLTYuNFYxODEuNXogTTE2OS45LDE4MS41aDYuNHY2LjRoLTYuNFYxODEuNXogTTE1Ny4xLDE4MS41aDYuNAoJCQl2Ni40aC02LjRWMTgxLjV6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI0OS40LDE1NkgxNDQuNGMtMS44LDAtMy4yLDEuNC0zLjIsMy4ydjYuNGMwLDEuOCwxLjQsMy4yLDMuMiwzLjJoMTA1LjFjMS44LDAsMy4yLTEuNCwzLjItMy4ydi02LjQKCQkJQzI1Mi42LDE1Ny41LDI1MS4yLDE1NiwyNDkuNCwxNTZ6Ii8+CgkJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMjQ5LjQiIGN5PSIxMTEuNSIgcj0iOS42Ii8+CgkJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTc5LjQiIGN5PSIxMDUuMSIgcj0iOS42Ii8+CgkJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMjI0IiBjeT0iOTguNyIgcj0iMTIuNyIvPgoJCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ijc3LjYiIGN5PSIxODcuOSIgcj0iOS42Ii8+CgkJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iOTYuNyIgY3k9IjE0Ni41IiByPSIxMi43Ii8+CgkJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNzcuNiIgY3k9IjExNC43IiByPSI5LjYiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnIGlkPSJQYWdlLTEiPgoJCTxnIGlkPSJfeDMwXzM3LS0tU2hlZXQiPgoJCQk8cGF0aCBpZD0iU2hhcGUiIGNsYXNzPSJzdDAiIGQ9Ik0yODkuNiwzMjkuNmgxMzguNWM5LjYsMCwxOC44LDMuNSwyNS45LDEwbC02LjktMzMuN2MtMy45LTE3LjktMTkuOC0zMC44LTM4LjEtMzAuOEgyOTUKCQkJCWMtMTguNCwwLjEtMzQuMiwxMi45LTM4LjEsMzAuOGwtOSw0Mi4yYzAuMy0wLjMsMC41LTAuNiwwLjgtMC45QzI1OS4zLDMzNS45LDI3NC4xLDMyOS42LDI4OS42LDMyOS42TDI4OS42LDMyOS42eiBNMzQyLjMsMjgyLjgKCQkJCWMyLjIsMCwzLjksMS43LDMuOSwzLjlzLTEuNywzLjktMy45LDMuOXMtMy45LTEuNy0zLjktMy45UzM0MC4xLDI4Mi44LDM0Mi4zLDI4Mi44eiBNMjY0LjUsMzA3LjVjMy4xLTE0LjQsMTUuOC0yNC42LDMwLjUtMjQuNwoJCQkJaDMxLjZjMi4yLDAsMy45LDEuNywzLjksMy45cy0xLjcsMy45LTMuOSwzLjlIMjk1Yy0xMSwwLTIwLjUsNy43LTIyLjksMTguNWMtMC40LDEuOC0yLDMuMS0zLjgsMy4xYy0wLjMsMC0wLjUsMC0wLjgtMC4xCgkJCQljLTEtMC4yLTEuOS0wLjgtMi41LTEuN0MyNjQuNSwzMDkuNSwyNjQuMywzMDguNSwyNjQuNSwzMDcuNXoiLz4KCQkJPHBhdGggaWQ9IlNoYXBlXzAwMDAwMDUwNjU2NTUzOTg2Mjc4NjUzODMwMDAwMDE0NDk4OTgyOTQ4Njc5NTA5NDE5XyIgY2xhc3M9InN0MCIgZD0iTTQ0NC45LDQwNy42SDI4OS42CgkJCQljLTYuMSwwLTExLjgtMi42LTE1LjktNy4xcy02LTEwLjUtNS41LTE2LjVjMS40LTExLjEsMTAuOS0xOS40LDIyLjEtMTkuM2gxMzcuN2MyLjIsMCwzLjksMS43LDMuOSwzLjlzLTEuNywzLjktMy45LDMuOUgyOTAuNAoJCQkJYy03LjItMC4xLTEzLjQsNS4xLTE0LjQsMTIuM2MtMC40LDMuOCwwLjksNy43LDMuNSwxMC41YzIuNiwyLjksNi4zLDQuNSwxMC4xLDQuNWgxMzguNWMxNy4yLDAsMzEuMi0xNCwzMS4yLTMxLjIKCQkJCXMtMTQtMzEuMi0zMS4yLTMxLjJIMjg5LjZjLTEzLjQsMC0yNi4xLDUuNS0zNS4zLDE1LjJjLTkuMiw5LjctMTQsMjIuNy0xMy40LDM2YzEuNywyNi40LDIzLjgsNDYuNyw1MC4yLDQ2LjNoMTU0LjUKCQkJCWMzLjgsMCw3LjUtMS42LDEwLjEtNC41YzIuNi0yLjksMy45LTYuNywzLjUtMTAuNUM0NTguMyw0MTIuOCw0NTIuMSw0MDcuNSw0NDQuOSw0MDcuNkw0NDQuOSw0MDcuNnoiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==);
    background-size: 65px;
}

input.linen.tgl~label span {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzhCQzM0QTt9Cgkuc3Qxe2ZpbGw6I0Q1RTNDODt9Cgkuc3Qye2ZpbGw6IzY2OTcyRTt9Cjwvc3R5bGU+CjxnPgoJPGcgaWQ9IlBhZ2UtMSI+CgkJPGcgaWQ9Il94MzBfMzctLS1TaGVldCI+CgkJCTxwYXRoIGlkPSJTaGFwZSIgY2xhc3M9InN0MCIgZD0iTTE1MS43LDIxMC4ySDM4OGMxNi4zLDAsMzIuMSw2LjEsNDQuMywxN2wtMTEuOC01Ny42Yy02LjctMzAuNi0zMy43LTUyLjUtNjUtNTIuNkgxNjEKCQkJCWMtMzEuMywwLjEtNTguNCwyMi02NSw1Mi42bC0xNS40LDcyLjFjMC41LTAuNSwwLjgtMSwxLjMtMS41QzEwMCwyMjEsMTI1LjMsMjEwLjEsMTUxLjcsMjEwLjJMMTUxLjcsMjEwLjJ6IE0yNDEuNiwxMzAuMwoJCQkJYzMuNywwLDYuNywzLDYuNyw2LjdjMCwzLjctMyw2LjctNi43LDYuN2MtMy43LDAtNi43LTMtNi43LTYuN0MyMzQuOSwxMzMuMywyMzcuOSwxMzAuMywyNDEuNiwxMzAuM3ogTTEwOC45LDE3Mi40CgkJCQljNS4zLTI0LjUsMjctNDIsNTItNDIuMWg1NGMzLjcsMCw2LjcsMyw2LjcsNi43YzAsMy43LTMsNi43LTYuNyw2LjdoLTU0Yy0xOC44LDAuMS0zNSwxMy4yLTM5LDMxLjZjLTAuNywzLjEtMy40LDUuMy02LjUsNS4zCgkJCQljLTAuNSwwLTAuOSwwLTEuNC0wLjFjLTEuNy0wLjQtMy4yLTEuNC00LjItMi45QzEwOC45LDE3NS45LDEwOC42LDE3NC4xLDEwOC45LDE3Mi40eiIvPgoJCQk8cGF0aCBpZD0iU2hhcGVfMDAwMDAwNTA2NTY1NTM5ODYyNzg2NTM4MzAwMDAwMTQ0OTg5ODI5NDg2Nzk1MDk0MTlfIiBjbGFzcz0ic3QwIiBkPSJNNDE2LjcsMzQzLjNoLTI2NQoJCQkJYy0xMC4zLDAtMjAuMi00LjQtMjcuMS0xMi4xYy02LjktNy43LTEwLjMtMTcuOS05LjMtMjguMmMyLjQtMTksMTguNi0zMy4yLDM3LjgtMzNoMjM1YzMuNywwLDYuNywzLDYuNyw2LjdjMCwzLjctMyw2LjctNi43LDYuNwoJCQkJaC0yMzVjLTEyLjMtMC4zLTIyLjksOC44LTI0LjUsMjFjLTAuNyw2LjYsMS41LDEzLjEsNS45LDE4czEwLjcsNy43LDE3LjMsNy43SDM4OGMyOS40LDAsNTMuMy0yMy44LDUzLjMtNTMuMwoJCQkJYzAtMjkuNC0yMy44LTUzLjMtNTMuMy01My4zSDE1MS43Yy0yMi44LDAtNDQuNiw5LjQtNjAuMywyNS45cy0yNCwzOC43LTIyLjgsNjEuNWMyLjksNDUsNDAuNiw3OS44LDg1LjcsNzlINDE4CgkJCQljNi42LDAsMTIuOC0yLjgsMTcuMi03LjZjNC41LTQuOSw2LjYtMTEuNCw1LjktMThDNDM5LjUsMzUyLjEsNDI5LDM0My4xLDQxNi43LDM0My4zTDQxNi43LDM0My4zeiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8ZyBpZD0iTGF5ZXJfMiI+CjwvZz4KPGcgaWQ9IkxheWVyXzMiPgoJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iMzgwLjEiIGN5PSIzNzUuOSIgcj0iNjUuNCIvPgo8L2c+CjxnPgoJPGcgaWQ9IkxheWVyXzQzXzAwMDAwMDI5NzI4MjQ0MjI2NzQ0MTYwMDkwMDAwMDAyMTU4ODc4NjEzMTQyNjA4MDAyXyI+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTM2OC43LDI3NmMtNTMuNCwwLTk2LjcsNDMuMy05Ni43LDk2LjdzNDMuMyw5Ni43LDk2LjcsOTYuN3M5Ni43LTQzLjMsOTYuNy05Ni43UzQyMi4xLDI3NiwzNjguNywyNzZ6CgkJCSBNNDE0LjIsMzUwLjVsLTU4LDU4Yy0zLjgsMy44LTkuOSwzLjgtMTMuNywwLjFjMCwwLDAsMC0wLjEtMC4xbC0xOS4zLTE5LjNjLTMuOC0zLjgtMy44LTkuOSwwLTEzLjdzOS45LTMuOCwxMy43LDBsMTIuNSwxMi42CgkJCWw1MS4xLTUxLjJjMy44LTMuOCw5LjktMy44LDEzLjcsMEM0MTgsMzQwLjYsNDE4LDM0Ni43LDQxNC4yLDM1MC41eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);
    background-size: 45px;
}

.mbr-add {
    padding: 10px 0 40px;
}

.mbr-add .mbr-item {
    display: inline-block;
    font-size: 16px;
    padding: 10px 20px;
    background-color: #262e57;
    color: white;
    margin: 4px;
    border-radius: 40px;
    cursor: pointer;
    transition: 600ms;
    padding-left: 40px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Im0yNTYgMGMtMTQxLjE2NDA2MiAwLTI1NiAxMTQuODM1OTM4LTI1NiAyNTZzMTE0LjgzNTkzOCAyNTYgMjU2IDI1NiAyNTYtMTE0LjgzNTkzOCAyNTYtMjU2LTExNC44MzU5MzgtMjU2LTI1Ni0yNTZ6bTExMiAyNzcuMzMyMDMxaC05MC42Njc5Njl2OTAuNjY3OTY5YzAgMTEuNzc3MzQ0LTkuNTU0Njg3IDIxLjMzMjAzMS0yMS4zMzIwMzEgMjEuMzMyMDMxcy0yMS4zMzIwMzEtOS41NTQ2ODctMjEuMzMyMDMxLTIxLjMzMjAzMXYtOTAuNjY3OTY5aC05MC42Njc5NjljLTExLjc3NzM0NCAwLTIxLjMzMjAzMS05LjU1NDY4Ny0yMS4zMzIwMzEtMjEuMzMyMDMxczkuNTU0Njg3LTIxLjMzMjAzMSAyMS4zMzIwMzEtMjEuMzMyMDMxaDkwLjY2Nzk2OXYtOTAuNjY3OTY5YzAtMTEuNzc3MzQ0IDkuNTU0Njg3LTIxLjMzMjAzMSAyMS4zMzIwMzEtMjEuMzMyMDMxczIxLjMzMjAzMSA5LjU1NDY4NyAyMS4zMzIwMzEgMjEuMzMyMDMxdjkwLjY2Nzk2OWg5MC42Njc5NjljMTEuNzc3MzQ0IDAgMjEuMzMyMDMxIDkuNTU0Njg3IDIxLjMzMjAzMSAyMS4zMzIwMzFzLTkuNTU0Njg3IDIxLjMzMjAzMS0yMS4zMzIwMzEgMjEuMzMyMDMxem0wIDAiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 14px center;
    font-weight: 400;
}

.mbr-add .mbr-item:hover {
    background-color: #ff0047;
}

.mbr-modal h3 {
    font-weight: 500;
    opacity: .5;
    margin: 0;
    margin-top: -10px;
    margin-bottom: 10px;
    font-style: italic;
}

.mbr-bill {
    padding: 10px;
    border-top: 1px dashed;
}

.mbr-carditem div {
    display: inline-block;
}

.mbr-carditem {
    padding: 5px 0;
}

.mbr-date {
    float: none;
    opacity: .5;
    margin-left: 15px;
    font-style: italic;
    font-size: 80%;
}

.oneroom.temp {
  opacity: 0.5;
}


.oneroom.nores .persons img {
  opacity: 0
}

.oneroom.nores .roomname h3 {
  padding: 6px 12px 7px;
}

.oneroom.nores input.tgl~label span {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
}

.inrow p:empty {
  display: inline-block;
  line-height: 18px;
  transform: translateY(3px);
  margin: 0px auto;
  min-width: 1px;
  min-height: 26px;
}

.inrow.persons p:empty {
  display: inline-block;
  line-height: 18px;
  transform: translateY(3px);
  margin: 0px auto;
  min-width: 1px;
  min-height: 33px;
}

.photo .hidden {
  display: none
}

.defects .item {
  padding-bottom: 15px;
  border-bottom: 1px dashed #393f6338;
  padding-top: 15px;
}

.defects .item:last-child {
  border-bottom: none;
}

.defects .item .photo {
  margin: 10px 35px;
  position: relative;
}

.defects .item .photo img {
  width: 100%;
}

.defects .item .photo .delimg {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background-color: #ffffff8a;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0ibTYyLjIwNSAxNTAgMjYuNTY5IDMyMC43MzVDOTAuNjc4IDQ5My44NjUgMTEwLjM4IDUxMiAxMzMuNTk4IDUxMmgyNDQuODA1YzIzLjIxOCAwIDQyLjkyLTE4LjEzNSA0NC44MjQtNDEuMjY1TDQ0OS43OTUgMTUwSDYyLjIwNXptMTE4Ljc4MSAzMDJjLTcuODUyIDAtMTQuNDU4LTYuMTA4LTE0Ljk1Ni0xNC4wNjNsLTE1LTI0MmMtLjUxMy04LjI3NiA1Ljc3MS0xNS4zOTUgMTQuMDMzLTE1LjkwOCA4LjU2OS0uNjAxIDE1LjM4MSA1Ljc1NyAxNS45MDggMTQuMDMzbDE1IDI0MmMuNTMxIDguNTctNi4yNSAxNS45MzgtMTQuOTg1IDE1LjkzOHpNMjcxIDQzN2MwIDguMjkxLTYuNzA5IDE1LTE1IDE1cy0xNS02LjcwOS0xNS0xNVYxOTVjMC04LjI5MSA2LjcwOS0xNSAxNS0xNXMxNSA2LjcwOSAxNSAxNXYyNDJ6bTg5Ljk3LTI0MS4wNjItMTUgMjQyYy0uNDkzIDcuODc0LTcuMDU2IDE0LjQzNi0xNS45MDggMTQuMDMzLTguMjYyLS41MTMtMTQuNTQ2LTcuNjMyLTE0LjAzMy0xNS45MDhsMTUtMjQyYy41MTMtOC4yNzYgNy43NjQtMTQuMjk3IDE1LjkwOC0xNC4wMzMgOC4yNjIuNTEzIDE0LjU0NiA3LjYzMiAxNC4wMzMgMTUuOTA4ek00NTEgNjBoLTkwVjQ1YzAtMjQuODE0LTIwLjE4Ni00NS00NS00NUgxOTZjLTI0LjgxNCAwLTQ1IDIwLjE4Ni00NSA0NXYxNUg2MWMtMTYuNTY5IDAtMzAgMTMuNDMxLTMwIDMwIDAgMTYuNTY3IDEzLjQzMSAzMCAzMCAzMGgzOTBjMTYuNTY5IDAgMzAtMTMuNDMzIDMwLTMwIDAtMTYuNTY5LTEzLjQzMS0zMC0zMC0zMHptLTEyMCAwSDE4MVY0NWMwLTguMjc2IDYuNzI0LTE1IDE1LTE1aDEyMGM4LjI3NiAwIDE1IDYuNzI0IDE1IDE1djE1eiIgZmlsbD0iI2Q4MDAzYyIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: 26px;
  background-position: center;
  font-size: 0;
  cursor: pointer;
}

#popie .content {
  display: flex;
  align-items: center;
  justify-content: center;
}


.rm-conbl {
  display: flex;
  gap: 20px; /* Medzera medzi buttonmi */
}

.rm-confirm,
.rm-cancel {
  width: 120px; /* Rovnaká šírka pre oba buttony */
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 0.3s ease;
}

.rm-confirm {
  background-color: #8bc34a;
  color: white;
  border: 2px solid #8bc34a;
}

.rm-confirm:hover {
  background-color: #679b2a;
  border-color: #679b2a;
}

.rm-cancel {
  background-color: #f60f4a;
  color: white;
  border: 2px solid #f60f4a;
}

.rm-cancel:hover {
  background-color: #c11440;
  border-color: #c11440;
}

@media only screen and (max-width:1000px) {
  .roomiehead {
    background: #2c3c71;
    vertical-align: middle;
    display: block;
    position: relative;
    width: 100vw;
    height: 50px
  }

  footer .col-md-8 {
    width: 40%;
    float: right;
    flex: auto;
  }

  .roomiehead img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .roomname {
    width: 100%
  }

  .filbut {
    position: absolute;
    right: 10px;
    width: 100%;
  }

  .oneroom {
    position: relative;
    width: 96%;
  }
}

@media only screen and (max-width:820px) {
  .filbut, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    position: relative;
    width: 100%;
  }

  .uprneup {
    margin-top: 10px;
  }

  body.fixed {
    position: fixed;

    right: 0px
  }

  #notes img {
    width: 20px;
    transform: translateY(-16px)translateX(-2px);
  }

  .notes {
    position: absolute;
    right: 0;
    top: 50px;
    width: 50px;
  }

  .defect {
    position: absolute;
    right: 0;
    top: 78px;
    width: 50px;
  }

  footer .col-md-4 {
    width: 60%;
  }

  footer .col-md-8 {
    width: 40%;
  }

  .inrow.persons {
    display: block;
    position: relative;
    width: 100%;
    margin-left: 2px;
    height: 30px;
  }

  .inrow.dates {
    width: 220px;
    position: relative;
  }

  .inrow.status {
    position: absolute;
  }

  .date {
    margin-left: 10px;
    text-align: center;
  }

  .filbut {
    position: relative;
    right: unset;
    float: none;
    text-align: center;
  }

  .onefilt {
    display: inline-block;
    margin: 4px 5px 8px;
    float: none;
  }

  .oneroom .col-md-10 {
    width: calc(100% - 90px);
    flex-basis: calc(100% - 90px);
    max-width: calc(100% - 90px);
  }

  .inrow p {
    display: inline-block;
    line-height: 18px;
    transform: translateY(3px);
    margin: 3px auto;
  }

  .inrow.dates p {
    margin-bottom: 12px;
    font-size: 12px;
  }

  #notes img {
    width: 26px;
    transform: translate(-50%, -50%);
  }

  .dates {
    padding-left: 15px;
  }

  .filbut {
    position: relative;
    right: unset;
    float: none;
    text-align: center;
    margin: 10px 0 10px;
  }

  .notes {
    position: absolute;
    right: 50px;
    top: unset;
    width: 40px;
    bottom: 0px;
    display: block;
    padding: 0;
    height: 40px;
  }

  main .content {
    overflow-x: scroll;
  }

  .caltable {
    width: 100%;
    border-radius: 5px;

    margin-bottom: 180px;
    min-width: calc(185 * 60px + 150px);
  }

  .calico {
    font-size: 0;
    width: 30px;
    height: 30px;
    background: url(/manager/img/print-ico.svg) 50% 50% no-repeat;
    background-size: 24px;
    background-position: center center;
    cursor: pointer;
    margin: 0 1px 0px;
    opacity: .7;
    transition: 400ms;
    display: inline-block;
    transform: translateY(-8px);
  }

  .content.printselect form input:not(.submit) {
    text-align: left !important;
    max-width: 70px !important;
    ;
    padding-left: 10px !important;
    ;
    font-size: 12px !important;
    ;
  }

  .content.printselect input.submit {
    background: #f61149;
    border: none;
    color: white !important;
    font-size: 13px !important;
    ;
    padding: 5px 22px !important;
    ;
  }

  .ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 0em;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 25px;
    height: 30px;
    line-height: 35px;
  }

  #ui-datepicker-div {
    left: 0
  }
}

@media only screen and (max-width: 440px) {
  .defects .item .text {
    display: table;
  }

  .defects .item .text::before {
    top: 7px;
  }

  input.tgl~label span, input.tgl:checked~label span {
    background-size: 35px !important;
    top: 65%;
  }

  input.linen~label span, input.tgl.linen:checked~label span {
    background-size: 65px !important;
    top: 65%;
  }

  .statusnames {
    height: 40px
  }

  .roomstate h4, .roomstate h3 {
    position: relative;
    display: inline-block;
    opacity: 1;
    margin: 0;
    text-transform: uppercase;
    color: #2c3c71;
    font-size: 9px;
  }

  .roomstate h4 {
    opacity: .6;
    padding-left: 0px;
    display: block;
    line-height: 8px;
    font-size: 15px;
  }

  .statusnames {
    left: 53%;
    padding-top: 7px;
  }

  .oneroom {
    position: relative;
    width: 96%;
  }

  #popie .content {
    background: white;
    width: calc(100% - 40px);
    min-height: 200px;
    max-height: 75vh;
    overflow-y: scroll;
    border-radius: 5px;
    box-shadow: 0 0 40px #171d3c;
    padding: 8px 20px;
  }

  #sleeppopie {
    position: absolute;
    top: -50px;
    width: 50px;
    height: 50px;
  }

  .roomname h3 {
    color: #131b35;
    padding: 8px 14px 0px 12px;
    font-size: 16px;
    margin: 0;
    max-width: 24ch;
    text-overflow: ellipsis;
    height: 16px;
    white-space: nowrap;

    display: inline-block;
  }

  .inrow p {
    display: inline-block;
    line-height: 16px;
    transform: translateY(3px);
    margin: 3px auto;
    width: 225px;
    height: 20px;

    padding-left: 12px;
  }

  .inrow img {
    display: inline-block;
    width: 17px;
    margin-right: 7px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-75%);
  }

  .roomstatus.inrow p {
    text-align: left;
    margin-left: 10px;
    padding-left: 20px;
    transform: none;
    width: unset;
    padding-top: 5px;
  }

  .roomtel.inrow {
    margin-bottom: -13px;
  }

  #popie .content h2 {
    font-size: 16px;
  }

  .inrow.persons p {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 0
  }

  .inrow.persons img {
    display: inline-block;
    width: 17px;
    margin-right: 7px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-55%);
  }

  footer .col-md-8 {
    width: 40%
  }

  footer .col-md-4 {
    width: 60%
  }

  .fixedname h2 {
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 15ch;
    font-size: 12px;
  }

  footer p {
    font-size: 12px;
  }

  .roomstat {
    margin-right: 12px;
    margin-top: 9px;
  }

  footer img {
    filter: brightness(100);
    line-height: 20px;
    display: inline-block;
    margin-right: 0px;
    margin-left: 10px;
    transform: translateY(3px);
    width: 16px;
  }

  .persons {
    transform: translateY(4px);
  }

  .inrow img {
    display: inline-block;
    width: 13px;
    margin-right: 7px;
    vertical-align: middle;
    transform: none;
    top: 0;
  }

  .defect {
    position: absolute;
    right: 0;
    bottom: 30px;
    top: unset;
    width: 50px;
  }

  .inrow.minibar .js-minibar {
    width: 40px;
    height: 40px;
  }

  .inrow.minibar .js-minibar img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 22px;
}

  .roomname {
    border: none
  }

  .roomname::before {
    display: none
  }

  .dates img {
    transform: translateY(7px);
  }

  .notes {
    position: absolute;
    right: 0;
    top: 0;
    bottom: unset;
    width: 40px;
    height: 45px;
    padding: 0;
  }

  .roomname {
    border: none;
    background: linear-gradient(to right, rgba(44, 60, 113, 0.2) 10%, transparent 60%);
  }

  #notes img {
    width: 26px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-right: unset;
  }

  #defect img {
    width: 20px;
    margin: 0;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .defects .item .date {
    display: block;
    font-size: 10px;
    font-style: italic;
    opacity: .5;
    text-align: right;
  }
}

@media only screen and (max-width:350px) {
  .roomname h3 {
    max-width: 20ch;
  }

  .inrow.dates, .inrow.persons {
    width: 190px;
    position: relative;
    height: 30px;

    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .inrow.dates p {
    margin-bottom: 8px;
    font-size: 11px;
  }

  .inrow.persons img {
    display: inline-block;
    width: 17px;
    margin-right: 7px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-65%);
  }

  .oneroom {
    position: relative;
    width: 96%;
  }

  .defect {
    position: absolute;
    right: 0;
    top: 68px;
    width: 50px;
  }
}

@media only screen and (max-width:340px) {
  .dates img {
    display: none
  }

  .inrow.dates p {
    margin-bottom: 8px;
    font-size: 11px;
    margin-left: 0;
    padding: 0;
  }
}

.caltable {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 180px;
  overflow-x: auto;
}

.caltable .trdates {
  background: #2c3c71;
  color: #ffffff;
}

.caltable .trstock {
  background: #ffffff;
}

.caltable .tr {
  width: 100%;
  border-bottom: 1px dashed rgba(44, 60, 113, 0.2);
  display: flex;
  align-items: stretch;
  height: 30px;
}

.caltable .td {
  display: block;
  height: 30px;
  width: -webkit-fill-available;
  border-right: 1px dashed rgba(44, 60, 113, 0.2);
  background: white;
  text-align: center;
  min-width: 40px
}

.caltable .trdates .td {
  line-height: 30px;
  display: block;
  width: -webkit-fill-available;
  text-align: center;
  background: #2c3c70;
  font-weight: 600;
  font-size: 10px;
  border-right: 1px solid #a5adc233;
}

.caltable .td.wed {
  background: #d2707021
}

.caltable .trdates .td.wed {
  background: #d2707070;
}

.caltable tr.trdates .td {
  background: #2c3c70;
  font-weight: 600;
  color: white;
}

.caltable .trdates .td.today {
  color: #f60f4a;
  background: #f60f4a85
}

.caltable .trstock .td span {
  width: 100%;
  line-height: 30px;
  text-align: left;
  display: block;
  padding-left: 12px;
}

.caltable .calday span {
  display: inline-block;
  width: calc(100% + 2px);
  height: 90%;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 50px;
  border-radius: 0;
  margin: 0;
  padding: 0;
  line-height: 27px;
  margin-top: 2.5%;
  background: #a5adc2;
  color: #a5adc2
}

.caltable .calday span.rpos_0 {
  width: calc(100% + 2px)
}

.caltable .calday span.rpos_1, .caltable .calday span.rpos_2 {
  width: 50%;
}

.caltable .calday span.rpos_1 {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  background: #7c87a6;
  margin-right: -2px;
  color: #b7bfd4;
  float: right;
  font-weight: 600;
  font-size: 12px;
  position: relative;
}

.caltable .calday span.rpos_1::after {
  content: '';
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJtMjMgMTlhMSAxIDAgMCAxIC0xIDFoLTEyYTEgMSAwIDAgMSAtMS0xIDYgNiAwIDAgMSA2LTZoMmE2IDYgMCAwIDEgNiA2em0tNy0xNWE0IDQgMCAxIDAgNCA0IDQgNCAwIDAgMCAtNC00em0tOSAwYTQgNCAwIDEgMCA0IDQgNCA0IDAgMCAwIC00LTR6bTAgMTVhNy45NCA3Ljk0IDAgMCAxIDIuMzUtNS42NSA1LjQzIDUuNDMgMCAwIDAgLTEuOTEtLjM1aC0uODhhNS41NyA1LjU3IDAgMCAwIC01LjU2IDUuNTZ2LjQ0YTEgMSAwIDAgMCAxIDFoNS4xOGEzIDMgMCAwIDEgLS4xOC0xeiIgZmlsbD0iIzdjODdhNiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
}

.caltable .calday span.rpos_2 {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background: #a5adc2;
  color: #a5adc2;
  margin-left: -2px;
  float: left;
}

.caltable .trstock .td, .caltable .trstock .td:hover {
  border: none;
  background: #111f4d;
  font-weight: 300;
  text-align: left;
  color: white;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 2px;
  font-size: 8px;
}

.caltable .td.respos_0 span {
  background: rgba(44, 60, 113, 0.2);
}

.caltable .td.respos_1 span {
  background: rgb(139 195 74 / 80%);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  width: calc(50% - 2px);
  float: right;
  margin-right: -1px;
  color: #537c24;
}

.caltable .td.respos_2 span {
  background: rgb(179 184 197 / 70%);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  width: calc(100% - 2px);
}

.caltable .td.calday.today {
  background: rgb(255 164 186 / 30%)
}

.caltable .td.tdrname {
  background: #2c3c6f !important;
  color: white;
  font-weight: 600;
  line-height: 28px;
  min-width: 160px;
  z-index: 545;
  font-size: 11px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTYgNTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxnIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PHBhdGggZD0iTTI2LjEgMzUuMDIxYTcgNyAwIDAgMCA0LjA4NiAxLjAyOWMxLjM3LS4wMiAyLjczLS4yNSA0LjAzLS42ODFhNi4xIDYuMSAwIDAgMC0zLjU5MS00LjEzNiA0LjQxMyA0LjQxMyAwIDAgMC0zLjYuMDQ1IDUgNSAwIDAgMC0yLjI1MiAyLjU4Yy4zNzkuNDU1LjgyNi44NDcgMS4zMjcgMS4xNjN6TTMxLjkgNDUuNDc4YTUuOSA1LjkgMCAwIDEgMi45ODItNC4zNTUgMzQuNjI5IDM0LjYyOSAwIDAgMC0uMzE1LTMuNzUyIDE2LjI2MSAxNi4yNjEgMCAwIDEtNC42NjEuNjg0IDguOTMgOC45MyAwIDAgMS00LjktMS4zNTcgOC4xNDUgOC4xNDUgMCAwIDEtMS4yMzItLjk3NmMtMi4yMTkgMy41MTEtOC4yNDcgOS44LTIzLjYxNiAxMi4xMjcuMjY4Ljk5OC43MzggMS45MyAxLjM4IDIuNzQgMy4xMTgtLjQ1OSA4LjMyOS0xLjQ3MyAxMS45ODQtMy40NjdhMSAxIDAgMSAxIC45NTcgMS43NTZBMzcuNjk0IDM3LjY5NCAwIDAgMSAzLjI0NSA1Mi4zNGExNi41NTIgMTYuNTUyIDAgMCAwIDQuMjQxIDIuNDZDMTMgNTMuMjU4IDIwLjI0NSA1MC4yMjMgMjQuMTc1IDQ0LjQzOGExIDEgMCAwIDEgMS42NTQgMS4xMjRjLTMuNjM1IDUuMzUtOS43NTYgOC41LTE1LjEgMTAuMzI2LjE3NC4wNDYuMzM0LjEuNTEzLjE0MiAxLjk5NS40OTYgNC4wMy44MjIgNi4wOC45NzNhMjEuNTI2IDIxLjUyNiAwIDAgMCA2Ljk5My01LjMwMyAxIDEgMCAwIDEgMS41MzQgMS4yODUgMjEuNTc0IDIxLjU3NCAwIDAgMS00LjU0NCA0LjAyNSAxNi4xOTQgMTYuMTk0IDAgMCAwIDguMTk1LTIuNjg1IDUuODQ2IDUuODQ2IDAgMCAxLTEuMTMxLTMuNDU0IDUuOTI4IDUuOTI4IDAgMCAxIDMuNTMxLTUuMzkzek0zMS43ODYgMjkuNTc2bDUuMTg1LTI2LjhhMS41IDEuNSAwIDEgMC0yLjkzNy0uNTcxbC01LjE1OCAyNi42NzljLjg0LjAxNiAxLjY3Mi4xNzkgMi40NTcuNDguMTU3LjA2LjMwMi4xNDEuNDUzLjIxMnoiIGZpbGw9IiNmMTAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJNNTIuMTM0IDQ2LjM3YTEgMSAwIDAgMS0uODQzLS44QTUuNjMyIDUuNjMyIDAgMCAwIDQxLjQ1NSA0M2ExIDEgMCAwIDEtMS4zNzEuMTUxIDMuODQ1IDMuODQ1IDAgMCAwLTIuMzUxLS43ODkgMy45IDMuOSAwIDAgMC0zLjg4MiAzLjg0IDEgMSAwIDAgMS0uNzEzLjk0NyAzLjg4MSAzLjg4MSAwIDEgMCAzLjE0NyA3LjAyMSAxIDEgMCAwIDEgMS4zMzUuMjYzIDYuNDU1IDYuNDU1IDAgMCAwIDEwLjE1OC4zNzUgMSAxIDAgMCAxIDEuMy0uMTk0IDQuNSA0LjUgMCAxIDAgMy4wNTUtOC4yNDV6bS0zLjYuNzQ3YTEgMSAwIDAgMS0xLjE3Mi0uNzkzIDEuNjMyIDEuNjMyIDAgMCAwLTIuODUxLS43NDMgMSAxIDAgMCAxLTEuNTMtMS4yOSAzLjYzNCAzLjYzNCAwIDAgMSA2LjM0NiAxLjY1NSAxIDEgMCAwIDEtLjc5MiAxLjE3MXoiIGZpbGw9IiNmMTAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48Y2lyY2xlIGN4PSI1My41IiBjeT0iMzMuNSIgcj0iMi41IiBmaWxsPSIjZjEwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L2NpcmNsZT48Y2lyY2xlIGN4PSI0NyIgY3k9IjI3IiByPSIyIiBmaWxsPSIjZjEwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L2NpcmNsZT48cGF0aCBkPSJNNSAyMmExIDEgMCAwIDEtMS0xdi0yYTEgMSAwIDAgMSAyIDB2MmExIDEgMCAwIDEtMSAxek01IDI4YTEgMSAwIDAgMS0xLTF2LTJhMSAxIDAgMCAxIDIgMHYyYTEgMSAwIDAgMS0xIDF6TTMgMjRIMWExIDEgMCAwIDEgMC0yaDJhMSAxIDAgMCAxIDAgMnpNOSAyNEg3YTEgMSAwIDAgMSAwLTJoMmExIDEgMCAwIDEgMCAyek04IDM4YTEgMSAwIDAgMS0uNzA3LTEuNzA3bDEuNS0xLjVhMSAxIDAgMCAxIDEuNDE0IDEuNDE0bC0xLjUgMS41QTEgMSAwIDAgMSA4IDM4ek0xMi41IDMzLjVhMSAxIDAgMCAxLS43MDctMS43MDdsMS41LTEuNWExIDEgMCAwIDEgMS40MTQgMS40MTRsLTEuNSAxLjVhMSAxIDAgMCAxLS43MDcuMjkzek0xNCAzOGExIDEgMCAwIDEtLjcwNy0uMjkzbC0xLjUtMS41YTEgMSAwIDAgMSAxLjQxNC0xLjQxNGwxLjUgMS41QTEgMSAwIDAgMSAxNCAzOHpNOS41IDMzLjVhMSAxIDAgMCAxLS43MDctLjI5M2wtMS41LTEuNWExIDEgMCAwIDEgMS40MTQtMS40MTRsMS41IDEuNUExIDEgMCAwIDEgOS41IDMzLjV6TTI3IDEyLjA4N2EuOTQ4Ljk0OCAwIDAgMS0uMTc1LS4wMTVsLTE3LTNhMS4wMDEgMS4wMDEgMCAwIDEgLjM0OS0xLjk3MmwxNyAzQTEgMSAwIDAgMSAyNyAxMi4wODd6TTI2IDE3LjA4N2EuOTQ4Ljk0OCAwIDAgMS0uMTc1LS4wMTVsLTEwLjgzOC0xLjkxM2ExIDEgMCAwIDEgLjM0OC0xLjk3TDI2LjE3NCAxNS4xQTEgMSAwIDAgMSAyNiAxNy4wODd6TTI1IDIyYy0uMDU5IDAtLjExNy0uMDA1LS4xNzUtLjAxNWwtMTMuMS0yLjMxM2ExIDEgMCAxIDEgLjM0Ny0xLjk3bDEzLjEwNiAyLjMxM0ExIDEgMCAwIDEgMjUgMjJ6IiBmaWxsPSIjZjEwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvZz48L3N2Zz4=) !important;
    background-size: 20px !important;
    background-position: 6px 45% !important;
    background-repeat: no-repeat !important;
    position: sticky;
    left: 0;
}

.caltable::-webkit-scrollbar {
  height: 14px;
  cursor: pointer
}

.caltable::-webkit-scrollbar-track {
  background: #f1f1f4
}

.caltable::-webkit-scrollbar-thumb {
  background-color: rgb(29 41 81 / 1);
  border-radius: 18px;
  cursor: pointer;
  transition: .4s
}

.caltable .td.tdrname.clean {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTYgNTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxnIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PHBhdGggZD0iTTI2LjEgMzUuMDIxYTcgNyAwIDAgMCA0LjA4NiAxLjAyOWMxLjM3LS4wMiAyLjczLS4yNSA0LjAzLS42ODFhNi4xIDYuMSAwIDAgMC0zLjU5MS00LjEzNiA0LjQxMyA0LjQxMyAwIDAgMC0zLjYuMDQ1IDUgNSAwIDAgMC0yLjI1MiAyLjU4Yy4zNzkuNDU1LjgyNi44NDcgMS4zMjcgMS4xNjN6TTMxLjkgNDUuNDc4YTUuOSA1LjkgMCAwIDEgMi45ODItNC4zNTUgMzQuNjI5IDM0LjYyOSAwIDAgMC0uMzE1LTMuNzUyIDE2LjI2MSAxNi4yNjEgMCAwIDEtNC42NjEuNjg0IDguOTMgOC45MyAwIDAgMS00LjktMS4zNTcgOC4xNDUgOC4xNDUgMCAwIDEtMS4yMzItLjk3NmMtMi4yMTkgMy41MTEtOC4yNDcgOS44LTIzLjYxNiAxMi4xMjcuMjY4Ljk5OC43MzggMS45MyAxLjM4IDIuNzQgMy4xMTgtLjQ1OSA4LjMyOS0xLjQ3MyAxMS45ODQtMy40NjdhMSAxIDAgMSAxIC45NTcgMS43NTZBMzcuNjk0IDM3LjY5NCAwIDAgMSAzLjI0NSA1Mi4zNGExNi41NTIgMTYuNTUyIDAgMCAwIDQuMjQxIDIuNDZDMTMgNTMuMjU4IDIwLjI0NSA1MC4yMjMgMjQuMTc1IDQ0LjQzOGExIDEgMCAwIDEgMS42NTQgMS4xMjRjLTMuNjM1IDUuMzUtOS43NTYgOC41LTE1LjEgMTAuMzI2LjE3NC4wNDYuMzM0LjEuNTEzLjE0MiAxLjk5NS40OTYgNC4wMy44MjIgNi4wOC45NzNhMjEuNTI2IDIxLjUyNiAwIDAgMCA2Ljk5My01LjMwMyAxIDEgMCAwIDEgMS41MzQgMS4yODUgMjEuNTc0IDIxLjU3NCAwIDAgMS00LjU0NCA0LjAyNSAxNi4xOTQgMTYuMTk0IDAgMCAwIDguMTk1LTIuNjg1IDUuODQ2IDUuODQ2IDAgMCAxLTEuMTMxLTMuNDU0IDUuOTI4IDUuOTI4IDAgMCAxIDMuNTMxLTUuMzkzek0zMS43ODYgMjkuNTc2bDUuMTg1LTI2LjhhMS41IDEuNSAwIDEgMC0yLjkzNy0uNTcxbC01LjE1OCAyNi42NzljLjg0LjAxNiAxLjY3Mi4xNzkgMi40NTcuNDguMTU3LjA2LjMwMi4xNDEuNDUzLjIxMnoiIGZpbGw9IiMwMDlhNGQiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNNTIuMTM0IDQ2LjM3YTEgMSAwIDAgMS0uODQzLS44QTUuNjMyIDUuNjMyIDAgMCAwIDQxLjQ1NSA0M2ExIDEgMCAwIDEtMS4zNzEuMTUxIDMuODQ1IDMuODQ1IDAgMCAwLTIuMzUxLS43ODkgMy45IDMuOSAwIDAgMC0zLjg4MiAzLjg0IDEgMSAwIDAgMS0uNzEzLjk0NyAzLjg4MSAzLjg4MSAwIDEgMCAzLjE0NyA3LjAyMSAxIDEgMCAwIDEgMS4zMzUuMjYzIDYuNDU1IDYuNDU1IDAgMCAwIDEwLjE1OC4zNzUgMSAxIDAgMCAxIDEuMy0uMTk0IDQuNSA0LjUgMCAxIDAgMy4wNTUtOC4yNDV6bS0zLjYuNzQ3YTEgMSAwIDAgMS0xLjE3Mi0uNzkzIDEuNjMyIDEuNjMyIDAgMCAwLTIuODUxLS43NDMgMSAxIDAgMCAxLTEuNTMtMS4yOSAzLjYzNCAzLjYzNCAwIDAgMSA2LjM0NiAxLjY1NSAxIDEgMCAwIDEtLjc5MiAxLjE3MXoiIGZpbGw9IiMwMDlhNGQiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48Y2lyY2xlIGN4PSI1My41IiBjeT0iMzMuNSIgcj0iMi41IiBmaWxsPSIjMDA5YTRkIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L2NpcmNsZT48Y2lyY2xlIGN4PSI0NyIgY3k9IjI3IiByPSIyIiBmaWxsPSIjMDA5YTRkIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L2NpcmNsZT48cGF0aCBkPSJNNSAyMmExIDEgMCAwIDEtMS0xdi0yYTEgMSAwIDAgMSAyIDB2MmExIDEgMCAwIDEtMSAxek01IDI4YTEgMSAwIDAgMS0xLTF2LTJhMSAxIDAgMCAxIDIgMHYyYTEgMSAwIDAgMS0xIDF6TTMgMjRIMWExIDEgMCAwIDEgMC0yaDJhMSAxIDAgMCAxIDAgMnpNOSAyNEg3YTEgMSAwIDAgMSAwLTJoMmExIDEgMCAwIDEgMCAyek04IDM4YTEgMSAwIDAgMS0uNzA3LTEuNzA3bDEuNS0xLjVhMSAxIDAgMCAxIDEuNDE0IDEuNDE0bC0xLjUgMS41QTEgMSAwIDAgMSA4IDM4ek0xMi41IDMzLjVhMSAxIDAgMCAxLS43MDctMS43MDdsMS41LTEuNWExIDEgMCAwIDEgMS40MTQgMS40MTRsLTEuNSAxLjVhMSAxIDAgMCAxLS43MDcuMjkzek0xNCAzOGExIDEgMCAwIDEtLjcwNy0uMjkzbC0xLjUtMS41YTEgMSAwIDAgMSAxLjQxNC0xLjQxNGwxLjUgMS41QTEgMSAwIDAgMSAxNCAzOHpNOS41IDMzLjVhMSAxIDAgMCAxLS43MDctLjI5M2wtMS41LTEuNWExIDEgMCAwIDEgMS40MTQtMS40MTRsMS41IDEuNUExIDEgMCAwIDEgOS41IDMzLjV6TTI3IDEyLjA4N2EuOTQ4Ljk0OCAwIDAgMS0uMTc1LS4wMTVsLTE3LTNhMS4wMDEgMS4wMDEgMCAwIDEgLjM0OS0xLjk3MmwxNyAzQTEgMSAwIDAgMSAyNyAxMi4wODd6TTI2IDE3LjA4N2EuOTQ4Ljk0OCAwIDAgMS0uMTc1LS4wMTVsLTEwLjgzOC0xLjkxM2ExIDEgMCAwIDEgLjM0OC0xLjk3TDI2LjE3NCAxNS4xQTEgMSAwIDAgMSAyNiAxNy4wODd6TTI1IDIyYy0uMDU5IDAtLjExNy0uMDA1LS4xNzUtLjAxNWwtMTMuMS0yLjMxM2ExIDEgMCAxIDEgLjM0Ny0xLjk3bDEzLjEwNiAyLjMxM0ExIDEgMCAwIDEgMjUgMjJ6IiBmaWxsPSIjMDA5YTRkIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvZz48L3N2Zz4=) !important;
  background-size: 16px !important;
  background-repeat: no-repeat !important;
  background-position: 8px 45% !important;
}

.caltable .trdates .td:first-child {
  min-width: 160px;
}

.caltable .tr:not(.trstock):hover .td {
  background: rgba(44, 60, 113, 0.06)
}

.caltable .tr:hover .td.tdrname {
  background: #46568a !important;
  color: white;
}

.content.printselect form {
  background: #2c3c70;
  padding: 5px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  outline: none
}

.content.printselect form input {
  color: #1c2951;
  font-weight: 600;
  font-size: 16px;
  padding: 5px;
  border-radius: 3px;
  border: none;
  outline: none;
  text-align: center !important
}

.content.printselect input.submit {
  background: #f61149;
  border: none;
  color: white !important;
  font-size: 13px;
  padding: 7px 23px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  outline: none
}

.content.printselect form input:not(.submit) {
  text-align: left !important;
  max-width: 95px;
  padding-left: 17px;
}

.content.printresult {
  background: white;
  margin-bottom: 190px;
  margin-top: -10px !important;
  padding-top: 0px;
}

.content.printresult .tr {
  display: table-row;
}

.content.printresult .tr .td, .content.printresult .tr .th {
  display: table-cell;
  width: 80px;
  text-align: left !important;
  padding-left: 10px;
  border: 1px solid rgb(44 60 111 / 10%);
  border-right: none;
  border-bottom: none;
  padding: 3px;
}

.content.printresult .tr .td p, .content.printresult .tr .th p {
  margin: 0
}

.content.printresult .tr .td:nth-child(1), .content.printresult .tr .th:nth-child(1) {
  display: none
}

.content.printresult .tr .td:nth-child(2), .content.printresult .tr .th:nth-child(2) {
  width: 140px;
  text-align: left !important;
}

.content.printresult .tr .td:nth-child(7), .content.printresult .tr .th:nth-child(7) {
  width: calc(840px - 140px - 320px);
  border-right: 1px solid rgb(44 60 111 / 10%)
}

.content.printresult .tr .td:nth-child(5), .content.printresult .tr .th:nth-child(5), .content.printresult .tr .td:nth-child(6), .content.printresult .tr .th:nth-child(6) {
  text-align: center !important
}

.content.printresult .tr .th {
  font-weight: 600;
}

.content.printresult {
  border-bottom: 1px solid rgb(44 60 111 / 10%)
}

.printbutton {
  background: #f61149;
  display: table;
  color: white;
  padding: 6px 14px;
  margin: 20px auto;
  float: right;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  cursor: pointer;
  border-radius: 3px;
  cursor: pointer;
  transition: 300ms
}

.printbutton:hover {
  background: #d21543
}

.calico {
  font-size: 0;
  width: 30px;
  height: 30px;
  background: url(/manager/img/print-ico.svg) 50% 50% no-repeat;
  background-size: 24px;
  background-position: center center;
  cursor: pointer;
  margin: -5px 1px;
  opacity: .7;
  transition: 400ms
}

.calico:hover, .calico.act {
  opacity: 1
}

.printonly {
  display: none
}


.todoico {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #1d2951;
  color: #fff !important;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  line-height: 18px;
  padding: 0;
  display: block;
  font-size: 11px;
  text-align: center;
  font-style: normal;
  font-weight: 700;
}

.rmi-list .filtergroup-content {
  position: relative;
  left: 10px;
  bottom: 0;
  margin: 10px;
}

#iconsblock.tempbillmenu {
  display: inline-block;
  margin: -5px;
  margin-bottom: 15px;
  background: #1c2951;
  width: calc(100% + 10px);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 46px;
}


.rmi-list a.lightbox {
  width: 300px;
  position: relative;
  display: block;
  height: auto;
}

.rmi-list a.lightbox img {
  max-width: 100%;
  height: auto;
}

.rmi-list a.lightbox .delimg {
  z-index: 456;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  font-size: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0ibTYyLjIwNSAxNTAgMjYuNTY5IDMyMC43MzVDOTAuNjc4IDQ5My44NjUgMTEwLjM4IDUxMiAxMzMuNTk4IDUxMmgyNDQuODA1YzIzLjIxOCAwIDQyLjkyLTE4LjEzNSA0NC44MjQtNDEuMjY1TDQ0OS43OTUgMTUwSDYyLjIwNXptMTE4Ljc4MSAzMDJjLTcuODUyIDAtMTQuNDU4LTYuMTA4LTE0Ljk1Ni0xNC4wNjNsLTE1LTI0MmMtLjUxMy04LjI3NiA1Ljc3MS0xNS4zOTUgMTQuMDMzLTE1LjkwOCA4LjU2OS0uNjAxIDE1LjM4MSA1Ljc1NyAxNS45MDggMTQuMDMzbDE1IDI0MmMuNTMxIDguNTctNi4yNSAxNS45MzgtMTQuOTg1IDE1LjkzOHpNMjcxIDQzN2MwIDguMjkxLTYuNzA5IDE1LTE1IDE1cy0xNS02LjcwOS0xNS0xNVYxOTVjMC04LjI5MSA2LjcwOS0xNSAxNS0xNXMxNSA2LjcwOSAxNSAxNXYyNDJ6bTg5Ljk3LTI0MS4wNjItMTUgMjQyYy0uNDkzIDcuODc0LTcuMDU2IDE0LjQzNi0xNS45MDggMTQuMDMzLTguMjYyLS41MTMtMTQuNTQ2LTcuNjMyLTE0LjAzMy0xNS45MDhsMTUtMjQyYy41MTMtOC4yNzYgNy43NjQtMTQuMjk3IDE1LjkwOC0xNC4wMzMgOC4yNjIuNTEzIDE0LjU0NiA3LjYzMiAxNC4wMzMgMTUuOTA4ek00NTEgNjBoLTkwVjQ1YzAtMjQuODE0LTIwLjE4Ni00NS00NS00NUgxOTZjLTI0LjgxNCAwLTQ1IDIwLjE4Ni00NSA0NXYxNUg2MWMtMTYuNTY5IDAtMzAgMTMuNDMxLTMwIDMwIDAgMTYuNTY3IDEzLjQzMSAzMCAzMCAzMGgzOTBjMTYuNTY5IDAgMzAtMTMuNDMzIDMwLTMwIDAtMTYuNTY5LTEzLjQzMS0zMC0zMC0zMHptLTEyMCAwSDE4MVY0NWMwLTguMjc2IDYuNzI0LTE1IDE1LTE1aDEyMGM4LjI3NiAwIDE1IDYuNzI0IDE1IDE1djE1eiIgZmlsbD0iIzFkMjk1MSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff00;
  filter: brightness(12.5);
  opacity: .5
}

.masonry-container {
  display: grid;
  gap: 16px;
  margin-top: 0px;
  margin-left: 0px
}

.masonry-item {
  background-color: #ffffff;
  box-shadow: 0 0 4px #1d29514f;
  border-radius: 5px;
  padding: 15px 15px 0px 15px;
  text-align: center;
  box-sizing: border-box;
  color: white;
  margin-bottom: 16px;
  transition: all 0.3s ease-in-out;
  max-width: 90%;
  width: 252px;
  border-left: 5px solid #1d2951;
}

.masonry-item:hover {
  box-shadow: 0 0 8px #1d29514f;
}

.masonry-item a * {
  color: #1d2951;
}

.masonry-item a *::selection {
  background: transparent !important
}

.masonry-item a {
  text-decoration: none;
  position: relative;
}

.masonry-item a .wrapp {
  text-align: left
}

.masonry-item a h3 {
  font-size: 12px;
  line-height: 16px;
  color: #1d2951;
  margin: 8px 0;
  margin-top: -2px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

.masonry-item a p.status {
  display: inline-block;
  padding: 2px 8px 2px 6px;
  border-radius: 3px;
  background: #1d2951;
  margin: 2px 2px 2px 0;
  width: unset;
  font-size: 10px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  text-transform: lowercase;
  color: white;
}

.masonry-item a p.status:empty {
  display: none
}

.masonry-item a p.note {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
  margin-bottom: 7px;
}

.masonry-item a p.due {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 600;
  opacity: .5;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMzQgMzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0yOS42IDJoLTN2M2MwIC42LS41IDEtMSAxcy0xLS40LTEtMVYyaC0xNnYzYzAgLjYtLjUgMS0xIDFzLTEtLjQtMS0xVjJoLTNDMi4xIDIgMSAzLjMgMSA1djMuNmgzMlY1YzAtMS43LTEuOC0zLTMuNC0zek0xIDEwLjdWMjljMCAxLjggMS4xIDMgMi43IDNoMjZjMS42IDAgMy40LTEuMyAzLjQtM1YxMC43em04LjkgMTYuOEg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTAtOUg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTggOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44em0wLTloLTIuNWMtLjQgMC0uOC0uMy0uOC0uOHYtMi41YzAtLjQuMy0uOC44LS44aDIuNWMuNCAwIC44LjMuOC44djIuNWMwIC41LS4zLjgtLjguOHptOCA5aC0yLjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOGgyLjVjLjQgMCAuOC4zLjguOHYyLjVjMCAuNS0uMy44LS44Ljh6bTAtOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44eiIgZmlsbD0iIzFkMjk1MSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 0 50%;
  padding-left: 18px;
  margin-top: 15px;
  margin-right: 15px;
  display: inline-block;
  line-height: 14px;
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.masonry-item a p.created {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 600;
  opacity: .5;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGZpbGw9IiMxZDI5NTEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDBjNS41MTQgMCAxMCA0LjQ4NiAxMCAxMHMtNC40ODYgMTAtMTAgMTBTMCAxNS41MTQgMCAxMCA0LjQ4NiAwIDEwIDB6bTYuMjQgMTVhNy45OSA3Ljk5IDAgMCAxLTEyLjQ4IDAgNy45OSA3Ljk5IDAgMCAxIDEyLjQ4IDB6TTEwIDEwYTMgMyAwIDEgMCAwLTYgMyAzIDAgMCAwIDAgNnoiIGNsaXAtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 0 50%;
  padding-left: 18px;
  margin-right: 15px;
  display: inline-block;
  margin-top: 15px;
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 14px;
}

.masonry-item.past {
  background-color: #ff00450f;
}

.masonry-item a p.next {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: #1d2951;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Im0yMi43MDcgMTEuMjkzLTctN2ExIDEgMCAwIDAtMS40MTQgMS40MTRMMTkuNTg2IDExSDJhMSAxIDAgMCAwIDAgMmgxNy41ODZsLTUuMjkzIDUuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNGw3LTdhMSAxIDAgMCAwIDAtMS40MTR6IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvc3ZnPg==);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 52px;
  position: absolute;
  right: -4px;
  bottom: -4px;
  opacity: .4;
  transition: 600ms;
}

.masonry-item a:hover p.next {
  opacity: 1;
}

@keyframes flash {

  0%,
  100% {
      opacity: 1;
  }

  50% {
      opacity: 0;
  }
}

.past.masonry-item:not(.done) a p.due {
  color: #ff0045;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMzQgMzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0yOS42IDJoLTN2M2MwIC42LS41IDEtMSAxcy0xLS40LTEtMVYyaC0xNnYzYzAgLjYtLjUgMS0xIDFzLTEtLjQtMS0xVjJoLTNDMi4xIDIgMSAzLjMgMSA1djMuNmgzMlY1YzAtMS43LTEuOC0zLTMuNC0zek0xIDEwLjdWMjljMCAxLjggMS4xIDMgMi43IDNoMjZjMS42IDAgMy40LTEuMyAzLjQtM1YxMC43em04LjkgMTYuOEg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTAtOUg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTggOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44em0wLTloLTIuNWMtLjQgMC0uOC0uMy0uOC0uOHYtMi41YzAtLjQuMy0uOC44LS44aDIuNWMuNCAwIC44LjMuOC44djIuNWMwIC41LS4zLjgtLjguOHptOCA5aC0yLjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOGgyLjVjLjQgMCAuOC4zLjguOHYyLjVjMCAuNS0uMy44LS44Ljh6bTAtOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44eiIgZmlsbD0iI2ZmMDA0NSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
  opacity: 1;
}

.masonry-item.today a p.due {
  animation: flash 1s infinite
}

.rmi-list .filtertags {
  margin: 15px;
  margin-left: 3px;
}

.rmi-list .filtertags a.tagname {
  background: #e4e5eb;
  color: #1d2951;
  display: inline-block;
  padding: 2px 10px 2px 10px;
  border-radius: 3px;
  margin: 2px 2px 2px 0;
  width: unset;
  font-size: 10px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  text-transform: lowercase;
}

.rmi-list .filtertags a.tagname.checked {
  background: #1d2951;
  color: white;
}

@media only screen and (max-width: 650px) {
  .masonry-container {
      margin-left: 10px;
      margin-right: 10px;
  }

  .masonry-item {
      margin: 0;
      width: 100%;
      max-width: 100%;
      margin-bottom: 12px;
      box-shadow: 0 0 10px #1d295130;
  }
}

.todobut {
  color: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTQzNy44NTIgNDMuMTk4QzQyOS4zNiAzNC42ODggNDE4LjA2NiAzMCA0MDYuMDUgMzBoLTE5Ljk0NXYyMGMwIDIyLjA1Ni0xNy45MjQgNDAtMzkuOTU2IDQwaC0xNzkuOGMtMjIuMDMyIDAtMzkuOTU2LTE3Ljk0NC0zOS45NTYtNDBWMzBoLTIwLjAxMWMtMjQuNzU4IDAtNDQuOTIyIDIwLjE2NC00NC45NSA0NC45NWwtLjQzMiAzOTJjLS4wMTQgMTIuMDI5IDQuNjU2IDIzLjM0MSAxMy4xNDcgMzEuODUyQzgyLjY0IDUwNy4zMTMgOTMuOTM0IDUxMiAxMDUuOTUgNTEyaDI5OS42NjdjMjQuNzU4IDAgNDQuOTIzLTIwLjE2NCA0NC45NS00NC45NWwuNDMzLTM5MmMuMDE0LTEyLjAyOS00LjY1Ni0yMy4zNDEtMTMuMTQ4LTMxLjg1MnpNMjYxLjA5NCAxODBoMTA2LjQ1M2M4LjI3NSAwIDE0Ljk4MyA2LjcxNiAxNC45ODMgMTVzLTYuNzA4IDE1LTE0Ljk4MyAxNUgyNjEuMDk0Yy04LjI3NSAwLTE0Ljk4My02LjcxNi0xNC45ODMtMTVzNi43MDgtMTUgMTQuOTgzLTE1em0wIDEwMGgxMDYuNDUzYzguMjc1IDAgMTQuOTgzIDYuNzE2IDE0Ljk4MyAxNXMtNi43MDggMTUtMTQuOTgzIDE1SDI2MS4wOTRjLTguMjc1IDAtMTQuOTgzLTYuNzE2LTE0Ljk4My0xNXM2LjcwOC0xNSAxNC45ODMtMTV6bTAgMTAwaDEwNi44ODFjOC4yNzUgMCAxNC45ODMgNi43MTYgMTQuOTgzIDE1cy02LjcwOCAxNS0xNC45ODMgMTVIMjYxLjA5NGMtOC4yNzUgMC0xNC45ODMtNi43MTYtMTQuOTgzLTE1czYuNzA4LTE1IDE0Ljk4My0xNXpNMTMzLjQzMSAxODAuNTkyYzUuODUyLTUuODU4IDE1LjMzOC01Ljg1OCAyMS4xOSAwbDguMTQ3IDguMTU3IDM0LjU1NC0zNC41OTJjNS44NTItNS44NTcgMTUuMzM4LTUuODU5IDIxLjE4OSAwIDUuODUxIDUuODU3IDUuODUxIDE1LjM1NSAwIDIxLjIxM2wtNDUuMTQ5IDQ1LjE5OGExNC45NzIgMTQuOTcyIDAgMCAxLTIxLjE5IDBsLTE4Ljc0Mi0xOC43NjRjLTUuODUxLTUuODU3LTUuODUxLTE1LjM1NS4wMDEtMjEuMjEyem0wIDEwNy42MzdjNS44NTItNS44NTggMTUuMzM4LTUuODU4IDIxLjE5IDBsOC4xNDcgOC4xNTYgMzQuNTU0LTM0LjU5MmM1Ljg1MS01Ljg1NyAxNS4zMzgtNS44NTcgMjEuMTg5IDBzNS44NTEgMTUuMzU1IDAgMjEuMjEzbC00NS4xNDkgNDUuMTk5YTE0Ljk3NCAxNC45NzQgMCAwIDEtMjEuMTkgMGwtMTguNzQyLTE4Ljc2NGMtNS44NTEtNS44NTctNS44NTEtMTUuMzU0LjAwMS0yMS4yMTJ6bTAgMTAwYzUuODUyLTUuODU4IDE1LjMzOC01Ljg1OCAyMS4xOSAwbDguMTQ3IDguMTU2IDM0LjU1NC0zNC41OTJjNS44NTEtNS44NTcgMTUuMzM4LTUuODU3IDIxLjE4OSAwczUuODUxIDE1LjM1NSAwIDIxLjIxM2wtNDUuMTQ5IDQ1LjE5OWExNC45NzQgMTQuOTc0IDAgMCAxLTIxLjE5IDBsLTE4Ljc0Mi0xOC43NjRjLTUuODUxLTUuODU3LTUuODUxLTE1LjM1NC4wMDEtMjEuMjEyeiIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIGQ9Ik0xNTYuMzYxIDUwYzAgNS41MjMgNC40NzIgMTAgOS45ODkgMTBoMTc5LjhjNS41MTcgMCA5Ljk4OS00LjQ3NyA5Ljk4OS0xMFYxMGMwLTUuNTIzLTQuNDcyLTEwLTkuOTg5LTEwaC0xNzkuOGMtNS41MTcgMC05Ljk4OSA0LjQ3Ny05Ljk4OSAxMHoiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
  background-size: 19px;
  background-repeat: no-repeat;
  padding-left: 25px;
  background-position: 0 50%;
}

.roomiebutton {
  color: #1d2951;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 5px;
  margin-bottom: 10px;
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGZpbGw9IiMxZDI5NTEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMTBDMCA0LjQ4NiA0LjQ4NiAwIDEwIDBzMTAgNC40ODYgMTAgMTAtNC40ODYgMTAtMTAgMTBTMCAxNS41MTQgMCAxMHptOC40MTQtMSAxLjI5My0xLjI5M2ExIDEgMCAwIDAtMS40MTQtMS40MTRsLTMgM2EuOTk3Ljk5NyAwIDAgMCAwIDEuNDE0bDMgM2ExIDEgMCAwIDAgMS40MTQtMS40MTRMOC40MTQgMTFIMTRhMSAxIDAgMCAwIDAtMnoiIGNsaXAtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
  background-size: 15px;
  background-repeat: no-repeat;
  padding-left: 21px;
  background-position: 0 50%;
}

.tododetail {
  background: white;
  border: whitesmoke;
  border-radius: 5px;
  padding: 10px 20px;
  margin-bottom: 100px;
}

.tododetail h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  line-height: 22px;
  margin: 10px 0 0;
}

.tododetail .deadline {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 600;
    opacity: .5;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMzQgMzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0yOS42IDJoLTN2M2MwIC42LS41IDEtMSAxcy0xLS40LTEtMVYyaC0xNnYzYzAgLjYtLjUgMS0xIDFzLTEtLjQtMS0xVjJoLTNDMi4xIDIgMSAzLjMgMSA1djMuNmgzMlY1YzAtMS43LTEuOC0zLTMuNC0zek0xIDEwLjdWMjljMCAxLjggMS4xIDMgMi43IDNoMjZjMS42IDAgMy40LTEuMyAzLjQtM1YxMC43em04LjkgMTYuOEg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTAtOUg3LjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOEgxMGMuNCAwIC44LjMuOC44djIuNWMtLjEuNS0uNC44LS45Ljh6bTggOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44em0wLTloLTIuNWMtLjQgMC0uOC0uMy0uOC0uOHYtMi41YzAtLjQuMy0uOC44LS44aDIuNWMuNCAwIC44LjMuOC44djIuNWMwIC41LS4zLjgtLjguOHptOCA5aC0yLjVjLS40IDAtLjgtLjMtLjgtLjh2LTIuNWMwLS40LjMtLjguOC0uOGgyLjVjLjQgMCAuOC4zLjguOHYyLjVjMCAuNS0uMy44LS44Ljh6bTAtOWgtMi41Yy0uNCAwLS44LS4zLS44LS44di0yLjVjMC0uNC4zLS44LjgtLjhoMi41Yy40IDAgLjguMy44Ljh2Mi41YzAgLjUtLjMuOC0uOC44eiIgZmlsbD0iIzFkMjk1MSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 0 50%;
    padding-left: 18px;
    margin-top: 5px;
    margin-right: 15px;
    display: inline-block;
    line-height: 14px;
    max-width: 100px;
    text-overflow: ellipsis;

    white-space: nowrap;
}

.tododetail .user {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 600;
  opacity: .5;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGZpbGw9IiMxZDI5NTEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDBjNS41MTQgMCAxMCA0LjQ4NiAxMCAxMHMtNC40ODYgMTAtMTAgMTBTMCAxNS41MTQgMCAxMCA0LjQ4NiAwIDEwIDB6bTYuMjQgMTVhNy45OSA3Ljk5IDAgMCAxLTEyLjQ4IDAgNy45OSA3Ljk5IDAgMCAxIDEyLjQ4IDB6TTEwIDEwYTMgMyAwIDEgMCAwLTYgMyAzIDAgMCAwIDAgNnoiIGNsaXAtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: 0 50%;
  padding-left: 18px;
  margin-right: 15px;
  display: inline-block;
  margin-top: 15px;
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 14px;
}

.tododetail select, .tododetail select:focus, .tododetail select:active {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  padding: 2px 40px 2px 10px;
  line-height: 30px;
  color: #1d2951;
  font-weight: 600;
  height: 37px;
  border-radius: 2px;
  margin-right: 5px;
  clear: right;
  -webkit-appearance: initial;
  min-width: 300px !important;
  max-width: 100%;
  background-image: url(/manager/img/arrow-down.svg);
  background-size: 12px 20px;
  background-color: #e4e5ea;
  border: none;
  background-position: 95% 30%;
  background-repeat: no-repeat;
  margin-left: -10px;
}

.img a {
  display: block;
  max-width: 800px;
  width: 100%;
  position: relative;
}

.img a img {
  width: 100%;
  height: auto;
}

.img a.lightbox .delimg {
  z-index: 456;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  font-size: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0ibTYyLjIwNSAxNTAgMjYuNTY5IDMyMC43MzVDOTAuNjc4IDQ5My44NjUgMTEwLjM4IDUxMiAxMzMuNTk4IDUxMmgyNDQuODA1YzIzLjIxOCAwIDQyLjkyLTE4LjEzNSA0NC44MjQtNDEuMjY1TDQ0OS43OTUgMTUwSDYyLjIwNXptMTE4Ljc4MSAzMDJjLTcuODUyIDAtMTQuNDU4LTYuMTA4LTE0Ljk1Ni0xNC4wNjNsLTE1LTI0MmMtLjUxMy04LjI3NiA1Ljc3MS0xNS4zOTUgMTQuMDMzLTE1LjkwOCA4LjU2OS0uNjAxIDE1LjM4MSA1Ljc1NyAxNS45MDggMTQuMDMzbDE1IDI0MmMuNTMxIDguNTctNi4yNSAxNS45MzgtMTQuOTg1IDE1LjkzOHpNMjcxIDQzN2MwIDguMjkxLTYuNzA5IDE1LTE1IDE1cy0xNS02LjcwOS0xNS0xNVYxOTVjMC04LjI5MSA2LjcwOS0xNSAxNS0xNXMxNSA2LjcwOSAxNSAxNXYyNDJ6bTg5Ljk3LTI0MS4wNjItMTUgMjQyYy0uNDkzIDcuODc0LTcuMDU2IDE0LjQzNi0xNS45MDggMTQuMDMzLTguMjYyLS41MTMtMTQuNTQ2LTcuNjMyLTE0LjAzMy0xNS45MDhsMTUtMjQyYy41MTMtOC4yNzYgNy43NjQtMTQuMjk3IDE1LjkwOC0xNC4wMzMgOC4yNjIuNTEzIDE0LjU0NiA3LjYzMiAxNC4wMzMgMTUuOTA4ek00NTEgNjBoLTkwVjQ1YzAtMjQuODE0LTIwLjE4Ni00NS00NS00NUgxOTZjLTI0LjgxNCAwLTQ1IDIwLjE4Ni00NSA0NXYxNUg2MWMtMTYuNTY5IDAtMzAgMTMuNDMxLTMwIDMwIDAgMTYuNTY3IDEzLjQzMSAzMCAzMCAzMGgzOTBjMTYuNTY5IDAgMzAtMTMuNDMzIDMwLTMwIDAtMTYuNTY5LTEzLjQzMS0zMC0zMC0zMHptLTEyMCAwSDE4MVY0NWMwLTguMjc2IDYuNzI0LTE1IDE1LTE1aDEyMGM4LjI3NiAwIDE1IDYuNzI0IDE1IDE1djE1eiIgZmlsbD0iIzFkMjk1MSIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff00;
  filter: brightness(12.5);
  opacity: .5;
}

.tododetail table {
  width: 100%;
  border-spacing: 0;
  display: block;
}

.tododetail table tbody {
  display: block;
  width: 100%;
  position: relative;
}

.tododetail table tbody tr {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.tododetail table tbody td {
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 5px;
  display: block;
  width: 100%;
}


.tododetail table tbody td input:not(.submit) {
  width: 300px;
  float: none;
  background: #ececec;
  border: none;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  border-radius: 5px;
}

.tododetail table tr:last-child td:first-child {
  width: 0;
  display: none;
}

.tododetail table tr:last-child td:last-child {
  width: 100%;
}

.tododetail textarea {
  width: calc(100% - 30px);
  background: #ececec;
  border: none;
  font-size: 14px;
  line-height: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  padding: 15px;
  border-radius: 5px;
}

form .submit {
  display: block;
  position: relative;
  width: 200px;
  height: 40px;
  background: #1d2951;
  border: none;
  color: #ffffff;
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 10px auto;
  border-radius: 3px;
}

@media only screen and (max-width: 800px) {
  .roomiebutton {
    margin: 0px 15px;
    padding-left: 20px;
}
.masonry-container {
  margin-bottom: 150px;
}
footer .col-md-4 {
  width: 32%;
  font-size: 12px;
  text-align: center;
}
.todobut {
  color: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 12px;
  line-height: 40px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTQzNy44NTIgNDMuMTk4QzQyOS4zNiAzNC42ODggNDE4LjA2NiAzMCA0MDYuMDUgMzBoLTE5Ljk0NXYyMGMwIDIyLjA1Ni0xNy45MjQgNDAtMzkuOTU2IDQwaC0xNzkuOGMtMjIuMDMyIDAtMzkuOTU2LTE3Ljk0NC0zOS45NTYtNDBWMzBoLTIwLjAxMWMtMjQuNzU4IDAtNDQuOTIyIDIwLjE2NC00NC45NSA0NC45NWwtLjQzMiAzOTJjLS4wMTQgMTIuMDI5IDQuNjU2IDIzLjM0MSAxMy4xNDcgMzEuODUyQzgyLjY0IDUwNy4zMTMgOTMuOTM0IDUxMiAxMDUuOTUgNTEyaDI5OS42NjdjMjQuNzU4IDAgNDQuOTIzLTIwLjE2NCA0NC45NS00NC45NWwuNDMzLTM5MmMuMDE0LTEyLjAyOS00LjY1Ni0yMy4zNDEtMTMuMTQ4LTMxLjg1MnpNMjYxLjA5NCAxODBoMTA2LjQ1M2M4LjI3NSAwIDE0Ljk4MyA2LjcxNiAxNC45ODMgMTVzLTYuNzA4IDE1LTE0Ljk4MyAxNUgyNjEuMDk0Yy04LjI3NSAwLTE0Ljk4My02LjcxNi0xNC45ODMtMTVzNi43MDgtMTUgMTQuOTgzLTE1em0wIDEwMGgxMDYuNDUzYzguMjc1IDAgMTQuOTgzIDYuNzE2IDE0Ljk4MyAxNXMtNi43MDggMTUtMTQuOTgzIDE1SDI2MS4wOTRjLTguMjc1IDAtMTQuOTgzLTYuNzE2LTE0Ljk4My0xNXM2LjcwOC0xNSAxNC45ODMtMTV6bTAgMTAwaDEwNi44ODFjOC4yNzUgMCAxNC45ODMgNi43MTYgMTQuOTgzIDE1cy02LjcwOCAxNS0xNC45ODMgMTVIMjYxLjA5NGMtOC4yNzUgMC0xNC45ODMtNi43MTYtMTQuOTgzLTE1czYuNzA4LTE1IDE0Ljk4My0xNXpNMTMzLjQzMSAxODAuNTkyYzUuODUyLTUuODU4IDE1LjMzOC01Ljg1OCAyMS4xOSAwbDguMTQ3IDguMTU3IDM0LjU1NC0zNC41OTJjNS44NTItNS44NTcgMTUuMzM4LTUuODU5IDIxLjE4OSAwIDUuODUxIDUuODU3IDUuODUxIDE1LjM1NSAwIDIxLjIxM2wtNDUuMTQ5IDQ1LjE5OGExNC45NzIgMTQuOTcyIDAgMCAxLTIxLjE5IDBsLTE4Ljc0Mi0xOC43NjRjLTUuODUxLTUuODU3LTUuODUxLTE1LjM1NS4wMDEtMjEuMjEyem0wIDEwNy42MzdjNS44NTItNS44NTggMTUuMzM4LTUuODU4IDIxLjE5IDBsOC4xNDcgOC4xNTYgMzQuNTU0LTM0LjU5MmM1Ljg1MS01Ljg1NyAxNS4zMzgtNS44NTcgMjEuMTg5IDBzNS44NTEgMTUuMzU1IDAgMjEuMjEzbC00NS4xNDkgNDUuMTk5YTE0Ljk3NCAxNC45NzQgMCAwIDEtMjEuMTkgMGwtMTguNzQyLTE4Ljc2NGMtNS44NTEtNS44NTctNS44NTEtMTUuMzU0LjAwMS0yMS4yMTJ6bTAgMTAwYzUuODUyLTUuODU4IDE1LjMzOC01Ljg1OCAyMS4xOSAwbDguMTQ3IDguMTU2IDM0LjU1NC0zNC41OTJjNS44NTEtNS44NTcgMTUuMzM4LTUuODU3IDIxLjE4OSAwczUuODUxIDE1LjM1NSAwIDIxLjIxM2wtNDUuMTQ5IDQ1LjE5OWExNC45NzQgMTQuOTc0IDAgMCAxLTIxLjE5IDBsLTE4Ljc0Mi0xOC43NjRjLTUuODUxLTUuODU3LTUuODUxLTE1LjM1NC4wMDEtMjEuMjEyeiIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjxwYXRoIGQ9Ik0xNTYuMzYxIDUwYzAgNS41MjMgNC40NzIgMTAgOS45ODkgMTBoMTc5LjhjNS41MTcgMCA5Ljk4OS00LjQ3NyA5Ljk4OS0xMFYxMGMwLTUuNTIzLTQuNDcyLTEwLTkuOTg5LTEwaC0xNzkuOGMtNS41MTcgMC05Ljk4OSA0LjQ3Ny05Ljk4OSAxMHoiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
  background-size: 15px;
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position: 0 50%;
}
.fixedname {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
}
.tododetail {
  margin-left: 10px;
  margin-right: 10px;
}
.fixedname h2 {
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 20ch;
  font-size: 12px;
  width: 100%;
  display: block;
  margin: 0 auto;
}

footer .col-md-4:first-child {
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  background: #d50e41;
  height: 24px;
  line-height: 24px;
}

footer .col-md-4 {
  width: 50%;
  font-size: 12px;
  text-align: center;
}

.roomstat {
  margin-right: 12px;
  margin-top: 1px;
}

.date {
  margin-left: 10px;
  text-align: center;
  display: block;
  margin: 0 auto;
}

}

footer .col-md-4:first-child:empty {
  display: none !important
}

.todobut span {
  background: #b5002e;
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50px;
  margin: 0 5px 0;
  font-size: 12px;
}

@keyframes alertFlash {
  0%, 100% { opacity: 1}
  50% { opacity:.2 }
}

.todo-newname {
  background: transparent;
  border: none !important;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  color: #1d2951;
  font-weight: 600;
  width: 100%;
  outline: none;

}

.todo-newname::placeholder {
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  color: #1d2951;
  font-weight: 700;
  width: 100%;
  opacity: .65;
}

.todo-newname.mandatory::placeholder {
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  color: #d7002b;
  font-weight: 700;
  width: 100%;
  opacity: .65;
  animation: alertFlash 1s infinite;
  -webkit-animation: alertFlash 1s infinite;
}

.todonew {
  text-decoration: none;
  color: white;
  font-family: 'Montserrat';
  background: #1d2951;
  padding: 7px 10px;
  font-size: 12px;
  border-radius: 3px;
  font-weight: 500;
  padding-left: 30px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTI1NiAwQzExNC44MzYgMCAwIDExNC44MzYgMCAyNTZzMTE0LjgzNiAyNTYgMjU2IDI1NiAyNTYtMTE0LjgzNiAyNTYtMjU2UzM5Ny4xNjQgMCAyNTYgMHptMTEyIDI3Ny4zMzJoLTkwLjY2OFYzNjhjMCAxMS43NzctOS41NTUgMjEuMzMyLTIxLjMzMiAyMS4zMzJzLTIxLjMzMi05LjU1NS0yMS4zMzItMjEuMzMydi05MC42NjhIMTQ0Yy0xMS43NzcgMC0yMS4zMzItOS41NTUtMjEuMzMyLTIxLjMzMnM5LjU1NS0yMS4zMzIgMjEuMzMyLTIxLjMzMmg5MC42NjhWMTQ0YzAtMTEuNzc3IDkuNTU1LTIxLjMzMiAyMS4zMzItMjEuMzMyczIxLjMzMiA5LjU1NSAyMS4zMzIgMjEuMzMydjkwLjY2OEgzNjhjMTEuNzc3IDAgMjEuMzMyIDkuNTU1IDIxLjMzMiAyMS4zMzJzLTkuNTU1IDIxLjMzMi0yMS4zMzIgMjEuMzMyem0wIDAiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 8px 50%;
}

.tododetail .group {
  width: 14%;
  display: block;
  position: relative;
  max-width: 115px;
  padding: 10px;
  padding-top: 0;
}

.tododetail p.deadline input {
  background: transparent;
  border: none;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  outline: none;
}

input, textarea, select {
  outline: none;
}

.tododetail .deadline {
  margin-left: 3px;
}


.custom-file-upload {
  border: none;
  border-radius: 3px;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  background: #e4e5ea;
  font-size: 13px;
  transition: all 1s ease-in
}

.custom-file-upload:hover {
  background: rgba(201, 204, 212, .2);
  transition: all .3s linear
}

.custom-file-upload.redalert {
  background: #ffc4d4;
  color: #f04
}

.custom-file-upload.redalert span {
  color: #f04
}

.tomuchsize {
  background: #ffc4d5;
  display: block;
  margin: 10px 0;
  padding: 10px 20px;
  width: 100%;
  max-width: 530px;
  color: #f04;
  font-weight: 600;
  border-radius: 3px;
  display: none
}

input#importfile,
input#picture,
input[type=file] {
  width: .1px;
  height: .1px;
  opacity: 0;
  position: absolute;
  z-index: -1
}

label.custom-file-upload span {
  padding: 5px 6px;
  min-width: inherit;
  line-height: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #1d2951
}

.calsetcat_item {
  height: 32px;
  line-height: 32px;
  display: flex;
  width: 100%
}

.calsetcat_item span {
  height: 32px;
  line-height: 32px
}

.svgico {
  width: 28px
}

.phtfrm {
  margin: 0 0 8px 0;
}

 label img {
  vertical-align: middle;
}

label.custom-file-upload {
  border: none;
  border-radius: 3px;
  display: inline-block;
  padding: 0 12px;
  cursor: pointer;
  background: #e4e5ea;
  font-size: 13px;
  transition: all 1s ease-in;
  height: 37px;
  line-height: 37px;
}

.tododetail #filepreloader {
  position: relative;
  height: 35px;
  background: transparent;
  width: 105px;
  display: none
}

.tododetail #filepreloader::before {
  content: "";
  display: block;
  width: 100%;
  height: 35px;
  min-height: 150px;
  position: absolute;
  z-index: 999999991;
  top: 50%;
  left: 50%;
  background: url(/manager/img/loadregisterblue.svg) center center no-repeat;
  background-size: 50px 50px;
  transform: translate(-50%, -50%);
}