/*vars *************************/
/*vars *************************/
@-webkit-keyframes vzstatus_active {
  0% {
    color: #CFD4D9;
  }
  50% {
    color: #CFD4D9;
  }
  100% {
    color: #66C491;
  }
}
/****/
@-webkit-keyframes vzstatus_danger {
  0% {
    color: #CFD4D9;
  }
  50% {
    color: #CFD4D9;
  }
  100% {
    color: #D46E6B;
  }
}
/*****/
@-webkit-keyframes vzstatus_info {
  0% {
    color: #6E757C;
  }
  50% {
    color: #6E757C;
  }
  100% {
    color: #DCB072;
  }
}
/*****/
@-webkit-keyframes btn_multicolor {
  0% {
    color: #ffffff;
    background-color: #82B636;
  }
  25% {
    color: #ffffff;
    background-color: #5A79D0;
  }
  50% {
    color: #ffffff;
    background-color: #F66C09;
  }
  75% {
    color: #ffffff;
    background-color: #002D47;
  }
  100% {
    color: #ffffff;
    background-color: #82B636;
  }
}
/****/
.cursor-pointer {
  cursor: pointer;
}

.draggable-handler {
  cursor: move;
}

.display-none {
  display: none;
}

.display-block {
  display: block;
}

.hand {
  cursor: pointer;
}

.move {
  cursor: move;
}

.help {
  cursor: help;
}

.bottom_shadow {
  -webkit-box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
  box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
}

/*****************************************/
.collapse_btn .collapsed_hide {
  display: none;
}
.collapse_btn .collapsed_show {
  display: block;
}
.collapse_btn.collapsed .collapsed_hide {
  display: block;
}
.collapse_btn.collapsed .collapsed_show {
  display: none;
}

/*****************************************/
.hover_action .hover_show {
  display: none;
}
.hover_action .hover_hide {
  display: unset;
}
.hover_action:hover .hover_show {
  display: unset;
}
.hover_action:hover .hover_hide {
  display: none;
}

.active_action .active_hide {
  display: inline-block;
}
.active_action .active_show {
  display: none;
}
.active_action.active .active_hide {
  display: none;
}
.active_action.active .active_show {
  display: inline-block;
}

/***********************************************/
.border-radius-2 {
  border-radius: 2px;
}

.border-radius-3 {
  border-radius: 3px;
}

.border-radius-4 {
  border-radius: 4px;
}

.border-radius-5 {
  border-radius: 5px;
}

.border-radius-6 {
  border-radius: 6px;
}

.border-radius-7 {
  border-radius: 7px;
}

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

.border-radius-9 {
  border-radius: 9px;
}

.border-radius-10 {
  border-radius: 10px;
}

.border-radius-11 {
  border-radius: 11px;
}

.border-radius-12 {
  border-radius: 12px;
}

.border-radius-13 {
  border-radius: 13px;
}

.border-radius-14 {
  border-radius: 14px;
}

.border-radius-15 {
  border-radius: 15px;
}

.border-radius-16 {
  border-radius: 16px;
}

.border-radius-17 {
  border-radius: 17px;
}

.border-radius-18 {
  border-radius: 18px;
}

.border-radius-19 {
  border-radius: 19px;
}

.border-radius-20 {
  border-radius: 20px;
}

/***********************************************/
.loading-state {
  position: relative;
}

.loading-state * {
  opacity: 0.4;
}

.loading-state:after, .loading-state:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #646464;
  font-family: "Font Awesome 5 Duotone";
  font-weight: 900;
  font-size: 18px;
  text-align: center;
  z-index: 999999;
  content: "\f3f4";
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
  opacity: 1 !important;
  overflow: hidden;
}

.loading-state:before {
  font-family: "Font Awesome 5 pro";
  content: "\f111";
  opacity: 0.3;
  font-weight: 500;
  color: #ebebeb;
}

.full_screen {
  position: fixed !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: unset !important;
  max-height: unset !important;
  z-index: 99999;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

.close:focus, .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}

