/* @font-face {
  font-family: "Interstate";
  src: url("../fonts/interstate-light.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Interstate";
  src: url("../fonts/interstate-light-italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Interstate";
  src: url("../fonts/interstate-regular.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "Interstate";
  src: url("../fonts/interstate-regular-italic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Interstate";
  src: url("../fonts/interstate-bold.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "Interstate";
  src: url("../fonts/interstate-bold-italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
} */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap');

:root {
  --black: #262626;
  --lblack: #535557;
  --grey: #898789;
  --lgrey: #DAE3E6;
  --vlgrey: #F0F4F5;
  --green: #077840;
  --sblue: #135A99;
  --blue: #2271B8;
  --lblue: #6AA7DE;
  --vlblue1: #EDF6FA;
  --vlblue2: #F6FBFC;
  --red: #D30303;
}

* {
  font-size: 14px;
  /* font-family: Interstate, sans-serif; */
  font-family: 'Inter', sans-serif;
  box-sizing: border-box;
}

button {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}

.justifyFlexStart {
  justify-content: flex-start !important;
}

.justifyFlexEnd {
  justify-content: flex-end !important;
}

.mla {
  margin-left: auto;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mt5 {
  margin-top: 5px;
}

.mainContainer {
  display: flex;
}

.mainContent {
  background-color: var(--vlgrey);
  padding: 0 24px 24px 24px;
  width: calc(100% - 226px);
}

.mainContent #content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.button {
  font-weight: 500;
  padding: 8px 18px;
  border-radius: 4px;
  background-color: transparent;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  transition: all ease-in-out 0.3s;
}

.button:focus {
  color: inherit;
  background-color: inherit;
  text-decoration: none;
}

.button.big {
  padding: 11px 18px;
}

.btnGreyBord {
  border-color: var(--lgrey);
  color: var(--black);
}

.btnGreyBord:hover {
  border-color: var(--lblue);
  color: inherit;
}

.btnBlue {
  border-color: var(--blue);
  background-color: var(--blue);
  color: #fff;
}

.btnBlue:hover {
  color: #fff;
  background-color: var(--lblue);
  border-color: var(--lblue);
}

.btnRed {
  border-color: var(--red);
  background-color: var(--red);
  color: #fff;
}

.btnRed:hover {
  color: var(--red);
  background-color: #fff;
}

.logout::before,
.export::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 8px;

}

.logout::before {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1078_7699)'%3E%3Cpath d='M3.33333 7.33338H8.66667V8.66671H3.33333V10.6667L0 8.00004L3.33333 5.33338V7.33338ZM2.66667 12H4.472C5.24179 12.6789 6.19112 13.1213 7.20609 13.274C8.22105 13.4267 9.25852 13.2833 10.194 12.861C11.1295 12.4388 11.9233 11.7555 12.48 10.8933C13.0368 10.031 13.333 9.02643 13.333 8.00004C13.333 6.97366 13.0368 5.96907 12.48 5.10683C11.9233 4.2446 11.1295 3.56134 10.194 3.13904C9.25852 2.71675 8.22105 2.57336 7.20609 2.72608C6.19112 2.8788 5.24179 3.32115 4.472 4.00004H2.66667C3.28711 3.17149 4.09222 2.49905 5.01805 2.03614C5.94387 1.57322 6.9649 1.3326 8 1.33338C11.682 1.33338 14.6667 4.31804 14.6667 8.00004C14.6667 11.682 11.682 14.6667 8 14.6667C6.9649 14.6675 5.94387 14.4269 5.01805 13.9639C4.09222 13.501 3.28711 12.8286 2.66667 12Z' fill='%232B2523'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1078_7699'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.export::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1168_757)'%3E%3Cpath d='M2 12.6667H14V14H2V12.6667ZM8.66667 3.88537V11.3334H7.33333V3.88537L3.286 7.93337L2.34333 6.99071L8 1.33337L13.6567 6.99004L12.714 7.93271L8.66667 3.88671V3.88537Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1168_757'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.actions,
.button-column {
  transition: all ease-in-out 0.3s;
  text-align: right;
  white-space: nowrap;
}

.actions,
.actions a {
  display: flex;
}

.actions a:not(:last-child),
.button-column a:not(:last-child) {
  margin-right: 18px;
}

.editAct,
.pinAct,
.deleteAct,
.forwardAct,
.printAct,
.backAct,
.viewAct,
.duplicateAct,
.pushAct {
  display: inline-block;
  font-weight: 400;
  cursor: pointer;
}

.editAct,
.pinAct,
.forwardAct,
.forwardAct.forward,
.printAct,
.printAct.print,
.export-selected-tips,
.backAct,
.viewAct,
.duplicateAct,
.addAct,
.pushAct {
  color: var(--blue);
}

.export-selected-tips,
.backAct,
.viewAct,
.duplicateAct,
.addAct {
  font-weight: 500;
}

.addAct {
  margin-top: 10px;
}

.editAct {
  width: 49px;
}

.pinAct {
  width: 47px;
}

.pushAct {
  width: 53px;
}

.deleteAct {
  color: var(--red);
  width: 67px;
}

.deleteAct:focus {
  outline: none;
  text-decoration: none;
  color: var(--red);
}

.forwardAct {
  width: 78px;
}

.editAct:hover,
.pinAct:hover,
.forwardAct:hover,
.printAct:hover,
.viewAct:hover,
.duplicateAct:hover,
.addAct:hover,
.pushAct:hover {
  color: var(--blue);
}

.deleteAct:hover {
  color: var(--red);
}

.editAct:hover,
.pinAct:hover,
.deleteAct:hover,
.forwardAct:hover,
.printAct:hover,
.backAct:hover,
.viewAct:hover,
.duplicateAct:hover,
.addAct:hover,
.pushAct:hover {
  text-decoration: underline;
}

.editAct:before,
.deleteAct:before,
.pinAct:before,
.forwardAct:before,
.printAct:before,
.backAct:before,
.export-selected-tips:before,
.viewAct:after,
.duplicateAct:before,
.addAct:before,
.pushAct:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  vertical-align: sub;
}

