.pzm-icon {
  background-repeat: no-repeat;
  background-size: contain;
}
.pzm-icon.pzm-login-icon {
  width: 20px;
  height: 100%;
}
.pzm-icon.tt {
  background-image: url('data:image/svg+xml,%3c?xml version="1.0" encoding="UTF-8"?%3e%3csvg width="6.1426mm" height="5.0456mm" version="1.1" viewBox="0 0 6.1426 5.0456" xmlns="http://www.w3.org/2000/svg"%3e %3cg transform="translate%28-108.81 -151.6%29"%3e %3cg transform="matrix%28.35278 0 0 -.35278 108.81 156.06%29"%3e %3cpath d="m0 0c1.915-0.168 3.593 0.288 5.144 1.398-0.336 0.085-0.621 0.143-0.897 0.23-1.039 0.328-1.761 1.016-2.212 1.997-0.139 0.302-0.108 0.327 0.222 0.321 0.342-5e-3 0.689-0.055 1.095 0.098-0.622 0.179-1.118 0.453-1.539 0.846-0.675 0.63-1.076 1.404-1.146 2.332-0.029 0.375 0.019 0.401 0.353 0.249 0.327-0.149 0.665-0.247 1.076-0.25-0.256 0.294-0.533 0.507-0.73 0.793-0.783 1.136-0.916 2.338-0.376 3.609 0.144 0.339 0.202 0.351 0.446 0.077 1.198-1.346 2.635-2.334 4.34-2.927 0.752-0.261 1.525-0.431 2.317-0.512 0.406-0.042 0.441 2e-3 0.394 0.4-0.167 1.417 0.636 2.9 1.936 3.577 1.302 0.678 2.971 0.485 4.03-0.484 0.206-0.188 0.403-0.229 0.662-0.158 0.553 0.152 1.086 0.348 1.594 0.616 0.078 0.041 0.147 0.127 0.295 0.072-0.243-0.759-0.723-1.337-1.331-1.836 0.598 0.072 1.158 0.244 1.738 0.471 0.013-0.2-0.105-0.301-0.188-0.409-0.357-0.461-0.753-0.888-1.224-1.234-0.22-0.163-0.295-0.349-0.291-0.618 0.037-2.385-0.729-4.512-2.155-6.398-1.695-2.24-3.97-3.503-6.752-3.841-2.297-0.279-4.459 0.156-6.471 1.309-0.073 0.042-0.144 0.089-0.214 0.137-0.024 0.017-0.04 0.045-0.116 0.135" fill="%23f2f2f2"/%3e %3c/g%3e %3c/g%3e%3c/svg%3e');
}
.pzm-icon.ig {
  background-image: url('data:image/svg+xml,%3c?xml version="1.0" encoding="UTF-8"?%3e%3csvg width="6.2954mm" height="6.2402mm" version="1.1" viewBox="0 0 6.2954 6.2402" xmlns="http://www.w3.org/2000/svg"%3e %3cg transform="translate%28-108.82 -154.86%29"%3e %3cg transform="matrix%28.35278 0 0 -.35278 -243.76 193.26%29"%3e %3cg transform="translate%281008.4 107.11%29"%3e %3cpath d="m0 0c-1.223 0-2.446 0.023-3.668-5e-3 -1.909-0.045-3.083-0.94-3.43-2.584-0.074-0.349-0.129-0.709-0.131-1.065-0.011-2.315-0.042-4.63 5e-3 -6.944 0.047-2.303 1.211-3.534 3.433-3.616 2.508-0.092 5.021-0.084 7.53-1e-3 1.85 0.061 2.95 0.951 3.304 2.55 0.063 0.286 0.123 0.579 0.124 0.87 0.014 2.639 0.158 5.281-0.08 7.915-0.141 1.56-1.186 2.58-2.741 2.793-1.445 0.198-2.898 0.057-4.346 0.087m-8.929-3.005c0.156 0.816 0.302 1.634 0.747 2.36 1.013 1.654 2.599 2.289 4.427 2.334 2.492 0.061 4.988 0.059 7.481-1e-3 1.692-0.041 3.199-0.599 4.229-2.065 0.663-0.945 0.911-2.026 0.928-3.144 0.036-2.395 0.053-4.793-3e-3 -7.188-0.044-1.929-0.715-3.575-2.521-4.556-0.834-0.452-1.748-0.649-2.682-0.66-2.461-0.028-4.923-0.052-7.384 4e-3 -1.846 0.042-3.449 0.665-4.475 2.337-0.445 0.725-0.591 1.544-0.747 2.36z" fill="%23f2f2f2"/%3e %3c/g%3e %3cg transform="translate%281011.3 99.989%29"%3e %3cpath d="m0 0c3e-3 1.583-1.3 2.879-2.902 2.887-1.592 9e-3 -2.914-1.294-2.916-2.873-3e-3 -1.582 1.3-2.879 2.902-2.887 1.591-8e-3 2.913 1.294 2.916 2.873m1.714-0.023c-7e-3 -2.486-2.071-4.53-4.604-4.56-2.542-0.031-4.65 2.067-4.643 4.62 8e-3 2.509 2.149 4.608 4.653 4.561 2.57-0.049 4.602-2.093 4.594-4.621" fill="%23f2f2f2"/%3e %3c/g%3e %3cg transform="translate%281013.1 105.79%29"%3e %3cpath d="m0 0c0.613 8e-3 1.132-0.5 1.129-1.105-4e-3 -0.579-0.501-1.076-1.095-1.093-0.611-0.017-1.141 0.481-1.152 1.084-0.011 0.608 0.488 1.106 1.118 1.114" fill="%23f2f2f2"/%3e %3c/g%3e %3c/g%3e %3c/g%3e%3c/svg%3e');
}
.pzm-icon.fb {
  background-image: url('data:image/svg+xml,%3c?xml version="1.0" encoding="UTF-8"?%3e%3csvg width="3.5186mm" height="6.7426mm" version="1.1" viewBox="0 0 3.5186 6.7426" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23"%3e %3cg transform="translate%28-104.74 -152.02%29"%3e %3cpath d="m107.7 153.23h0.55633v-1.2111l-0.8382-7.1e-4c-1.1871 0-1.7505 0.70661-1.7505 1.7124v0.95321h-0.92992v1.1504h0.92992v2.9266h1.3945v-2.9266h0.92993l0.26387-1.1501h-1.1938v-0.78563c0-0.32174 0.17569-0.66852 0.63783-0.66852" fill="%23f2f2f2"/%3e %3c/g%3e%3c/svg%3e');
}
.pzm-icon.user {
  background-image: url('data:image/svg+xml,%3c?xml version="1.0" encoding="UTF-8"?%3e%3csvg width="5.0243mm" height="6.5451mm" version="1.1" viewBox="0 0 5.0243 6.5451" xmlns="http://www.w3.org/2000/svg"%3e %3cg transform="translate%28-107.52 -153.82%29"%3e %3cg transform="matrix%28.35278 0 0 -.35278 110.73 156.78%29"%3e %3cpath d="m0 0c1.454 0.729 2.462 2.217 2.462 3.955 0 2.452-1.987 4.439-4.439 4.439s-4.439-1.987-4.439-4.439c0-1.738 1.008-3.226 2.462-3.955-2.964-0.861-5.144-3.566-5.144-6.808v-3.351h14.242v3.351c0 3.242-2.18 5.947-5.144 6.808" fill="%23545454"/%3e %3c/g%3e %3c/g%3e%3c/svg%3e');
}
.pzm-icon.padlock {
  background-image: url('data:image/svg+xml,%3c?xml version="1.0" encoding="UTF-8"?%3e%3csvg width="5.794mm" height="7.196mm" version="1.1" viewBox="0 0 5.794 7.196" xmlns="http://www.w3.org/2000/svg"%3e %3cg transform="translate%28-112.31 -150.47%29"%3e %3cg transform="matrix%28.35278 0 0 -.35278 110.73 156.78%29"%3e %3cg transform="translate%2813.636 2.1703%29"%3e %3cpath d="m0 0v-2.582c0-0.109-0.093-0.187-0.203-0.187h-1.236c-0.093 0-0.188 0.078-0.188 0.187v2.582c-0.845 0.328-1.454 1.142-1.454 2.111 0 1.252 1.016 2.268 2.268 2.268 1.251 0 2.267-1.016 2.267-2.268 0-0.969-0.609-1.783-1.454-2.111m-3.805 10.53c0 1.568 1.276 2.845 2.844 2.845 1.569 0 2.846-1.277 2.846-2.845v-1.552h-5.69zm9.279-1.552h-1.243v1.552c0 2.862-2.329 5.191-5.192 5.191-2.862 0-5.19-2.329-5.19-5.191v-1.552h-1.247c-0.97 0-1.767-0.798-1.767-1.767v-10.105c0-0.985 0.797-1.783 1.767-1.783h12.872c0.986 0 1.785 0.798 1.785 1.783v10.105c0 0.969-0.799 1.767-1.785 1.767" fill="%23545454"/%3e %3c/g%3e %3c/g%3e %3c/g%3e%3c/svg%3e');
}
.pzm-icon.plus {
  background-image: url('data:image/svg+xml,%3c?xml version="1.0" encoding="UTF-8"?%3e%3csvg width="9.6222mm" height="9.6216mm" version="1.1" viewBox="0 0 9.6222 9.6216" xmlns="http://www.w3.org/2000/svg"%3e %3cg transform="translate%28-102.16 -155.17%29"%3e %3cg transform="matrix%28.35278 0 0 -.35278 110.73 156.78%29"%3e %3cpath d="m-10.663 4.5678c-7.531 0-13.638-6.1057-13.638-13.638 0-7.532 6.1067-13.636 13.638-13.636 7.532 0 13.638 6.1042 13.638 13.636 0 7.532-6.1057 13.638-13.638 13.638zm-1.456-7.7842h2.8887v-4.2993h4.3448v-2.9678h-4.3448v-4.2993h-2.8887v4.2993h-4.3345v2.9678h4.3345z" fill="%23fadc00"/%3e %3c/g%3e %3c/g%3e%3c/svg%3e');
}
.pzm-icon.more {
  width: 23px;
  height: 5px;
  display: inline-block;
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.742 1.878" height="7.099" width="33.042" fill="%23b3b3b3" xmlns:v="https://vecta.io/nano"%3e%3cpath d="M1.878.94A.94.94 0 0 0 .939 0 .94.94 0 0 0 0 .94a.94.94 0 0 0 .94.938.94.94 0 0 0 .938-.938m3.431 0A.94.94 0 0 0 4.371 0a.94.94 0 0 0-.938.94.94.94 0 0 0 .938.938.94.94 0 0 0 .938-.938m3.433 0a.94.94 0 0 0-.94-.94.94.94 0 0 0-.938.94.94.94 0 0 0 .938.938.94.94 0 0 0 .94-.938"/%3e%3c/svg%3e');
}