.btn-green {
  color: #000;
  background-color: #82B636;
  border-color: #82B636;
}
.btn-green:hover {
  color: #000;
  background-color: rgb(148.75, 192.95, 84.15);
  border-color: rgb(142.5, 189.3, 74.1);
}
.btn-check:focus + .btn-green, .btn-green:focus {
  color: #000;
  background-color: rgb(148.75, 192.95, 84.15);
  border-color: rgb(142.5, 189.3, 74.1);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(110.5, 154.7, 45.9, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(110.5, 154.7, 45.9, 0.5);
}
.btn-check:checked + .btn-green, .btn-check:active + .btn-green, .btn-green:active, .btn-green.active, .show > .btn-green.dropdown-toggle {
  color: #000;
  background-color: rgb(155, 196.6, 94.2);
  border-color: rgb(142.5, 189.3, 74.1);
}
.btn-check:checked + .btn-green:focus, .btn-check:active + .btn-green:focus, .btn-green:active:focus, .btn-green.active:focus, .show > .btn-green.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(110.5, 154.7, 45.9, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(110.5, 154.7, 45.9, 0.5);
}
.btn-green:disabled, .btn-green.disabled {
  color: #000;
  background-color: #82B636;
  border-color: #82B636;
}

.btn-lightgreen {
  color: #000;
  background-color: #66C491;
  border-color: #66C491;
}
.btn-lightgreen:hover {
  color: #000;
  background-color: rgb(124.95, 204.85, 161.5);
  border-color: rgb(117.3, 201.9, 156);
}
.btn-check:focus + .btn-lightgreen, .btn-lightgreen:focus {
  color: #000;
  background-color: rgb(124.95, 204.85, 161.5);
  border-color: rgb(117.3, 201.9, 156);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(86.7, 166.6, 123.25, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(86.7, 166.6, 123.25, 0.5);
}
.btn-check:checked + .btn-lightgreen, .btn-check:active + .btn-lightgreen, .btn-lightgreen:active, .btn-lightgreen.active, .show > .btn-lightgreen.dropdown-toggle {
  color: #000;
  background-color: rgb(132.6, 207.8, 167);
  border-color: rgb(117.3, 201.9, 156);
}
.btn-check:checked + .btn-lightgreen:focus, .btn-check:active + .btn-lightgreen:focus, .btn-lightgreen:active:focus, .btn-lightgreen.active:focus, .show > .btn-lightgreen.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(86.7, 166.6, 123.25, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(86.7, 166.6, 123.25, 0.5);
}
.btn-lightgreen:disabled, .btn-lightgreen.disabled {
  color: #000;
  background-color: #66C491;
  border-color: #66C491;
}

.btn-grey {
  color: #000;
  background-color: #EAECEF;
  border-color: #EAECEF;
}
.btn-grey:hover {
  color: #000;
  background-color: rgb(237.15, 238.85, 241.4);
  border-color: rgb(236.1, 237.9, 240.6);
}
.btn-check:focus + .btn-grey, .btn-grey:focus {
  color: #000;
  background-color: rgb(237.15, 238.85, 241.4);
  border-color: rgb(236.1, 237.9, 240.6);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(198.9, 200.6, 203.15, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(198.9, 200.6, 203.15, 0.5);
}
.btn-check:checked + .btn-grey, .btn-check:active + .btn-grey, .btn-grey:active, .btn-grey.active, .show > .btn-grey.dropdown-toggle {
  color: #000;
  background-color: rgb(238.2, 239.8, 242.2);
  border-color: rgb(236.1, 237.9, 240.6);
}
.btn-check:checked + .btn-grey:focus, .btn-check:active + .btn-grey:focus, .btn-grey:active:focus, .btn-grey.active:focus, .show > .btn-grey.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(198.9, 200.6, 203.15, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(198.9, 200.6, 203.15, 0.5);
}
.btn-grey:disabled, .btn-grey.disabled {
  color: #000;
  background-color: #EAECEF;
  border-color: #EAECEF;
}

.btn-grey2 {
  color: #fff;
  background-color: #6E757C;
  border-color: #6E757C;
}
.btn-grey2:hover {
  color: #fff;
  background-color: rgb(93.5, 99.45, 105.4);
  border-color: rgb(88, 93.6, 99.2);
}
.btn-check:focus + .btn-grey2, .btn-grey2:focus {
  color: #fff;
  background-color: rgb(93.5, 99.45, 105.4);
  border-color: rgb(88, 93.6, 99.2);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(131.75, 137.7, 143.65, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(131.75, 137.7, 143.65, 0.5);
}
.btn-check:checked + .btn-grey2, .btn-check:active + .btn-grey2, .btn-grey2:active, .btn-grey2.active, .show > .btn-grey2.dropdown-toggle {
  color: #fff;
  background-color: rgb(88, 93.6, 99.2);
  border-color: rgb(82.5, 87.75, 93);
}
.btn-check:checked + .btn-grey2:focus, .btn-check:active + .btn-grey2:focus, .btn-grey2:active:focus, .btn-grey2.active:focus, .show > .btn-grey2.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(131.75, 137.7, 143.65, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(131.75, 137.7, 143.65, 0.5);
}
.btn-grey2:disabled, .btn-grey2.disabled {
  color: #fff;
  background-color: #6E757C;
  border-color: #6E757C;
}

.btn-grey-lighter {
  color: #000;
  background-color: #F8F9FA;
  border-color: #F8F9FA;
}
.btn-grey-lighter:hover {
  color: #000;
  background-color: rgb(249.05, 249.9, 250.75);
  border-color: rgb(248.7, 249.6, 250.5);
}
.btn-check:focus + .btn-grey-lighter, .btn-grey-lighter:focus {
  color: #000;
  background-color: rgb(249.05, 249.9, 250.75);
  border-color: rgb(248.7, 249.6, 250.5);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(210.8, 211.65, 212.5, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(210.8, 211.65, 212.5, 0.5);
}
.btn-check:checked + .btn-grey-lighter, .btn-check:active + .btn-grey-lighter, .btn-grey-lighter:active, .btn-grey-lighter.active, .show > .btn-grey-lighter.dropdown-toggle {
  color: #000;
  background-color: rgb(249.4, 250.2, 251);
  border-color: rgb(248.7, 249.6, 250.5);
}
.btn-check:checked + .btn-grey-lighter:focus, .btn-check:active + .btn-grey-lighter:focus, .btn-grey-lighter:active:focus, .btn-grey-lighter.active:focus, .show > .btn-grey-lighter.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(210.8, 211.65, 212.5, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(210.8, 211.65, 212.5, 0.5);
}
.btn-grey-lighter:disabled, .btn-grey-lighter.disabled {
  color: #000;
  background-color: #F8F9FA;
  border-color: #F8F9FA;
}

.btn-red {
  color: #fff;
  background-color: #DC3545;
  border-color: #DC3545;
}
.btn-red:hover {
  color: #fff;
  background-color: rgb(187, 45.05, 58.65);
  border-color: rgb(176, 42.4, 55.2);
}
.btn-check:focus + .btn-red, .btn-red:focus {
  color: #fff;
  background-color: rgb(187, 45.05, 58.65);
  border-color: rgb(176, 42.4, 55.2);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(225.25, 83.3, 96.9, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(225.25, 83.3, 96.9, 0.5);
}
.btn-check:checked + .btn-red, .btn-check:active + .btn-red, .btn-red:active, .btn-red.active, .show > .btn-red.dropdown-toggle {
  color: #fff;
  background-color: rgb(176, 42.4, 55.2);
  border-color: rgb(165, 39.75, 51.75);
}
.btn-check:checked + .btn-red:focus, .btn-check:active + .btn-red:focus, .btn-red:active:focus, .btn-red.active:focus, .show > .btn-red.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(225.25, 83.3, 96.9, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(225.25, 83.3, 96.9, 0.5);
}
.btn-red:disabled, .btn-red.disabled {
  color: #fff;
  background-color: #DC3545;
  border-color: #DC3545;
}

.btn-lightred {
  color: #000;
  background-color: #D46E6B;
  border-color: #D46E6B;
}
.btn-lightred:hover {
  color: #000;
  background-color: rgb(218.45, 131.75, 129.2);
  border-color: rgb(216.3, 124.5, 121.8);
}
.btn-check:focus + .btn-lightred, .btn-lightred:focus {
  color: #000;
  background-color: rgb(218.45, 131.75, 129.2);
  border-color: rgb(216.3, 124.5, 121.8);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(180.2, 93.5, 90.95, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(180.2, 93.5, 90.95, 0.5);
}
.btn-check:checked + .btn-lightred, .btn-check:active + .btn-lightred, .btn-lightred:active, .btn-lightred.active, .show > .btn-lightred.dropdown-toggle {
  color: #000;
  background-color: rgb(220.6, 139, 136.6);
  border-color: rgb(216.3, 124.5, 121.8);
}
.btn-check:checked + .btn-lightred:focus, .btn-check:active + .btn-lightred:focus, .btn-lightred:active:focus, .btn-lightred.active:focus, .show > .btn-lightred.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(180.2, 93.5, 90.95, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(180.2, 93.5, 90.95, 0.5);
}
.btn-lightred:disabled, .btn-lightred.disabled {
  color: #000;
  background-color: #D46E6B;
  border-color: #D46E6B;
}

.btn-blue {
  color: #000;
  background-color: #71AAE0;
  border-color: #71AAE0;
}
.btn-blue:hover {
  color: #000;
  background-color: rgb(134.3, 182.75, 228.65);
  border-color: rgb(127.2, 178.5, 227.1);
}
.btn-check:focus + .btn-blue, .btn-blue:focus {
  color: #000;
  background-color: rgb(134.3, 182.75, 228.65);
  border-color: rgb(127.2, 178.5, 227.1);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(96.05, 144.5, 190.4, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(96.05, 144.5, 190.4, 0.5);
}
.btn-check:checked + .btn-blue, .btn-check:active + .btn-blue, .btn-blue:active, .btn-blue.active, .show > .btn-blue.dropdown-toggle {
  color: #000;
  background-color: rgb(141.4, 187, 230.2);
  border-color: rgb(127.2, 178.5, 227.1);
}
.btn-check:checked + .btn-blue:focus, .btn-check:active + .btn-blue:focus, .btn-blue:active:focus, .btn-blue.active:focus, .show > .btn-blue.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(96.05, 144.5, 190.4, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(96.05, 144.5, 190.4, 0.5);
}
.btn-blue:disabled, .btn-blue.disabled {
  color: #000;
  background-color: #71AAE0;
  border-color: #71AAE0;
}

.btn-lightblue {
  color: #000;
  background-color: #DBE2F4;
  border-color: #DBE2F4;
}
.btn-lightblue:hover {
  color: #000;
  background-color: rgb(224.4, 230.35, 245.65);
  border-color: rgb(222.6, 228.9, 245.1);
}
.btn-check:focus + .btn-lightblue, .btn-lightblue:focus {
  color: #000;
  background-color: rgb(224.4, 230.35, 245.65);
  border-color: rgb(222.6, 228.9, 245.1);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(186.15, 192.1, 207.4, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(186.15, 192.1, 207.4, 0.5);
}
.btn-check:checked + .btn-lightblue, .btn-check:active + .btn-lightblue, .btn-lightblue:active, .btn-lightblue.active, .show > .btn-lightblue.dropdown-toggle {
  color: #000;
  background-color: rgb(226.2, 231.8, 246.2);
  border-color: rgb(222.6, 228.9, 245.1);
}
.btn-check:checked + .btn-lightblue:focus, .btn-check:active + .btn-lightblue:focus, .btn-lightblue:active:focus, .btn-lightblue.active:focus, .show > .btn-lightblue.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(186.15, 192.1, 207.4, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(186.15, 192.1, 207.4, 0.5);
}
.btn-lightblue:disabled, .btn-lightblue.disabled {
  color: #000;
  background-color: #DBE2F4;
  border-color: #DBE2F4;
}

.btn-navyblue {
  color: #fff;
  background-color: #002D47;
  border-color: #002D47;
}
.btn-navyblue:hover {
  color: #fff;
  background-color: rgb(0, 38.25, 60.35);
  border-color: rgb(0, 36, 56.8);
}
.btn-check:focus + .btn-navyblue, .btn-navyblue:focus {
  color: #fff;
  background-color: rgb(0, 38.25, 60.35);
  border-color: rgb(0, 36, 56.8);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(38.25, 76.5, 98.6, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(38.25, 76.5, 98.6, 0.5);
}
.btn-check:checked + .btn-navyblue, .btn-check:active + .btn-navyblue, .btn-navyblue:active, .btn-navyblue.active, .show > .btn-navyblue.dropdown-toggle {
  color: #fff;
  background-color: rgb(0, 36, 56.8);
  border-color: rgb(0, 33.75, 53.25);
}
.btn-check:checked + .btn-navyblue:focus, .btn-check:active + .btn-navyblue:focus, .btn-navyblue:active:focus, .btn-navyblue.active:focus, .show > .btn-navyblue.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(38.25, 76.5, 98.6, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(38.25, 76.5, 98.6, 0.5);
}
.btn-navyblue:disabled, .btn-navyblue.disabled {
  color: #fff;
  background-color: #002D47;
  border-color: #002D47;
}

.btn-orange {
  color: #000;
  background-color: #F66C09;
  border-color: #F66C09;
}
.btn-orange:hover {
  color: #000;
  background-color: rgb(247.35, 130.05, 45.9);
  border-color: rgb(246.9, 122.7, 33.6);
}
.btn-check:focus + .btn-orange, .btn-orange:focus {
  color: #000;
  background-color: rgb(247.35, 130.05, 45.9);
  border-color: rgb(246.9, 122.7, 33.6);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(209.1, 91.8, 7.65, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(209.1, 91.8, 7.65, 0.5);
}
.btn-check:checked + .btn-orange, .btn-check:active + .btn-orange, .btn-orange:active, .btn-orange.active, .show > .btn-orange.dropdown-toggle {
  color: #000;
  background-color: rgb(247.8, 137.4, 58.2);
  border-color: rgb(246.9, 122.7, 33.6);
}
.btn-check:checked + .btn-orange:focus, .btn-check:active + .btn-orange:focus, .btn-orange:active:focus, .btn-orange.active:focus, .show > .btn-orange.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(209.1, 91.8, 7.65, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(209.1, 91.8, 7.65, 0.5);
}
.btn-orange:disabled, .btn-orange.disabled {
  color: #000;
  background-color: #F66C09;
  border-color: #F66C09;
}

.btn-lightorange {
  color: #000;
  background-color: #DCB072;
  border-color: #DCB072;
}
.btn-lightorange:hover {
  color: #000;
  background-color: rgb(225.25, 187.85, 135.15);
  border-color: rgb(223.5, 183.9, 128.1);
}
.btn-check:focus + .btn-lightorange, .btn-lightorange:focus {
  color: #000;
  background-color: rgb(225.25, 187.85, 135.15);
  border-color: rgb(223.5, 183.9, 128.1);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(187, 149.6, 96.9, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(187, 149.6, 96.9, 0.5);
}
.btn-check:checked + .btn-lightorange, .btn-check:active + .btn-lightorange, .btn-lightorange:active, .btn-lightorange.active, .show > .btn-lightorange.dropdown-toggle {
  color: #000;
  background-color: rgb(227, 191.8, 142.2);
  border-color: rgb(223.5, 183.9, 128.1);
}
.btn-check:checked + .btn-lightorange:focus, .btn-check:active + .btn-lightorange:focus, .btn-lightorange:active:focus, .btn-lightorange.active:focus, .show > .btn-lightorange.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(187, 149.6, 96.9, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(187, 149.6, 96.9, 0.5);
}
.btn-lightorange:disabled, .btn-lightorange.disabled {
  color: #000;
  background-color: #DCB072;
  border-color: #DCB072;
}

.btn-black {
  color: #fff;
  background-color: #353A3F;
  border-color: #353A3F;
}
.btn-black:hover {
  color: #fff;
  background-color: rgb(45.05, 49.3, 53.55);
  border-color: rgb(42.4, 46.4, 50.4);
}
.btn-check:focus + .btn-black, .btn-black:focus {
  color: #fff;
  background-color: rgb(45.05, 49.3, 53.55);
  border-color: rgb(42.4, 46.4, 50.4);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(83.3, 87.55, 91.8, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(83.3, 87.55, 91.8, 0.5);
}
.btn-check:checked + .btn-black, .btn-check:active + .btn-black, .btn-black:active, .btn-black.active, .show > .btn-black.dropdown-toggle {
  color: #fff;
  background-color: rgb(42.4, 46.4, 50.4);
  border-color: rgb(39.75, 43.5, 47.25);
}
.btn-check:checked + .btn-black:focus, .btn-check:active + .btn-black:focus, .btn-black:active:focus, .btn-black.active:focus, .show > .btn-black.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(83.3, 87.55, 91.8, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(83.3, 87.55, 91.8, 0.5);
}
.btn-black:disabled, .btn-black.disabled {
  color: #fff;
  background-color: #353A3F;
  border-color: #353A3F;
}

.btn-purple {
  color: #000;
  background-color: #5A79D0;
  border-color: #5A79D0;
}
.btn-purple:hover {
  color: #000;
  background-color: rgb(114.75, 141.1, 215.05);
  border-color: rgb(106.5, 134.4, 212.7);
}
.btn-check:focus + .btn-purple, .btn-purple:focus {
  color: #000;
  background-color: rgb(114.75, 141.1, 215.05);
  border-color: rgb(106.5, 134.4, 212.7);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(76.5, 102.85, 176.8, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(76.5, 102.85, 176.8, 0.5);
}
.btn-check:checked + .btn-purple, .btn-check:active + .btn-purple, .btn-purple:active, .btn-purple.active, .show > .btn-purple.dropdown-toggle {
  color: #000;
  background-color: rgb(123, 147.8, 217.4);
  border-color: rgb(106.5, 134.4, 212.7);
}
.btn-check:checked + .btn-purple:focus, .btn-check:active + .btn-purple:focus, .btn-purple:active:focus, .btn-purple.active:focus, .show > .btn-purple.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(76.5, 102.85, 176.8, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(76.5, 102.85, 176.8, 0.5);
}
.btn-purple:disabled, .btn-purple.disabled {
  color: #000;
  background-color: #5A79D0;
  border-color: #5A79D0;
}

.btn-modern {
  color: #000;
  background-color: #6BB4C4;
  border-color: #6BB4C4;
}
.btn-modern:hover {
  color: #000;
  background-color: rgb(129.2, 191.25, 204.85);
  border-color: rgb(121.8, 187.5, 201.9);
}
.btn-check:focus + .btn-modern, .btn-modern:focus {
  color: #000;
  background-color: rgb(129.2, 191.25, 204.85);
  border-color: rgb(121.8, 187.5, 201.9);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(90.95, 153, 166.6, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(90.95, 153, 166.6, 0.5);
}
.btn-check:checked + .btn-modern, .btn-check:active + .btn-modern, .btn-modern:active, .btn-modern.active, .show > .btn-modern.dropdown-toggle {
  color: #000;
  background-color: rgb(136.6, 195, 207.8);
  border-color: rgb(121.8, 187.5, 201.9);
}
.btn-check:checked + .btn-modern:focus, .btn-check:active + .btn-modern:focus, .btn-modern:active:focus, .btn-modern.active:focus, .show > .btn-modern.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(90.95, 153, 166.6, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(90.95, 153, 166.6, 0.5);
}
.btn-modern:disabled, .btn-modern.disabled {
  color: #000;
  background-color: #6BB4C4;
  border-color: #6BB4C4;
}

.btn-flat-light {
  color: #000;
  background-color: #96CEC9;
  border-color: #96CEC9;
}
.btn-flat-light:hover {
  color: #000;
  background-color: rgb(165.75, 213.35, 209.1);
  border-color: rgb(160.5, 210.9, 206.4);
}
.btn-check:focus + .btn-flat-light, .btn-flat-light:focus {
  color: #000;
  background-color: rgb(165.75, 213.35, 209.1);
  border-color: rgb(160.5, 210.9, 206.4);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(127.5, 175.1, 170.85, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(127.5, 175.1, 170.85, 0.5);
}
.btn-check:checked + .btn-flat-light, .btn-check:active + .btn-flat-light, .btn-flat-light:active, .btn-flat-light.active, .show > .btn-flat-light.dropdown-toggle {
  color: #000;
  background-color: rgb(171, 215.8, 211.8);
  border-color: rgb(160.5, 210.9, 206.4);
}
.btn-check:checked + .btn-flat-light:focus, .btn-check:active + .btn-flat-light:focus, .btn-flat-light:active:focus, .btn-flat-light.active:focus, .show > .btn-flat-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(127.5, 175.1, 170.85, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(127.5, 175.1, 170.85, 0.5);
}
.btn-flat-light:disabled, .btn-flat-light.disabled {
  color: #000;
  background-color: #96CEC9;
  border-color: #96CEC9;
}

.btn-outline-green {
  color: #82B636;
  border-color: #82B636;
}
.btn-outline-green:hover {
  color: #000;
  background-color: #82B636;
  border-color: #82B636;
}
.btn-check:focus + .btn-outline-green, .btn-outline-green:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(130, 182, 54, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(130, 182, 54, 0.5);
}
.btn-check:checked + .btn-outline-green, .btn-check:active + .btn-outline-green, .btn-outline-green:active, .btn-outline-green.active, .btn-outline-green.dropdown-toggle.show {
  color: #000;
  background-color: #82B636;
  border-color: #82B636;
}
.btn-check:checked + .btn-outline-green:focus, .btn-check:active + .btn-outline-green:focus, .btn-outline-green:active:focus, .btn-outline-green.active:focus, .btn-outline-green.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(130, 182, 54, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(130, 182, 54, 0.5);
}
.btn-outline-green:disabled, .btn-outline-green.disabled {
  color: #82B636;
  background-color: transparent;
}

.btn-outline-lightgreen {
  color: #66C491;
  border-color: #66C491;
}
.btn-outline-lightgreen:hover {
  color: #000;
  background-color: #66C491;
  border-color: #66C491;
}
.btn-check:focus + .btn-outline-lightgreen, .btn-outline-lightgreen:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(102, 196, 145, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(102, 196, 145, 0.5);
}
.btn-check:checked + .btn-outline-lightgreen, .btn-check:active + .btn-outline-lightgreen, .btn-outline-lightgreen:active, .btn-outline-lightgreen.active, .btn-outline-lightgreen.dropdown-toggle.show {
  color: #000;
  background-color: #66C491;
  border-color: #66C491;
}
.btn-check:checked + .btn-outline-lightgreen:focus, .btn-check:active + .btn-outline-lightgreen:focus, .btn-outline-lightgreen:active:focus, .btn-outline-lightgreen.active:focus, .btn-outline-lightgreen.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(102, 196, 145, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(102, 196, 145, 0.5);
}
.btn-outline-lightgreen:disabled, .btn-outline-lightgreen.disabled {
  color: #66C491;
  background-color: transparent;
}

.btn-outline-grey {
  color: #EAECEF;
  border-color: #EAECEF;
}
.btn-outline-grey:hover {
  color: #000;
  background-color: #EAECEF;
  border-color: #EAECEF;
}
.btn-check:focus + .btn-outline-grey, .btn-outline-grey:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(234, 236, 239, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(234, 236, 239, 0.5);
}
.btn-check:checked + .btn-outline-grey, .btn-check:active + .btn-outline-grey, .btn-outline-grey:active, .btn-outline-grey.active, .btn-outline-grey.dropdown-toggle.show {
  color: #000;
  background-color: #EAECEF;
  border-color: #EAECEF;
}
.btn-check:checked + .btn-outline-grey:focus, .btn-check:active + .btn-outline-grey:focus, .btn-outline-grey:active:focus, .btn-outline-grey.active:focus, .btn-outline-grey.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(234, 236, 239, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(234, 236, 239, 0.5);
}
.btn-outline-grey:disabled, .btn-outline-grey.disabled {
  color: #EAECEF;
  background-color: transparent;
}

.btn-outline-grey2 {
  color: #6E757C;
  border-color: #6E757C;
}
.btn-outline-grey2:hover {
  color: #fff;
  background-color: #6E757C;
  border-color: #6E757C;
}
.btn-check:focus + .btn-outline-grey2, .btn-outline-grey2:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(110, 117, 124, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(110, 117, 124, 0.5);
}
.btn-check:checked + .btn-outline-grey2, .btn-check:active + .btn-outline-grey2, .btn-outline-grey2:active, .btn-outline-grey2.active, .btn-outline-grey2.dropdown-toggle.show {
  color: #fff;
  background-color: #6E757C;
  border-color: #6E757C;
}
.btn-check:checked + .btn-outline-grey2:focus, .btn-check:active + .btn-outline-grey2:focus, .btn-outline-grey2:active:focus, .btn-outline-grey2.active:focus, .btn-outline-grey2.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(110, 117, 124, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(110, 117, 124, 0.5);
}
.btn-outline-grey2:disabled, .btn-outline-grey2.disabled {
  color: #6E757C;
  background-color: transparent;
}

.btn-outline-grey-lighter {
  color: #F8F9FA;
  border-color: #F8F9FA;
}
.btn-outline-grey-lighter:hover {
  color: #000;
  background-color: #F8F9FA;
  border-color: #F8F9FA;
}
.btn-check:focus + .btn-outline-grey-lighter, .btn-outline-grey-lighter:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-grey-lighter, .btn-check:active + .btn-outline-grey-lighter, .btn-outline-grey-lighter:active, .btn-outline-grey-lighter.active, .btn-outline-grey-lighter.dropdown-toggle.show {
  color: #000;
  background-color: #F8F9FA;
  border-color: #F8F9FA;
}
.btn-check:checked + .btn-outline-grey-lighter:focus, .btn-check:active + .btn-outline-grey-lighter:focus, .btn-outline-grey-lighter:active:focus, .btn-outline-grey-lighter.active:focus, .btn-outline-grey-lighter.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-grey-lighter:disabled, .btn-outline-grey-lighter.disabled {
  color: #F8F9FA;
  background-color: transparent;
}

.btn-outline-red {
  color: #DC3545;
  border-color: #DC3545;
}
.btn-outline-red:hover {
  color: #fff;
  background-color: #DC3545;
  border-color: #DC3545;
}
.btn-check:focus + .btn-outline-red, .btn-outline-red:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:checked + .btn-outline-red, .btn-check:active + .btn-outline-red, .btn-outline-red:active, .btn-outline-red.active, .btn-outline-red.dropdown-toggle.show {
  color: #fff;
  background-color: #DC3545;
  border-color: #DC3545;
}
.btn-check:checked + .btn-outline-red:focus, .btn-check:active + .btn-outline-red:focus, .btn-outline-red:active:focus, .btn-outline-red.active:focus, .btn-outline-red.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-red:disabled, .btn-outline-red.disabled {
  color: #DC3545;
  background-color: transparent;
}

.btn-outline-lightred {
  color: #D46E6B;
  border-color: #D46E6B;
}
.btn-outline-lightred:hover {
  color: #000;
  background-color: #D46E6B;
  border-color: #D46E6B;
}
.btn-check:focus + .btn-outline-lightred, .btn-outline-lightred:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(212, 110, 107, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(212, 110, 107, 0.5);
}
.btn-check:checked + .btn-outline-lightred, .btn-check:active + .btn-outline-lightred, .btn-outline-lightred:active, .btn-outline-lightred.active, .btn-outline-lightred.dropdown-toggle.show {
  color: #000;
  background-color: #D46E6B;
  border-color: #D46E6B;
}
.btn-check:checked + .btn-outline-lightred:focus, .btn-check:active + .btn-outline-lightred:focus, .btn-outline-lightred:active:focus, .btn-outline-lightred.active:focus, .btn-outline-lightred.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(212, 110, 107, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(212, 110, 107, 0.5);
}
.btn-outline-lightred:disabled, .btn-outline-lightred.disabled {
  color: #D46E6B;
  background-color: transparent;
}

.btn-outline-blue {
  color: #71AAE0;
  border-color: #71AAE0;
}
.btn-outline-blue:hover {
  color: #000;
  background-color: #71AAE0;
  border-color: #71AAE0;
}
.btn-check:focus + .btn-outline-blue, .btn-outline-blue:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(113, 170, 224, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(113, 170, 224, 0.5);
}
.btn-check:checked + .btn-outline-blue, .btn-check:active + .btn-outline-blue, .btn-outline-blue:active, .btn-outline-blue.active, .btn-outline-blue.dropdown-toggle.show {
  color: #000;
  background-color: #71AAE0;
  border-color: #71AAE0;
}
.btn-check:checked + .btn-outline-blue:focus, .btn-check:active + .btn-outline-blue:focus, .btn-outline-blue:active:focus, .btn-outline-blue.active:focus, .btn-outline-blue.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(113, 170, 224, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(113, 170, 224, 0.5);
}
.btn-outline-blue:disabled, .btn-outline-blue.disabled {
  color: #71AAE0;
  background-color: transparent;
}

.btn-outline-lightblue {
  color: #DBE2F4;
  border-color: #DBE2F4;
}
.btn-outline-lightblue:hover {
  color: #000;
  background-color: #DBE2F4;
  border-color: #DBE2F4;
}
.btn-check:focus + .btn-outline-lightblue, .btn-outline-lightblue:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(219, 226, 244, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(219, 226, 244, 0.5);
}
.btn-check:checked + .btn-outline-lightblue, .btn-check:active + .btn-outline-lightblue, .btn-outline-lightblue:active, .btn-outline-lightblue.active, .btn-outline-lightblue.dropdown-toggle.show {
  color: #000;
  background-color: #DBE2F4;
  border-color: #DBE2F4;
}
.btn-check:checked + .btn-outline-lightblue:focus, .btn-check:active + .btn-outline-lightblue:focus, .btn-outline-lightblue:active:focus, .btn-outline-lightblue.active:focus, .btn-outline-lightblue.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(219, 226, 244, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(219, 226, 244, 0.5);
}
.btn-outline-lightblue:disabled, .btn-outline-lightblue.disabled {
  color: #DBE2F4;
  background-color: transparent;
}

.btn-outline-navyblue {
  color: #002D47;
  border-color: #002D47;
}
.btn-outline-navyblue:hover {
  color: #fff;
  background-color: #002D47;
  border-color: #002D47;
}
.btn-check:focus + .btn-outline-navyblue, .btn-outline-navyblue:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 45, 71, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(0, 45, 71, 0.5);
}
.btn-check:checked + .btn-outline-navyblue, .btn-check:active + .btn-outline-navyblue, .btn-outline-navyblue:active, .btn-outline-navyblue.active, .btn-outline-navyblue.dropdown-toggle.show {
  color: #fff;
  background-color: #002D47;
  border-color: #002D47;
}
.btn-check:checked + .btn-outline-navyblue:focus, .btn-check:active + .btn-outline-navyblue:focus, .btn-outline-navyblue:active:focus, .btn-outline-navyblue.active:focus, .btn-outline-navyblue.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 45, 71, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(0, 45, 71, 0.5);
}
.btn-outline-navyblue:disabled, .btn-outline-navyblue.disabled {
  color: #002D47;
  background-color: transparent;
}

.btn-outline-orange {
  color: #F66C09;
  border-color: #F66C09;
}
.btn-outline-orange:hover {
  color: #000;
  background-color: #F66C09;
  border-color: #F66C09;
}
.btn-check:focus + .btn-outline-orange, .btn-outline-orange:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(246, 108, 9, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(246, 108, 9, 0.5);
}
.btn-check:checked + .btn-outline-orange, .btn-check:active + .btn-outline-orange, .btn-outline-orange:active, .btn-outline-orange.active, .btn-outline-orange.dropdown-toggle.show {
  color: #000;
  background-color: #F66C09;
  border-color: #F66C09;
}
.btn-check:checked + .btn-outline-orange:focus, .btn-check:active + .btn-outline-orange:focus, .btn-outline-orange:active:focus, .btn-outline-orange.active:focus, .btn-outline-orange.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(246, 108, 9, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(246, 108, 9, 0.5);
}
.btn-outline-orange:disabled, .btn-outline-orange.disabled {
  color: #F66C09;
  background-color: transparent;
}

.btn-outline-lightorange {
  color: #DCB072;
  border-color: #DCB072;
}
.btn-outline-lightorange:hover {
  color: #000;
  background-color: #DCB072;
  border-color: #DCB072;
}
.btn-check:focus + .btn-outline-lightorange, .btn-outline-lightorange:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(220, 176, 114, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(220, 176, 114, 0.5);
}
.btn-check:checked + .btn-outline-lightorange, .btn-check:active + .btn-outline-lightorange, .btn-outline-lightorange:active, .btn-outline-lightorange.active, .btn-outline-lightorange.dropdown-toggle.show {
  color: #000;
  background-color: #DCB072;
  border-color: #DCB072;
}
.btn-check:checked + .btn-outline-lightorange:focus, .btn-check:active + .btn-outline-lightorange:focus, .btn-outline-lightorange:active:focus, .btn-outline-lightorange.active:focus, .btn-outline-lightorange.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(220, 176, 114, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(220, 176, 114, 0.5);
}
.btn-outline-lightorange:disabled, .btn-outline-lightorange.disabled {
  color: #DCB072;
  background-color: transparent;
}

.btn-outline-black {
  color: #353A3F;
  border-color: #353A3F;
}
.btn-outline-black:hover {
  color: #fff;
  background-color: #353A3F;
  border-color: #353A3F;
}
.btn-check:focus + .btn-outline-black, .btn-outline-black:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(53, 58, 63, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(53, 58, 63, 0.5);
}
.btn-check:checked + .btn-outline-black, .btn-check:active + .btn-outline-black, .btn-outline-black:active, .btn-outline-black.active, .btn-outline-black.dropdown-toggle.show {
  color: #fff;
  background-color: #353A3F;
  border-color: #353A3F;
}
.btn-check:checked + .btn-outline-black:focus, .btn-check:active + .btn-outline-black:focus, .btn-outline-black:active:focus, .btn-outline-black.active:focus, .btn-outline-black.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(53, 58, 63, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(53, 58, 63, 0.5);
}
.btn-outline-black:disabled, .btn-outline-black.disabled {
  color: #353A3F;
  background-color: transparent;
}

.btn-outline-purple {
  color: #5A79D0;
  border-color: #5A79D0;
}
.btn-outline-purple:hover {
  color: #000;
  background-color: #5A79D0;
  border-color: #5A79D0;
}
.btn-check:focus + .btn-outline-purple, .btn-outline-purple:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(90, 121, 208, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(90, 121, 208, 0.5);
}
.btn-check:checked + .btn-outline-purple, .btn-check:active + .btn-outline-purple, .btn-outline-purple:active, .btn-outline-purple.active, .btn-outline-purple.dropdown-toggle.show {
  color: #000;
  background-color: #5A79D0;
  border-color: #5A79D0;
}
.btn-check:checked + .btn-outline-purple:focus, .btn-check:active + .btn-outline-purple:focus, .btn-outline-purple:active:focus, .btn-outline-purple.active:focus, .btn-outline-purple.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(90, 121, 208, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(90, 121, 208, 0.5);
}
.btn-outline-purple:disabled, .btn-outline-purple.disabled {
  color: #5A79D0;
  background-color: transparent;
}

.btn-outline-modern {
  color: #6BB4C4;
  border-color: #6BB4C4;
}
.btn-outline-modern:hover {
  color: #000;
  background-color: #6BB4C4;
  border-color: #6BB4C4;
}
.btn-check:focus + .btn-outline-modern, .btn-outline-modern:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(107, 180, 196, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(107, 180, 196, 0.5);
}
.btn-check:checked + .btn-outline-modern, .btn-check:active + .btn-outline-modern, .btn-outline-modern:active, .btn-outline-modern.active, .btn-outline-modern.dropdown-toggle.show {
  color: #000;
  background-color: #6BB4C4;
  border-color: #6BB4C4;
}
.btn-check:checked + .btn-outline-modern:focus, .btn-check:active + .btn-outline-modern:focus, .btn-outline-modern:active:focus, .btn-outline-modern.active:focus, .btn-outline-modern.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(107, 180, 196, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(107, 180, 196, 0.5);
}
.btn-outline-modern:disabled, .btn-outline-modern.disabled {
  color: #6BB4C4;
  background-color: transparent;
}

.btn-outline-flat-light {
  color: #96CEC9;
  border-color: #96CEC9;
}
.btn-outline-flat-light:hover {
  color: #000;
  background-color: #96CEC9;
  border-color: #96CEC9;
}
.btn-check:focus + .btn-outline-flat-light, .btn-outline-flat-light:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(150, 206, 201, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(150, 206, 201, 0.5);
}
.btn-check:checked + .btn-outline-flat-light, .btn-check:active + .btn-outline-flat-light, .btn-outline-flat-light:active, .btn-outline-flat-light.active, .btn-outline-flat-light.dropdown-toggle.show {
  color: #000;
  background-color: #96CEC9;
  border-color: #96CEC9;
}
.btn-check:checked + .btn-outline-flat-light:focus, .btn-check:active + .btn-outline-flat-light:focus, .btn-outline-flat-light:active:focus, .btn-outline-flat-light.active:focus, .btn-outline-flat-light.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(150, 206, 201, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(150, 206, 201, 0.5);
}
.btn-outline-flat-light:disabled, .btn-outline-flat-light.disabled {
  color: #96CEC9;
  background-color: transparent;
}

.btn:active, .btn:focus, .btn:focus-visible, .btn:active:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.collapse_btn {
  text-decoration: none !important;
  min-width: 40px;
}

.list_btn .dropdown-toggle:after {
  display: none;
}

/********/
.btn.btn-green {
  color: #FFFFFF;
  background-color: #82B636;
}

.btn.btn-green:hover {
  background-color: #73a837;
}

.btn.btn-outline-green {
  color: #82B636;
  background-color: transparent;
  border: 1px solid #82B636;
}

.btn.btn-outline-green:hover {
  color: #FFFFFF;
  background-color: #82B636;
}

/********/
.btn.btn-lightgreen {
  color: #ffffff;
  background-color: #66C491;
}

.btn.btn-lightgreen:hover {
  background-color: #5ab37f;
}

.btn.btn-outline-lightgreen {
  color: #66C491;
  background-color: transparent;
  border: 1px solid #66C491;
}

.btn.btn-outline-lightgreen:hover {
  color: #2F5F46;
  background-color: #66C491;
}

/********/
.btn.btn-grey {
  color: #6E757C;
  background-color: #EAECEF;
}

.btn.btn-grey:hover {
  background-color: #E3E6EA;
}

.btn.btn-outline-grey {
  color: #6E757C;
  border: 1px solid #EAECEF;
}

.btn.btn-outline-grey:hover {
  background-color: #EAECEF;
}

/********/
.btn.btn-grey2 {
  color: #ffffff;
  background-color: #6E757C;
}

.btn.btn-grey2:hover {
  color: #ffffff !important;
  background-color: #4B4B4B;
}

.btn.btn-outline-grey2 {
  color: #6E757C;
  border: 1px solid #6E757C;
  background-color: transparent;
}

.btn.btn-outline-grey2:hover {
  color: #ffffff;
  background-color: #6E757C;
}

/********/
.btn.btn-grey-lighter {
  color: #6E757C;
  background-color: #F8F9FA;
}

.btn.btn-grey-lighter:hover {
  color: #6E757C;
  background-color: #E3E6EA;
}

/********/
.btn.btn-red {
  color: #FFFFFF;
  background-color: #DC3545;
}

.btn.btn-red:hover {
  background-color: #c83241;
}

.btn.btn-outline-red {
  color: #DC3545;
  border: 1px solid #DC3545;
}

.btn.btn-outline-red:hover {
  color: #FFFFFF;
  background-color: #DC3545;
}

/********/
.btn.btn-lightred {
  color: #FFFFFF;
  background-color: #D46E6B;
}

.btn.btn-lightred:hover {
  background-color: #b05b5b;
}

.btn.btn-outline-lightred {
  color: #D46E6B;
  border: 1px solid #D46E6B;
}

.btn.btn-outline-lightred:hover {
  color: #FFFFFF;
  background-color: #D46E6B;
}

/********/
.btn.btn-blue {
  color: #FFFFFF;
  background-color: #71AAE0;
}

.btn.btn-blue:hover {
  background-color: #689bd0;
}

.btn.btn-outline-blue {
  color: #71AAE0;
  border: 1px solid #71AAE0;
}

.btn.btn-outline-blue:hover {
  color: #FFFFFF;
  background-color: #71AAE0;
}

/********/
.btn.btn-lightblue {
  color: #2E4997;
  background: #DBE2F4;
}

.btn.btn-lightblue:hover {
  background-color: #b4bac9;
}

.btn.btn-outline-lightblue {
  color: #2E4997;
  border: 1px solid #DBE2F4;
}

.btn.btn-outline-lightblue:hover {
  background-color: #DBE2F4;
}

/********/
.btn.btn-navyblue {
  color: #FFFFFF;
  background-color: #002D47;
}

.btn.btn-navyblue:hover {
  background-color: #2E4997;
}

.btn.btn-outline-navyblue {
  color: #71AAE0;
  border: 1px solid #002D47;
}

.btn.btn-outline-navyblue:hover {
  color: #FFFFFF;
  background-color: #002D47;
}

/********/
.btn.btn-orange {
  color: #FFFFFF;
  background-color: #F66C09;
}

.btn.btn-orange:hover {
  background-color: #cc6008;
}

.btn.btn-outline-orange {
  color: #F66C09;
  border: 1px solid #F66C09;
}

.btn.btn-outline-orange:hover {
  color: #FFFFFF;
  background-color: #F66C09;
}

/********/
.btn.btn-lightorange {
  color: #FFFFFF;
  background-color: #DCB072;
}

.btn.btn-lightorange:hover {
  background-color: #b9905d;
}

.btn.btn-outline-lightorange {
  color: #b9905d;
  border: 1px solid #DCB072;
}

.btn.btn-outline-lightorange:hover {
  color: #FFFFFF;
  background-color: #DCB072;
}

/********/
.btn.btn-black {
  color: #FFFFFF;
  background-color: #353A3F;
}

.btn.btn-black:hover {
  background-color: #2a2f34;
}

.btn.btn-outline-black {
  color: #353A3F;
  border: 1px solid #353A3F;
}

.btn.btn-outline-black:hover {
  color: #FFFFFF;
  background-color: #353A3F;
}

/********/
.btn.btn-purple {
  color: #FFFFFF;
  background-color: #5A79D0;
}

.btn.btn-purple:hover {
  color: #FFFFFF;
  background-color: #5b69c1;
}

.btn.btn-outline-purple {
  color: #5A79D0;
  background-color: transparent;
  border: 1px solid #5A79D0;
}

.btn.btn-outline-purple:hover {
  color: #FFFFFF;
  background-color: #5A79D0;
}

.btn.btn-light-purple {
  color: #FFFFFF;
  background-color: #94A8E0;
}

.btn.btn-light-purple:hover {
  color: #FFFFFF;
  background-color: #8195cd;
}

/********/
.btn.btn-modern {
  color: #FFFFFF;
  background-color: #6BB4C4;
}

.btn.btn-modern:hover {
  color: #FFFFFF;
  background-color: #5a9faf;
}

.btn.btn-outline-modern {
  color: #6BB4C4;
  background-color: transparent;
  border: 1px solid #6BB4C4;
}

.btn.btn-outline-modern:hover {
  color: #FFFFFF;
  background-color: #6BB4C4;
}

/********/
.btn.btn-flat-light {
  color: #FFFFFF;
  background-color: #96CEC9;
}

.btn.btn-flat-light:hover {
  color: #FFFFFF;
  background-color: #69A9A3;
}

.btn.btn-grey-lighter:focus,
.btn.btn-grey-lighter:active,
.btn.btn-grey-lighter.dropdown-toggle.show,
.btn.btn-grey-lighter.dropdown-toggle.active,
.btn.btn-grey:focus,
.btn.btn-grey:active,
.btn.btn-grey.dropdown-toggle.show,
.btn.btn-outline-grey:focus,
.btn.btn-outline-grey:active,
.btn.btn-outline-grey.dropdown-toggle.show {
  color: #EAECEF;
  background-color: #6E757C;
}

.btn.btn-outline-grey.dropdown-toggle:focus,
.btn.btn-outline-grey.dropdown-toggle:active,
.btn.btn-outline-grey.dropdown-toggle.show {
  border: 1px solid #6E757C;
  color: #ffffff;
}

.btn.btn-multicolor {
  animation: btn_multicolor 10s infinite;
  -moz-animation: btn_multicolor 10s infinite;
  -webkit-animation: btn_multicolor 10s infinite;
}

/****************/
.btn.btn-cart-check {
  color: #6E757C;
  background-color: #F8F9FA;
  border: 1px solid #CFD4D9;
  margin-bottom: 0px !important;
  min-width: 38px;
}

.btn.btn-cart-check:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f07a";
}

.btn.btn-cart-check:hover {
  background-color: #E3E6EA;
}

.btn.btn-cart-check:hover:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f067";
}

.btn-check:checked + .btn-cart-check, .btn-check:active + .btn-cart-check, .btn-cart-check:active, .btn-cart-check.active {
  color: #fff;
  background-color: #66C491;
  border-color: #66C491;
}

.btn-check:checked + .btn-cart-check:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
}

.btn-check:checked + .btn-cart-check:focus, .btn-check:active + .btn-cart-check:focus, .btn-cart-check:active:focus, .btn-cart-check.active:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}

.btn-check:checked + .btn-cart-check:hover {
  background-color: #D46E6B;
  border-color: #D46E6B;
}

.btn-check:checked + .btn-cart-check:hover:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f2ed";
}

/****************/
/*******************************************************************/
.btn-size-icon {
  width: 38px;
  text-align: center;
}
.btn-size-icon.btn-sm {
  width: 30px;
}
.btn-size-icon.btn-lg {
  width: 50px;
}

.btn-group-vz > .btn {
  padding: 4px 7px;
  font-size: 14px;
  border-radius: 4px;
}

.btn-group-vz > .btn-size-icon {
  width: 34px;
}

/********************************/
.ui-dialog .ui-dialog-titlebar-close {
  border: none;
  background-color: transparent;
}
.ui-dialog .ui-dialog-titlebar-close:after {
  font-family: "Font Awesome 5 pro";
  content: "\f00d";
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/Inter/Inter-Thin.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-Thin.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/Inter/Inter-ThinItalic.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-ThinItalic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/Inter/Inter-ExtraLight.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-ExtraLight.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/Inter/Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-ExtraLightItalic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/Inter/Inter-Light.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-Light.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/Inter/Inter-LightItalic.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-LightItalic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Inter/Inter-Regular.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-Regular.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Inter/Inter-Italic.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-Italic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Inter/Inter-Medium.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-Medium.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Inter/Inter-MediumItalic.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-MediumItalic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Inter/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-SemiBold.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Inter/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-SemiBoldItalic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Inter/Inter-Bold.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-Bold.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Inter/Inter-BoldItalic.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-BoldItalic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/Inter/Inter-ExtraBold.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-ExtraBold.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/Inter/Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-ExtraBoldItalic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/Inter/Inter-Black.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-Black.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/Inter/Inter-BlackItalic.woff2?v=3.19") format("woff2"), url("../fonts/Inter/Inter-BlackItalic.woff?v=3.19") format("woff");
}
html {
  font-size: 14px;
  height: 100%;
}

body {
  background: #EDF0F2;
  color: #353A3F;
  font-family: Inter, sans-serif;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

* {
  scrollbar-color: #3D4653 #CFD4D9;
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar:horizontal {
  height: 10px;
}

::-webkit-scrollbar-track {
  background-color: #CFD4D9;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: #3D4653;
  -webkit-box-shadow: none;
  border-radius: 5px;
}

.container {
  min-width: 1218px;
}

.header_menu { /*full width*/
  min-width: 1218px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);*/
  margin-bottom: 30px;
  background-color: #FFFFFF;
}

.footer-margin {
  width: 100%;
  height: 80px;
  clear: both;
}

.footer {
  position: relative;
  background: #F8F9FA;
  padding: 20px 0;
  clear: both;
}

.area_bg {
  background: #FFFFFF;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.07);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  margin-bottom: 20px;
}

.area_header {
  height: 55px;
  font-size: 14px;
  font-weight: 600;
  color: #353A3F;
  padding-top: 18px;
  padding-left: 15px;
  border-bottom: 1px solid #EAECEF;
}

.area_item {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #353A3F;
}

.area_item tr {
  height: 55px;
  border-bottom: 1px solid #EAECEF;
}

.area_item tr > td:first-child {
  padding-left: 10px;
}

.area_item > tbody > tr:nth-of-type(odd) {
  background-color: #F6F7F8;
}

.vg_link {
  text-decoration: none;
  font-weight: 600;
}

#loading {
  position: fixed;
  display: none;
  right: 0;
  bottom: 15px;
  padding: 6px;
  z-index: 5;
  width: 170px;
  height: 62px;
  -webkit-border-top-left-radius: 31px;
  -webkit-border-bottom-left-radius: 31px;
  -moz-border-radius-topleft: 31px;
  -moz-border-radius-bottomleft: 31px;
  border-top-left-radius: 31px;
  border-bottom-left-radius: 31px;
  background: #143344; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #143344), color-stop(49%, #1b3542), color-stop(52%, #002e47), to(#173342));
  background: linear-gradient(to bottom, #143344 1%, #1b3542 49%, #002e47 52%, #173342 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#143344", endColorstr="#173342",GradientType=0 ); /* IE6-9 */
}

#loading span.ibmd {
  font-size: 16px;
  color: #FFF;
  margin: 0 10px;
}

.bg-green {
  background-color: #82B636 !important;
}

.bg-lightgreen {
  background-color: #a8ccbb !important;
}

.bg-lightgreen2 {
  background-color: #66C491 !important;
}

.bg-grey {
  background-color: #EAECEF !important;
}

.bg-grey2 {
  background-color: #CFD4D9 !important;
}

.bg-grey-dark {
  background-color: #3D4653 !important;
}

.bg-grey-lighter {
  background-color: #F8F9FA !important;
}

.bg-red {
  background-color: #DC3545 !important;
}

.bg-lightred {
  background-color: #D46E6B !important;
}

.bg-blue {
  background-color: #187DC1 !important;
}

.bg-blue2 {
  background-color: #71AAE0 !important;
}

.bg-navyblue {
  background-color: #1B3B58 !important;
}

.bg-lightblue {
  background-color: #DBE2F4 !important;
}

.bg-orange {
  background-color: #F66C09 !important;
}

.bg-lightorange {
  background-color: #DCB072 !important;
}

.bg-black {
  background-color: #353A3F !important;
}

.bg-modern {
  background-color: #6BB4C4 !important;
}

.bg-purple {
  background-color: #5A79D0 !important;
}

.text-default {
  color: #353A3F !important;
  /*text-decoration: none;*/
}
.text-default:hover {
  color: rgb(34.3586206897, 37.6, 40.8413793103);
}

.text-white {
  color: #ffffff !important;
  /*text-decoration: none;*/
}
.text-white:hover {
  color: rgb(234.6, 234.6, 234.6);
}

.text-green {
  color: #82B636 !important;
  /*text-decoration: none;*/
}
.text-green:hover {
  color: rgb(107.5254237288, 150.5355932203, 44.6644067797);
}

.text-green2 {
  color: #66C491 !important;
  /*text-decoration: none;*/
}
.text-green2:hover {
  color: rgb(72.5547169811, 184.6452830189, 123.8301886792);
}

.text-lightgreen {
  color: #66C491 !important;
  /*text-decoration: none;*/
}
.text-lightgreen:hover {
  color: rgb(72.5547169811, 184.6452830189, 123.8301886792);
}

.text-dark-grey {
  color: #CFD4D9 !important;
  /*text-decoration: none;*/
}
.text-dark-grey:hover {
  color: rgb(184.2279069767, 191.6, 198.9720930233);
}

.text-grey2 {
  color: #6E757C !important;
  /*text-decoration: none;*/
}
.text-grey2:hover {
  color: rgb(90.8205128205, 96.6, 102.3794871795);
}

.text-red {
  color: #DC3545 !important;
  /*text-decoration: none;*/
}
.text-red:hover {
  color: rgb(197.9088607595, 34.2911392405, 49.9670886076);
}

.text-lightred {
  color: #D46E6B !important;
  /*text-decoration: none;*/
}
.text-lightred:hover {
  color: rgb(202.8146596859, 79.0261780105, 75.3853403141);
}

.text-blue {
  color: #187DC1 !important;
  /*text-decoration: none;*/
}
.text-blue:hover {
  color: rgb(19.4875576037, 101.4976958525, 156.7124423963);
}

.text-blue2 {
  color: #5A79D0 !important;
  /*text-decoration: none;*/
}
.text-blue2:hover {
  color: rgb(58.2452830189, 95.2113207547, 198.9547169811);
}

.text-navyblue {
  color: #002D47 !important;
  /*text-decoration: none;*/
}
.text-navyblue:hover {
  color: rgb(0, 19.1408450704, 30.2);
}

.text-navyblue2 {
  color: #2E4997 !important;
  /*text-decoration: none;*/
}
.text-navyblue2:hover {
  color: rgb(36.4730964467, 57.8812182741, 119.7269035533);
}

.text-orange {
  color: #F66C09 !important;
  /*text-decoration: none;*/
}
.text-orange:hover {
  color: rgb(206.64, 90.72, 7.56);
}

.text-yellow {
  color: #DCB072 !important;
  /*text-decoration: none;*/
}
.text-yellow:hover {
  color: rgb(211.8863636364, 157.6863636364, 81.3136363636);
}

.text-pink {
  color: #E98B8B !important;
  /*text-decoration: none;*/
}
.text-pink:hover {
  color: rgb(226.4956521739, 104.7043478261, 104.7043478261);
}

.text-primary2 {
  color: #5A79D0 !important;
  /*text-decoration: none;*/
}
.text-primary2:hover {
  color: rgb(58.2452830189, 95.2113207547, 198.9547169811);
}

.text-amethyst {
  color: #7C55CF !important;
  /*text-decoration: none;*/
}
.text-amethyst:hover {
  color: rgb(100.2495412844, 55.3100917431, 195.8899082569);
}

.text-inherit {
  color: inherit;
  font-weight: inherit;
  font-family: inherit;
}
.text-inherit:hover {
  color: inherit;
}

.font-size-8 {
  font-size: 8px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-size-31 {
  font-size: 31px;
}

.font-size-32 {
  font-size: 32px;
}

.font-size-33 {
  font-size: 33px;
}

.font-size-34 {
  font-size: 34px;
}

.font-size-35 {
  font-size: 35px;
}

.font-size-36 {
  font-size: 36px;
}

.font-size-37 {
  font-size: 37px;
}

.font-size-38 {
  font-size: 38px;
}

.font-size-39 {
  font-size: 39px;
}

.font-size-40 {
  font-size: 40px;
}

.font-size-41 {
  font-size: 41px;
}

.font-size-42 {
  font-size: 42px;
}

.font-size-43 {
  font-size: 43px;
}

.font-size-44 {
  font-size: 44px;
}

.font-size-45 {
  font-size: 45px;
}

.font-size-46 {
  font-size: 46px;
}

.font-size-47 {
  font-size: 47px;
}

.font-size-48 {
  font-size: 48px;
}

.font-size-49 {
  font-size: 49px;
}

.font-size-50 {
  font-size: 50px;
}

/*****************************/
.link-navyblue {
  color: #002D47 !important;
  text-decoration: none;
}

.link-navyblue:hover {
  color: #2E4997 !important;
}

.link-grey {
  color: #6E757C !important;
  text-decoration: none;
}

.link-grey:hover {
  color: #50555a !important;
}

.link-dark-target {
  color: #212529 !important;
  text-decoration: none;
}

.link-dark-target:hover {
  color: #4e555c !important;
  text-decoration: underline;
}

.textscale-rtl {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fw-light, .fw-300 {
  font-weight: 300;
}

.fw-regular, .fw-400 {
  font-weight: 400;
}

.fw-medium, .fw-500 {
  font-weight: 500;
}

.fw-semibold, .fw-600 {
  font-weight: 600;
}

.fw-bold {
  font-weight: 700;
}

.animated-active-status {
  -moz-animation: vzstatus_active 0.5s infinite; /* Firefox */
  -webkit-animation: vzstatus_active 0.5s infinite; /* Safari and Chrome */
}

.animated-danger-status {
  -moz-animation: vzstatus_danger 0.5s infinite; /* Firefox */
  -webkit-animation: vzstatus_danger 0.5s infinite; /* Safari and Chrome */
}

.animated-calling-status {
  -moz-animation: vzstatus_info 0.5s infinite; /* Firefox */
  -webkit-animation: vzstatus_info 0.5s infinite; /* Safari and Chrome */
}

.table-green {
  --bs-table-bg: #82B636;
  --bs-table-striped-bg: rgb(123.5, 172.9, 51.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(117, 163.8, 48.6);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(120.25, 168.35, 49.95);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgb(117, 163.8, 48.6);
}

.table-lightgreen {
  --bs-table-bg: #a8ccbb;
  --bs-table-striped-bg: rgb(159.6, 193.8, 177.65);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(151.2, 183.6, 168.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(155.4, 188.7, 172.975);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgb(151.2, 183.6, 168.3);
}

.table-lightgreen2 {
  --bs-table-bg: #66C491;
  --bs-table-striped-bg: rgb(96.9, 186.2, 137.75);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(91.8, 176.4, 130.5);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(94.35, 181.3, 134.125);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgb(91.8, 176.4, 130.5);
}

.table-grey {
  --bs-table-bg: #EAECEF;
  --bs-table-striped-bg: rgb(222.3, 224.2, 227.05);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(210.6, 212.4, 215.1);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(216.45, 218.3, 221.075);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgb(210.6, 212.4, 215.1);
}

.table-grey2 {
  --bs-table-bg: #CFD4D9;
  --bs-table-striped-bg: rgb(196.65, 201.4, 206.15);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(186.3, 190.8, 195.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.475, 196.1, 200.725);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgb(186.3, 190.8, 195.3);
}

.table-grey-dark {
  --bs-table-bg: #3D4653;
  --bs-table-striped-bg: rgb(70.7, 79.25, 91.6);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(80.4, 88.5, 100.2);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(75.55, 83.875, 95.9);
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: rgb(80.4, 88.5, 100.2);
}

.table-grey-lighter {
  --bs-table-bg: #F8F9FA;
  --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 224.1, 225);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgb(223.2, 224.1, 225);
}

.table-red {
  --bs-table-bg: #DC3545;
  --bs-table-striped-bg: rgb(221.75, 63.1, 78.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.5, 73.2, 87.6);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(222.625, 68.15, 82.95);
  --bs-table-hover-color: #000;
  color: #fff;
  border-color: rgb(223.5, 73.2, 87.6);
}

.table-lightred {
  --bs-table-bg: #D46E6B;
  --bs-table-striped-bg: rgb(201.4, 104.5, 101.65);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(190.8, 99, 96.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(196.1, 101.75, 98.975);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgb(190.8, 99, 96.3);
}

.table-blue {
  --bs-table-bg: #187DC1;
  --bs-table-striped-bg: rgb(22.8, 118.75, 183.35);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(21.6, 112.5, 173.7);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(22.2, 115.625, 178.525);
  --bs-table-hover-color: #fff;
  color: #000;
  border-color: rgb(21.6, 112.5, 173.7);
}

.table-blue2 {
  --bs-table-bg: #71AAE0;
  --bs-table-striped-bg: rgb(107.35, 161.5, 212.8);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(101.7, 153, 201.6);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(104.525, 157.25, 207.2);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgb(101.7, 153, 201.6);
}

.table-navyblue {
  --bs-table-bg: #1B3B58;
  --bs-table-striped-bg: rgb(38.4, 68.8, 96.35);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(49.8, 78.6, 104.7);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(44.1, 73.7, 100.525);
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: rgb(49.8, 78.6, 104.7);
}

.table-lightblue {
  --bs-table-bg: #DBE2F4;
  --bs-table-striped-bg: rgb(208.05, 214.7, 231.8);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(197.1, 203.4, 219.6);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(202.575, 209.05, 225.7);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgb(197.1, 203.4, 219.6);
}

.table-orange {
  --bs-table-bg: #F66C09;
  --bs-table-striped-bg: rgb(233.7, 102.6, 8.55);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(221.4, 97.2, 8.1);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(227.55, 99.9, 8.325);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgb(221.4, 97.2, 8.1);
}

.table-lightorange {
  --bs-table-bg: #DCB072;
  --bs-table-striped-bg: rgb(209, 167.2, 108.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(198, 158.4, 102.6);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(203.5, 162.8, 105.45);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgb(198, 158.4, 102.6);
}

.table-black {
  --bs-table-bg: #353A3F;
  --bs-table-striped-bg: rgb(63.1, 67.85, 72.6);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(73.2, 77.7, 82.2);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(68.15, 72.775, 77.4);
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: rgb(73.2, 77.7, 82.2);
}

.table-modern {
  --bs-table-bg: #6BB4C4;
  --bs-table-striped-bg: rgb(101.65, 171, 186.2);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(96.3, 162, 176.4);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(98.975, 166.5, 181.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgb(96.3, 162, 176.4);
}

.table-purple {
  --bs-table-bg: #5A79D0;
  --bs-table-striped-bg: rgb(85.5, 114.95, 197.6);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(81, 108.9, 187.2);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(83.25, 111.925, 192.4);
  --bs-table-hover-color: #fff;
  color: #000;
  border-color: rgb(81, 108.9, 187.2);
}

/****************** helper *************************/
.table.no-border thead, .table.no-border tbody, .table.no-border tr, .table.no-border th, .table.no-border td {
  border: none !important;
}

.table.no-margin {
  margin: 0 !important;
}

/****************** data table *************************/
.table.data {
  background-color: #FFFFFF;
  color: #353A3F;
  border-radius: 5px;
  padding: 25px;
  /*box-shadow: 0 15px 10px -15px #dcdfe1;*/
  -webkit-box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
  box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
}

.table.data:not(.nohover) tbody tr:hover, .table.data tbody tr.selected-tr {
  background-color: #F8F9FA !important;
}

.table.data tbody tr.nohover:hover {
  background-color: #FFFFFF !important;
}

.table.data > :not(:last-child) > :last-child > * {
  border-bottom-color: #EAECEF !important;
}

.table.data > thead:first-child {
  border-bottom-width: 2px !important;
}

.table.data thead {
  background: #F6F7F8;
  border-radius: 5px 5px 0 0;
  border-color: #EAECEF;
}

.table.data > thead:first-child > tr:first-child > th:first-child {
  border-radius: 5px 0 0 0;
}

.table.data > thead:first-child > tr:first-child th:last-child {
  border-radius: 5px 5px 0 0;
}

.table.data > thead a, .data-head a {
  text-decoration: none;
  color: inherit;
}

.table.data tbody {
  border-radius: 0 0 5px 5px;
  border-color: #EAECEF;
}

.table.data tbody,
.table.data thead {
  padding: 0 30px;
}

.table.data th, .table.data td {
  padding: 15px;
}

.table.data tr td.spacer_col {
  border: none;
  width: 30px;
}

.table.data tr th.spacer_col {
  width: 30px;
}

.table.data tbody tr:last-child td {
  border-bottom: none;
}

.table.data .notfoundrecord {
  background: #F8EFE2;
  border-radius: 4px;
  padding: 14px;
  color: #735B3B;
  border-bottom: 2px solid #F3E4CE;
  font-size: 16px;
  text-align: center;
}

.table.data.inline-data {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.table.data.inline-data thead {
  background-color: transparent;
}

.table.data.inline-data td {
  vertical-align: middle;
}

.table.data.table-sm th, .table.data.table-sm td {
  padding: 3px;
}

/*************************************************/
.js-table-checkable tbody tr,
.js-table-sections-header > tr {
  cursor: pointer;
}

.js-table-sections-header > tr > td:first-child > i {
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

.js-table-sections-header + tbody {
  display: none;
}

.js-table-sections-header.open > tr {
  background-color: #F8F9FA;
}

.js-table-sections-header > tr:hover {
  background-color: #F8F9FA !important;
}

.js-table-sections-header.open > tr > td:first-child > i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.js-table-sections-header.open + tbody {
  display: table-row-group;
}

/********************************************************/
.alert {
  -webkit-box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
  box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
}

.alert.bg-lightblue {
  -webkit-box-shadow: 0 3px 0 0 #b5cadd;
  box-shadow: 0 3px 0 0 #b5cadd;
}

.footer-alert {
  border-radius: 0 !important;
  margin: 0 !important;
  position: sticky;
  bottom: 0;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 12px;
}

.footer-alert.alert-dismissible .btn-close {
  padding-top: 6px;
}

.border-grey {
  border-color: #CFD4D9 !important;
}

/*******************************************************/
.popover {
  border: 1px solid #EAECEF;
  -webkit-box-shadow: 0 3px 6px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px 3px rgba(0, 0, 0, 0.2);
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
  border-top-color: #A57231;
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
  border-left-color: #A57231;
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
  border-bottom-color: #A57231;
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
  border-right-color: #A57231;
}

.popover .popover-header, .popover .popover-body {
  background: #ffffff;
  padding: 20px;
}

.popover .popover-body {
  background: transparent;
}

.clonable:not(.clone) .hide-clonable {
  display: none;
}

.clonable.clone .hide-clonable-clone {
  display: none;
}

.badge {
  padding-top: 0.45rem;
  line-height: unset;
}

.badge-sm {
  padding-top: 0.35rem;
  line-height: 0.85rem;
  min-width: 20px;
  min-height: 20px;
}

/*IDEAL PAYMENT STYLE START*/
.idealpayment-bankpanel {
  border: 1px solid #EAECEF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px;
  margin: 10px;
  white-space: nowrap;
  overflow: hidden;
}

.idealpayment-logo {
  width: 48px;
  margin-right: 10px;
}

.ideal-select-color {
  color: #197DC1;
}

.idealpayment-seperatorline {
  height: 1px;
  margin: 15px;
  background: #EAECEF;
}

.idealpayment-totalamount {
  font-size: 22px;
  line-height: 27px;
  /*color: #6E757C;*/
  color: #344c63;
  font-weight: 600;
  /*text-align:right;*/
}

/*IDEAL PAYMENT STYLE END*/
.DidNumberListContainer:not(.open) {
  display: none;
}

.DidNumberListContainer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 200px;
  overflow-y: auto;
}

.DidNumberListContainer ul li {
  list-style: none;
  display: inline-block;
  width: calc(33% - 3px);
  min-width: 115px !important;
  text-align: center;
  padding: 2px 10px;
  margin: 2px 0;
  background-color: #EFEFEF;
  cursor: pointer;
}

.DidNumberListContainer ul li:not(.passive):hover {
  background-color: #5c90d2;
  color: #FFF;
}

.DidNumberListContainer ul li.passive {
  background-color: rgba(239, 239, 239, 0.5);
  color: #CACACA;
  cursor: default;
}

.DidNumberListContainer ul li:not(:hover) span, .did_item span {
  color: #FF5151;
  font-weight: 700;
}

/*
.DidNumberListContainer ul li:not(:hover) span{
	color:#9BACB7;
}
*/
.DidNumberListContainer .didn-footer {
  font-size: 12px;
  padding: 5px 0;
}

.DidNumberListContainer .didn-loading {
  display: none;
}

.DidNumberListContainer .didn-search-text {
  font-size: 12px;
  padding: 5px 0;
}

.didn-footer-left {
  float: left;
}

.didn-footer-right {
  float: right;
  font-weight: bold;
}

.didn-tenantid {
  display: none;
}

.VGAudioPlayer .vg_pause {
  display: none;
}

.VGAudioPlayer .progress {
  display: none;
  padding: 0;
  margin: 0;
}

.VGAudioPlayer .progress .progress-bar {
  height: inherit;
  border-radius: 0;
}

.VGAudioPlayer.playing .progress {
  display: block;
}

/**********************/
.player_row.active .sound_name {
  color: #F66C09;
}

.player_progress {
  width: 100%;
  height: 3px;
  background: #CFD4D9;
  overflow: hidden;
  display: none;
  position: relative;
}

.player_progress .vg_progress {
  width: 0;
  max-width: 100% !important;
  height: 3px;
  background: #5A79D0;
  position: absolute;
  left: 0;
  top: 0;
}

.player_progress.active {
  display: block;
}

/*************** accordion *******************/
.theme-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: #F8F9FA;
  color: #353A3F;
}
.theme-accordion .accordion-item .accordion-header .accordion-button:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list > li {
  position: relative;
}

.list-timeline {
  position: relative;
  padding-top: 10px;
}

.list-timeline > li {
  margin-bottom: 10px;
}

.list-timeline .list-timeline-time {
  margin: 0 -20px;
  padding: 10px 20px 10px 40px;
  min-height: 40px;
  text-align: right;
  color: #999;
  font-size: 13px;
  font-style: italic;
  background-color: #f9f9f9;
  border-radius: 2px;
}

.list-timeline .list-timeline-icon {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  border-radius: 10%;
}

.list-timeline .list-timeline-content {
  padding: 10px 10px 1px;
}

.list-timeline .list-timeline-content > p:first-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .list-timeline {
    padding-top: 20px;
  }
  .list-timeline:before {
    position: absolute;
    top: 0;
    left: 120px;
    bottom: 0;
    display: block;
    width: 4px;
    content: "";
    background-color: #E5E5E5;
    z-index: 1;
  }
  .list-timeline > li {
    min-height: 40px;
    z-index: 2;
  }
  .list-timeline > li:last-child {
    margin-bottom: 0;
  }
  .list-timeline .list-timeline-time {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
    width: 90px;
    background-color: transparent;
  }
  .list-timeline .list-timeline-icon {
    top: 3px;
    left: 105px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    z-index: 2 !important;
  }
  .list-timeline .list-timeline-content {
    padding-left: 160px;
  }
}
/***************** stepline********************/
.list-stepline {
  width: 100%;
  margin: 0;
  padding: 0;
  /*li*/
}
.list-stepline li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: inherit;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #EAECEF;
}
.list-stepline li:first-child {
  border-top: none;
}
.list-stepline li .list-stepline-icon {
  background: #EAECEF;
  width: 36px;
  height: 24px;
  color: #ffffff;
  text-align: center;
  margin-right: 10px;
  display: block;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.list-stepline li .list-stepline-time {
  color: #CFD4D9;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  width: 150px;
  margin-right: 50px;
}
.list-stepline li .list-stepline-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.list-stepline li:hover .list-stepline-icon {
  background: #66C491;
}
.list-stepline li:hover .list-stepline-time {
  color: #66C491;
}

/*ul*/
.form-group {
  margin-bottom: 28px;
}

.form-group label:not(.fw-medium) {
  font-weight: bold;
  color: #353A3F;
  margin-bottom: 0.3rem;
}

.table.data .form-group, .table.inline-data .form-group {
  margin-bottom: unset !important;
}

/****************************** FORM INPUT **************************************/
.form-control:active, .form-control:focus, .form-select:active, .form-select:focus, .form-check-input:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #EAECEF;
  opacity: 1;
}

.has-error > input {
  border: 1px solid #bb0000;
}

/*******************bredcrumb**********************/
.breadcrumb_form select:not(.form-select) {
  display: block;
  width: auto;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*******************checkbox**********************/
.custom_checkbox {
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 3px;
}

.custom_checkbox .checkbox-tick {
  text-align: center;
  width: inherit;
  height: inherit;
  border: 1px solid #AFB5BC;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  top: 0;
  border-radius: 3px;
}

.custom_checkbox input {
  width: inherit;
  height: inherit;
  position: relative;
  z-index: 1;
  opacity: 0;
}

.custom_checkbox input[type=checkbox]:checked + .checkbox-tick {
  /*border: 2px solid #8EB44B !important;*/
  border: 2px solid #187DC1;
  background-color: #187DC1;
}

.custom_checkbox input[type=checkbox]:checked + .checkbox-tick:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
  width: inherit;
  height: inherit;
  position: absolute;
  left: -2px;
  top: 0;
  font-size: 8px;
  font-weight: bold;
  color: #ffffff;
}

/*******************startCheckbox**********************/
.custom_checkbox.star .checkbox-tick {
  border: none;
  border-radius: 0;
  width: inherit;
  height: inherit;
}

.custom_checkbox.star .checkbox-tick:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f005";
  font-weight: 400;
  width: inherit;
  height: inherit;
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 14px;
  color: #AFB5BC;
}

.custom_checkbox.star input[type=checkbox]:checked + .checkbox-tick {
  border: none;
  background-color: transparent;
}

.custom_checkbox.star input[type=checkbox]:checked + .checkbox-tick:after {
  content: "\f005";
  font-weight: 900;
  color: #DCB072;
  font-size: 14px;
}

/*******************radio**********************/
.custom_radio {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  padding: 0;
  position: relative;
  cursor: pointer;
}

.custom_radio input {
  position: relative;
  width: inherit;
  height: inherit;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

.custom_radio .radio_selected {
  border: 1px solid #AEB5BC;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.custom_radio input[type=radio]:checked + .radio_selected {
  border: 4px solid #187DC1;
}

.form-check-input:checked.vg_radio {
  background-color: #5A79D0 !important;
  border-color: #5A79D0 !important;
}

/*******************switch**********************/
.switch {
  width: 34px;
  height: 18px;
  position: relative;
}

.switch .switcher {
  width: inherit;
  height: inherit;
  border: 1px solid #AEB5BC;
  border-radius: 12px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.switch .switcher:after {
  content: " ";
  width: 10px;
  height: 10px;
  background-color: #AEB5BC;
  position: absolute;
  left: 3px;
  top: 3px;
  border-radius: 50%;
}

.switch input {
  position: relative;
  width: inherit;
  height: inherit;
  z-index: 1;
  opacity: 0;
}

.switch input[type=checkbox]:checked + .switcher {
  border: 1px solid #5A79D0;
  background-color: #5A79D0;
}

.switch.green input[type=checkbox]:checked + .switcher {
  border: 1px solid #82B636;
  background-color: #82B636;
}

.switch input[type=checkbox]:checked + .switcher:after {
  background-color: #FFFFFF;
  left: unset;
  right: 3px;
}

.form-switch .form-check-input[type=checkbox] {
  border-radius: 2em;
  height: 20px;
  width: 32px;
  min-width: 32px;
  margin-right: 7px;
}

.form-switch .form-check-input[type=checkbox]:focus {
  border: 1px solid #AEB5BC;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); /*url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");*/
}

.form-switch .form-check-input[type=checkbox]:checked {
  border: 1px solid #5A79D0;
  background-color: #5A79D0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check.form-switch label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-check.form-switch span {
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.form-switch.form-switch-lg .form-check-input[type=checkbox] {
  border-radius: 2em;
  height: 30px;
  width: 50px;
  min-width: 50px;
  margin-right: 15px;
}

/*********************** file ************************/
.form-control.file {
  position: relative;
  height: 35px;
}

.form-control.file:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f07b";
  font-weight: 900;
  position: absolute;
  text-align: center;
  height: 100%;
  width: 35px;
  color: #6E757C;
  top: 0;
  right: 0;
  z-index: 1;
  line-height: 2.5rem;
  background-color: #EAECEF;
  border-left: 1px solid #ced4da;
}

.form-control.file .label {
  position: absolute;
  z-index: 1;
  color: #000000;
  width: 79%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-control.file input[type=file] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 50;
}

/************** sidebar search form *****************/
.min-search-box {
  position: relative;
  width: 100%;
  height: 30px;
  background: #FFFFFF;
  border: 1px solid #EAECEF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.min-search-box .search-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: 1;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 30px;
}
.min-search-box .search-icon {
  position: absolute;
  right: 10px;
  top: 8px;
  font-size: 14px;
  color: #6E757C;
  z-index: 5;
  cursor: pointer;
}

/********************************/
.form-group:not(.sound-clonable) .select-sound-plus-button,
.form-group.sound-clonable.hide-plus-icon .select-sound-plus-button,
.form-group.sound-clonable.sound-clone .select-sound-plus-button {
  display: none;
}

.form-group:not(.sound-clone) .select-sound-minus-button {
  display: none;
}

/*********************** select2 ************************/
.select2-dropdown {
  z-index: 1100;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  width: 100%;
  padding: 0.375rem 0.75rem !important;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.5;
  color: #212529 !important;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem !important;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 34px !important;
  max-width: 100%;
}

.select2-container--default .select2-selection--multiple {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.select2-container--default .select2-selection--single *,
.select2-container--default .select2-selection--multiple * {
  line-height: unset !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: calc(50% - 13px) !important;
  right: 8px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  position: absolute;
  right: 28px;
  top: calc(50% - 12px);
  background-color: #ffffff;
  color: #888;
  display: none !important;
}

.input-group .select2-container--default .select2-selection--single,
.input-group .select2-container--default .select2-selection--multiple {
  border-radius: 0 !important;
}

/******************* rangeslider *************************/
.irs .irs-line {
  background: #EAECEF;
  border-radius: 4px;
  border: none;
  height: 10px;
}

.irs .irs-bar, .irs .irs-bar-edge {
  background: #82B636 !important;
  border: none !important;
  height: 10px;
}

.irs .irs-single {
  background: #303030;
  border-radius: 4px;
  padding: 6px 12px;
  text-align: center;
  color: #ffffff;
  top: -15px;
}

.irs .irs-single:after {
  content: " ";
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-left-width: 6px;
  border-right-width: 6px;
  border-top: 6px solid black;
  position: absolute;
  top: 100%;
  left: calc(50% - 6px);
}

.irs .irs-single.zero-value:after {
  left: 30px;
}

.irs .irs-slider.single {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  border: 2px solid #82B636;
}

/**************** dropzone ******************/
.dropzone {
  border: 2px dashed rgba(0, 0, 0, 0.3);
}
.dropzone:hover, .dropzone.dz-drag-hover {
  border: 2px dashed #187DC1;
  color: #187DC1;
}

.theme_modal.modal .modal-header {
  background: #3D4653;
  color: #FFFFFF;
}

.theme_modal.modal .modal-header *,
.theme_modal.modal .modal-header .btn-close {
  position: relative;
  color: #FFFFFF;
  background: none;
  height: unset;
}

.theme_modal.modal .modal-header .btn-close:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f00d";
}

.modal-content {
  border: unset;
}

/******************************************************************/
/* vg sweet alert start */
.modal-content.vg-alert-show .vg-result-form-div {
  display: none;
}

.modal-content:not(.vg-alert-show) .vg-result-alert-div {
  display: none;
}

.modal-content:not(.vg-alert-success) .vg-result-alert-icons .text-success {
  display: none;
}

.modal-content.vg-alert-success .vg-result-alert-icons .text-danger {
  display: none;
}

.modal-content.vg-alert-warning .vg-result-alert-icons .text-danger {
  display: none;
}

.modal-content:not(.vg-alert-warning) .vg-result-alert-icons .text-warning {
  display: none;
}

.modal-content:not(.vg-alert-update).vg-alert-success .vg-alert-back-button {
  display: none;
}

.modal-content:not(.vg-alert-update).vg-alert-warning .vg-alert-back-button {
  display: none;
}

.vg-result-alert-failed-details-scroll {
  padding: 10px 10px;
  max-height: 150px;
  overflow-y: auto;
}

.vg-result-alert-div {
  min-height: 200px;
}

h2.vg-result-alert-title {
  color: #575757;
  font-size: 30px;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 15px 0;
  padding: 0;
  line-height: 40px;
  display: none !important;
}

.vg-result-alert-text {
  color: #D46E6B;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 32px 0 0 0;
  padding: 0;
  line-height: normal;
}

.vg-alert-success .vg-result-alert-text {
  color: #66C491;
}

.vg-result-alert-text .error_details_div {
  text-align: left;
  border: 1px solid #EAECEF;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 56px 20px 20px 20px;
}
.vg-result-alert-text .error_details_div b {
  font-weight: bold;
  display: block;
  color: #DCB072;
  text-align: center;
  margin-bottom: 15px;
  font-size: 14px;
}
.vg-result-alert-text .error_details_div b + ul {
  border-top: 1px solid #EAECEF;
}
.vg-result-alert-text .error_details_div ul {
  margin: 0;
  padding: 15px 0 0 0;
  list-style: none;
}
.vg-result-alert-text .error_details_div ul li {
  font-size: 14px;
  color: #6E757C;
  text-align: center;
  display: block;
  padding: 10px 0;
  font-weight: 400;
}

.vg-result-alert-buttons {
  padding: 15px 0;
}

/* vg sweet alert end */
#header_menu.navbar {
  position: relative;
  max-width: 1320px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
  /**/
}
#header_menu.navbar .navbar-brand {
  width: 25%;
  padding-bottom: 0;
  padding-top: 0;
}
#header_menu.navbar .navbar-brand img {
  width: 121px;
  height: 32px;
}
#header_menu.navbar .navbar-nav .nav-item {
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}
#header_menu.navbar .navbar-nav .nav-item .nav-link {
  color: #6E757C;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 500;
}
#header_menu.navbar .navbar-nav .nav-item .nav-link.active, #header_menu.navbar .navbar-nav .nav-item .nav-link:hover {
  color: #353A3F;
  border-bottom: 1px solid #353A3F;
}
#header_menu.navbar .navbar-nav .nav-item .nav-link.active {
  font-weight: 600;
}
#header_menu.navbar .navbar-nav .nav-item .nav-link i {
  margin-right: 8px;
}
#header_menu.navbar .dropdown-menu[data-bs-popper] {
  padding-top: 0;
  padding-bottom: 0;
  -webkit-box-shadow: 0 3px 6px 3px #dcdfe1;
  box-shadow: 0 3px 6px 3px #dcdfe1;
  border: 1px solid #EAECEF;
  min-width: 218px;
}
#header_menu.navbar .dropdown-menu li {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #EAECEF;
}
#header_menu.navbar .dropdown-menu li a {
  padding: 15px;
  color: #353A3F;
}
#header_menu.navbar .dropdown-menu li:hover {
  background: #F6F7F8;
  border-bottom: 1px solid #EAECEF;
  border-top: 1px solid #EAECEF;
}
#header_menu.navbar .dropdown-menu li:hover a {
  background: #F6F7F8;
  color: #353A3F;
}
#header_menu.navbar .dropdown-menu li.user-info {
  padding: 1.3rem;
}
#header_menu.navbar .dropdown-menu li.user-info:hover {
  background-color: #ffffff;
  color: #353A3F;
}
#header_menu.navbar .dropdown-menu li:first-child:hover {
  border-top: 1px solid #ffffff !important;
}
#header_menu.navbar .dropdown-menu li:last-child {
  border-bottom: 1px solid #ffffff !important;
}
#header_menu.navbar .dropdown-menu li:last-child:hover {
  border-bottom: 1px solid #ffffff !important;
}

