@import url(https://fonts.googleapis.com/css?family=Nunito);
@charset "UTF-8";
#outdated {
  font-family: "Open Sans", "Segoe UI", sans-serif;
  position: absolute;
  background-color: #f25648;
  color: white;
  display: none;
  overflow: hidden;
  left: 0;
  position: fixed;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 100%;
  z-index: 1500;
  padding: 0 24px 24px 0;
}
#outdated.fullscreen {
  height: 100%;
}
#outdated .vertical-center {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#outdated h6 {
  font-size: 25px;
  line-height: 25px;
  margin: 12px 0;
}
#outdated p {
  font-size: 12px;
  line-height: 12px;
  margin: 0;
}
#outdated #buttonUpdateBrowser {
  border: 2px solid white;
  color: white;
  cursor: pointer;
  display: block;
  margin: 30px auto 0;
  padding: 10px 20px;
  position: relative;
  text-decoration: none;
  width: 230px;
}
#outdated #buttonUpdateBrowser:hover {
  background-color: white;
  color: #f25648;
}
#outdated .last {
  height: 20px;
  position: absolute;
  right: 70px;
  top: 10px;
  width: auto;
  display: inline-table;
}
#outdated .last[dir=rtl] {
  left: 25px !important;
  right: auto !important;
}
#outdated #buttonCloseUpdateBrowser {
  color: white;
  display: block;
  font-size: 36px;
  height: 100%;
  line-height: 36px;
  position: relative;
  text-decoration: none;
  width: 100%;
}

/* Base for label styling */
[type=checkbox].form-checkbox:not(:checked),
[type=checkbox].form-checkbox:checked {
  position: absolute;
  left: -9999px;
}

[type=checkbox].form-checkbox:not(:checked) + label,
[type=checkbox].form-checkbox:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type=checkbox].form-checkbox:not(:checked) + label:before,
[type=checkbox].form-checkbox:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.25em;
  height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* checked mark aspect */
[type=checkbox].form-checkbox:not(:checked) + label:after,
[type=checkbox].form-checkbox:checked + label:after {
  content: "✓ ";
  position: absolute;
  top: 0.15em;
  left: 0.22em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all 0.2s;
  font-family: "Lucida Sans Unicode", "Arial Unicode MS", Arial;
}

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

[type=checkbox].form-checkbox:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
[type=checkbox].form-checkbox:disabled:not(:checked) + label:before,
[type=checkbox].form-checkbox:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

[type=checkbox].form-checkbox:disabled:checked + label:after {
  color: #999;
}

[type=checkbox].form-checkbox:disabled + label {
  color: #aaa;
}

/* accessibility */
[type=checkbox].form-checkbox:checked:focus + label:before,
[type=checkbox].form-checkbox:not(:checked):focus + label:before {
  border: 2px dotted blue;
}

/* hover style just for information */
label:hover:before {
  border: 2px solid #4778d9 !important;
}

.ltr {
  direction: ltr !important;
}

.rtl {
  direction: rtl;
}

.ltr-align {
  direction: ltr !important;
  text-align: left !important;
}

.ltr-block {
  direction: ltr !important;
  display: inline-block;
}

.pt-0-force {
  padding-top: 0px !important;
}

.mt-0-force {
  margin-top: 0px !important;
}

.pb-0-force {
  padding-bottom: 0px !important;
}

.mb-0-force {
  margin-bottom: 0px !important;
}

.pointer {
  cursor: pointer !important;
}

.waiting {
  cursor: wait !important;
}

.editable {
  cursor: text !important;
}

a.disabled, .disabled, .disabled * {
  cursor: no-drop !important;
}

.movable, .movable * {
  cursor: move !important;
}

.text-bold {
  font-weight: bold;
}

.text-all-bold, .text-all-bold * {
  font-weight: bold !important;
}

.opacity {
  opacity: 0.9;
}

.opacity:hover {
  opacity: 1;
}

#outdated {
  display: inline !important;
  position: static !important;
  background-color: transparent !important;
}
#outdated #buttonCloseUpdateBrowser {
  display: none;
}
#outdated .vertical-center {
  background-color: #f25648;
  display: block !important;
  position: fixed;
  z-index: 9999999;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding-top: 15%;
}

#offset {
  opacity: 0;
  position: fixed;
  bottom: 0px;
  z-index: -1;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.animated-background {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: #eeeeee;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 20px;
  position: relative;
}

.background-masker {
  background: #fff;
  position: absolute;
  box-sizing: border-box;
}

.loadingPage {
  background-color: #fff;
  opacity: 0.4;
  position: fixed;
  z-index: 9999999;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  padding-top: 20%;
}

input.numeric_only, input.float_only, input.money_only {
  text-align: center;
  direction: ltr !important;
}

.thum {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #eaf0f9;
  border-radius: 0.25rem;
  overflow: hidden;
  width: 50px;
  height: 50px;
  display: block;
}
.thum img {
  width: 50px;
}