.pzm-header-icons .pzm-header-icon-wrapper {
  position: relative;
  border-radius: 50%;
  border: 1px solid #666666;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.pzm-header-icons .pzm-header-icon-wrapper .pzm-header-badge {
  position: absolute;
  right: -10px;
  top: -10px;
  background-color: black;
  border-radius: 50%;
  width: 1.4rem;
  height: 1.4rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: bold;
  color: #fadc00;
}
.pzm-header-icons .pzm-header-icon-wrapper .pzm-header-icon {
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
}
.pzm-header-icons .pzm-header-icon-wrapper .pzm-header-icon.pzm-bell {
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.498 4.516" height="17.07" width="17" fill="%23636363" fill-rule="evenodd" xmlns:v="https://vecta.io/nano"%3e%3cpath d="M3.565 1.985c0-.674-.36-1.359-.987-1.506v-.14c0-.175-.132-.328-.307-.339a.33.33 0 0 0-.35.329v.149c-.628.147-.985.83-.985 1.506V2.9a.44.44 0 0 1-.127.305l-.267.267c-.029.029-.045.068-.045.109 0 .085.07.156.156.156h3.196c.087 0 .156-.07.156-.156 0-.041-.017-.08-.045-.109l-.266-.267a.43.43 0 0 1-.127-.305zM2.25 4.516c.03 0 .059-.003.087-.01.142-.03.259-.127.316-.258a.45.45 0 0 0 .033-.172H1.81c.004.241.197.44.441.44"/%3e%3c/svg%3e');
}
.pzm-header-icons .pzm-header-icon-wrapper .pzm-header-icon.pzm-user {
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.498 4.516" height="17.07" width="17" fill="%23636363" xmlns:v="https://vecta.io/nano"%3e%3cpath d="M3.192.942c0-.52-.423-.941-.943-.941a.942.942 0 1 0 0 1.884c.52 0 .943-.422.943-.943m.725 3.573c-.135 0-.244-.109-.244-.243 0-.785-.638-1.424-1.423-1.424A1.43 1.43 0 0 0 .824 4.273c0 .134-.109.243-.243.243s-.243-.109-.243-.243c0-1.053.857-1.91 1.91-1.91s1.91.857 1.91 1.91c0 .134-.109.243-.243.243"/%3e%3c/svg%3e');
}
.pzm-header-icons .pzm-header-icon-wrapper-borderless {
  position: relative;
  border-radius: 50%;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.pzm-header-icons .pzm-header-icon-wrapper-borderless .pzm-header-icon-logout {
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.449 9.449" height="35.711" width="35.711" fill="%23636363" xmlns:v="https://vecta.io/nano"%3e%3cpath d="M3.542 1.197c1.313.048 2.329.621 3.026 1.745.17.271.054.555-.244.633-.171.044-.339-.037-.444-.214a2.74 2.74 0 0 0-1.22-1.105c-1.61-.752-3.537.271-3.816 2.028s1.133 3.295 2.901 3.153c.933-.074 1.64-.542 2.13-1.337.112-.181.281-.265.46-.218a.4.4 0 0 1 .247.608 3.49 3.49 0 0 1-1.185 1.225A3.53 3.53 0 0 1 .133 5.689C-.451 3.611.957 1.49 3.094 1.23l.448-.033m3.695 3.094V3.65c0-.054.019-.128.057-.152s.114-.007.158.018l1.874 1.06c.164.094.164.176 0 .273L7.488 5.928c-.168.099-.238.058-.24-.141v-.583l-.098-.007-1.957.011c-.232.001-.31-.07-.31-.299l-.004-.345a.23.23 0 0 1 .266-.266l2.088-.008"/%3e%3c/svg%3e');
}

.nav.nav-pzm > .nav-item {
  flex-grow: 1;
  width: 100%;
}
.nav.nav-pzm > .nav-item .has-submenu {
  position: relative;
}
.nav.nav-pzm > .nav-item .has-submenu::before {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 9px;
  content: "";
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.763 4.763" height="18" width="18" fill="%23cccccc" xmlns:v="https://vecta.io/nano"%3e%3cpath d="M1.968.906c-.052 0-.104.02-.143.059-.078.079-.078.207 0 .286L2.954 2.38 1.825 3.509c-.078.079-.078.207 0 .285.038.038.089.06.143.06a.2.2 0 0 0 .143-.059l1.271-1.272c.079-.079.079-.207 0-.286L2.111.965a.2.2 0 0 0-.143-.059zm.41-.681A2.16 2.16 0 0 0 .224 2.38a2.16 2.16 0 0 0 2.154 2.155c1.188 0 2.153-.966 2.153-2.155S3.565.225 2.378.225m0 4.536c-1.314 0-2.382-1.069-2.382-2.381S1.065-.001 2.378-.001s2.38 1.069 2.38 2.381-1.068 2.381-2.38 2.381"/%3e%3c/svg%3e');
  transition: transform 0.3s;
}
.nav.nav-pzm > .nav-item .has-submenu:not(.collapsed), .nav.nav-pzm > .nav-item .has-submenu.active {
  color: #fadc00;
}
.nav.nav-pzm > .nav-item .has-submenu:not(.collapsed):hover, .nav.nav-pzm > .nav-item .has-submenu.active:hover {
  color: #fcea66;
}
.nav.nav-pzm > .nav-item .has-submenu:not(.collapsed):before, .nav.nav-pzm > .nav-item .has-submenu.active:before {
  transform: rotate(90deg);
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.763 4.763" height="18" width="18" fill="%23fadc00" xmlns:v="https://vecta.io/nano"%3e%3cpath d="M1.968.906c-.052 0-.104.02-.143.059-.078.079-.078.207 0 .286L2.954 2.38 1.825 3.509c-.078.079-.078.207 0 .285.038.038.089.06.143.06a.2.2 0 0 0 .143-.059l1.271-1.272c.079-.079.079-.207 0-.286L2.111.965a.2.2 0 0 0-.143-.059zm.41-.681A2.16 2.16 0 0 0 .224 2.38a2.16 2.16 0 0 0 2.154 2.155c1.188 0 2.153-.966 2.153-2.155S3.565.225 2.378.225m0 4.536c-1.314 0-2.382-1.069-2.382-2.381S1.065-.001 2.378-.001s2.38 1.069 2.38 2.381-1.068 2.381-2.38 2.381"/%3e%3c/svg%3e');
}
.nav.nav-pzm > .nav-item .has-submenu.no-transition:before {
  transition: none;
}
.nav.nav-pzm > .nav-item > .nav-link {
  border-bottom: 3px solid #cccccc;
}
.nav.nav-pzm > .nav-item .nav-link {
  padding: 6px 16px;
  color: #cccccc;
  font-weight: bold;
}
.nav.nav-pzm > .nav-item .nav-link:hover {
  color: #e0e0e0;
}
.nav.nav-pzm > .nav-item .nav-link.active {
  color: #fadc00;
}
.nav.nav-pzm > .nav-item .nav-link.active:hover {
  color: #fcea66;
}
.nav.nav-pzm > .nav-item .nav-tree {
  margin-left: 1rem;
}
.nav.nav-pzm > .nav-item .nav-tree > .nav-item {
  flex-grow: 1;
  width: 100%;
}
.nav.nav-pzm > .nav-item .nav-tree > .nav-item:not(:last-child) > .nav-link {
  border-bottom: 3px solid #cccccc;
}

.pzm-notifications-container {
  margin-bottom: 24px;
}
.pzm-notifications-container .pzm-notification {
  padding-top: 12px;
  display: flex;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  border-bottom: 1px solid #999999;
  padding-left: 24px;
}
.pzm-notifications-container .pzm-notification:hover {
  background-color: #f1f1f1;
}
.pzm-notifications-container .pzm-notification .pzm-notification-icon {
  flex: 0 0 4.33333333%;
  max-width: 4.33333333%;
  text-align: right;
  padding-right: 6px;
}
.pzm-notifications-container .pzm-notification .pzm-notification-icon .pzm-notification-bell {
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.498 4.516" height="17.07" width="17" fill="%23b3b3b3" fill-rule="evenodd" xmlns:v="https://vecta.io/nano"%3e%3cpath d="M3.565 1.985c0-.674-.36-1.359-.987-1.506v-.14c0-.175-.132-.328-.307-.339a.33.33 0 0 0-.35.329v.149c-.628.147-.985.83-.985 1.506V2.9a.44.44 0 0 1-.127.305l-.267.267c-.029.029-.045.068-.045.109 0 .085.07.156.156.156h3.196c.087 0 .156-.07.156-.156 0-.041-.017-.08-.045-.109l-.266-.267a.43.43 0 0 1-.127-.305zM2.25 4.516c.03 0 .059-.003.087-.01.142-.03.259-.127.316-.258a.45.45 0 0 0 .033-.172H1.81c.004.241.197.44.441.44"/%3e%3c/svg%3e');
  width: 22px;
  height: 22px;
  display: inline-block;
  border: 1px solid #b3b3b3;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}
.pzm-notifications-container .pzm-notification .pzm-notification-contents {
  padding-bottom: 12px;
  flex: 0 0 95.66666667%;
  max-width: 95.66666667%;
}
.pzm-notifications-container .pzm-notification .pzm-notification-contents .pzm-notification-header {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
}
.pzm-notifications-container .pzm-notification .pzm-notification-contents .pzm-notification-header .pzm-notification-date {
  color: #b3b3b3;
  font-size: 12px;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.pzm-notifications-container .pzm-notification .pzm-notification-contents .pzm-notification-header .pzm-notification-more {
  text-align: right;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.pzm-notifications-container .pzm-notification .pzm-notification-contents .pzm-notification-title {
  color: #4d4d4d;
  font-size: 1.2rem;
  font-weight: bold;
}

.pagination.pagination-pzm .page-item.active .page-link {
  background-color: #000000;
  color: #fadc00;
}
.pagination.pagination-pzm .page-item.disabled .page-link {
  background-color: transparent;
}
.pagination.pagination-pzm .page-item .page-link {
  border: 0;
  font-weight: bold;
  padding: 0.1rem 0.5rem;
  line-height: 1.25;
  font-size: 1.1rem;
  background-color: #b3b3b3;
  color: #666666;
  border-radius: 50%;
  margin-left: 0.4rem;
}
.pagination.pagination-pzm .page-item .page-link:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(250, 220, 0, 0.35);
}

.bg-mosaic {
  background: url(../img/bg.jpg?dd18ce595abcb17f7b2e078a8fed2ef9);
}

.bg-mosaic-grayed {
  background: url(../img/bg.jpg?dd18ce595abcb17f7b2e078a8fed2ef9);
  position: relative;
}
.bg-mosaic-grayed::before {
  background-color: rgba(100, 100, 100, 0.5);
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: -100;
}

.page-contents {
  width: 100%;
  background-color: white;
  min-height: min(50vh, 100%);
  padding: 36px 24px 36px 36px;
}

.pzm-page-title {
  color: #e6e6e6;
  font-size: 1.4rem;
  font-weight: bold;
  padding-left: 1rem;
  border-left: 3px solid #fadc00;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
}

.page-container {
  flex-grow: 10;
}

.pzm-date {
  color: #666666;
}

.pzm-skew-container {
  margin: 0 auto;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.pzm-skew-container .pzm-skew {
  transform: translateX(10%);
  height: 100%;
  width: 110%;
  position: relative;
  z-index: 1;
  padding-left: 1.5rem;
}
.pzm-skew-container .pzm-skew::after {
  z-index: -1;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #fadc00;
  transform: skewX(-20deg);
  border-left: 0.3rem solid white;
}

header.pzm {
  background-color: #666666;
}

footer.pzm {
  background-color: #4b4b4b;
}
footer.pzm .pzm-footer-links a {
  font-size: 0.8rem;
  font-weight: bold;
  color: white;
}
footer.pzm .pzm-footer-links a:hover {
  color: #cccccc;
}
footer.pzm .pzm-footer-links a.primary {
  color: #fadc00;
}
footer.pzm .pzm-footer-links a.primary:hover {
  color: #c8b000;
}
footer.pzm .pzm-social-icon {
  border: 2px solid #f2f2f2;
  border-radius: 10px;
  width: 38px;
  height: 38px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
footer.pzm .pzm-social-icon:hover {
  background-color: #7d7d7d;
}
footer.pzm .pzm-social-icon .pzm-icon {
  display: inline-block;
  height: 20px;
}
footer.pzm .pzm-social-icon .pzm-icon.fb {
  width: 10px;
}
footer.pzm .pzm-social-icon .pzm-icon.tt {
  width: 24px;
}
footer.pzm .pzm-social-icon .pzm-icon.ig {
  width: 20px;
}
.pzm-footer-icon {
  width: 26px;
  height: auto;
}


/* Users style */
.pzm-users-container{
width: 100%;
}
.pzm-users-filters{
  margin-top: .5rem;
}
.users-form-element{
  width: calc(100% / 6);
  min-width: 100px;
}
.users-form-section{
  display: flex;
  flex-direction: column;
}
.users-form-section select{
  margin-top: 2px;
}
.users-form-element label{
  font-size: .8rem;
  margin: 0;
}
.users-form-element input, select{ 
  width: 100%;
  height: 30px;
  padding: 1px 5px;
  border-radius: 0;
  border: 1px solid gray;
}
input:focus, select:focus, textarea:focus{
  outline: none;
  border: 1px solid #fadc00;  
}
.users-form-submit-btn{
  background-color: #fadc00;
  border: 1px solid gray;
  padding: 5px 10px;
  font-weight: bold;
  font-size: .8rem;
}
.pzm-users-visable-columns{
  width: 100%;
  margin-top: 1rem;
  display: flex;
}
.users-visable-columns-options{
  width: 55%;
}
.users-visable-columns-options label{
  margin: 0;
  font-size: .8rem;
}
.users-visable-columns-btn{
  width: 45%;
  display: flex;
  justify-content: end;
}
.users-visable-columns-btn button, .pzm-detail-edit-btn button{
  background-color: #fff;
  border: 1px solid #fadc00;
  font-weight: bold;
  padding: 2px 8px;
}
.pzm-users-table{
  width: 100%;
  margin-top: 3rem;
  overflow: scroll;
}
.pzm-users-table table{
  width: 100%;
}
.pzm-users-table th{
  width: calc(100% / 5);
  padding: 8px 8px;
  color: #515151;
  border-bottom: 1px solid #DEDEDE;
  font-size: .7rem;
}
.pzm-users-table table th{
  background-color: #EFEFEF;
  font-size: .8rem;
}
.pzm-users-table table td:nth-last-child(1){
  width: 100%;
  background-color: #EFEFEF;
  text-align: center;
}
.pzm-users-table table tr:nth-last-child(1) td{
  border-bottom: none;
}
.ti-direction{
  font-size: 1.2rem;
}
.ti-chevron-right{
  font-size: 1.5rem;
}
.pzm-users-table th p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}
.pzm-users-page-navigations{
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pzm-users-page-navigations button{
  background-color: #fff;
  border: 1px solid #CDCDCD;
  padding: 2px 10px;
}
.pzm-users-page-navigations button:nth-child(even){
  border-left: none;
  border-right: none;
}
.pzm-users-page-navigations button:nth-last-child(1){
  border-top-right-radius: .2em;
  border-bottom-right-radius: .2em;
  border-right: 1px solid #CDCDCD;
}
.pzm-users-page-navigations button:first-child{
  border-top-left-radius: .2em;
  border-bottom-left-radius: .2em;
}
.middle-side-btn.active{
  background-color: #007bff;
  color: #fff;
}
.next-side-btn, .middle-side-btn{
  color: #007bff;
}
.prev-side-btn{
  color: #787878;
}
.test-alert {
    color: white;
    font-weight: bold;
}

@media(max-width: 768px){
  .users-title h3{
    font-size: 1.2rem;
  }
  .prev-side-btn ,.next-side-btn{
    font-size: .5rem;
  }
  .middle-side-btn{
    font-size: .5rem;
  }
}

@media(max-width: 650px){
  .footer-img-wrapper {
    display:none;
  }
}

@media(max-width: 576px){
  .users-title h3{
    font-size: 1rem;
  }
  .pzm-users-visable-columns{
    flex-direction: column;
  }
  .users-visable-columns-options{
    width: 100%;
  }
  .users-visable-columns-btn{
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 1em;
  }
}
@media(max-width: 470px){
  .prev-side-btn ,.next-side-btn{
    font-size: .2rem;
  }
  .middle-side-btn{
    font-size: .2rem;
  }
}