.reseller_menu #header_menu.navbar .navbar-nav .nav-item .nav-link {
  color: #99A1A9;
  border-bottom: 1px solid transparent;
}
.reseller_menu #header_menu.navbar .navbar-nav .nav-item .nav-link.active, .reseller_menu #header_menu.navbar .navbar-nav .nav-item .nav-link:hover {
  color: #66C491;
  border-bottom: 1px solid #66C491;
}
.reseller_menu #header_menu.navbar .navbar-nav .nav-item .nav-link.active {
  font-weight: 600;
}
.reseller_menu #header_menu.navbar .dropdown > .btn-outline-grey {
  border: 1px solid #6E757C;
}

/******************* other navs ************************/
.nav.vertical_menu {
  background-color: #FFFFFF;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
  box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
}
.nav.vertical_menu .vertical_menu {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.nav.vertical_menu .nav.vertical_menu {
  border-radius: 0;
}

.nav.vertical_menu .nav-title {
  padding: 15px 20px;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  color: #353A3F;
  background-color: #F8F9FA;
  border-bottom: 1px solid #E3E6EB;
  position: relative;
  border-radius: 5px 5px 0 0;
  width: 100%;
}

.nav.vertical_menu .nav-item {
  position: relative;
}

.nav.vertical_menu > .nav-item:first-child > .nav-link {
  border-radius: 5px 5px 0 0;
}

.nav.vertical_menu > .nav-item:last-child > .nav-link {
  border-radius: 0 0 5px 5px;
}

.nav.vertical_menu .nav-item.has_ul:after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  font-size: 1rem;
  line-height: 2.5rem;
  right: 8px;
  top: 10px;
  z-index: 10;
  width: 32px;
  height: 32px;
  text-align: center;
  cursor: pointer;
}