.viewAct:after {
  margin-right: 0;
  margin-left: 4px;
}

.editAct:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.796 7.7645L10.7355 6.704L3.75 13.6895V14.75H4.8105L11.796 7.7645ZM12.8565 6.704L13.917 5.6435L12.8565 4.583L11.796 5.6435L12.8565 6.704ZM5.4315 16.25H2.25V13.0678L12.3262 2.9915C12.4669 2.8509 12.6576 2.77191 12.8565 2.77191C13.0554 2.77191 13.2461 2.8509 13.3868 2.9915L15.5085 5.11325C15.6491 5.2539 15.7281 5.44463 15.7281 5.6435C15.7281 5.84237 15.6491 6.03311 15.5085 6.17375L5.43225 16.25H5.4315Z' fill='%232271B8'/%3E%3C/svg%3E%0A");
}

.deleteAct:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 5H16.5V6.5H15V16.25C15 16.4489 14.921 16.6397 14.7803 16.7803C14.6397 16.921 14.4489 17 14.25 17H3.75C3.55109 17 3.36032 16.921 3.21967 16.7803C3.07902 16.6397 3 16.4489 3 16.25V6.5H1.5V5H5.25V2.75C5.25 2.55109 5.32902 2.36032 5.46967 2.21967C5.61032 2.07902 5.80109 2 6 2H12C12.1989 2 12.3897 2.07902 12.5303 2.21967C12.671 2.36032 12.75 2.55109 12.75 2.75V5ZM13.5 6.5H4.5V15.5H13.5V6.5ZM10.0605 11L11.3865 12.326L10.326 13.3865L9 12.0605L7.674 13.3865L6.6135 12.326L7.9395 11L6.6135 9.674L7.674 8.6135L9 9.9395L10.326 8.6135L11.3865 9.674L10.0605 11ZM6.75 3.5V5H11.25V3.5H6.75Z' fill='%23D30303'/%3E%3C/svg%3E%0A");
}

.pinAct:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 2.75V4.25H12.75V8.75L14.25 11V12.5H9.75V17.75H8.25V12.5H3.75V11L5.25 8.75V4.25H4.5V2.75H13.5ZM6.75 4.25V9.2045L5.553 11H12.447L11.25 9.2045V4.25H6.75Z' fill='%232271B8'/%3E%3C/svg%3E%0A");
}

.forwardAct:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 15.0052C16.4986 15.2022 16.4198 15.3907 16.2806 15.5301C16.1414 15.6694 15.953 15.7484 15.756 15.75H2.244C2.04661 15.7498 1.85737 15.6712 1.71787 15.5316C1.57836 15.392 1.5 15.2026 1.5 15.0052V14.25H15V5.475L9 10.875L1.5 4.125V3C1.5 2.80109 1.57902 2.61032 1.71967 2.46967C1.86032 2.32902 2.05109 2.25 2.25 2.25H15.75C15.9489 2.25 16.1397 2.32902 16.2803 2.46967C16.421 2.61032 16.5 2.80109 16.5 3V15.0052ZM3.3255 3.75L9 8.8575L14.6745 3.75H3.3255ZM0 11.25H6V12.75H0V11.25ZM0 7.5H3.75V9H0V7.5Z' fill='%232271B8'/%3E%3C/svg%3E%0A");
}

.printAct:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 14.25H2.25C2.05109 14.25 1.86032 14.171 1.71967 14.0303C1.57902 13.8897 1.5 13.6989 1.5 13.5V6C1.5 5.80109 1.57902 5.61032 1.71967 5.46967C1.86032 5.32902 2.05109 5.25 2.25 5.25H4.5V2.25C4.5 2.05109 4.57902 1.86032 4.71967 1.71967C4.86032 1.57902 5.05109 1.5 5.25 1.5H12.75C12.9489 1.5 13.1397 1.57902 13.2803 1.71967C13.421 1.86032 13.5 2.05109 13.5 2.25V5.25H15.75C15.9489 5.25 16.1397 5.32902 16.2803 5.46967C16.421 5.61032 16.5 5.80109 16.5 6V13.5C16.5 13.6989 16.421 13.8897 16.2803 14.0303C16.1397 14.171 15.9489 14.25 15.75 14.25H13.5V15.75C13.5 15.9489 13.421 16.1397 13.2803 16.2803C13.1397 16.421 12.9489 16.5 12.75 16.5H5.25C5.05109 16.5 4.86032 16.421 4.71967 16.2803C4.57902 16.1397 4.5 15.9489 4.5 15.75V14.25ZM4.5 12.75V12C4.5 11.8011 4.57902 11.6103 4.71967 11.4697C4.86032 11.329 5.05109 11.25 5.25 11.25H12.75C12.9489 11.25 13.1397 11.329 13.2803 11.4697C13.421 11.6103 13.5 11.8011 13.5 12V12.75H15V6.75H3V12.75H4.5ZM6 3V5.25H12V3H6ZM6 12.75V15H12V12.75H6ZM3.75 7.5H6V9H3.75V7.5Z' fill='%232271B8'/%3E%3C/svg%3E%0A");
}

.backAct:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.25 13.5L6.75 9L11.25 4.5' stroke='%232271B8' stroke-width='1.56' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.viewAct:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.129 8.75L8.106 4.727L9.1665 3.6665L15 9.5L9.1665 15.3335L8.106 14.273L12.129 10.25H3V8.75H12.129Z' fill='%232271B8'/%3E%3C/svg%3E%0A");
}

.export-selected-tips:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.25 14.75H15.75V16.25H2.25V14.75ZM9.75 10.379L14.3032 5.825L15.3637 6.8855L9 13.25L2.63625 6.88625L3.69675 5.825L8.25 10.3775V2H9.75V10.379Z' fill='%232271B8'/%3E%3C/svg%3E%0A");
}