.img-thumbnail.preview {
  overflow: hidden;
  height: 200px;
}
.img-thumbnail.preview .carousel-item img {
  height: auto !important;
  width: 100% !important;
  max-width: none;
}
.img-thumbnail.preview .text {
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.img-thumbnail.preview .overlay {
  z-index: 2;
  position: relative;
  top: -308px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  opacity: 0.7;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: 0.5s ease;
  display: block;
}
.img-thumbnail.preview .overlay.half {
  top: -200px !important;
}

.img-thumbnail.preview:hover .overlay {
  height: 100%;
  color: #303e67;
}

.img-thumbnail.preview:hover .overlay.half {
  height: 30%;
}

.image-place:hover {
  border: 1px dashed #9b9a9a !important;
  background-color: #e9e9e9;
}

.image-place {
  height: 200px;
  border: 1px dashed #e9e9e9 !important;
}

.card .form-control a.btn {
  border: 0px !important;
}

.card.card-primary {
  border-color: #7680ff;
}
.card.card-primary .input-group input.form-control, .card.card-primary .btn-group input.form-control {
  height: 37px;
}
.card.card-primary .input-group .input-group-text, .card.card-primary .btn-group .input-group-text {
  color: #fff;
  background-color: #7680ff;
  border-color: #7680ff;
}

.card.card-warning {
  border-color: #fda354;
}
.card.card-warning .input-group input.form-control, .card.card-warning .btn-group input.form-control {
  height: 37px;
}
.card.card-warning .input-group .input-group-text, .card.card-warning .input-group div.form-control:hover, .card.card-warning .btn-group .input-group-text, .card.card-warning .btn-group div.form-control:hover {
  color: #fff;
  background-color: #fda354;
  border-color: #fda354;
}

.card.card-danger {
  border-color: #ef4d56;
}
.card.card-danger .input-group input.form-control, .card.card-danger .btn-group input.form-control {
  height: 37px;
}
.card.card-danger .input-group input.form-control *, .card.card-danger .btn-group input.form-control * {
  color: #ef4d56;
}
.card.card-danger .input-group .input-group-text, .card.card-danger .btn-group .input-group-text {
  color: #fff;
  background-color: #ef4d56;
  border-color: #ef4d56;
}

.card.card-success {
  border-color: #2ddab5;
}
.card.card-success .input-group input.form-control, .card.card-success .btn-group input.form-control {
  height: 37px;
}
.card.card-success .input-group .input-group-text, .card.card-success .btn-group .input-group-text {
  color: #fff;
  background-color: #2ddab5;
  border-color: #2ddab5;
}

.fa-1-5x {
  font-size: 1.3em !important;
}

.box-fa {
  display: inline-block;
  width: 25px;
  text-align: right;
}
.box-fa .fa {
  font-size: 1.3em !important;
}
.box-fa .fas, .box-fa .far {
  font-size: 1.1em !important;
}

.card *:focus, .card *:active, .card *:host, .card *:hover {
  outline: none !important;
  border-color: inherit !important;
  box-shadow: none !important;
}

.readmore {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.input-group-text-right, .btn-group-right {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.input-group-text-left, .btn-group-left {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.text-black {
  color: #000000;
}

.splitter .split-item:not(:last-child)::after {
  content: ", ";
}

.has-danger .form-control {
  border-color: #ef4d56;
  box-shadow: none;
}

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

.btn-blocker {
  width: 100px;
  height: 100px;
  margin: 5px;
}

.btn-blocker-w {
  width: 100%;
  height: 100px;
  margin: 5px;
}

.auto-y {
  overflow: hidden;
  overflow-y: auto;
}

.b-active, .b-active:active, .b-active:visited, .b-active:focus {
  border: 2px solid red !important;
}

.bg-black {
  background-color: #000;
}

.box {
  width: 100px;
  height: 30px;
  content: " ";
  border-radius: 10px;
}

.trans:not(.active) {
  opacity: 0.6;
}

ul.unlist {
  list-style: none;
  margin: 0px;
  padding: 0px;
  padding-left: 20px;
}

.list-group-item.list-group-item-hover:hover, .selected-hover {
  background-color: #fbfcf0;
}

@media (max-width: 576px) {
  .block-sm {
    display: block;
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .block-md {
    display: block;
    width: 100% !important;
  }
}
.locale-rtl .fa-chevron-right, .locale-rtl .fa-chevron-left, .locale-rtl .fa-phone, .locale-rtl .fa-phone-alt, .rtl .fa-chevron-right, .rtl .fa-chevron-left, .rtl .fa-phone, .rtl .fa-phone-alt {
  transform: scaleX(-1);
}
.locale-rtl .btn-group a, .rtl .btn-group a {
  direction: rtl;
}
.locale-rtl ul.unlist, .rtl ul.unlist {
  padding-left: 0px;
  padding-right: 20px;
}
.locale-rtl .box-fa, .rtl .box-fa {
  text-align: left;
}
.locale-rtl .fliped, .rtl .fliped {
  transform: scaleX(-1);
}
.locale-rtl .custom-radio .custom-control-label::before, .locale-rtl .custom-control-label:before, .locale-rtl .custom-control-label:after, .rtl .custom-radio .custom-control-label::before, .rtl .custom-control-label:before, .rtl .custom-control-label:after {
  left: inherit;
  right: -1.5rem;
}

option.disabled {
  color: gray;
  text-decoration: line-through;
}

.inlineBlock {
  display: inline-block !important;
}

.text-linethrough {
  text-decoration: line-through !important;
}

.text-linethrough-all, .text-linethrough-all * {
  text-decoration: line-through !important;
  color: #a4abc5 !important;
}

@keyframes attention {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.3);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes attention {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.3);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
.animate-attention {
  -webkit-animation: attention 2s infinite;
  animation: attention 2s infinite;
}

.pointer_help {
  cursor: help;
}

.dropdown-menu-100 {
  width: 100% !important;
}

.dropdown-scroll {
  overflow: hidden;
  max-height: 350px;
  overflow-y: auto;
  min-width: 250px;
}

.dropdown-scroll-450 {
  max-height: 450px !important;
}

.block {
  display: block !important;
}

@media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }

  .h-100 {
    height: auto !important;
  }

  .w-sm-10 {
    width: 10%;
  }

  .w-sm-20 {
    width: 20%;
  }

  .w-sm-30 {
    width: 30%;
  }

  .w-sm-40 {
    width: 40%;
  }

  .w-sm-50 {
    width: 50%;
  }

  .w-sm-60 {
    width: 60%;
  }

  .w-sm-70 {
    width: 70%;
  }

  .w-sm-80 {
    width: 80%;
  }

  .w-sm-90 {
    width: 90%;
  }

  .w-sm-100 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .show-mobile {
    display: none !important;
  }

  .h-100 {
    height: 100%;
  }

  .inlineBlock-md {
    display: inline-block !important;
  }
}
ul.tree-ul {
  margin-left: 15px;
  list-style: none;
}
ul.tree-ul li div.form-control {
  margin-bottom: 5px;
}
ul.tree-ul li div.form-control.active, ul.tree-ul li div.form-control:hover {
  color: #f5fbfe;
  background-color: #11a5ed;
}

.locale-rtl .dropdown-menu.show {
  left: 0 !important;
  right: auto;
}
.locale-rtl ul.tree-ul {
  margin-left: auto;
  margin-right: 15px;
}
.locale-rtl .ltr {
  direction: ltr !important;
}

.protected {
  position: relative;
  z-index: 555;
}

.w-10 {
  width: 10%;
}

.w-15 {
  width: 15%;
}

.grow:hover {
  transform: scale(1.3);
}

.text-bold {
  font-weight: bold !important;
}

.just-added {
  background-image: none !important;
  -webkit-animation: fadeIt 2s ease-in-out;
          animation: fadeIt 2s ease-in-out;
}

.font-9 {
  font-size: 9px !important;
}

.font-10 {
  font-size: 10px !important;
}

.font-11 {
  font-size: 11px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-13 {
  font-size: 13px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-17 {
  font-size: 17px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-19 {
  font-size: 19px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-21 {
  font-size: 21px !important;
}

.font-22 {
  font-size: 22px !important;
}

.font-23 {
  font-size: 23px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font-25 {
  font-size: 25px !important;
}

.font-26 {
  font-size: 26px !important;
}

.font-27 {
  font-size: 27px !important;
}

.font-28 {
  font-size: 28px !important;
}

.font-29 {
  font-size: 29px !important;
}

.font-30 {
  font-size: 30px !important;
}

.w-1 {
  width: 1% !important;
}

.w-p5 {
  width: 5px !important;
}

.w-xp5 {
  max-width: 5px !important;
}

.w-np5 {
  min-width: 5px !important;
}

@media (max-width: 768px) {
  .wx-p5 {
    width: 5px !important;
  }
}
@media (min-width: 768px) {
  .wn-p5 {
    width: 5px !important;
  }
}
.w-2 {
  width: 2% !important;
}

.w-p10 {
  width: 10px !important;
}

.w-xp10 {
  max-width: 10px !important;
}

.w-np10 {
  min-width: 10px !important;
}

@media (max-width: 768px) {
  .wx-p10 {
    width: 10px !important;
  }
}
@media (min-width: 768px) {
  .wn-p10 {
    width: 10px !important;
  }
}
.w-3 {
  width: 3% !important;
}

.w-p15 {
  width: 15px !important;
}

.w-xp15 {
  max-width: 15px !important;
}

.w-np15 {
  min-width: 15px !important;
}

@media (max-width: 768px) {
  .wx-p15 {
    width: 15px !important;
  }
}
@media (min-width: 768px) {
  .wn-p15 {
    width: 15px !important;
  }
}
.w-4 {
  width: 4% !important;
}

.w-p20 {
  width: 20px !important;
}

.w-xp20 {
  max-width: 20px !important;
}

.w-np20 {
  min-width: 20px !important;
}

@media (max-width: 768px) {
  .wx-p20 {
    width: 20px !important;
  }
}
@media (min-width: 768px) {
  .wn-p20 {
    width: 20px !important;
  }
}
.w-5 {
  width: 5% !important;
}

.w-p25 {
  width: 25px !important;
}

.w-xp25 {
  max-width: 25px !important;
}

.w-np25 {
  min-width: 25px !important;
}

@media (max-width: 768px) {
  .wx-p25 {
    width: 25px !important;
  }
}
@media (min-width: 768px) {
  .wn-p25 {
    width: 25px !important;
  }
}
.w-6 {
  width: 6% !important;
}

.w-p30 {
  width: 30px !important;
}

.w-xp30 {
  max-width: 30px !important;
}

.w-np30 {
  min-width: 30px !important;
}

@media (max-width: 768px) {
  .wx-p30 {
    width: 30px !important;
  }
}
@media (min-width: 768px) {
  .wn-p30 {
    width: 30px !important;
  }
}
.w-7 {
  width: 7% !important;
}

.w-p35 {
  width: 35px !important;
}

.w-xp35 {
  max-width: 35px !important;
}

.w-np35 {
  min-width: 35px !important;
}

@media (max-width: 768px) {
  .wx-p35 {
    width: 35px !important;
  }
}
@media (min-width: 768px) {
  .wn-p35 {
    width: 35px !important;
  }
}
.w-8 {
  width: 8% !important;
}

.w-p40 {
  width: 40px !important;
}

.w-xp40 {
  max-width: 40px !important;
}

.w-np40 {
  min-width: 40px !important;
}

@media (max-width: 768px) {
  .wx-p40 {
    width: 40px !important;
  }
}
@media (min-width: 768px) {
  .wn-p40 {
    width: 40px !important;
  }
}
.w-9 {
  width: 9% !important;
}

.w-p45 {
  width: 45px !important;
}

.w-xp45 {
  max-width: 45px !important;
}

.w-np45 {
  min-width: 45px !important;
}

@media (max-width: 768px) {
  .wx-p45 {
    width: 45px !important;
  }
}
@media (min-width: 768px) {
  .wn-p45 {
    width: 45px !important;
  }
}
.w-10 {
  width: 10% !important;
}

.w-p50 {
  width: 50px !important;
}

.w-xp50 {
  max-width: 50px !important;
}

.w-np50 {
  min-width: 50px !important;
}

@media (max-width: 768px) {
  .wx-p50 {
    width: 50px !important;
  }
}
@media (min-width: 768px) {
  .wn-p50 {
    width: 50px !important;
  }
}
.w-11 {
  width: 11% !important;
}

.w-p55 {
  width: 55px !important;
}

.w-xp55 {
  max-width: 55px !important;
}

.w-np55 {
  min-width: 55px !important;
}

@media (max-width: 768px) {
  .wx-p55 {
    width: 55px !important;
  }
}
@media (min-width: 768px) {
  .wn-p55 {
    width: 55px !important;
  }
}
.w-12 {
  width: 12% !important;
}

.w-p60 {
  width: 60px !important;
}

.w-xp60 {
  max-width: 60px !important;
}

.w-np60 {
  min-width: 60px !important;
}

@media (max-width: 768px) {
  .wx-p60 {
    width: 60px !important;
  }
}
@media (min-width: 768px) {
  .wn-p60 {
    width: 60px !important;
  }
}
.w-13 {
  width: 13% !important;
}

.w-p65 {
  width: 65px !important;
}

.w-xp65 {
  max-width: 65px !important;
}

.w-np65 {
  min-width: 65px !important;
}

@media (max-width: 768px) {
  .wx-p65 {
    width: 65px !important;
  }
}
@media (min-width: 768px) {
  .wn-p65 {
    width: 65px !important;
  }
}
.w-14 {
  width: 14% !important;
}

.w-p70 {
  width: 70px !important;
}

.w-xp70 {
  max-width: 70px !important;
}

.w-np70 {
  min-width: 70px !important;
}

@media (max-width: 768px) {
  .wx-p70 {
    width: 70px !important;
  }
}
@media (min-width: 768px) {
  .wn-p70 {
    width: 70px !important;
  }
}
.w-15 {
  width: 15% !important;
}

.w-p75 {
  width: 75px !important;
}

.w-xp75 {
  max-width: 75px !important;
}

.w-np75 {
  min-width: 75px !important;
}

@media (max-width: 768px) {
  .wx-p75 {
    width: 75px !important;
  }
}
@media (min-width: 768px) {
  .wn-p75 {
    width: 75px !important;
  }
}
.w-16 {
  width: 16% !important;
}

.w-p80 {
  width: 80px !important;
}

.w-xp80 {
  max-width: 80px !important;
}

.w-np80 {
  min-width: 80px !important;
}

@media (max-width: 768px) {
  .wx-p80 {
    width: 80px !important;
  }
}
@media (min-width: 768px) {
  .wn-p80 {
    width: 80px !important;
  }
}
.w-17 {
  width: 17% !important;
}

.w-p85 {
  width: 85px !important;
}

.w-xp85 {
  max-width: 85px !important;
}

.w-np85 {
  min-width: 85px !important;
}

@media (max-width: 768px) {
  .wx-p85 {
    width: 85px !important;
  }
}
@media (min-width: 768px) {
  .wn-p85 {
    width: 85px !important;
  }
}
.w-18 {
  width: 18% !important;
}

.w-p90 {
  width: 90px !important;
}

.w-xp90 {
  max-width: 90px !important;
}

.w-np90 {
  min-width: 90px !important;
}

@media (max-width: 768px) {
  .wx-p90 {
    width: 90px !important;
  }
}
@media (min-width: 768px) {
  .wn-p90 {
    width: 90px !important;
  }
}
.w-19 {
  width: 19% !important;
}

.w-p95 {
  width: 95px !important;
}

.w-xp95 {
  max-width: 95px !important;
}

.w-np95 {
  min-width: 95px !important;
}

@media (max-width: 768px) {
  .wx-p95 {
    width: 95px !important;
  }
}
@media (min-width: 768px) {
  .wn-p95 {
    width: 95px !important;
  }
}
.w-20 {
  width: 20% !important;
}

.w-p100 {
  width: 100px !important;
}

.w-xp100 {
  max-width: 100px !important;
}

.w-np100 {
  min-width: 100px !important;
}

@media (max-width: 768px) {
  .wx-p100 {
    width: 100px !important;
  }
}
@media (min-width: 768px) {
  .wn-p100 {
    width: 100px !important;
  }
}
.w-21 {
  width: 21% !important;
}

.w-p105 {
  width: 105px !important;
}

.w-xp105 {
  max-width: 105px !important;
}

.w-np105 {
  min-width: 105px !important;
}

@media (max-width: 768px) {
  .wx-p105 {
    width: 105px !important;
  }
}
@media (min-width: 768px) {
  .wn-p105 {
    width: 105px !important;
  }
}
.w-22 {
  width: 22% !important;
}

.w-p110 {
  width: 110px !important;
}

.w-xp110 {
  max-width: 110px !important;
}

.w-np110 {
  min-width: 110px !important;
}

@media (max-width: 768px) {
  .wx-p110 {
    width: 110px !important;
  }
}
@media (min-width: 768px) {
  .wn-p110 {
    width: 110px !important;
  }
}
.w-23 {
  width: 23% !important;
}

.w-p115 {
  width: 115px !important;
}

.w-xp115 {
  max-width: 115px !important;
}

.w-np115 {
  min-width: 115px !important;
}

@media (max-width: 768px) {
  .wx-p115 {
    width: 115px !important;
  }
}
@media (min-width: 768px) {
  .wn-p115 {
    width: 115px !important;
  }
}
.w-24 {
  width: 24% !important;
}

.w-p120 {
  width: 120px !important;
}

.w-xp120 {
  max-width: 120px !important;
}

.w-np120 {
  min-width: 120px !important;
}

@media (max-width: 768px) {
  .wx-p120 {
    width: 120px !important;
  }
}
@media (min-width: 768px) {
  .wn-p120 {
    width: 120px !important;
  }
}
.w-25 {
  width: 25% !important;
}

.w-p125 {
  width: 125px !important;
}

.w-xp125 {
  max-width: 125px !important;
}

.w-np125 {
  min-width: 125px !important;
}

@media (max-width: 768px) {
  .wx-p125 {
    width: 125px !important;
  }
}
@media (min-width: 768px) {
  .wn-p125 {
    width: 125px !important;
  }
}
.w-26 {
  width: 26% !important;
}

.w-p130 {
  width: 130px !important;
}

.w-xp130 {
  max-width: 130px !important;
}

.w-np130 {
  min-width: 130px !important;
}

@media (max-width: 768px) {
  .wx-p130 {
    width: 130px !important;
  }
}
@media (min-width: 768px) {
  .wn-p130 {
    width: 130px !important;
  }
}
.w-27 {
  width: 27% !important;
}

.w-p135 {
  width: 135px !important;
}

.w-xp135 {
  max-width: 135px !important;
}

.w-np135 {
  min-width: 135px !important;
}

@media (max-width: 768px) {
  .wx-p135 {
    width: 135px !important;
  }
}
@media (min-width: 768px) {
  .wn-p135 {
    width: 135px !important;
  }
}
.w-28 {
  width: 28% !important;
}

.w-p140 {
  width: 140px !important;
}

.w-xp140 {
  max-width: 140px !important;
}

.w-np140 {
  min-width: 140px !important;
}

@media (max-width: 768px) {
  .wx-p140 {
    width: 140px !important;
  }
}
@media (min-width: 768px) {
  .wn-p140 {
    width: 140px !important;
  }
}
.w-29 {
  width: 29% !important;
}

.w-p145 {
  width: 145px !important;
}

.w-xp145 {
  max-width: 145px !important;
}

.w-np145 {
  min-width: 145px !important;
}

@media (max-width: 768px) {
  .wx-p145 {
    width: 145px !important;
  }
}
@media (min-width: 768px) {
  .wn-p145 {
    width: 145px !important;
  }
}
.w-30 {
  width: 30% !important;
}

.w-p150 {
  width: 150px !important;
}

.w-xp150 {
  max-width: 150px !important;
}

.w-np150 {
  min-width: 150px !important;
}

@media (max-width: 768px) {
  .wx-p150 {
    width: 150px !important;
  }
}
@media (min-width: 768px) {
  .wn-p150 {
    width: 150px !important;
  }
}
.w-31 {
  width: 31% !important;
}

.w-p155 {
  width: 155px !important;
}

.w-xp155 {
  max-width: 155px !important;
}

.w-np155 {
  min-width: 155px !important;
}

@media (max-width: 768px) {
  .wx-p155 {
    width: 155px !important;
  }
}
@media (min-width: 768px) {
  .wn-p155 {
    width: 155px !important;
  }
}
.w-32 {
  width: 32% !important;
}

.w-p160 {
  width: 160px !important;
}

.w-xp160 {
  max-width: 160px !important;
}

.w-np160 {
  min-width: 160px !important;
}

@media (max-width: 768px) {
  .wx-p160 {
    width: 160px !important;
  }
}
@media (min-width: 768px) {
  .wn-p160 {
    width: 160px !important;
  }
}
.w-33 {
  width: 33% !important;
}

.w-p165 {
  width: 165px !important;
}

.w-xp165 {
  max-width: 165px !important;
}

.w-np165 {
  min-width: 165px !important;
}

@media (max-width: 768px) {
  .wx-p165 {
    width: 165px !important;
  }
}
@media (min-width: 768px) {
  .wn-p165 {
    width: 165px !important;
  }
}
.w-34 {
  width: 34% !important;
}

.w-p170 {
  width: 170px !important;
}

.w-xp170 {
  max-width: 170px !important;
}

.w-np170 {
  min-width: 170px !important;
}

@media (max-width: 768px) {
  .wx-p170 {
    width: 170px !important;
  }
}
@media (min-width: 768px) {
  .wn-p170 {
    width: 170px !important;
  }
}
.w-35 {
  width: 35% !important;
}

.w-p175 {
  width: 175px !important;
}

.w-xp175 {
  max-width: 175px !important;
}

.w-np175 {
  min-width: 175px !important;
}

@media (max-width: 768px) {
  .wx-p175 {
    width: 175px !important;
  }
}
@media (min-width: 768px) {
  .wn-p175 {
    width: 175px !important;
  }
}
.w-36 {
  width: 36% !important;
}

.w-p180 {
  width: 180px !important;
}

.w-xp180 {
  max-width: 180px !important;
}

.w-np180 {
  min-width: 180px !important;
}

@media (max-width: 768px) {
  .wx-p180 {
    width: 180px !important;
  }
}
@media (min-width: 768px) {
  .wn-p180 {
    width: 180px !important;
  }
}
.w-37 {
  width: 37% !important;
}

.w-p185 {
  width: 185px !important;
}

.w-xp185 {
  max-width: 185px !important;
}

.w-np185 {
  min-width: 185px !important;
}

@media (max-width: 768px) {
  .wx-p185 {
    width: 185px !important;
  }
}
@media (min-width: 768px) {
  .wn-p185 {
    width: 185px !important;
  }
}
.w-38 {
  width: 38% !important;
}

.w-p190 {
  width: 190px !important;
}

.w-xp190 {
  max-width: 190px !important;
}

.w-np190 {
  min-width: 190px !important;
}

@media (max-width: 768px) {
  .wx-p190 {
    width: 190px !important;
  }
}
@media (min-width: 768px) {
  .wn-p190 {
    width: 190px !important;
  }
}
.w-39 {
  width: 39% !important;
}

.w-p195 {
  width: 195px !important;
}

.w-xp195 {
  max-width: 195px !important;
}

.w-np195 {
  min-width: 195px !important;
}

@media (max-width: 768px) {
  .wx-p195 {
    width: 195px !important;
  }
}
@media (min-width: 768px) {
  .wn-p195 {
    width: 195px !important;
  }
}
.w-40 {
  width: 40% !important;
}

.w-p200 {
  width: 200px !important;
}

.w-xp200 {
  max-width: 200px !important;
}

.w-np200 {
  min-width: 200px !important;
}

@media (max-width: 768px) {
  .wx-p200 {
    width: 200px !important;
  }
}
@media (min-width: 768px) {
  .wn-p200 {
    width: 200px !important;
  }
}
.w-41 {
  width: 41% !important;
}

.w-p205 {
  width: 205px !important;
}

.w-xp205 {
  max-width: 205px !important;
}

.w-np205 {
  min-width: 205px !important;
}

@media (max-width: 768px) {
  .wx-p205 {
    width: 205px !important;
  }
}
@media (min-width: 768px) {
  .wn-p205 {
    width: 205px !important;
  }
}
.w-42 {
  width: 42% !important;
}

.w-p210 {
  width: 210px !important;
}

.w-xp210 {
  max-width: 210px !important;
}

.w-np210 {
  min-width: 210px !important;
}

@media (max-width: 768px) {
  .wx-p210 {
    width: 210px !important;
  }
}
@media (min-width: 768px) {
  .wn-p210 {
    width: 210px !important;
  }
}
.w-43 {
  width: 43% !important;
}

.w-p215 {
  width: 215px !important;
}

.w-xp215 {
  max-width: 215px !important;
}

.w-np215 {
  min-width: 215px !important;
}

@media (max-width: 768px) {
  .wx-p215 {
    width: 215px !important;
  }
}
@media (min-width: 768px) {
  .wn-p215 {
    width: 215px !important;
  }
}
.w-44 {
  width: 44% !important;
}

.w-p220 {
  width: 220px !important;
}

.w-xp220 {
  max-width: 220px !important;
}

.w-np220 {
  min-width: 220px !important;
}

@media (max-width: 768px) {
  .wx-p220 {
    width: 220px !important;
  }
}
@media (min-width: 768px) {
  .wn-p220 {
    width: 220px !important;
  }
}
.w-45 {
  width: 45% !important;
}

.w-p225 {
  width: 225px !important;
}

.w-xp225 {
  max-width: 225px !important;
}

.w-np225 {
  min-width: 225px !important;
}

@media (max-width: 768px) {
  .wx-p225 {
    width: 225px !important;
  }
}
@media (min-width: 768px) {
  .wn-p225 {
    width: 225px !important;
  }
}
.w-46 {
  width: 46% !important;
}

.w-p230 {
  width: 230px !important;
}

.w-xp230 {
  max-width: 230px !important;
}

.w-np230 {
  min-width: 230px !important;
}

@media (max-width: 768px) {
  .wx-p230 {
    width: 230px !important;
  }
}
@media (min-width: 768px) {
  .wn-p230 {
    width: 230px !important;
  }
}
.w-47 {
  width: 47% !important;
}

.w-p235 {
  width: 235px !important;
}

.w-xp235 {
  max-width: 235px !important;
}

.w-np235 {
  min-width: 235px !important;
}

@media (max-width: 768px) {
  .wx-p235 {
    width: 235px !important;
  }
}
@media (min-width: 768px) {
  .wn-p235 {
    width: 235px !important;
  }
}
.w-48 {
  width: 48% !important;
}

.w-p240 {
  width: 240px !important;
}

.w-xp240 {
  max-width: 240px !important;
}

.w-np240 {
  min-width: 240px !important;
}

@media (max-width: 768px) {
  .wx-p240 {
    width: 240px !important;
  }
}
@media (min-width: 768px) {
  .wn-p240 {
    width: 240px !important;
  }
}
.w-49 {
  width: 49% !important;
}

.w-p245 {
  width: 245px !important;
}

.w-xp245 {
  max-width: 245px !important;
}

.w-np245 {
  min-width: 245px !important;
}

@media (max-width: 768px) {
  .wx-p245 {
    width: 245px !important;
  }
}
@media (min-width: 768px) {
  .wn-p245 {
    width: 245px !important;
  }
}
.w-50 {
  width: 50% !important;
}

.w-p250 {
  width: 250px !important;
}

.w-xp250 {
  max-width: 250px !important;
}

.w-np250 {
  min-width: 250px !important;
}

@media (max-width: 768px) {
  .wx-p250 {
    width: 250px !important;
  }
}
@media (min-width: 768px) {
  .wn-p250 {
    width: 250px !important;
  }
}
.w-51 {
  width: 51% !important;
}

.w-p255 {
  width: 255px !important;
}

.w-xp255 {
  max-width: 255px !important;
}

.w-np255 {
  min-width: 255px !important;
}

@media (max-width: 768px) {
  .wx-p255 {
    width: 255px !important;
  }
}
@media (min-width: 768px) {
  .wn-p255 {
    width: 255px !important;
  }
}
.w-52 {
  width: 52% !important;
}

.w-p260 {
  width: 260px !important;
}

.w-xp260 {
  max-width: 260px !important;
}

.w-np260 {
  min-width: 260px !important;
}

@media (max-width: 768px) {
  .wx-p260 {
    width: 260px !important;
  }
}
@media (min-width: 768px) {
  .wn-p260 {
    width: 260px !important;
  }
}
.w-53 {
  width: 53% !important;
}

.w-p265 {
  width: 265px !important;
}

.w-xp265 {
  max-width: 265px !important;
}

.w-np265 {
  min-width: 265px !important;
}

@media (max-width: 768px) {
  .wx-p265 {
    width: 265px !important;
  }
}
@media (min-width: 768px) {
  .wn-p265 {
    width: 265px !important;
  }
}
.w-54 {
  width: 54% !important;
}

.w-p270 {
  width: 270px !important;
}

.w-xp270 {
  max-width: 270px !important;
}

.w-np270 {
  min-width: 270px !important;
}

@media (max-width: 768px) {
  .wx-p270 {
    width: 270px !important;
  }
}
@media (min-width: 768px) {
  .wn-p270 {
    width: 270px !important;
  }
}
.w-55 {
  width: 55% !important;
}

.w-p275 {
  width: 275px !important;
}

.w-xp275 {
  max-width: 275px !important;
}

.w-np275 {
  min-width: 275px !important;
}

@media (max-width: 768px) {
  .wx-p275 {
    width: 275px !important;
  }
}
@media (min-width: 768px) {
  .wn-p275 {
    width: 275px !important;
  }
}
.w-56 {
  width: 56% !important;
}

.w-p280 {
  width: 280px !important;
}

.w-xp280 {
  max-width: 280px !important;
}

.w-np280 {
  min-width: 280px !important;
}

@media (max-width: 768px) {
  .wx-p280 {
    width: 280px !important;
  }
}
@media (min-width: 768px) {
  .wn-p280 {
    width: 280px !important;
  }
}
.w-57 {
  width: 57% !important;
}

.w-p285 {
  width: 285px !important;
}

.w-xp285 {
  max-width: 285px !important;
}

.w-np285 {
  min-width: 285px !important;
}

@media (max-width: 768px) {
  .wx-p285 {
    width: 285px !important;
  }
}
@media (min-width: 768px) {
  .wn-p285 {
    width: 285px !important;
  }
}
.w-58 {
  width: 58% !important;
}

.w-p290 {
  width: 290px !important;
}

.w-xp290 {
  max-width: 290px !important;
}

.w-np290 {
  min-width: 290px !important;
}

@media (max-width: 768px) {
  .wx-p290 {
    width: 290px !important;
  }
}
@media (min-width: 768px) {
  .wn-p290 {
    width: 290px !important;
  }
}
.w-59 {
  width: 59% !important;
}

.w-p295 {
  width: 295px !important;
}

.w-xp295 {
  max-width: 295px !important;
}

.w-np295 {
  min-width: 295px !important;
}

@media (max-width: 768px) {
  .wx-p295 {
    width: 295px !important;
  }
}
@media (min-width: 768px) {
  .wn-p295 {
    width: 295px !important;
  }
}
.w-60 {
  width: 60% !important;
}

.w-p300 {
  width: 300px !important;
}

.w-xp300 {
  max-width: 300px !important;
}

.w-np300 {
  min-width: 300px !important;
}

@media (max-width: 768px) {
  .wx-p300 {
    width: 300px !important;
  }
}
@media (min-width: 768px) {
  .wn-p300 {
    width: 300px !important;
  }
}
.w-61 {
  width: 61% !important;
}

.w-p305 {
  width: 305px !important;
}

.w-xp305 {
  max-width: 305px !important;
}

.w-np305 {
  min-width: 305px !important;
}

@media (max-width: 768px) {
  .wx-p305 {
    width: 305px !important;
  }
}
@media (min-width: 768px) {
  .wn-p305 {
    width: 305px !important;
  }
}
.w-62 {
  width: 62% !important;
}

.w-p310 {
  width: 310px !important;
}

.w-xp310 {
  max-width: 310px !important;
}

.w-np310 {
  min-width: 310px !important;
}

@media (max-width: 768px) {
  .wx-p310 {
    width: 310px !important;
  }
}
@media (min-width: 768px) {
  .wn-p310 {
    width: 310px !important;
  }
}
.w-63 {
  width: 63% !important;
}

.w-p315 {
  width: 315px !important;
}

.w-xp315 {
  max-width: 315px !important;
}

.w-np315 {
  min-width: 315px !important;
}

@media (max-width: 768px) {
  .wx-p315 {
    width: 315px !important;
  }
}
@media (min-width: 768px) {
  .wn-p315 {
    width: 315px !important;
  }
}
.w-64 {
  width: 64% !important;
}

.w-p320 {
  width: 320px !important;
}

.w-xp320 {
  max-width: 320px !important;
}

.w-np320 {
  min-width: 320px !important;
}

@media (max-width: 768px) {
  .wx-p320 {
    width: 320px !important;
  }
}
@media (min-width: 768px) {
  .wn-p320 {
    width: 320px !important;
  }
}
.w-65 {
  width: 65% !important;
}

.w-p325 {
  width: 325px !important;
}

.w-xp325 {
  max-width: 325px !important;
}

.w-np325 {
  min-width: 325px !important;
}

@media (max-width: 768px) {
  .wx-p325 {
    width: 325px !important;
  }
}
@media (min-width: 768px) {
  .wn-p325 {
    width: 325px !important;
  }
}
.w-66 {
  width: 66% !important;
}

.w-p330 {
  width: 330px !important;
}

.w-xp330 {
  max-width: 330px !important;
}

.w-np330 {
  min-width: 330px !important;
}

@media (max-width: 768px) {
  .wx-p330 {
    width: 330px !important;
  }
}
@media (min-width: 768px) {
  .wn-p330 {
    width: 330px !important;
  }
}
.w-67 {
  width: 67% !important;
}

.w-p335 {
  width: 335px !important;
}

.w-xp335 {
  max-width: 335px !important;
}

.w-np335 {
  min-width: 335px !important;
}

@media (max-width: 768px) {
  .wx-p335 {
    width: 335px !important;
  }
}
@media (min-width: 768px) {
  .wn-p335 {
    width: 335px !important;
  }
}
.w-68 {
  width: 68% !important;
}

.w-p340 {
  width: 340px !important;
}

.w-xp340 {
  max-width: 340px !important;
}

.w-np340 {
  min-width: 340px !important;
}

@media (max-width: 768px) {
  .wx-p340 {
    width: 340px !important;
  }
}
@media (min-width: 768px) {
  .wn-p340 {
    width: 340px !important;
  }
}
.w-69 {
  width: 69% !important;
}

.w-p345 {
  width: 345px !important;
}

.w-xp345 {
  max-width: 345px !important;
}

.w-np345 {
  min-width: 345px !important;
}

@media (max-width: 768px) {
  .wx-p345 {
    width: 345px !important;
  }
}
@media (min-width: 768px) {
  .wn-p345 {
    width: 345px !important;
  }
}
.w-70 {
  width: 70% !important;
}

.w-p350 {
  width: 350px !important;
}

.w-xp350 {
  max-width: 350px !important;
}

.w-np350 {
  min-width: 350px !important;
}

@media (max-width: 768px) {
  .wx-p350 {
    width: 350px !important;
  }
}
@media (min-width: 768px) {
  .wn-p350 {
    width: 350px !important;
  }
}
.w-71 {
  width: 71% !important;
}

.w-p355 {
  width: 355px !important;
}

.w-xp355 {
  max-width: 355px !important;
}

.w-np355 {
  min-width: 355px !important;
}

@media (max-width: 768px) {
  .wx-p355 {
    width: 355px !important;
  }
}
@media (min-width: 768px) {
  .wn-p355 {
    width: 355px !important;
  }
}
.w-72 {
  width: 72% !important;
}

.w-p360 {
  width: 360px !important;
}

.w-xp360 {
  max-width: 360px !important;
}

.w-np360 {
  min-width: 360px !important;
}

@media (max-width: 768px) {
  .wx-p360 {
    width: 360px !important;
  }
}
@media (min-width: 768px) {
  .wn-p360 {
    width: 360px !important;
  }
}
.w-73 {
  width: 73% !important;
}

.w-p365 {
  width: 365px !important;
}

.w-xp365 {
  max-width: 365px !important;
}

.w-np365 {
  min-width: 365px !important;
}

@media (max-width: 768px) {
  .wx-p365 {
    width: 365px !important;
  }
}
@media (min-width: 768px) {
  .wn-p365 {
    width: 365px !important;
  }
}
.w-74 {
  width: 74% !important;
}

.w-p370 {
  width: 370px !important;
}

.w-xp370 {
  max-width: 370px !important;
}

.w-np370 {
  min-width: 370px !important;
}

@media (max-width: 768px) {
  .wx-p370 {
    width: 370px !important;
  }
}
@media (min-width: 768px) {
  .wn-p370 {
    width: 370px !important;
  }
}
.w-75 {
  width: 75% !important;
}

.w-p375 {
  width: 375px !important;
}

.w-xp375 {
  max-width: 375px !important;
}

.w-np375 {
  min-width: 375px !important;
}

@media (max-width: 768px) {
  .wx-p375 {
    width: 375px !important;
  }
}
@media (min-width: 768px) {
  .wn-p375 {
    width: 375px !important;
  }
}
.w-76 {
  width: 76% !important;
}

.w-p380 {
  width: 380px !important;
}

.w-xp380 {
  max-width: 380px !important;
}

.w-np380 {
  min-width: 380px !important;
}

@media (max-width: 768px) {
  .wx-p380 {
    width: 380px !important;
  }
}
@media (min-width: 768px) {
  .wn-p380 {
    width: 380px !important;
  }
}
.w-77 {
  width: 77% !important;
}

.w-p385 {
  width: 385px !important;
}

.w-xp385 {
  max-width: 385px !important;
}

.w-np385 {
  min-width: 385px !important;
}

@media (max-width: 768px) {
  .wx-p385 {
    width: 385px !important;
  }
}
@media (min-width: 768px) {
  .wn-p385 {
    width: 385px !important;
  }
}
.w-78 {
  width: 78% !important;
}

.w-p390 {
  width: 390px !important;
}

.w-xp390 {
  max-width: 390px !important;
}

.w-np390 {
  min-width: 390px !important;
}

@media (max-width: 768px) {
  .wx-p390 {
    width: 390px !important;
  }
}
@media (min-width: 768px) {
  .wn-p390 {
    width: 390px !important;
  }
}
.w-79 {
  width: 79% !important;
}

.w-p395 {
  width: 395px !important;
}

.w-xp395 {
  max-width: 395px !important;
}

.w-np395 {
  min-width: 395px !important;
}

@media (max-width: 768px) {
  .wx-p395 {
    width: 395px !important;
  }
}
@media (min-width: 768px) {
  .wn-p395 {
    width: 395px !important;
  }
}
.w-80 {
  width: 80% !important;
}

.w-p400 {
  width: 400px !important;
}

.w-xp400 {
  max-width: 400px !important;
}

.w-np400 {
  min-width: 400px !important;
}

@media (max-width: 768px) {
  .wx-p400 {
    width: 400px !important;
  }
}
@media (min-width: 768px) {
  .wn-p400 {
    width: 400px !important;
  }
}
.w-81 {
  width: 81% !important;
}

.w-p405 {
  width: 405px !important;
}

.w-xp405 {
  max-width: 405px !important;
}

.w-np405 {
  min-width: 405px !important;
}

@media (max-width: 768px) {
  .wx-p405 {
    width: 405px !important;
  }
}
@media (min-width: 768px) {
  .wn-p405 {
    width: 405px !important;
  }
}
.w-82 {
  width: 82% !important;
}

.w-p410 {
  width: 410px !important;
}

.w-xp410 {
  max-width: 410px !important;
}

.w-np410 {
  min-width: 410px !important;
}

@media (max-width: 768px) {
  .wx-p410 {
    width: 410px !important;
  }
}
@media (min-width: 768px) {
  .wn-p410 {
    width: 410px !important;
  }
}
.w-83 {
  width: 83% !important;
}

.w-p415 {
  width: 415px !important;
}

.w-xp415 {
  max-width: 415px !important;
}

.w-np415 {
  min-width: 415px !important;
}

@media (max-width: 768px) {
  .wx-p415 {
    width: 415px !important;
  }
}
@media (min-width: 768px) {
  .wn-p415 {
    width: 415px !important;
  }
}
.w-84 {
  width: 84% !important;
}

.w-p420 {
  width: 420px !important;
}

.w-xp420 {
  max-width: 420px !important;
}

.w-np420 {
  min-width: 420px !important;
}

@media (max-width: 768px) {
  .wx-p420 {
    width: 420px !important;
  }
}
@media (min-width: 768px) {
  .wn-p420 {
    width: 420px !important;
  }
}
.w-85 {
  width: 85% !important;
}

.w-p425 {
  width: 425px !important;
}

.w-xp425 {
  max-width: 425px !important;
}

.w-np425 {
  min-width: 425px !important;
}

@media (max-width: 768px) {
  .wx-p425 {
    width: 425px !important;
  }
}
@media (min-width: 768px) {
  .wn-p425 {
    width: 425px !important;
  }
}
.w-86 {
  width: 86% !important;
}

.w-p430 {
  width: 430px !important;
}

.w-xp430 {
  max-width: 430px !important;
}

.w-np430 {
  min-width: 430px !important;
}

@media (max-width: 768px) {
  .wx-p430 {
    width: 430px !important;
  }
}
@media (min-width: 768px) {
  .wn-p430 {
    width: 430px !important;
  }
}
.w-87 {
  width: 87% !important;
}

.w-p435 {
  width: 435px !important;
}

.w-xp435 {
  max-width: 435px !important;
}

.w-np435 {
  min-width: 435px !important;
}

@media (max-width: 768px) {
  .wx-p435 {
    width: 435px !important;
  }
}
@media (min-width: 768px) {
  .wn-p435 {
    width: 435px !important;
  }
}
.w-88 {
  width: 88% !important;
}

.w-p440 {
  width: 440px !important;
}

.w-xp440 {
  max-width: 440px !important;
}

.w-np440 {
  min-width: 440px !important;
}

@media (max-width: 768px) {
  .wx-p440 {
    width: 440px !important;
  }
}
@media (min-width: 768px) {
  .wn-p440 {
    width: 440px !important;
  }
}
.w-89 {
  width: 89% !important;
}

.w-p445 {
  width: 445px !important;
}

.w-xp445 {
  max-width: 445px !important;
}

.w-np445 {
  min-width: 445px !important;
}

@media (max-width: 768px) {
  .wx-p445 {
    width: 445px !important;
  }
}
@media (min-width: 768px) {
  .wn-p445 {
    width: 445px !important;
  }
}
.w-90 {
  width: 90% !important;
}

.w-p450 {
  width: 450px !important;
}

.w-xp450 {
  max-width: 450px !important;
}

.w-np450 {
  min-width: 450px !important;
}

@media (max-width: 768px) {
  .wx-p450 {
    width: 450px !important;
  }
}
@media (min-width: 768px) {
  .wn-p450 {
    width: 450px !important;
  }
}
.w-91 {
  width: 91% !important;
}

.w-p455 {
  width: 455px !important;
}

.w-xp455 {
  max-width: 455px !important;
}

.w-np455 {
  min-width: 455px !important;
}

@media (max-width: 768px) {
  .wx-p455 {
    width: 455px !important;
  }
}
@media (min-width: 768px) {
  .wn-p455 {
    width: 455px !important;
  }
}
.w-92 {
  width: 92% !important;
}

.w-p460 {
  width: 460px !important;
}

.w-xp460 {
  max-width: 460px !important;
}

.w-np460 {
  min-width: 460px !important;
}

@media (max-width: 768px) {
  .wx-p460 {
    width: 460px !important;
  }
}
@media (min-width: 768px) {
  .wn-p460 {
    width: 460px !important;
  }
}
.w-93 {
  width: 93% !important;
}

.w-p465 {
  width: 465px !important;
}

.w-xp465 {
  max-width: 465px !important;
}

.w-np465 {
  min-width: 465px !important;
}

@media (max-width: 768px) {
  .wx-p465 {
    width: 465px !important;
  }
}
@media (min-width: 768px) {
  .wn-p465 {
    width: 465px !important;
  }
}
.w-94 {
  width: 94% !important;
}

.w-p470 {
  width: 470px !important;
}

.w-xp470 {
  max-width: 470px !important;
}

.w-np470 {
  min-width: 470px !important;
}

@media (max-width: 768px) {
  .wx-p470 {
    width: 470px !important;
  }
}
@media (min-width: 768px) {
  .wn-p470 {
    width: 470px !important;
  }
}
.w-95 {
  width: 95% !important;
}

.w-p475 {
  width: 475px !important;
}

.w-xp475 {
  max-width: 475px !important;
}

.w-np475 {
  min-width: 475px !important;
}

@media (max-width: 768px) {
  .wx-p475 {
    width: 475px !important;
  }
}
@media (min-width: 768px) {
  .wn-p475 {
    width: 475px !important;
  }
}
.w-96 {
  width: 96% !important;
}

.w-p480 {
  width: 480px !important;
}

.w-xp480 {
  max-width: 480px !important;
}

.w-np480 {
  min-width: 480px !important;
}

@media (max-width: 768px) {
  .wx-p480 {
    width: 480px !important;
  }
}
@media (min-width: 768px) {
  .wn-p480 {
    width: 480px !important;
  }
}
.w-97 {
  width: 97% !important;
}

.w-p485 {
  width: 485px !important;
}

.w-xp485 {
  max-width: 485px !important;
}

.w-np485 {
  min-width: 485px !important;
}

@media (max-width: 768px) {
  .wx-p485 {
    width: 485px !important;
  }
}
@media (min-width: 768px) {
  .wn-p485 {
    width: 485px !important;
  }
}
.w-98 {
  width: 98% !important;
}

.w-p490 {
  width: 490px !important;
}

.w-xp490 {
  max-width: 490px !important;
}

.w-np490 {
  min-width: 490px !important;
}

@media (max-width: 768px) {
  .wx-p490 {
    width: 490px !important;
  }
}
@media (min-width: 768px) {
  .wn-p490 {
    width: 490px !important;
  }
}
.w-99 {
  width: 99% !important;
}

.w-p495 {
  width: 495px !important;
}

.w-xp495 {
  max-width: 495px !important;
}

.w-np495 {
  min-width: 495px !important;
}

@media (max-width: 768px) {
  .wx-p495 {
    width: 495px !important;
  }
}
@media (min-width: 768px) {
  .wn-p495 {
    width: 495px !important;
  }
}
.w-100 {
  width: 100% !important;
}

.w-p500 {
  width: 500px !important;
}

.w-xp500 {
  max-width: 500px !important;
}

.w-np500 {
  min-width: 500px !important;
}

@media (max-width: 768px) {
  .wx-p500 {
    width: 500px !important;
  }
}
@media (min-width: 768px) {
  .wn-p500 {
    width: 500px !important;
  }
}
label.required::before {
  content: "* ";
  color: red;
}

.error-input {
  border-color: red !important;
  color: red !important;
}

.marquee {
  max-height: 50px;
  overflow: hidden;
  position: relative;
  background: #fefefe;
  color: #333;
  border: 1px solid #4a4a4a;
}

.marquee p {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 50px;
  text-align: center;
  transform: translateX(100%);
  -webkit-animation: scroll-left 2s linear infinite;
  animation: scroll-left 20s linear infinite;
}
@-webkit-keyframes scroll-left {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes scroll-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.rounded-left, .locale-rtl .rounded-right {
  border-radius: 5px 0px 0px 5px !important;
}

.rounded-right, .locale-rtl .rounded-left {
  border-radius: 0px 5px 5px 0px !important;
}

.rounded {
  border-radius: 5px !important;
}

.flat, .non-rounded {
  border-radius: 0px !important;
}

@media (min-width: 1200px) {
  .modal-fluid {
    max-width: calc(100% - 200px);
  }
}
ul.tree-ul {
  margin-left: 15px;
  list-style: none;
}
ul.tree-ul li div.form-control {
  margin-bottom: 5px;
}
ul.tree-ul li div.form-control.active, ul.tree-ul li div.form-control:hover {
  color: #f5fbfe;
  background-color: #11a5ed;
}

.left-sidenav .left-sidenav-menu li:hover ul {
  min-width: 300px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: 350px !important;
}

.left-sidenav .left-sidenav-menu .leftbar-menu-item:hover .menu-link {
  width: 370px !important;
}

.locale-rtl .dropdown-menu.show {
  left: 0 !important;
  right: auto;
}
.locale-rtl ul.tree-ul {
  margin-left: auto;
  margin-right: 15px;
}
.locale-rtl .ltr {
  direction: ltr !important;
}
.locale-rtl .left-sidenav-menu .vertical-menu-icon {
  margin-right: 6px !important;
  margin-left: auto !important;
}
.locale-rtl .left-sidenav .left-sidenav-menu li:hover ul {
  left: auto !important;
  right: 70px;
}
.locale-rtl li.leftbar-menu-item .menu-link span {
  text-align: right !important;
  display: inline-block;
  width: 100%;
  padding-top: 5px;
  padding-right: 10px;
}
@media (max-width: 1100px) {
  .locale-rtl .container-left {
    padding-left: 0px;
    padding-right: 70px;
  }
}

.custom-switch, .custom-switch * {
  cursor: pointer !important;
}

@media (max-width: 750px) {
  .page-content-tab {
    padding: 0px !important;
  }
  .page-content-tab > .container-fluid {
    padding: 5px !important;
  }
}