.nav.vertical_menu .nav .nav-item.has_ul:after {
  top: 10px;
}

.nav.vertical_menu .nav-item.has_ul.opened:after {
  content: "\f078";
  color: #FFFFFF;
}

.nav.vertical_menu .nav .nav-item.has_ul.opened:after {
  color: #000000;
}

.nav.vertical_menu .nav-item ul {
  display: none;
}

.nav.vertical_menu .nav-item.has_ul.opened > ul {
  display: block;
}

.nav.vertical_menu .nav-link {
  color: #353A3F;
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: pointer;
}

.nav.vertical_menu .nav-link > i {
  margin-right: 5px;
}

.nav.vertical_menu .nav-item .nav-link.active:not(.removeactive),
.nav.vertical_menu .nav-item.has_ul.opened > .nav-link {
  background: #187DC1;
  color: #FFFFFF;
}

.nav.vertical_menu .nav-item:hover > .nav-link {
  background: #F6F7F8;
  color: #353A3F;
}

.nav.vertical_menu .nav-item.has_ul.opened .nav .nav-link {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 50px;
}

.nav.vertical_menu .nav-item.has_ul.opened .nav .nav .nav-link {
  padding-left: 80px;
}

.nav.vertical_menu .nav-item.has_ul.opened .nav .nav-link:after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  font-size: 0.8rem;
  color: #CFD4D9;
  left: 35px;
  top: 10px;
}