.duplicateAct:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 4.5V2.25C5.25 2.05109 5.32902 1.86032 5.46967 1.71967C5.61032 1.57902 5.80109 1.5 6 1.5H15C15.1989 1.5 15.3897 1.57902 15.5303 1.71967C15.671 1.86032 15.75 2.05109 15.75 2.25V12.75C15.75 12.9489 15.671 13.1397 15.5303 13.2803C15.3897 13.421 15.1989 13.5 15 13.5H12.75V15.75C12.75 16.164 12.4125 16.5 11.9947 16.5H3.00525C2.90635 16.5006 2.8083 16.4816 2.71674 16.4442C2.62519 16.4068 2.54192 16.3517 2.47174 16.282C2.40156 16.2123 2.34584 16.1294 2.30779 16.0381C2.26974 15.9468 2.2501 15.8489 2.25 15.75L2.25225 5.25C2.25225 4.836 2.58975 4.5 3.0075 4.5H5.25ZM3.75225 6L3.75 15H11.25V6H3.75225ZM6.75 4.5H12.75V12H14.25V3H6.75V4.5Z' fill='%232271B8'/%3E%3C/svg%3E%0A");
}

.addAct:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.25 8.25V3.75H9.75V8.25H14.25V9.75H9.75V14.25H8.25V9.75H3.75V8.25H8.25Z' fill='%232271B8'/%3E%3C/svg%3E%0A");
}

.pushAct:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1557_9870)'%3E%3Cpath d='M13.5 8C13.5 6.80653 13.0259 5.66193 12.182 4.81802C11.3381 3.97411 10.1935 3.5 9 3.5C7.80652 3.5 6.66193 3.97411 5.81802 4.81802C4.97411 5.66193 4.5 6.80653 4.5 8V14H13.5V8ZM15 14.5002L15.3 14.9C15.3418 14.9557 15.3672 15.022 15.3735 15.0913C15.3797 15.1607 15.3666 15.2304 15.3354 15.2927C15.3043 15.355 15.2564 15.4074 15.1971 15.444C15.1379 15.4806 15.0696 15.5 15 15.5H3C2.93036 15.5 2.86209 15.4806 2.80285 15.444C2.74361 15.4074 2.69573 15.355 2.66459 15.2927C2.63345 15.2304 2.62026 15.1607 2.62652 15.0913C2.63277 15.022 2.65821 14.9557 2.7 14.9L3 14.5002V8C3 6.4087 3.63214 4.88258 4.75736 3.75736C5.88258 2.63214 7.4087 2 9 2C10.5913 2 12.1174 2.63214 13.2426 3.75736C14.3679 4.88258 15 6.4087 15 8V14.5002ZM7.125 16.25H10.875C10.875 16.7473 10.6775 17.2242 10.3258 17.5758C9.97419 17.9275 9.49728 18.125 9 18.125C8.50272 18.125 8.0258 17.9275 7.67417 17.5758C7.32254 17.2242 7.125 16.7473 7.125 16.25Z' fill='%232271B8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1557_9870'%3E%3Crect width='18' height='18' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.camera {
  text-align: center;
}

.camera::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1673 15.8333C19.1673 16.2754 18.9917 16.6993 18.6792 17.0118C18.3666 17.3244 17.9427 17.5 17.5006 17.5H2.50065C2.05862 17.5 1.6347 17.3244 1.32214 17.0118C1.00958 16.6993 0.833984 16.2754 0.833984 15.8333V6.66667C0.833984 6.22464 1.00958 5.80072 1.32214 5.48816C1.6347 5.17559 2.05862 5 2.50065 5H5.83398L7.50065 2.5H12.5006L14.1673 5H17.5006C17.9427 5 18.3666 5.17559 18.6792 5.48816C18.9917 5.80072 19.1673 6.22464 19.1673 6.66667V15.8333Z' stroke='%232271B8' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99935 14.1667C11.8403 14.1667 13.3327 12.6743 13.3327 10.8333C13.3327 8.99238 11.8403 7.5 9.99935 7.5C8.1584 7.5 6.66602 8.99238 6.66602 10.8333C6.66602 12.6743 8.1584 14.1667 9.99935 14.1667Z' stroke='%232271B8' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.sidebar {
  width: 226px;
  min-width: 226px;
  background-color: var(--blue);
  padding: 18px 0 24px;
  font-size: 15px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.logo {
  padding: 0 24px;
  margin-bottom: 20px;
}

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

.subMenu {
  display: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border-left: 1px solid var(--lblue);
  margin-left: 30px;
}

.mainMenu a {
  color: #fff;
  padding: 12px 20px;
  display: block;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-left: 4px solid transparent;
  text-decoration: none;
}

.mainMenu a svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.mainMenu a svg:last-of-type {
  display: none;
}

.mainMenu a.active svg:first-of-type {
  display: none;
}

.mainMenu a.active svg:last-of-type {
  display: block;
}

.mainMenu a.active,
.mainMenu a:hover {
  background-color: var(--sblue);
}

.mainMenu a.active {
  border-color: var(--lblue);
}

.mainMenu a.hasSubMenu::after {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  margin-left: auto;
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1259_3562)'%3E%3Cpath d='M5.5575 11.9375L9 8.5025L12.4425 11.9375L13.5 10.88L9 6.38L4.5 10.88L5.5575 11.9375Z' fill='%23EDF6FA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1259_3562'%3E%3Crect width='18' height='18' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.mainMenu a.hasSubMenu.rotateArrow::after {
  transform: rotate(0deg);
}

.mainMenu a.hasSubMenu.active+.subMenu {
  display: block;
}

.mainMenu a.hasSubMenu.active:after {
  transform: rotate(0deg);
}

.mainMenu a.hasSubMenu.active.rotateArrow::after {
  transform: rotate(180deg);
}

.subMenu a {
  font-size: 14px;
  font-weight: 500;
}

.menuFooter {
  color: #fff;
  padding: 0 32px 0 21px;
  color: var(--lblue);
  font-size: 14px;
  margin-top: auto;
}

.menuFooter p:last-child {
  margin-bottom: 0;
}

.breadcrumbsBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 15px 24px;
  margin: 0 -24px 24px -24px;
  column-gap: 12px;
}

.crumbs {
  color: var(--lblack);
  font-weight: 500;
  display: flex;
  align-items: center;
}