.nav.vertical_menu .nav-item.has_ul.opened .nav .nav .nav-link:after {
  left: 65px;
}

.nav.vertical_menu .nav-item.has_ul.opened .nav .nav-link.active:after {
  content: "\f324";
}

.nav.vertical_menu .nav-item.has_ul.hide-icon:not(.opened):after {
  display: none !important;
}

.nav.vertical_menu .nav-item.has_ul.opened .nav .nav-item:hover > .nav-link,
.nav.vertical_menu .nav-item.has_ul.opened .nav .nav-item .nav-link.active {
  background: #F6F7F8;
  color: #353A3F;
}

.nav.vertical_menu > .nav-item:last-child.opened > .nav-link {
  border-radius: 0;
}

.nav.vertical_menu .nav-item.has_ul.opened .nav:last-child, .nav.vertical_menu .nav-item.has_ul.opened .nav .nav-item:last-child {
  border-radius: 0 0 5px 5px !important;
}

.reseller_menu .nav.vertical_menu .nav-item .nav-link.active:not(.removeactive),
.reseller_menu .nav.vertical_menu .nav-item.has_ul.opened > .nav-link {
  background: #66C491;
  color: #FFFFFF;
}

/******************breadcrumb**************************/
.custom_breadcrumb {
  padding: 20px 24px;
  background-color: #ffffff;
  border-radius: 5px;
  margin-bottom: 30px;
  /*box-shadow: 0 15px 10px -15px #dcdfe1;*/
  -webkit-box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
  box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
}

.custom_breadcrumb.has_after.opened {
  margin-bottom: 0;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #E3E6EB;
}

.custom_breadcrumb .breadcrumb,
.custom_breadcrumb .breadcrumb a {
  margin: 0;
  padding: 7px 0;
  color: #6E757C;
}

.custom_breadcrumb .breadcrumb a {
  text-decoration: none;
}

.custom_breadcrumb .breadcrumb i {
  color: #CFC4D9;
}

.custom_breadcrumb .breadcrumb .active,
.custom_breadcrumb .breadcrumb .active a {
  color: #353A3F;
  font-weight: bold;
  /*text-transform: uppercase;*/
}

.breadcrumb_after {
  background: #F6F7F8;
  border-radius: 0 0 5px 5px;
  margin-bottom: 30px;
  padding: 20px;
  /*box-shadow: 0 15px 10px -15px #dcdfe1;*/
  -webkit-box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
  box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
  display: none;
}
.breadcrumb_after.opened {
  display: block;
}

.breadcrumb-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 450px;
}

/*********************paginations***********************/
.page.absolute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page.absolute a {
  color: #6E757C;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 2px 7px 15px 7px;
  margin: 0 3px;
  text-align: center;
  height: 24px;
  white-space: nowrap;
  border-radius: 0.25rem;
}