.crumbs a {
  color: var(--blue);
  line-height: 15px;
  font-weight: 500;
  transition: all ease-in-out 0.3s;
}

.crumbs a:hover {
  text-decoration: underline;
}

.crumbs .separator {
  width: 16px;
  height: 16px;
  display: block;
  margin: 0 4px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_291_4268)'%3E%3Cpath d='M5.52979 4.63666L8.58312 7.69666L5.52978 10.7567L6.46978 11.6967L10.4698 7.69666L6.46979 3.69666L5.52979 4.63666Z' fill='%23898789'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_291_4268'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.tableWrapper {
  box-shadow: 0px 0px 12px rgba(200, 217, 221, 0.25);
  border-radius: 8px;
}

.tableWrapper .headerBarTable {
  border-radius: 8px 8px 0 0;
}

.headerBarTable {
  background-color: #fff;
  padding: 12px 16px;
}

.headerBarTable.rounded {
  border-radius: 8px;
}

.headerBarTable.separate {
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 24px 24px 18px;
  box-shadow: 0px 10px 20px rgba(176, 190, 210, 0.12);
}

.headerBarTable.separate.simple {
  border-radius: 8px 8px 0px 0px;
  margin-bottom: 0px;
}

.headerBarTable .barRow {
  margin-bottom: 12px;
}

.headerBarTable .barRow:last-child {
  margin-bottom: 0;
}

.barRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 12px;
}

.barRow h1 {
  color: var(--black);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
}

.barGroup {
  display: flex;
  align-items: center;
  column-gap: 12px;
}

.search {
  position: relative;
}

.search input[type='text'] {
  padding: 10px 20px 10px 33px;
  line-height: 1.15;
  color: var(--grey);
  border: 1px solid var(--lgrey);
  border-radius: 6px;
  background-color: transparent;
  outline: none;
  min-width: 270px;
  font-weight: 400;
}

.search input[type='submit'] {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0207 11.078L14.876 13.9327L13.9327 14.876L11.078 12.0207C10.0158 12.8722 8.69468 13.3353 7.33334 13.3334C4.02134 13.3334 1.33334 10.6454 1.33334 7.33337C1.33334 4.02137 4.02134 1.33337 7.33334 1.33337C10.6453 1.33337 13.3333 4.02137 13.3333 7.33337C13.3353 8.69471 12.8722 10.0159 12.0207 11.078ZM10.6833 10.5834C11.5294 9.7133 12.0019 8.54699 12 7.33337C12 4.75471 9.91134 2.66671 7.33334 2.66671C4.75468 2.66671 2.66668 4.75471 2.66668 7.33337C2.66668 9.91137 4.75468 12 7.33334 12C8.54696 12.002 9.71327 11.5294 10.5833 10.6834L10.6833 10.5834V10.5834Z' fill='%23898789'/%3E%3C/svg%3E%0A");
  left: 14px;
  display: block;
  width: 16px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background-color: transparent;
}

.sortBtn {
  display: flex;
  align-items: center;
}

.sortBtn a {
  font-size: 13px;
  line-height: 1.1;
  color: var(--black);
  border: 1px solid var(--lgrey);
  padding: 8px 12px;
  text-decoration: none;
  font-weight: 500;
  display: flex;
  align-items: center;
  transition: all ease-in-out 0.3s;
}

.sortBtn a svg {
  margin-right: 4px;
  transition: all ease-in-out 0.3s;
}

.sortBtn a span {
  font-size: 13px;
}

.sortBtn a:first-child {
  border-radius: 6px 0px 0px 6px;
}

.sortBtn a:last-child {
  border-radius: 0px 6px 6px 0px;
}

.sortBtn a.selected {
  border-color: var(--blue);
  color: var(--blue);
  background-color: var(--vlblue1);
}

.sortBtn a.selected svg path {
  fill: var(--blue);
}

.buttonsBar {
  margin-top: 8px;
  margin-bottom: -18px;
  display: flex;
  column-gap: 24px;
}

.btnBar {
  color: var(--black);
  font-weight: 500;
  transition: all ease-in-out 0.3s;
  padding-bottom: 11px;
  border-bottom: 1px solid transparent;
  white-space: nowrap;
  text-decoration: none;
}

.btnBar:focus {
  text-decoration: none;
}

.btnBar.active,
.btnBar.hover {
  color: var(--sblue);
}

.btnBar.active {
  border-color: var(--blue);
}

.moreBtn {
  position: relative;
}

.moreContainer {
  display: none;
  background: #fff;
  box-shadow: 0px 0px 12px rgba(176, 190, 210, 0.55);
  border-radius: 8px;
  padding: 12px 22px 12px 12px;
  position: absolute;
  top: 100%;
  right: 0;
}

.moreContainer a {
  display: block;
  margin-bottom: 5px;
}

.moreContainer a:last-child {
  margin-bottom: 0;
}

.tableOuter {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 0 0 8px 8px;
}

.simpleTable {
  color: var(--black);
  width: 100%;
  border-bottom: 1px solid var(--lgrey);
}

.simpleTable thead {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.25;
  background-color: #EDF2F4;
  border-top: 1px solid var(--lgrey);
}

.simpleTable thead a {
  color: var(--black);
  font-weight: 700;
}

.simpleTable thead th,
.simpleTable tbody td {
  padding: 12px 16px;
}

.simpleTable thead th {
  white-space: nowrap;
}

.simpleTable thead th:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin-bottom: 2px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1078_7315)'%3E%3Cpath d='M7 3L10 6H4L7 3Z' fill='%232B2523'/%3E%3Cpath d='M7 11L10 8H4L7 11Z' fill='%232B2523'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1078_7315'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.simpleTable thead th.noSort::after,
#localities-grid .simpleTable thead th:last-child::after,
#locations-grid .simpleTable thead th:last-child::after,
#users-grid .simpleTable thead th:last-child::after,
#tip-category-grid .simpleTable thead th:last-child::after,
#features-grid .simpleTable thead th:last-child::after,
#roles-grid .simpleTable thead th:last-child::after,
#bulletins-grid .simpleTable thead th:last-child::after {
  display: none;
}