.page.absolute a.active, .page.absolute a.selected {
  /*
  border-bottom: 2px solid #5A79D0;
     background-color: #FFFFFF;
  */
  background-color: #6c757d;
  color: #ffffff;
}

.page.absolute a:hover:not(.selected):not(a[href*="#"]) {
  background-color: #E3E6EA;
}

.page.absolute a[href*="#"] {
  color: #CFD4D9 !important;
  cursor: auto;
}

.page.absolute .first:after,
.page.absolute .prev:after,
.page.absolute .next:after,
.page.absolute .last:after {
  font-family: "Font Awesome 5 Pro";
  width: 100%;
  height: 100%;
  left: 0;
  top: 3px;
  text-align: center;
}

.page.absolute .first:after {
  content: "\f323";
}

.page.absolute .prev:after {
  content: "\f053";
}

.page.absolute .next:after {
  content: "\f054";
}

.page.absolute .last:after {
  content: "\f324";
}

.pagination .page-item .page-link {
  background-color: transparent;
  border: none;
  color: #6E757C;
  text-decoration: none;
  padding: 7px;
  margin: 0 3px;
  text-align: center;
}

.pagination .page-item .page-link:hover, .pagination .page-item.active .page-link {
  border-bottom: 2px solid #5A79D0;
  background-color: #FFFFFF;
}

/****************** dropdown ************************/
.list_btn .dropdown-menu {
  padding: 0;
  -webkit-box-shadow: 0 3px 6px 3px #dcdfe1;
  box-shadow: 0 3px 6px 3px #dcdfe1;
  border: 1px solid #EAECEF;
  min-width: 218px;
}

.list_btn.dropdown .btn:after {
  display: none !important;
}

.list_btn .dropdown-menu li {
  border-bottom: 1px solid #EAECEF;
  position: relative;
  z-index: 10;
}

.list_btn .dropdown-menu li:last-child {
  border-bottom: none;
}

.list_btn .dropdown-menu li a {
  padding: 17px;
  cursor: pointer;
}

.list_btn .dropdown-menu li a:active {
  background: #187DC1;
}

/**************** list group ********************/
.list-group.theme-list-group .list-group-item {
  cursor: pointer;
  border: none;
  padding-top: 14px;
  padding-bottom: 14px;
  font-weight: 400;
}

.list-group.theme-list-group .list-group-item:hover {
  background-color: #EAECEF;
  color: #353A3F;
}

.list-group.theme-list-group .list-group-item.active {
  background-color: #EEF5FB;
  border-color: #CAEFDE;
  color: #353A3F;
  font-weight: 600;
}
.list-group.theme-list-group .list-group-item.active .bg-grey2 {
  background-color: #5A79D0 !important;
}

.list-group.theme-list-group .list-group-item a {
  color: inherit;
}

.list-group.modal-list-group .list-group-item {
  cursor: pointer;
  border-top: none;
  border-left: none;
  border-right: none;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.list-group.modal-list-group .list-group-item:hover {
  background: #EAECEF;
  color: #353A3F;
  padding-left: 25px;
}

.list-group.modal-list-group .list-group-item.active {
  background: #EAECEF;
  border-bottom: 1px solid #5E6575;
  position: relative;
  color: #353A3F;
  font-weight: bold;
}

.list-group.modal-list-group .list-group-item.active:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f324";
  position: absolute;
  font-weight: 400;
  right: 10px;
  top: 12px;
  color: #353A3F;
}

.list-group.modal-list-group .list-group-item:last-child {
  border-radius: 0 !important;
}

/**************** sorter ********************/
.sort {
  position: relative;
  display: inline-block;
}

.sort:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f0dc";
  position: absolute;
  right: -16px;
  top: 2px;
  color: #CFD4D9;
}

.sort.asc:after {
  content: "\f0de";
}

.sort.desc:after {
  content: "\f0dd";
}

.link-tabs .nav .nav-item .nav-link {
  color: #6E757C;
  font-weight: 500;
  border: none;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.link-tabs .nav .nav-item .nav-link:hover {
  color: #5A79D0;
}
.link-tabs .nav .nav-item .nav-link.active {
  color: #5A79D0;
  font-weight: bold;
  border-bottom: 2px solid #5A79D0;
}

/***************************************/
.card-tabs.nav .nav-item .nav-link {
  color: #6E757C;
  font-weight: 600;
}

.card-tabs.nav .nav-item .nav-link.active {
  color: #353A3F;
}

.card-tabs.nav .nav-item .nav-link.active .badge.bg-secondary {
  background: #71AAE0 !important;
}

/********* content *********/
.content_box {
  border: none;
  -webkit-box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
  box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
}
.content_box .card-header {
  background-color: #FFFFFF;
  padding: 15px 20px;
  border-bottom: 1px solid #EAECEF;
}
.content_box .card-item-header {
  background-color: #FFFFFF;
  padding: 24px 20px;
  min-height: 91px;
  border-radius: inherit;
}
.content_box .card-item-detail {
  border-top: 1px solid #EAECEF;
}
.content_box .card-body {
  padding: 40px;
}

/******Help box ****/
.custom_help_box {
  background: #ffffff;
  width: 100%;
  max-width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  border-bottom: 1px solid #EAECEF;
}

.card.content_box > .custom_help_box:first-child {
  border-radius: 0.25rem 0.25rem 0 0;
}

.custom_help_box .excerpt {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 24px;
  padding-top: 14px;
  padding-bottom: 14px;
  width: 100%;
  float: left;
  position: relative;
}

.custom_help_box .excerpt span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 740px;
}

.custom_help_box .content_body {
  display: none;
  padding: 20px 0 20px 24px;
}

.custom_help_box .help_collapse_btn {
  padding-right: 24px;
  padding-top: 14px;
  padding-left: 14px;
}

.custom_help_box .help_collapse_btn .help_arrow {
  padding-top: 3px;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.custom_help_box .help_collapse_btn .help_arrow.opened {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  line-height: 1.5;
}

/*********** side bar **************/
.card.sidebar_box {
  border: none;
  -webkit-box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
  box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
}
.card.sidebar_box .card-header {
  height: 49px;
  background-color: #F8F9FA;
  border-bottom: 1px solid #E3E6EB;
}

/******** chart *********/
.card.chart_content {
  border: none;
  -webkit-box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
  box-shadow: 0 1px 2px rgba(216, 223, 227, 0.5), 0 1px 2px rgba(216, 223, 227, 0.5);
}
.card.chart_content .card-header {
  height: 49px;
  border-bottom: 1px solid #E3E6EB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  color: #353A3F;
}

@media (prefers-reduced-motion: reduce) {
  /* Accordion, Collapse */
  .collapsing,
  .collapse {
    -webkit-transition: height 0.35s ease !important;
    transition: height 0.35s ease !important;
  }
  /* Modal */
  .modal.fade,
  .modal.fade.show {
    -webkit-transition: opacity 0.3s ease !important;
    transition: opacity 0.3s ease !important;
  }
  /* Toast */
  .toast,
  .toast.fade,
  .toast.fade.show {
    -webkit-transition: opacity 0.75s ease, -webkit-transform 0.3s ease !important;
    transition: opacity 0.75s ease, -webkit-transform 0.3s ease !important;
    transition: opacity 0.75s ease, transform 0.3s ease !important;
    transition: opacity 0.75s ease, transform 0.3s ease, -webkit-transform 0.3s ease !important;
  }
  /* Dropdown */
  .dropdown-menu {
    -webkit-transition: opacity 0.15s ease, -webkit-transform 0.15s ease !important;
    transition: opacity 0.15s ease, -webkit-transform 0.15s ease !important;
    transition: opacity 0.15s ease, transform 0.15s ease !important;
    transition: opacity 0.15s ease, transform 0.15s ease, -webkit-transform 0.15s ease !important;
  }
  /* Offcanvas */
  .offcanvas,
  .offcanvas.showing,
  .offcanvas.hiding {
    -webkit-transition: -webkit-transform 0.3s ease-in-out !important;
    transition: -webkit-transform 0.3s ease-in-out !important;
    transition: transform 0.3s ease-in-out !important;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out !important;
  }
  /* Tooltip & Popover (if used with fade) */
  .tooltip.fade,
  .popover.fade {
    -webkit-transition: opacity 0.15s linear !important;
    transition: opacity 0.15s linear !important;
  }
  /* Generic fade helper */
  .fade,
  .fade.show {
    -webkit-transition: opacity 0.15s ease-in-out !important;
    transition: opacity 0.15s ease-in-out !important;
  }
}