.simpleTable tbody tr {
  font-weight: 400;
  border-top: 1px solid var(--lgrey);
}

.simpleTable tr.odd {
  background-color: #fff;
}

.simpleTable tr.even {
  background-color: var(--vlblue2);
}

.simpleTable tr.checked {
  background-color: var(--vlblue1);
}

.simpleTable td.alignTop {
  vertical-align: top;
}

.simpleTable img,
.simpleTable video {
  max-width: 180px;
}

.simpleTableEmpty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 150px 50px 250px;
  background-color: #fff;
  margin: -12px -16px;
}

.simpleTableEmpty svg {
  margin-bottom: 16px;
}

.simpleTableEmpty svg+p {
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 1.2;
}

.simpleTableEmpty svg~p strong {
  font-weight: 700;
}

.messagesTable tbody tr td p {
  background-color: transparent !important;
  color: var(--black) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.summary {
  color: var(--lblack);
  width: 50%;
  background-color: #fff;
  font-weight: 400;
  line-height: 1.5;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  border-radius: 0 0 0 8px;
  column-gap: 12px;
}

.summary>div {
  display: flex;
  align-items: center;
}

.summary .filter-dropdown .caret {
  margin-left: 0 !important;
}

.summary .button {
  padding: 1px 6px;
}

.summary .dropdown-menu {
  top: auto;
  bottom: 100%;
}

.pager {
  display: flex;
  column-gap: 4px;
  align-items: center;
  justify-content: flex-end;
  background-color: #fff;
  font-weight: 400;
  line-height: 1.5;
  width: 50%;
  margin: 0;
  padding: 12px 16px;
  border-radius: 0 0 8px 0;
}

.pager ul.yiiPager {
  display: flex;
  font-size: 14px;
  column-gap: 4px;
  align-items: center;
}

.pager ul.yiiPager .page a,
.pager ul.yiiPager a.page {
  padding: 1.5px 10px;
  max-width: 24px;
  width: 100%;
  color: var(--black);
  cursor: pointer;
  transition: all ease-in-out 0.3s;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}

.pager ul.yiiPager .page a:hover,
.pager ul.yiiPager a.page:hover {
  color: var(--blue);
  background-color: #fff;
}

.pager ul.yiiPager .selected a,
.pager ul.yiiPager a.page.active {
  color: var(--blue);
  background-color: var(--vlblue1);
  border-radius: 6px;
  cursor: initial;
}

.pager ul.yiiPager .previous a,
.pager ul.yiiPager .next a,
.pager ul.yiiPager .first a,
.pager ul.yiiPager .last a {
  border: none;
  color: var(--black);
}

.pager ul.yiiPager .previous a::before,
.pager ul.yiiPager .next a::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
}

.pager .previous a::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15L7.5 10L12.5 5' stroke='%232B2523' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.pager .next a::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 15L12.5 10L7.5 5' stroke='%232B2523' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.formWrapper {
  background: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(176, 190, 210, 0.12);
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
}

.formGroup {
  max-width: 720px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 24px;
}

.formGroup.fullWidth {
  max-width: 100%;
  row-gap: 12px;
}

.formGroupName,
.tipGridItemTitle {
  font-size: 16px;
  color: var(--black);
  line-height: 1.7;
  display: flex;
  align-items: center;
  width: 100%;
}

.formGroup.fullWidth .formGroupName,
.tipGridItemTitle {
  margin-bottom: 4px;
}

.formGroupName svg,
.tipGridItemTitle svg {
  margin-right: 8px;
}

.formGroupName span {
  color: var(--lblack);
  font-size: 14px;
  line-height: 1.1;
  margin-left: 4px;
  margin-top: 2px;
}

.inputBlock {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}

.inputBlock.w50 {
  width: calc(50% - 12px);
}

.inputBlock.w33 {
  width: calc(33.33% - 16px);
}

.inputBlock label {
  color: var(--lblack);
  line-height: 1.1;
  margin-bottom: 6px;
  font-weight: 500;
}

.inputBlock input,
.inputBlock select,
.inputBlock textarea,
.uploadInput,
.tagsTip input {
  padding: 14px 13px;
  color: var(--black);
  font-weight: 400;
  line-height: 1.1;
  border: 1px solid var(--lgrey);
  border-radius: 4px !important;
  background: transparent;
  outline: none;
  transition: all ease-in-out 0.3s;
  max-width: 100%;
  height: auto;
  box-shadow: none;
}

.inputBlock input:focus,
.inputBlock select:focus,
.inputBlock textarea:focus,
.uploadInput:focus {
  border-color: var(--blue);
}

.inputBlock select {
  padding: 13px;
}

.inputBlock textarea {
  height: 76px;
  resize: none;
}

.inputBlock .checkboxes {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-weight: 400;
}

.inputBlock .dropdownNew button,
.inputBlock .dropdownNew .btn-group {
  width: 100%;
}

.inputBlock .dropdownNew button .caret {
  margin-left: auto;
}

.inputBlock .dropdownNew .dropdown-menu {
  width: 100%;
}

.checkboxes input[type='checkbox'] {
  display: none;
}

.checkboxes span {
  width: 16px;
  height: 16px;
  border: 0.8px solid var(--grey);
  border-radius: 3.2px;
  margin-right: 8px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.checkboxes input:checked+span {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.25 6.29795L9.35731 0.19064L9.97602 0.809359L3.25 7.53539L0.0239716 4.30936L0.64269 3.69064L3.25 6.29795Z' fill='%232271B8'/%3E%3C/svg%3E%0A");
  border-color: var(--blue);
}

.inputTooltip {
  color: var(--lblack);
  display: block;
  font-weight: 400;
  font-size: 12px;
  margin: 6px 0 0;
  line-height: 1.6;
}

.inputBlock .colorpicker-element {
  position: relative;
}

.inputBlock .colorpicker-element input {
  padding-left: 41px;
}

.inputBlock .input-group-addon {
  padding: 0;
  border: 1px solid var(--lgrey);
  border-radius: 100%;
  background-color: transparent;
  width: 20px;
  height: 20px;
  overflow: hidden;
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
}

.inputBlock .input-group-addon i {
  width: 20px;
  height: 20px;
}

.inputBlock .date .input-group-addon {
  border-radius: 0;
  border: none;
  left: auto;
  right: 12px;
}

.fakeTabs {
  display: flex;
  align-items: center;
}

.fakeTabs label {
  font-size: 13px;
  line-height: 1.1;
  color: var(--black);
  border: 1px solid var(--lgrey);
  padding: 8px 12px;
  text-decoration: none;
  font-weight: 500;
  display: flex;
  align-items: center;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}

.fakeTabs label.selected {
  border-color: var(--blue);
  color: var(--blue);
  background-color: var(--vlblue1);
}

.fakeTabs label.selected svg path {
  fill: var(--blue);
}

.fakeTabs label:first-child {
  border-radius: 6px 0px 0px 6px;
}

.fakeTabs label:last-of-type {
  border-radius: 0px 6px 6px 0px;
}

.fakeTabs label svg {
  margin-right: 4px;
  transition: all ease-in-out 0.3s;
}

.fakeTabs input {
  display: none;
}

.fakeTabs .dropdownNew select {
  padding: 9px 13px;
}

#map,
#map_image {
  margin-top: 16px;
}

.uploadInput {
  margin-right: 0;
  position: relative;
  overflow: hidden;
  padding-right: 100px;
  display: flex;
  align-items: center;
  min-height: 45px;
}

.uploadInput input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  transform: translate(218px, -10px) scale(0.16, 0.55) !important;
  -moz-transform: translate(160px, -10px) scale(0.20, 0.55) !important;
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
  z-index: 2;
}

.inputBlock.w50 .uploadInput input {
  transform: translate(126px, -10px) scale(0.25, 0.55) !important;
}

.uploadInput span {
  white-space: nowrap;
  overflow: hidden;
}

.uploadInput span:last-of-type {
  color: var(--black);
  background: var(--lgrey);
  border-radius: 4px;
  display: block;
  padding: 7px 21px;
  font-weight: 500;
  line-height: 1.5;
  width: max-content;
  position: absolute;
  z-index: 1;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
}

.formGroupSeparator {
  width: 100%;
  height: 1px;
  background-color: var(--lgrey);
  margin: 24px 0;
}

.sectionBlock {
  background-color: var(--vlblue2);
  width: 100%;
}

.sectionBlock .viewCont {
  padding: 12px 16px;
  border-radius: 12px;
}

.sectionBlock .editCont {
  padding: 16px;
  border-bottom: 1px solid var(--lgrey);
}

.sectionBlockHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.sectionBlock .editCont .sectionBlockHeader {
  margin-bottom: 12px;
}

.sectionBlockTitle {
  color: var(--black);
  font-weight: 500;
}

.sectionBlockContentRow {
  display: flex;
  color: var(--lblack);
  column-gap: 12px;
}

.sectionBlockContentRow .contentPart {
  color: var(--black);
}

.sectionBlockContentRow:not(:last-child) {
  margin-bottom: 8px;
}

.sectionBlock .editCont .sectionBlockContentRow:not(:last-child) {
  margin-bottom: 12px;
}

.sectionBlock .editCont .sectionBlockContentRow {
  flex-wrap: wrap;
  column-gap: 20px;
}

.sectionBlock .editCont .sectionBlockContentRow>span:first-child {
  width: 100%;
  margin-bottom: 6px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--black);
}

.sectionBlock .editCont .sectionBlockContentRow>div {
  width: calc(50% - 10px);
  display: flex;
}

.sectionBlock .editCont .sectionBlockContentRow>div svg {
  margin: 0 12px;
  position: relative;
  align-self: center;
}

.sectionBlock .editCont .inputBlock input,
.sectionBlock .editCont .inputBlock select {
  background-color: #fff;
}

.sectionBlockContentRow .shift {
  width: 60px;
  margin-right: 8px;
}

.sectionBlockContentRow .time {
  width: 190px;
  margin-right: 28px;
}

.sectionBlockContentRow .time .contentPart {
  text-transform: uppercase;
}

.sectionBlockContentRow .email .contentPart a {
  color: var(--blue);
  font-weight: 400;
}

.footerFormBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  margin: auto -24px -24px -24px;
}

.footerFormBar.interactive {
  display: none;
}

.footerFormBar.interactive.showBar {
  display: flex;
}

.smallBtnCont {
  padding: 30px 24px 28px;
  display: flex;
  column-gap: 12px;
}

.smallBtnCont .deleteAct,
.smallBtnCont .forwardAct {
  font-weight: 500;
}

.selectedCounter {
  font-weight: 500;
  color: var(--lblack);
  line-height: 1.5;
}

.selectedCounter~span {
  font-weight: 400;
  line-height: 1.5;
  color: var(--lblack);
}

.bigBtnCont {
  display: flex;
  column-gap: 16px;
  padding: 16px 24px;
}

.checkBoxesDropdownBtn {
  position: relative;
  padding: 8px 28px 8px 8px;
  font-weight: 400;
  cursor: pointer;
}

.checkBoxesDropdownBtn.active {
  background-color: var(--lgrey);
  color: inherit;
}

.checkBoxesDropdownBtn::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 8px;
  top: 50%;
  transition: all ease-in-out 0.3s;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1216_1665)'%3E%3Cpath d='M4.94 5.89337L8 8.9467L11.06 5.89337L12 6.83337L8 10.8334L4 6.83337L4.94 5.89337Z' fill='%232B2523'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1216_1665'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.checkBoxesDropdownBtn.active::before {
  transform: translateY(-50%) rotate(180deg);
}

.checkBoxesDropdownBtn>span {
  font-weight: 500;
  margin-left: 8px;
}

.checkBoxesDropdownCont {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  column-count: 2;
  list-style-type: none;
  background: #fff;
  box-shadow: 0px 0px 12px rgba(176, 190, 210, 0.55);
  border-radius: 8px;
  padding: 12px;
}

.checkBoxesDropdownCont.showContainer {
  display: block;
}

.checkBoxesDropdownCont li {
  margin-bottom: 16px;
}

.checkBoxesDropdownCont label {
  font-weight: 400;
  white-space: nowrap;
}

.fakeCheckbox span {
  border: 0.8px solid #BDCED2;
  border-radius: 3.2px;
  width: 16px;
  height: 16px;
  display: block;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}

th.fakeCheckbox span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
}

td .checkboxes span {
  margin-right: 16px;
}

.fakeCheckbox span.checked {
  border-color: var(--blue);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.26673 6.35002H2.7334V5.65002H9.26673V6.35002Z' fill='%232271B8'/%3E%3C/svg%3E%0A");
}

.additional_email {
  width: 100% !important;
}

.simpleTable tr label {
  font-weight: 400;
}

.tdRow {
  font-weight: 500;
  line-height: 1.5;
}

.tdRow a,
.tdRow a:hover {
  font-weight: 400;
  color: var(--blue);
}

.statusColumn {
  color: var(--lblack);
  font-size: 12px;
  line-height: 1.2;
}

.statusBtn {
  padding: 6px 10px;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  border-radius: 4px;
  border: none;
  margin-bottom: 8px;
}

.statusDate {
  width: 110px;
}

.statusBtn[value='In progress'] {
  color: #E19C18;
  background-color: #FEF4E1;
}

.statusBtn[value='Completed'] {
  color: #347E7E;
  background-color: #EBF8F8;
}

.statusBtn[value='Submitted'] {
  color: var(--blue);
  background-color: var(--vlblue1);
}

.notificationBar {
  padding: 10px;
  background-color: var(--vlblue1);
  border: 1px solid var(--lblue);
  border-radius: 8px;
  margin-bottom: 16px;
}

.notificationBar p {
  color: var(--blue);
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 0;
}

.notificationBar p:not(:last-child) {
  margin-bottom: 10px;
}

form[name='categoriesNotify'] {
  display: flex;
  column-gap: 16px;
}

#categoriesNotify {
  min-width: 545px;
}

.infoBar {
  display: flex;
  column-gap: 32px;
  margin-bottom: 20px;
}

.infoBarItem {
  padding: 16px 12px;
  background-color: #fff;
  box-shadow: 0px 10px 20px rgba(176, 190, 210, 0.12);
  border-radius: 12px;
  display: grid;
  grid-template-columns: 42px 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 6px;
  width: 25%;
}

.infoBarItem svg {
  grid-row: 1/3;
}

.infoBarItem span:first-of-type {
  font-size: 15px;
  line-height: 1.1;
  color: var(--lblack);
  font-weight: 500;
}

.infoBarItem span:last-of-type {
  font-size: 18px;
  line-height: 1.1;
  color: var(--black);
  font-weight: 500;
}

.dropdownNew {
  position: relative;
}

.dropdownNew button {
  border: 1px solid var(--lgrey);
  border-radius: 6px;
  font-weight: 400;
  padding: 8px;
  background-color: transparent;
  display: flex;
  align-items: center;
  transition: all ease-in-out 0.3s;
  text-shadow: none;
  background-image: none;
  box-shadow: none;
  color: var(--black);
}

.dropdownNew button:hover,
.dropdownNew button:focus {
  background-color: var(--lgrey) !important;
  color: inherit !important;
}

.dropdownNew strong {
  font-weight: 500;
}

.summary .filter-dropdown .caret,
.dropdownNew .caret {
  border: none !important;
  margin-left: 8px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1385_304)'%3E%3Cpath d='M4.94 5.89337L8 8.9467L11.06 5.89337L12 6.83337L8 10.8334L4 6.83337L4.94 5.89337Z' fill='%232B2523'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1385_304'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.dropdownNew .dropdown-menu {
  padding: 12px;
}

.dropdownNew .multiselect-container>li>a>label,
.dropdownNew .multiselect-container>li>a {
  padding: 0;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}

.dropdownNew .multiselect-container>li.active>a,
.dropdownNew .dropdown-menu>li>a:hover {
  background: none;
  color: var(--black);
}

.dropdownNew .checkbox input[type=checkbox] {
  position: relative;
  margin: 0;
  margin-right: 8px;
}

.date-range-container {
  display: none;
}

.date-range-container>div {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.tableOuter#dashboard-grid {
  border-radius: 0 0 8px 8px;
  border: none;
}

.simpleTable thead a.sort {
  background: none;
  padding-right: 0;
}

.tipGrid {
  margin-bottom: 38px;
  column-count: 2;
  column-gap: 16px;
}

.tipGridItem {
  padding: 24px;
  background-color: #fff;
  box-shadow: 0px 10px 20px rgba(176, 190, 210, 0.12);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  height: max-content;
  margin-bottom: 16px;
  page-break-inside: avoid;
  break-inside: avoid;
}

.infoTip .tipGridItemRow span,
.infoTip .tipGridItemRow a {
  font-size: 14px;
  line-height: 1.5;
  display: inline-block;
}

.infoTip .tipGridItemRow span {
  width: 90px;
  margin-right: 16px;
  color: var(--black);
  font-weight: 500;
}

.infoTip .tipGridItemRow a {
  color: var(--lblack);
  font-weight: 400;
}

.tagsTip .tipGridItemRow {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
}

.tagsTip input {
  width: calc(100% - 84px);
}

.tagsTip .add_tag {
  padding: 11px 24px;
}

.tagsTip .existent_tags {
  width: 100%;
  margin-top: 8px;
  display: flex;
  column-gap: 4px;
  row-gap: 4px;
  flex-wrap: wrap;
}

.existentTag {
  padding: 8px 10px;
  background-color: var(--vlgrey);
  border-radius: 4px;
  color: var(--black);
  display: flex;
  align-items: center;
  column-gap: 2px;
}

.existentTag span:first-child {
  font-size: 13px;
  line-height: 1.1;
  white-space: nowrap;
}

.existentTag .remove_tag_link {
  background-color: transparent;
  border-radius: 0;
  height: auto;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.tipTab {
  display: none;
}

.tipTab.showTab {
  display: block;
}

.locTip .tipGridItemRow,
.mediaTip .tipGridItemRow {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

select.tip_status {
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 500;
  border: none;
}

.barGroup .status {
  white-space: nowrap;
  color: var(--lblack);
}

select.tip_status option {
  background-color: #fff;
}

.reply-container {
  margin-top: -6px;
  margin-bottom: 20px;
}

.messageTip {
  break-after: column;
}

.messageTip .tip_update {
  background-color: transparent;
  margin-bottom: 20px;
  margin-right: 0;
  color: var(--black);
  font-size: 16px;
}

.messageDescr {
  background-color: var(--vlgrey);
  padding: 10px;
  border-radius: 8px;
}

.messageTip .tip_reply {
  margin: 0 0 10px;
  padding: 0;
  background-color: transparent;
  color: var(--black);
}

.tipReplyHead {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4px;
  column-gap: 5px
}

.tipReplyHead span {
  font-size: 14px;
  line-height: 1.5;
  color: var(--grey);
  font-weight: 400;
}

.tipReplyHead span:first-child {
  font-weight: 500;
  color: var(--black);
}

.tipReplyText {
  margin: 0;
  font-weight: 400;
}

.reply_template .inputBlock {
  position: relative;
}

.reply_template .inputBlock input {
  padding-right: 45px;
}

.reply_template .inputBlock button {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  font-size: 0;
}

.loginWrapper {
  display: flex;
  height: 100vh;
}

.loginForm {
  max-width: 372px;
  margin: 0 auto;
  width: 50%;
  padding: 40px 16px;
}

.loginLogo {
  margin-bottom: 120px;
}

.loginTitle {
  font-size: 26px;
  line-height: 27px;
  font-weight: 500;
  color: var(--black);
  margin: 0 0 20px;
}

#LoginForm_user_password {
  padding-right: 40px;
}

.showPass {
  width: 20px;
  height: 20px;
  right: 13px;
  top: 51%;
  position: absolute;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1476_11980)'%3E%3Cpath d='M1.6665 1.66669L18.3332 18.3334' stroke='%23898789' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.59381 5.60219C3.05383 7.32941 1.6665 10 1.6665 10C1.6665 10 4.6968 15.8334 9.99984 15.8334C11.7084 15.8334 13.181 15.2279 14.3924 14.407M9.1665 4.2152C9.43767 4.18346 9.7155 4.16669 9.99984 4.16669C15.3028 4.16669 18.3332 10 18.3332 10C18.3332 10 17.7567 11.1098 16.6665 12.3613' stroke='%23898789' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.6667 11.8635C11.2243 12.2594 10.6403 12.5001 10 12.5001C8.61925 12.5001 7.5 11.3809 7.5 10.0001C7.5 9.31369 7.77661 8.69194 8.22443 8.24017' stroke='%23898789' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1476_11980'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.showPass.active {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1476_11980)'%3E%3Cpath d='M1.6665 1.66669L18.3332 18.3334' stroke='%23898789' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.59381 5.60219C3.05383 7.32941 1.6665 10 1.6665 10C1.6665 10 4.6968 15.8334 9.99984 15.8334C11.7084 15.8334 13.181 15.2279 14.3924 14.407M9.1665 4.2152C9.43767 4.18346 9.7155 4.16669 9.99984 4.16669C15.3028 4.16669 18.3332 10 18.3332 10C18.3332 10 17.7567 11.1098 16.6665 12.3613' stroke='%23898789' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.6667 11.8635C11.2243 12.2594 10.6403 12.5001 10 12.5001C8.61925 12.5001 7.5 11.3809 7.5 10.0001C7.5 9.31369 7.77661 8.69194 8.22443 8.24017' stroke='%23898789' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1476_11980'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

#forgot-password-open {
  font-weight: 400;
  color: var(--blue);
  font-size: 14px;
  line-height: 1.1;
  text-align: right;
}

#forgot-password-open:hover {
  text-decoration: underline;
}

.loginForm .inputBlock input[type="submit"] {
  font-weight: 500;
  padding: 11px 18px;
  background-color: var(--blue);
  display: flex;
  align-items: center;
  border: 1px solid var(--blue);
  transition: all ease-in-out 0.3s;
  color: #fff;
  justify-content: center;
}

.loginForm .inputBlock input[type="submit"]:hover {
  color: var(--blue);
  background-color: #fff;
}

.loginBg {
  width: 50%;
  background-color: var(--vlblue1);
  background-image: url("../images/login/loginBg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}

.loginBg img {
  margin-top: 83px;
  margin-left: auto;
}

.adminDash {
  display: flex;
  column-gap: 16px;
}

.adminMain {
  width: calc(100% - 350px);
}

.adminSide {
  max-width: 342px;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 12px rgba(200, 217, 221, 0.25);
  border-radius: 8px;
}

.adminSideHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
}

.adminSideTitle {
  font-size: 18px;
  line-height: 1.5;
  color: var(--black);
  font-weight: 500;
  margin: 0;
}

.bulletinBlock {
  padding: 12px 16px;
  border-top: 1px solid var(--lgrey);
}

.bulletinTitle {
  margin: 0 0 4px;
}

.bulletinTitle a,
.bulletinData {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
}

.bulletinTitle a {
  color: var(--blue);
}

.bulletinData {
  color: var(--black);
}

.modal-open .modal-dialog {
  max-width: 450px;
  width: 100%;
  margin-top: 35vh;
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
}

.modal-open .modal-dialog * {
  font-family: Interstate, sans-serif !important;
  font-family: "Inter", sans-serif !important;
}

.modal-open .modal-content {
  background: transparent;
  border: none;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.modal-open .modal-header {
  background: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal-open .modal-title {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #1A2327;
  width: 100%;
}

.modal-title + svg {
  cursor: pointer;
}

.modal-open .modal-body {
  font-style: normal;
  line-height: 1.5;
  color: var(--black);
  padding: 0;
}

.modal-open .modal-footer {
  display: flex;
  justify-content: flex-end;
  column-gap: 16px;
  padding: 0;
}