@keyframes fadein {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@font-face {
  font-family: Roboto-Bold;
  src: url("../../assets/fonts/Roboto-Bold-webfont.woff")
}

@font-face {
  font-family: Roboto-Medium;
  src: url("../../assets/fonts/Roboto-Medium-webfont.woff")
}

@font-face {
  font-family: Roboto-Light;
  src: url("../../assets/fonts/Roboto-Light-webfont.woff")
}

@font-face {
  font-family: Roboto-Regular;
  src: url("../../assets/fonts/Roboto-Regular-webfont.woff")
}

@font-face {
  font-family: HouschkaRoundedAlt-DemiBold;
  src: url("../../assets/fonts/HouschkaRoundedAlt-DemiBold.woff2")
}

@font-face {
  src: url("../../assets/fonts/HouschkaRoundedAlt-Medium.woff2");
  font-family: HouschkaRoundedMedium
}

* {
  margin: 0;
  padding: 0
}

*,
::after,
::before {
  box-sizing: border-box
}

.cg,
html {
  font-size: 62.5%
}

.cg body,
html body {
  font-family: Roboto-Regular;
  background: #f2f2f2;
  height: 100%;
  font-size: 1.4rem;
  color: #333
}

.cg body dl,
.cg body ol,
.cg body ul,
html body dl,
html body ol,
html body ul {
  margin-top: 0;
  margin-bottom: 0
}

.cg body li,
html body li {
  list-style-type: none
}

.cg body a,
html body a {
  text-decoration: none;
  background-color: transparent
}

.contentArea {
  padding: 0;
  padding-top: 6.4rem;
  min-height: calc(100vh - 3.6rem)
}

.p2 {
  padding: 2rem
}

.shadowBox {
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  border: .1rem solid #f2f2f2;
  border-radius: .6rem;
  background-color: #fff
}

.noBorder {
  border: 0
}

.Menu a:focus-visible,
.custName img:focus-visible,
.profileView .entrepriseButtonSec button#dropdownMenuButton1:focus-visible,
header .tcsCognixLogo a:focus-visible {
  outline-color: #fff
}

.profileView .entrepriseButtonSec button#dropdownMenuButton1:focus-visible,
button.menuIcon:focus,
button.menuIcon:focus:focus-visible,
button.menuIcon:focus:not(.focus-visible) {
  outline: .2rem solid #ffffff
}

.custom-tooltip {
  font-size: 1.2rem
}

div#dataTable_wrapper {
  background: linear-gradient(180deg, #f2f2f2, transparent);
  padding-bottom: 0 !important
}

div#dataTable_wrapper .dataTable {
  margin-bottom: 0 !important;
  background: #fff;
  padding-top: 0 !important
}

div#dataTable_wrapper .dataTables_length select {
  background-color: #fff !important
}

div#dataTable_wrapper .dataTables_filter input {
  background-color: #fff !important
}

div#dataTable_wrapper tbody tr:hover>* {
  background-color: #fee7ef !important
}

div#dataTable_wrapper .dataTables_scrollBody {
  border-bottom: none !important
}

div#dataTable_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff !important
}

.tableWrapper .tableContentRow .tableScrollable {
  height: 31rem !important
}

.tableWrapper .tableContentRow table.cgxTable tbody tr:hover>* {
  background-color: #fee7ef !important
}

.tableWrapper .tableContentRow table.cgxTable tfoot tr td .formRow .dropdown .form-select {
  height: 3.2rem;
  padding-right: 3rem
}

@media only screen and (max-width: 575px) {
  .groupBySec .groupByInnerSec {
    display: block
  }

  .groupBySec .groupByInnerSec .groupbyRadioBtns {
    display: block
  }

  .tableWrapper .tableTopRow .filterRow {
    display: block
  }

  .tableWrapper .tableTopRow .filterRow .tableLength {
    margin-bottom: 1rem
  }

  .tableWrapper .tableTopRow .filterRow .tableFilter input {
    width: 22.5rem
  }

  .tableWrapper .tableBottomRow {
    display: block
  }

  .ngx-pagination li>span {
    padding: .5rem 1rem
  }

  .paginationMainSec {
    padding: 1rem 0
  }
}

.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 2rem;
  height: 2rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: .4rem;
  border-radius: .4rem;
  border: 0
}

.datetimepicker tfoot tr:first-child th:hover,
.datetimepicker thead tr:first-child th:hover {
  background: #ccc
}

.datetimepicker th.switch {
  width: 14.5rem;
  text-align: center
}

.datetimepicker table tr td.day:hover {
  background: #ccc;
  cursor: pointer
}

.datetimepicker table tr td.active.active {
  color: #fff;
  border-radius: .4rem
}

.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 2rem;
  height: 2rem;
  border-radius: .4rem;
  border: 0;
  font-size: 1.4rem
}

.modal .modal-header .btn-close:focus:focus-visible,
.tableBottomRow .pGNoWrap .pageVal:focus:focus-visible,
.tableWrapper .tableTopRow .filterRow .tableFilter input:focus:focus-visible,
:focus:focus-visible input[type=search]:focus:focus-visible,
button:focus:focus-visible,
input[type=search]:focus:focus-visible {
  transition: none;
  outline: .2rem solid #000000
}

.ngx-pagination li>a {
  color: #333;
  font-size: 1.4rem;
  padding: .5rem 1.5rem !important;
  height: 3.3rem;
  display: block;
  border: .1rem solid #b3b3b3
}

@media only screen and (max-width: 575px) {
  .ngx-pagination li>a {
    padding: .5rem .9rem !important
  }
}

.ngx-pagination li.pagination-next>a,
.ngx-pagination li.pagination-previous>a {
  color: #333;
  font-size: 1.4rem;
  padding: .5rem 1.5rem;
  border: .1rem solid #b3b3b3
}

@media only screen and (max-width: 575px) {

  .ngx-pagination li.pagination-next>a,
  .ngx-pagination li.pagination-previous>a {
    padding: .5rem .7rem !important
  }
}

.ngx-pagination li.disabled>a {
  color: #a6a6a6 !important
}

.ngx-pagination li.current>a,
.ngx-pagination li>a:hover {
  background-color: #651f93;
  color: #fff;
  border-color: #651f93
}

.ngx-pagination li.disabled>a:hover {
  background-color: transparent;
  border-color: #b3b3b3
}

.status {
  font-size: 1.2rem;
  min-width: 7.9rem;
  min-height: 1.3rem;
  letter-spacing: .012rem;
  display: inline-block;
  text-align: center;
  padding: .3rem;
  line-height: normal;
  width: auto;
  border-radius: .4rem;
  border-width: .1rem;
  border-style: solid
}

.status.completed {
  background-color: #f6fee7;
  border-color: #d9f89b;
  color: #577619
}

.status.closed {
  background-color: #fce9e8;
  border-color: #f8c1bf;
  color: #bd241f
}

.status.inprogress {
  background-color: #fcf7e8;
  border-color: #f9e5aa;
  color: #79621b
}

.status.new {
  background-color: #e7f5fe;
  border-color: #b1e0fc;
  color: #076fab
}

.status.pending {
  background-color: #feeee7;
  border-color: #f9d1bd;
  color: #e95207
}

.status.offline {
  background-color: #f2f2f2;
  border-color: #d9d9d9;
  color: #666
}

.tags .status {
  margin-right: 1rem;
  margin-bottom: 1rem
}

.downloadBtn {
  border: .1rem solid #b3b3b3;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: .4rem;
  background: #fff;
  color: #595959;
  margin-left: .4rem
}

.editInPlace .formRow {
  margin: 0
}

.tableWrp {
  margin: 0 2rem 2rem
}

.noPaddingTable #dataTable_wrapper {
  box-shadow: none;
  margin: 0 -2rem;
  border-top: .1rem solid #e6e6e6;
  border-radius: 0
}

div#dataTable_wrapper {
  background-color: #fff;
  padding: 1.5rem 0;
  border-radius: .6rem;
  box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .161)
}

div#dataTable_wrapper .dataTables_filter label {
  position: relative
}

div#dataTable_wrapper .dataTables_filter label i {
  position: absolute;
  font-size: 1.8rem;
  color: #b3b3b3;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  margin-left: 0
}

div#dataTable_wrapper .dataTables_filter input {
  border-color: #b3b3b3;
  width: 27.4rem;
  color: #333;
  border-radius: .6rem;
  height: 3.2rem;
  font-size: 1.4rem;
  outline: 0;
  margin-left: 0;
  padding-left: 3.5rem
}

div#dataTable_wrapper .dataTables_length {
  font-size: 1.4rem;
  color: #333
}

div#dataTable_wrapper .dataTables_length select {
  margin: 0 1rem;
  background-color: #f2f2f2;
  border-color: #ccc;
  color: #333;
  border-radius: .6rem;
  width: 5.8rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(../images/chevron-down.svg);
  background-size: 1.1rem;
  background-repeat: no-repeat;
  background-position: right .75rem center;
  outline: 0
}

div#dataTable_wrapper .dataTables_scroll {
  padding-top: 1rem;
  margin-bottom: 2rem
}

div#dataTable_wrapper .dataTable {
  padding-top: 1rem;
  margin-bottom: 2rem
}

div#dataTable_wrapper .dataTable thead td,
div#dataTable_wrapper .dataTable thead th {
  border-bottom: .2rem solid #e6e6e6
}

div#dataTable_wrapper .dataTable tr {
  position: relative
}

div#dataTable_wrapper .dataTable td,
div#dataTable_wrapper .dataTable th {
  font-size: 1.4rem;
  text-align: center;
  color: #333
}

div#dataTable_wrapper .dataTable th.noFilter:after,
div#dataTable_wrapper .dataTable th.noFilter:before {
  display: none
}

div#dataTable_wrapper .dataTable td {
  position: relative;
  cursor: pointer
}

div#dataTable_wrapper .dataTable [data-title] {
  position: relative;
  cursor: pointer
}

div#dataTable_wrapper .dataTable [data-title]:hover:after {
  content: attr(data-title);
  position: absolute;
  top: 100%;
  right: -1rem;
  font-size: 1.2rem;
  background-color: #666;
  padding: 1rem;
  border-radius: .4rem;
  z-index: 1;
  width: 18rem;
  color: #fff;
  white-space: break-spaces
}

div#dataTable_wrapper #dataTable tbody tr:nth-child(odd)>* {
  background-color: #f2f2f2;
  box-shadow: none
}

div#dataTable_wrapper #dataTable tbody tr:nth-child(2n)>* {
  background-color: #fff;
  box-shadow: none
}

div#dataTable_wrapper #dataTable tbody tr:hover>* {
  background-color: #f4e8fc
}

div#dataTable_wrapper .dataTables_info,
div#dataTable_wrapper .dataTables_paginate {
  font-size: 1.4rem
}

div#dataTable_wrapper .dataTables_paginate {
  border: .1rem solid #b3b3b3;
  border-radius: .4rem;
  padding-top: 0;
  margin-top: 1.5rem
}

div#dataTable_wrapper .dataTables_paginate .paginate_button {
  border-right: .1rem solid #b3b3b3;
  margin-left: 0;
  padding: .4em 1.2em;
  color: #333;
  border-radius: 0
}

div#dataTable_wrapper .dataTables_paginate .paginate_button.current,
div#dataTable_wrapper .dataTables_paginate .paginate_button:hover {
  background: #651f93;
  color: #fff;
  box-shadow: none;
  border-color: #651f93
}

div#dataTable_wrapper .dataTables_paginate .paginate_button.next {
  border-right: 0
}

div#dataTable_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  background: 0 0;
  border-color: transparent
}

div#dataTable_wrapper .dataTables_paginate span {
  display: inline-block
}

div#dataTable_wrapper .dataTables_info,
div#dataTable_wrapper .dataTables_length {
  margin-left: 1.5rem;
  color: #333
}

div#dataTable_wrapper .dataTables_filter,
div#dataTable_wrapper .dataTables_paginate {
  margin-right: 1.5rem
}

div#dataTable_wrapper .dataTables_scrollBody .dataTable {
  padding-top: 0;
  margin-bottom: 0
}

table.dataTable.display tbody td,
table.dataTable.display tbody th,
table.dataTable.row-border tbody td,
table.dataTable.row-border tbody th {
  border-top: 0
}

.noPaddingTable div#dataTable_wrapper .dataTables_length {
  margin-left: 2rem;
  margin-bottom: 1.2rem
}

.noPaddingTable div#dataTable_wrapper .dataTables_info {
  margin-left: 2rem;
  margin-top: 2rem
}

.noPaddingTable div#dataTable_wrapper .dataTables_filter {
  margin-right: 2rem
}

.noPaddingTable div#dataTable_wrapper .dataTables_paginate {
  margin-right: 2rem;
  margin-top: 2rem
}

table.dataTable.no-footer {
  border-bottom: .1rem solid #e6e6e6
}

li.groupingLabel {
  text-align: left;
  color: #737373;
  padding: .8rem 1rem
}

.dataTables_scrollBody::-webkit-scrollbar {
  width: 1rem;
  height: 1rem
}

.dataTables_scrollBody::-webkit-scrollbar-track {
  background: #d9d9d9
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
  background: #a6a6a6;
  border-radius: .8rem
}

.dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
  background: #999
}

#dataTable tr.context-menu-active td.js-tableMenuDropWrp .js-tableMenuDropBtn {
  background-color: #651f93
}

#dataTable tr.context-menu-active td.js-tableMenuDropWrp .js-tableMenuDropBtn i {
  color: #fff
}

#dataTable td.js-tableMenuDropWrp {
  position: relative
}

#dataTable td.js-tableMenuDropWrp .js-tableMenuDropBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  background-color: #e6e6e6;
  border-radius: 50%
}

#dataTable td.js-tableMenuDropWrp .js-tableMenuDropBtn i {
  color: #651f93
}

#dataTable td.js-tableMenuDropWrp .js-tableMenuDropBtn.active {
  background-color: #651f93
}

#dataTable td.js-tableMenuDropWrp .js-tableMenuDropBtn.active i {
  color: #fff
}

#dataTable td .js-tableMenuDrop {
  display: none;
  position: absolute;
  width: 14.4rem;
  z-index: 999;
  padding-left: 0
}

#dataTable td .js-tableMenuDrop a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: .8rem 1rem;
  font-size: 1.4rem;
  border-radius: .6rem;
  color: #333
}

#dataTable td .js-tableMenuDrop a i {
  margin-right: .8rem;
  color: #651f93
}

#dataTable td .js-tableMenuDrop a:hover {
  background-color: #f2f2f2
}

#dataTable td .js-tableMenuDrop:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: .5rem solid transparent;
  border-right: .5rem solid transparent;
  border-bottom: .5rem solid #fff;
  top: -.5rem;
  left: 1rem
}

#dataTable td:last-child .js-tableMenuDrop {
  right: 1rem;
  left: auto !important
}

span.statusBackword {
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  border-radius: 50%;
  background: #f50
}

.downloadTableWrp #dataTable_filter {
  display: flex;
  justify-content: space-between
}

.downloadTableWrp #dataTable_filter .downloadDropWrp {
  position: relative;
  margin-left: 1.6rem
}

.downloadTableWrp #dataTable_filter .downloadDropWrp a.downloadBtn {
  display: inline-flex;
  width: 3.2rem;
  height: 3.2rem;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f2;
  border-radius: 50%;
  cursor: pointer
}

.downloadTableWrp #dataTable_filter .downloadDropWrp a.downloadBtn i {
  font-size: 1.4rem;
  color: #651f93
}

.downloadTableWrp #dataTable_filter .downloadDropWrp a.downloadBtn.active {
  background-color: #651f93
}

.downloadTableWrp #dataTable_filter .downloadDropWrp a.downloadBtn.active i {
  color: #fff
}

.downloadTableWrp #dataTable_filter .downloadDropWrp .js-downloadDrop {
  display: none;
  position: absolute;
  width: 15.4rem;
  background-color: #fff;
  border: .1rem solid #e6e6e6;
  top: calc(100% + .1rem);
  right: 0;
  box-shadow: .3rem .3rem .6rem rgba(0, 0, 0, .161);
  z-index: 99;
  padding-left: 0
}

.downloadTableWrp #dataTable_filter .downloadDropWrp .js-downloadDrop a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: .5rem 1rem;
  font-size: 1.4rem;
  color: #333;
  transition: .5s ease all
}

.downloadTableWrp #dataTable_filter .downloadDropWrp .js-downloadDrop a i {
  margin-right: .8rem;
  color: #651f93
}

.downloadTableWrp #dataTable_filter .downloadDropWrp .js-downloadDrop a:hover {
  background-color: #f2f2f2
}

.downloadTableWrp #dataTable_filter .downloadDropWrp .js-downloadDrop:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: .5rem solid transparent;
  border-right: .5rem solid transparent;
  border-bottom: .5rem solid #fff;
  top: -.5rem;
  right: 1rem
}

.downloadTableWrp #dataTable_length {
  display: flex;
  align-items: center
}

.downloadTableWrp #dataTable_length span.displayStat {
  display: inline-flex;
  margin-left: 2.5rem;
  align-items: center;
  color: #333;
  font-weight: 700
}

.downloadTableWrp #dataTable_length span.displayStat .statusBackword {
  margin-right: .8rem
}

li.groupingLabel {
  text-align: left;
  color: #737373;
  padding: .8rem 1rem
}

table.dataTable tfoot tr>.dtfc-fixed-left,
table.dataTable tfoot tr>.dtfc-fixed-right,
table.dataTable thead tr>.dtfc-fixed-left,
table.dataTable thead tr>.dtfc-fixed-right {
  top: 0;
  bottom: 0;
  z-index: 3;
  background-color: #fff
}

table.dataTable tbody tr>.dtfc-fixed-left,
table.dataTable tbody tr>.dtfc-fixed-right {
  z-index: 1;
  background-color: #fff
}

div.dtfc-left-top-blocker,
div.dtfc-right-top-blocker {
  background-color: #fff
}

table span.stateName {
  padding: .4rem 1.5rem;
  border-radius: 3rem;
  width: 11.1rem;
  display: inline-block
}

table span.stateName.process {
  background-color: #ffbf00;
  color: #333
}

table span.stateName.completed {
  background-color: #81b814;
  color: #fff
}

table span.stateName.error {
  background-color: #e62019;
  color: #fff
}

table caption {
  caption-side: top;
  padding-left: 1rem
}

.tableWrapper .tableTopRow {
  padding: 1.5rem;
  background-color: #f2f2f2
}

.tableWrapper .tableTopRow .filterRow {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.tableWrapper .tableTopRow .filterRow .tableLength {
  font-size: 1.4rem;
  color: #333
}

.tableWrapper .tableTopRow .filterRow .tableLength select {
  margin: 0 1rem;
  background-color: #fff;
  border-color: #ccc;
  color: #333;
  border-radius: .6rem;
  width: 5.8rem;
  height: 3rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("../images/chevron-down.svg");
  background-size: 1.1rem;
  background-repeat: no-repeat;
  background-position: right .75rem center;
  outline: 0;
  padding: .4rem
}

.tableWrapper .tableTopRow .filterRow .tableFilter label {
  position: relative
}

.tableWrapper .tableTopRow .filterRow .tableFilter label i {
  position: absolute;
  font-size: 1.8rem;
  color: #b3b3b3;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  margin-left: 0
}

.tableWrapper .tableTopRow .filterRow .tableFilter input {
  border: .1rem solid;
  border-color: #b3b3b3;
  width: 27.4rem;
  color: #333;
  border-radius: .6rem;
  height: 3.2rem;
  font-size: 1.4rem;
  outline: 0;
  margin-left: 0;
  padding: .5rem .5rem .5rem 3.5rem
}

.tableWrapper .tableTopRow .filteringWrp {
  display: flex;
  flex-flow: column;
  max-width: 30rem;
  margin-bottom: 1rem
}

.tableWrapper .tableTopRow .filteringWrp .formRow .inputBox input {
  height: 3.2rem
}

.tableWrapper .tableContentRow .tableScrollable {
  height: 25rem;
  overflow: auto;
  border-bottom: .1rem solid #e6e6e6
}

.tableWrapper .tableContentRow .tableScrollable .customScrollbar::-webkit-scrollbar {
  width: .7rem;
  height: .7rem
}

.tableWrapper .tableContentRow .tableScrollable .customScrollbar::-webkit-scrollbar-track {
  background: 0 0
}

.tableWrapper .tableContentRow .tableScrollable .customScrollbar::-webkit-scrollbar-thumb {
  background: #a6a6a6;
  border-radius: 2rem
}

.tableWrapper .tableContentRow .tableScrollable .customScrollbar::-webkit-scrollbar-thumb:hover {
  background: #999
}

.tableWrapper .tableContentRow table.cgxTable {
  border-bottom: .1rem solid #e6e6e6;
  width: auto;
  min-width: 100%
}

.tableWrapper .tableContentRow table.cgxTable thead {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
  border-bottom: .2rem solid transparent
}

.tableWrapper .tableContentRow table.cgxTable thead tr {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1
}

.tableWrapper .tableContentRow table.cgxTable thead tr::after {
  width: 100%;
  height: .2rem;
  background: #e6e6e6;
  position: absolute;
  bottom: 0;
  left: 0
}

.tableWrapper .tableContentRow table.cgxTable thead tr th {
  font-size: 1.4rem;
  text-align: center;
  color: #333;
  position: relative;
  padding: 1rem;
  cursor: pointer;
  white-space: nowrap;
  background: #fff;
  position: relative;
  padding-right: 2.5rem;
  border-bottom: .2rem solid #e6e6e6
}

.tableWrapper .tableContentRow table.cgxTable thead tr th:last-child {
  position: sticky;
  right: 0
}

.tableWrapper .tableContentRow table.cgxTable thead tr th span {
  position: relative;
  margin-left: .8rem
}

.tableWrapper .tableContentRow table.cgxTable thead tr th span i,
.tableWrapper .tableContentRow table.cgxTable thead tr th span span {
  opacity: .1;
  font-size: 1.2rem
}

.tableWrapper .tableContentRow table.cgxTable thead tr th span i:first-child,
.tableWrapper .tableContentRow table.cgxTable thead tr th span span:first-child {
  position: absolute;
  bottom: 50%;
  line-height: 1rem
}

.tableWrapper .tableContentRow table.cgxTable thead tr th span i:last-child,
.tableWrapper .tableContentRow table.cgxTable thead tr th span span:last-child {
  position: absolute;
  top: 50%;
  line-height: 1rem
}

.tableWrapper .tableContentRow table.cgxTable thead tr th.descending span i:first-child,
.tableWrapper .tableContentRow table.cgxTable thead tr th.descending span span:first-child {
  opacity: .6
}

.tableWrapper .tableContentRow table.cgxTable thead tr th.ascending span i:last-child,
.tableWrapper .tableContentRow table.cgxTable thead tr th.ascending span span:last-child {
  opacity: .6
}

.tableWrapper .tableContentRow table.cgxTable tbody tr td {
  position: relative;
  font-size: 1.4rem;
  text-align: center;
  color: #333;
  padding: .8rem 1rem;
  cursor: pointer;
  white-space: nowrap
}

.tableWrapper .tableContentRow table.cgxTable tbody tr td:last-child {
  position: sticky;
  right: 0
}

.tableWrapper .tableContentRow table.cgxTable tbody tr td .formRow .inputBox input {
  height: 3.2rem
}

.tableWrapper .tableContentRow table.cgxTable tbody tr td .formRow .dropDown .form-select {
  height: 3.2rem
}

.tableWrapper .tableContentRow table.cgxTable tbody tr:nth-child(odd) {
  background-color: #f2f2f2
}

.tableWrapper .tableContentRow table.cgxTable tbody tr:nth-child(odd) td:last-child {
  background-color: #f2f2f2
}

.tableWrapper .tableContentRow table.cgxTable tbody tr:nth-child(2n) {
  background-color: #fff
}

.tableWrapper .tableContentRow table.cgxTable tbody tr:nth-child(2n) td:last-child {
  background-color: #fff
}

.tableWrapper .tableContentRow table.cgxTable tbody tr.rowGroup td {
  background-color: #e6e6e6 !important;
  text-align: left
}

.tableWrapper .tableContentRow table.cgxTable tbody tr.selected:hover>* {
  background-color: #651f93 !important;
  color: #fff
}

.tableWrapper .tableContentRow table.cgxTable tbody tr.selected td {
  background-color: #651f93 !important;
  color: #fff
}

.tableWrapper .tableContentRow table.cgxTable tfoot tr td {
  text-align: center
}

.tableWrapper .tableContentRow table.cgxTable tfoot tr td .formRow .inputBox input {
  height: 3.2rem;
  width: 90%
}

.tableWrapper .editInPlace tr .form-select,
.tableWrapper .editInPlace tr input {
  border: none;
  background-color: transparent;
  pointer-events: none;
  background-image: none
}

.tableWrapper .editInPlace tr .inputBox input {
  width: 6.5rem
}

.tableWrapper .editInPlace tr .inputBox.inputText input {
  width: 18rem
}

.tableWrapper .editInPlace tr .dropDown select {
  width: 18rem
}

.tableWrapper .editInPlace tr.editTd input,
.tableWrapper .editInPlace tr.editTd select {
  background: #fff;
  border: .1rem solid #ccc;
  pointer-events: visible
}

.tableWrapper .editInPlace tr.editTd input:focus-within,
.tableWrapper .editInPlace tr.editTd select:focus-within {
  border-color: #651f93
}

.tableWrapper .editInPlace tr.editTd .form-select {
  background-image: url("../images/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: 98%
}

.tableWrapper .editInPlace tr td a.btnTb {
  display: inline-block;
  padding: 0 .7rem
}

.tableWrapper .editInPlace tr td a.btnTb i,
.tableWrapper .editInPlace tr td a.btnTb span {
  font-size: 1.7rem;
  cursor: pointer;
  padding: 0 .7rem
}

.tableWrapper .editInPlace tr td a.btnTb i.bi-pencil-square,
.tableWrapper .editInPlace tr td a.btnTb span.bi-pencil-square {
  color: #651f93
}

.tableWrapper .editInPlace tr td a.btnTb i.bi-Floppy,
.tableWrapper .editInPlace tr td a.btnTb span.bi-Floppy {
  color: #558000
}

.tableWrapper .editInPlace tr td a.btnTb i.bi-trash,
.tableWrapper .editInPlace tr td a.btnTb span.bi-trash {
  color: #e62019
}

.tableWrapper .editInPlace tr td a.btnTb i.bi-x-circle,
.tableWrapper .editInPlace tr td a.btnTb span.bi-x-circle {
  color: #7f7f7f
}

.tableWrapper .editInPlace tr td a.btnTb .bi-x-circle,
.tableWrapper .editInPlace tr td a.btnTb .bi.bi-save {
  display: none
}

.tableWrapper .tableBottomRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem
}

.tableWrapper .tableBottomRow .tableInfo {
  font-size: 1.4rem;
  color: #333
}

td.high i,
td.high span {
  color: #e62019
}

td.medium i,
td.medium span {
  color: #f50
}

td.low i,
td.low span {
  color: #81b814
}

td span {
  font-size: 1.2rem;
  text-align: center;
  line-height: 2rem;
  padding: 0 .25rem
}

td span.breach {
  border: .1rem solid #f6afac;
  background-color: #fce9e8;
  color: #ab2521
}

td span.near {
  border: .1rem solid #f9e5aa;
  background-color: #fbf1d5;
  color: #ba9012
}

td span.new {
  border: .1rem solid #d9f89b;
  background-color: #edfccf;
  color: #4d6718
}

.tableWrapper .tableContentRow table.cgxTable thead tr th.c {
  text-align: center
}

.tableWrapper .tableContentRow table.cgxTable thead tr th.r {
  text-align: right
}

.tableWrapper .tableContentRow table.cgxTable thead tr th.l {
  text-align: left
}

.tableWrapper .tableContentRow table.cgxTable tbody tr td.c {
  text-align: center
}

.tableWrapper .tableContentRow table.cgxTable tbody tr td.r {
  text-align: right
}

.tableWrapper .tableContentRow table.cgxTable tbody tr td.l {
  text-align: left
}

.tableWrapper .tableContentRow table.cgxTable thead tr th span {
  position: relative;
  margin-left: .8rem
}

.tableWrapper .tableContentRow table.cgxTable thead tr th span span {
  opacity: .1;
  font-size: 1.2rem
}

.tableWrapper .tableContentRow table.cgxTable thead tr th span span:first-child {
  position: absolute;
  bottom: 50%;
  line-height: 1rem
}

.tableWrapper .tableContentRow table.cgxTable thead tr th span span:last-child {
  position: absolute;
  top: 50%;
  line-height: 1rem
}

td span.bi {
  font-size: 1.4rem
}

.tableWrapper .tableTopRow .filterRow .tableFilter label span.bi {
  position: absolute;
  font-size: 1.8rem;
  color: #b3b3b3;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  margin-left: 0
}

div#dataTable_wrapper .dataTables_filter label span {
  position: absolute;
  font-size: 18px;
  color: #b3b3b3;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  margin-left: 0
}

.tableWrapper .tableTopRow .filterRow .tableFilter input,
.tableWrapper .tableTopRow .filterRow .tableLength select {
  border-color: #bfbfbf;
  font-family: Roboto-Regular
}

.ngx-pagination li>a {
  color: #333;
  font-size: 1.4rem;
  padding: .5rem 1.5rem !important;
  height: 3.3rem;
  display: block;
  border: .1rem solid #b3b3b3
}

@media only screen and (max-width: 575px) {
  .ngx-pagination li>a {
    padding: .5rem .9rem !important
  }
}

.ngx-pagination li.pagination-next>a,
.ngx-pagination li.pagination-previous>a {
  color: #333;
  font-size: 1.4rem;
  padding: .5rem 1.5rem;
  border: .1rem solid #b3b3b3
}

@media only screen and (max-width: 575px) {

  .ngx-pagination li.pagination-next>a,
  .ngx-pagination li.pagination-previous>a {
    padding: .5rem .7rem !important
  }
}

.ngx-pagination li.disabled>a {
  color: #a6a6a6 !important
}

.ngx-pagination li.current>a,
.ngx-pagination li>a:hover {
  background-color: #651f93;
  color: #fff;
  border-color: #651f93
}

.ngx-pagination li.disabled>a:hover {
  background-color: transparent;
  border-color: #b3b3b3
}

div#dataTable_wrapper {
  box-shadow: none;
  padding-top: 1rem;
  background: linear-gradient(180deg, #f2f2f2, transparent);
  border-radius: 0
}

div#dataTable_wrapper .dataTables_scroll {
  padding-top: 0;
  margin-bottom: 0
}

div#dataTable_wrapper .dataTables_scroll .dataTables_scrollHead table {
  margin-bottom: 0
}

div#dataTable_wrapper .dataTable thead {
  background-color: #fff
}

div#dataTable_wrapper .dataTable thead tr th.sorting {
  text-align: left
}

div#dataTable_wrapper .dataTable thead tr th.sorting.noIcon::before {
  display: none
}

div#dataTable_wrapper .dataTable thead tr th.sorting.noIcon::after {
  display: none
}

div#dataTable_wrapper .dataTable thead tr th.sorting .formRow {
  margin: 0
}

div#dataTable_wrapper .dataTable thead tr th.sorting .formRow .checkBox {
  margin: 0
}

div#dataTable_wrapper .dataTable tbody tr td {
  text-align: left
}

div#dataTable_wrapper .dataTable tbody tr td.approved {
  color: #377e26
}

div#dataTable_wrapper .dataTable tbody tr td .bi-check-circle {
  font-size: 1.8rem;
  color: #377e26
}

div#dataTable_wrapper .dataTable tbody tr td .bi-exclamation-circle {
  font-size: 1.8rem;
  color: #ea1051
}

div#dataTable_wrapper .dataTable tbody tr td .formRow {
  margin: 0
}

div#dataTable_wrapper .dataTable tbody tr td .formRow .checkBox {
  margin: 0
}

div#dataTable_wrapper .dataTable tbody tr td .formRow .inputBox {
  max-width: 100%
}

div#dataTable_wrapper .dataTable tbody tr td .formRow .inputBox input {
  height: 3.2rem
}

div#dataTable_wrapper .dataTable tbody tr td a {
  color: #651f93;
  text-decoration: underline
}

div#dataTable_wrapper .dataTable tbody tr td .btnIconTrash {
  border: none;
  background-color: transparent;
  color: #d3231d
}

div#dataTable_wrapper .dataTable tbody tr td table {
  width: 100%
}

div#dataTable_wrapper .dataTable tbody tr td .attachBtn {
  border: none;
  background-color: transparent
}

div#dataTable_wrapper .dataTable tbody tr td .attachBtn .bi-caret-down-square {
  color: #651f93
}

div#dataTable_wrapper .dataTable tbody tr td .attachBtn i.bi.bi-paperclip,
div#dataTable_wrapper .dataTable tbody tr td .attachBtn span.bi.bi-paperclip {
  background: transparent radial-gradient(closest-side at 50% 50%, #fff 0, #f2f2f2 100%) 0 0 no-repeat padding-box;
  box-shadow: 0 .2rem .2rem rgba(0, 0, 0, .1607843137);
  border: .1rem solid #e6e6e6;
  border-radius: .6rem;
  width: 2.8rem;
  height: 2.8rem;
  color: #651f93;
  display: inline-block;
  margin-left: 1rem;
  line-height: 2.8rem
}

div#dataTable_wrapper .dataTable tbody tr td .translateBtn {
  border: none;
  background-color: transparent
}

div#dataTable_wrapper .dataTable tbody tr td .translateBtn .bi-translate {
  color: #651f93
}

div#dataTable_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff !important
}

div#dataTable_wrapper .dataTables_info {
  padding-top: .5rem;
  margin-top: 2rem;
  margin-bottom: 2rem
}

div#dataTable_wrapper .dataTables_length {
  margin-top: .4rem;
  margin-bottom: 1.2rem
}

div#dataTable_wrapper .dataTables_length select {
  background-color: #fff
}

div#dataTable_wrapper .dataTables_filter input {
  height: 3.8rem;
  background-color: #fff
}

div#dataTable_wrapper.downloadTableWrp #dataTable_filter .downloadDropWrp .downloadBtn {
  padding: 0;
  box-shadow: none;
  border: .1rem solid #dedede;
  vertical-align: middle;
  width: auto;
  height: 3.8rem;
  border-radius: .6rem;
  background-color: #fff
}

div#dataTable_wrapper.downloadTableWrp #dataTable_filter .downloadDropWrp .downloadBtn span {
  margin-right: 0;
  color: #545658;
  padding: .8rem 1rem;
  box-sizing: border-box;
  border-radius: .6rem;
  top: 0;
  font-size: 1.8rem
}

div#dataTable_wrapper #dataTable tbody tr:hover>* {
  background-color: #fee7ef
}

@media only screen and (max-width: 575px) {
  .ngx-pagination li>a {
    padding: .5rem 1.3rem
  }

  .ngx-pagination li.pagination-previous a {
    font-size: 0;
    position: relative
  }

  .ngx-pagination li.pagination-previous a:before {
    content: "\f12f";
    font-family: bootstrap-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2rem;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem
  }

  .ngx-pagination li.pagination-next a {
    font-size: 0
  }

  .ngx-pagination li.pagination-next a:before {
    content: "\f138";
    font-family: bootstrap-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2rem;
    display: inline-block
  }
}

@media only screen and (max-width: 767px) {
  .tableBottomRow {
    flex-wrap: wrap
  }
}

@media only screen and (max-width: 767px) {
  .tableBottomRow .paginationMainSec {
    width: 100%
  }
}

.tableBottomRow .tablePagination {
  display: flex;
  align-items: center
}

@media only screen and (max-width: 767px) {
  .tableBottomRow .tablePagination {
    justify-content: space-between;
    width: 100%;
    margin-top: 1rem;
    flex-wrap: wrap
  }
}

.tableBottomRow .pGNoWrap {
  display: flex;
  align-items: center;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: .1rem solid #b3b3b3
}

@media only screen and (max-width: 767px) {
  .tableBottomRow .pGNoWrap {
    margin: 1rem 0 0 0;
    border: none;
    padding: 0
  }
}

.tableBottomRow .pGNoWrap label {
  color: #333;
  font-size: 1.4rem;
  margin-right: .5rem
}

.tableBottomRow .pGNoWrap .pageVal {
  width: 5.9rem;
  height: 3.2rem;
  border: .1rem solid #ccc;
  border-radius: .6rem;
  text-align: center;
  margin-right: .75rem;
  outline: 0
}

.tableBottomRow .pGNoWrap .formRow {
  margin: 0
}

.tableBottomRow .pGNoWrap .formRow button {
  margin: 0;
  width: 3.5rem;
  height: 3.2rem;
  padding: 0;
  text-align: center
}

@media only screen and (max-width: 575px) {

  .ngx-pagination li.pagination-next>span,
  .ngx-pagination li.pagination-previous>span,
  .ngx-pagination li>span {
    padding: .5rem .9rem
  }
}

.type4Wrap {
  border-top: .1rem solid #ccc
}

.type4Wrap .tableTopWrp {
  padding: 1rem 0;
  justify-content: space-between
}

.type4Wrap .tableTopWrp .tHeaRt {
  display: flex
}

.type4Wrap .tableTopWrp .tHeaRt .formRow button.btnDelete {
  min-width: auto
}

.type4Wrap .tableTopWrp .tHeaRt .formRow button.btnDelete i {
  margin-right: 0
}

.type4Wrap .multipleFileUpload {
  padding-bottom: 0
}

.type4Wrap .multipleFileUpload .fileuploadWrap {
  padding-bottom: 0
}

.type4Wrap .multipleFileUpload .fileuploadWrap input[type=file] {
  opacity: 0
}

.type4Wrap .tbAction {
  margin-left: 1.3rem;
  padding-left: 1.3rem;
  position: relative;
  border-left: .1rem solid #e6e6e6
}

.type4Wrap .tbAction .formRow {
  margin: 0
}

.type4Wrap .tbAction .formRow .btnDelete {
  margin-top: 0
}

.tableWrapper .tableTopRow {
  padding: 1rem 1rem;
  margin: 0
}

@media only screen and (max-width: 575px) {
  .tableWrapper .tableTopRow .filterRow {
    flex-wrap: wrap
  }
}

@media only screen and (max-width: 575px) {
  .tableWrapper .tableTopRow .filterRow .tableFilter label {
    width: 100%
  }
}

@media only screen and (max-width: 575px) {
  .tableWrapper .tableTopRow .filterRow .tableFilter {
    width: 100%;
    margin-top: 1rem
  }
}

@media only screen and (max-width: 575px) {
  .tableWrapper .tableTopRow .filterRow .tableFilter input {
    width: 100%
  }
}

.tableWrapper .tableContentRow .nonScrollable {
  height: auto
}

.tableWrapper .tableContentRow .type2Wrap {
  border-radius: .6rem;
  border-collapse: collapse;
  overflow-x: auto
}

.tableWrapper .tableContentRow .cgxTable thead tr th {
  text-align: left
}

.tableWrapper .tableContentRow .cgxTable tbody tr td {
  text-align: left;
  cursor: url("../../assets/images/menu-down.svg"), auto
}

.tableWrapper .tableContentRow .cgxTable tbody tr td a {
  color: #651f93;
  text-decoration: underline
}

.tableWrapper .tableContentRow .cgxTable tbody tr td a:hover {
  text-decoration: none
}

.tableWrapper .tableContentRow .cgxTable .formRow {
  margin: 0
}

.tableWrapper .tableContentRow .cgxTable .formRow .checkBox {
  margin: 0
}

.tableWrapper .tableContentRow .cgxTable.noCursor tbody tr td {
  cursor: default
}

@media only screen and (max-width: 575px) {
  .tableWrapper .tableContentRow .cgxTable.leftSticky {
    width: 100%;
    border-collapse: collapse
  }

  .tableWrapper .tableContentRow .cgxTable.leftSticky thead tr th:first-child {
    position: sticky;
    left: 0;
    right: auto;
    background: #f4e8fc;
    z-index: 1;
    padding-left: .5rem;
    padding-right: .5rem;
    max-width: 11rem;
    white-space: pre-wrap
  }

  .tableWrapper .tableContentRow .cgxTable.leftSticky tbody tr td:first-child {
    position: sticky;
    left: 0;
    right: auto;
    background: #f4e8fc;
    z-index: 1;
    padding-left: .5rem;
    padding-right: .5rem;
    max-width: 11rem;
    white-space: pre-wrap
  }
}

.tableWrapper .tableContentRow .cgxTable.noSticky tbody tr td:last-child,
.tableWrapper .tableContentRow .cgxTable.noSticky thead tr th:last-child {
  position: static
}

.tableWrapper .tableContentRow .cgxTable .btnIconTrash {
  border: none;
  background-color: transparent;
  color: #d3231d
}

.tableWrapper .tableContentRow .cgxTable .btnIconTrash i {
  font-size: 1.8rem
}

.tableWrapper .tableContentRow .cgxTable.type2 thead th.checkCol {
  min-width: 5.4rem;
  width: 8.6rem;
  text-align: center;
  font-weight: 400
}

.tableWrapper .tableContentRow .cgxTable.type2 tbody tr {
  border-bottom: .1rem solid #ccc
}

.tableWrapper .tableContentRow .cgxTable.type2 tbody tr:nth-child(2n) td.permRow {
  background-color: #f4e8fc
}

.tableWrapper .tableContentRow .cgxTable.type2 tbody tr td.permRow {
  background-color: #f4e8fc
}

.tableWrapper .tableContentRow .cgxTable.type2 tbody tr:nth-child(odd) {
  background-color: transparent
}

.tableWrapper .tableContentRow .cgxTable.type2 tbody tr:nth-child(odd) td:last-child {
  background-color: transparent
}

.tableWrapper .tableContentRow .cgxTable.type2 tbody tr:nth-child(odd) td:last-child.permRow {
  background-color: #f4e8fc
}

.tableWrapper .tableContentRow .cgxTable.type2 tbody td .formRow {
  margin: 0
}

.tableWrapper .tableContentRow .cgxTable.type2 tbody td .formRow .checkBox {
  margin: 0
}

.tableWrapper .tableContentRow .cgxTable.type2 tbody td .formRow .checkBox label {
  text-indent: -99.9rem;
  overflow: hidden
}

.tableWrapper .tableContentRow .cgxTable.type2 tbody td.permRow .permTitle {
  color: #651f93;
  font-size: 1.5rem;
  font-family: Roboto-Medium
}

.tableWrapper .tableContentRow .cgxTable.type3 thead {
  border: none;
  z-index: 2
}

.tableWrapper .tableContentRow .cgxTable.type3 thead th {
  border: none
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody {
  border: .1rem solid #d9d9d9
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr {
  border-bottom: .1rem solid #d9d9d9
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr:nth-child(odd) {
  background-color: #fff
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr:nth-child(odd) td:last-child {
  background-color: #fff;
  border-top-right-radius: .6rem
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr td .translateBtn {
  border: none;
  background-color: transparent
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody .tableTr {
  display: none
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody .tableTr thead {
  z-index: 1
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody .tableTr.visible {
  border-top: none
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody .visible {
  border-bottom: none
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody .moreInfo .bi-caret-down-square {
  color: #651f93
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody .moreInfo.active .bi-caret-down-square::before {
  content: "\f236"
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody .moreInfo .attachBtn {
  border: none;
  background-color: transparent
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody .moreInfo .attachBtn span.bi.bi-paperclip {
  background: transparent radial-gradient(closest-side at 50% 50%, #fff 0, #f2f2f2 100%) 0 0 no-repeat padding-box;
  box-shadow: 0 .2rem .2rem rgba(0, 0, 0, .1607843137);
  border: .1rem solid #e6e6e6;
  border-radius: .6rem;
  width: 2.8rem;
  height: 2.8rem;
  color: #651f93;
  display: inline-block;
  margin-left: 1rem;
  line-height: 2.8rem
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody .bi-translate {
  color: #651f93
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr.tableTr:nth-child(2n) td:last-child {
  background-color: #f2f2f2
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr.tableTr .tableTd table {
  width: 100%;
  border: .1rem solid #d9d9d9;
  border-radius: .6rem
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr.tableTr .tableTd table th:first-child {
  border-top-left-radius: .6rem
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr.tableTr .tableTd table th:last-child {
  border-top-right-radius: .6rem
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr.tableTr .tableTd table thead tr:hover th {
  background-color: #fff
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr.tableTr .tableTd table tbody tr:nth-child(odd) td {
  background-color: #f2f2f2
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr.tableTr .tableTd table tbody tr:nth-child(odd) td:hover {
  background-color: #f2f2f2
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr.tableTr .tableTd table tbody tr:nth-child(odd) td:last-child {
  background-color: #f2f2f2
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr.tableTr .tableTd table tbody tr:nth-child(odd):hover td {
  background-color: #f2f2f2
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr.tableTr .tableTd table tbody tr:hover td {
  background-color: #fff
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr.tableTr .tableTd table tbody tr td {
  background-color: #fff
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr.tableTr .tableTd table tbody tr td:last-child {
  background-color: #fff
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr.tableTr .tableTd table tbody tr:last-child td:first-child {
  border-bottom-left-radius: .6rem
}

.tableWrapper .tableContentRow .cgxTable.type3 tbody tr.tableTr .tableTd table tbody tr:last-child td:last-child {
  border-bottom-right-radius: .6rem
}

.tableWrapper .tableContentRow .cgxTable.type4 {
  border: .1rem solid #d9d9d9
}

.status.closed {
  color: #bd241f
}

.hideheaderfooter .dataTables_filter,
.hideheaderfooter .dataTables_info,
.hideheaderfooter .dataTables_length,
.hideheaderfooter .dataTables_paginate {
  display: none !important
}

.hideheaderfooter div#dataTable_wrapper {
  padding-top: 0
}

.hideheaderfooter div#dataTable_wrapper .dataTable {
  padding-top: 0
}

.noHeaderFooter .dataTables_filter,
.noHeaderFooter .dataTables_info {
  display: none
}

.noHeaderFooter #dataTable_wrapper {
  padding-top: 0
}

.noHeaderFooter #dataTable_wrapper .dataTables_scroll {
  padding-top: 0
}

.noHeaderFooter #dataTable_wrapper .dataTables_scroll .dataTables_scrollHeadInner table {
  margin-bottom: 0
}

.noHeaderFooter .dataTable {
  padding-top: 0 !important
}

.noHeaderFooter .dataTable thead tr th.sorting {
  white-space: nowrap
}

.noHeaderFooter .dataTable thead tr th.sorting::before {
  display: none
}

.noHeaderFooter .dataTable thead tr th.sorting::after {
  display: none
}

.poItemTable .tableBottomRow {
  background-color: #f4e8fc;
  border: .1rem solid #e7cdf9;
  border-radius: .6rem;
  padding: 0 3.1rem 0 1.6rem
}

.poItemTable .tableBottomRow .tbTotalWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%
}

.poItemTable .tableBottomRow .tbTotalWrap .tbTotalDetail {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 3.5rem);
  align-items: center;
  justify-content: end
}

.poItemTable .tableBottomRow .tbTotalWrap .tbTotalDetail .tbTotalCol {
  color: #651f93;
  font-size: 1.6rem;
  font-family: Roboto-Medium;
  text-align: right;
  padding: 0 1.5rem;
  border-left: .1rem solid #ccc;
  line-height: normal;
  margin: .8rem 0
}

.poItemTable .tableBottomRow .tbTotalWrap .tbTotalDetail .tbTotalCol:first-child {
  border-left: none
}

.poItemTable .tableBottomRow .tbTotalWrap .tbTotalDetail .tbTotalCol:last-child {
  padding-right: 0
}

.poItemTable .tableBottomRow .tbTotalWrap .tbTotalDetail .tbTotalCol .info {
  color: #333;
  font-size: 1.4rem;
  display: block;
  font-family: Roboto-Regular
}

div#dataTable_filter span.visually-hidden {
  color: #333
}

.CGX-GY-10L {
  background-color: #8c8c8c;
  fill: #8c8c8c;
  color: #8c8c8c
}

.CGX-GY-20L {
  background-color: #999;
  fill: #999999;
  color: #999
}

.CGX-GY-30L {
  background-color: #a6a6a6;
  fill: #a6a6a6;
  color: #a6a6a6
}

.CGX-GY-40L {
  background-color: #b3b3b3;
  fill: #b3b3b3;
  color: #b3b3b3
}

.CGX-GY-50L {
  background-color: #bfbfbf;
  fill: #bfbfbf;
  color: #bfbfbf
}

.CGX-GY-60L {
  background-color: #ccc;
  fill: #cccccc;
  color: #ccc
}

.CGX-GY-70L {
  background-color: #d9d9d9;
  fill: #d9d9d9;
  color: #d9d9d9
}

.CGX-GY-80L {
  background-color: #e6e6e6;
  fill: #e6e6e6;
  color: #e6e6e6
}

.CGX-GY-90L {
  background-color: #f2f2f2;
  fill: #f2f2f2;
  color: #f2f2f2
}

.CGX-GY-100L {
  background-color: #fff;
  fill: #ffffff;
  color: #fff
}

.CGX-GY-00N {
  background-color: #7f7f7f;
  fill: #7F7F7F;
  color: #7f7f7f
}

.CGX-GY-10D {
  background-color: #737373;
  fill: #737373;
  color: #737373
}

.CGX-GY-20D {
  background-color: #666;
  fill: #666666;
  color: #666
}

.CGX-GY-30D {
  background-color: #595959;
  fill: #595959;
  color: #595959
}

.CGX-GY-40D {
  background-color: #4d4d4d;
  fill: #4d4d4d;
  color: #4d4d4d
}

.CGX-GY-50D {
  background-color: #404040;
  fill: #404040;
  color: #404040
}

.CGX-GY-60D {
  background-color: #333;
  fill: #333333;
  color: #333
}

.CGX-GY-70D {
  background-color: #262626;
  fill: #262626;
  color: #262626
}

.CGX-GY-80D {
  background-color: #1a1a1a;
  fill: #1a1a1a;
  color: #1a1a1a
}

.CGX-GY-90D {
  background-color: #0d0d0d;
  fill: #0d0d0d;
  color: #0d0d0d
}

.CGX-GY-100D {
  background-color: #000;
  fill: #000000;
  color: #000
}

.CGX-GR-10L {
  background-color: #6da201;
  fill: #6da201;
  color: #6da201
}

.CGX-GR-20L {
  background-color: #80bf03;
  fill: #80bf03;
  color: #80bf03
}

.CGX-GR-30L {
  background-color: #97e105;
  fill: #97e105;
  color: #97e105
}

.CGX-GR-40L {
  background-color: #a9f80d;
  fill: #a9f80d;
  color: #a9f80d
}

.CGX-GR-50L {
  background-color: #b5f830;
  fill: #b5f830;
  color: #b5f830
}

.CGX-GR-60L {
  background-color: #bff750;
  fill: #bff750;
  color: #bff750
}

.CGX-GR-70L {
  background-color: #cbf872;
  fill: #cbf872;
  color: #cbf872
}

.CGX-GR-80L {
  background-color: #d6f891;
  fill: #d6f891;
  color: #d6f891
}

.CGX-GR-90L {
  background-color: #e2fab3;
  fill: #e2fab3;
  color: #e2fab3
}

.CGX-GR-100L {
  background-color: #edfbd0;
  fill: #edfbd0;
  color: #edfbd0
}

.CGX-GR-00N {
  background-color: #558000;
  fill: #558000;
  color: #558000
}

.CGX-GR-10D {
  background-color: #507704;
  fill: #507704;
  color: #507704
}

.CGX-GR-20D {
  background-color: #4c6e07;
  fill: #4c6e07;
  color: #4c6e07
}

.CGX-GR-30D {
  background-color: #4b6b0b;
  fill: #4b6b0b;
  color: #4b6b0b
}

.CGX-GR-40D {
  background-color: #46630d;
  fill: #46630d;
  color: #46630d
}

.CGX-GR-50D {
  background-color: #425b10;
  fill: #425b10;
  color: #425b10
}

.CGX-GR-60D {
  background-color: #3e5412;
  fill: #3e5412;
  color: #3e5412
}

.CGX-GR-70D {
  background-color: #3a4d14;
  fill: #3a4d14;
  color: #3a4d14
}

.CGX-GR-80D {
  background-color: #394a17;
  fill: #394a17;
  color: #394a17
}

.CGX-GR-90D {
  background-color: #354319;
  fill: #354319;
  color: #354319
}

.CGX-GR-100D {
  background-color: #313d1a;
  fill: #313d1a;
  color: #313d1a
}

.CGX-PR-10L {
  background-color: #7723af;
  fill: #7723af;
  color: #7723af
}

.CGX-PR-20L {
  background-color: #8826c9;
  fill: #8826c9;
  color: #8826c9
}

.CGX-PR-30L {
  background-color: #9833db;
  fill: #9833db;
  color: #9833db
}

.CGX-PR-40L {
  background-color: #a54ce1;
  fill: #a54ce1;
  color: #a54ce1
}

.CGX-PR-50L {
  background-color: #b365e7;
  fill: #b365e7;
  color: #b365e7
}

.CGX-PR-60L {
  background-color: #c07eec;
  fill: #c07eec;
  color: #c07eec
}

.CGX-PR-70L {
  background-color: #cd98f1;
  fill: #cd98f1;
  color: #cd98f1
}

.CGX-PR-80L {
  background-color: #dab2f5;
  fill: #dab2f5;
  color: #dab2f5
}

.CGX-PR-90L {
  background-color: #e7cdf9;
  fill: #e7cdf9;
  color: #e7cdf9
}

.CGX-PR-100L {
  background-color: #f4e8fc;
  fill: #f4e8fc;
  color: #f4e8fc
}

.CGX-PR-0AN {
  background-color: #fd14d6;
  fill: #fd14d6;
  color: #fd14d6;
}

.CGX-PR-00N {
  background-color: #651f93;
  fill: #651f93;
  color: #651f93
}

.CGX-PR-10D {
  background-color: #5f1f89;
  fill: #5f1f89;
  color: #5f1f89
}

.CGX-PR-20D {
  background-color: #59207e;
  fill: #59207e;
  color: #59207e
}

.CGX-PR-30D {
  background-color: #531f75;
  fill: #531f75;
  color: #531f75
}

.CGX-PR-40D {
  background-color: #4c1f6b;
  fill: #4c1f6b;
  color: #4c1f6b
}

.CGX-PR-50D {
  background-color: #471e62;
  fill: #471e62;
  color: #471e62
}

.CGX-PR-60D {
  background-color: #411d58;
  fill: #411d58;
  color: #411d58
}

.CGX-PR-70D {
  background-color: #3b1c4f;
  fill: #3b1c4f;
  color: #3b1c4f
}

.CGX-PR-80D {
  background-color: #351b46;
  fill: #351b46;
  color: #351b46
}

.CGX-PR-90D {
  background-color: #2f193e;
  fill: #2f193e;
  color: #2f193e
}

.CGX-PR-100D {
  background-color: #291736;
  fill: #291736;
  color: #291736
}

.CGX-MG-10L {
  background-color: #e90156;
  fill: #e90156;
  color: #e90156
}

.CGX-MG-20L {
  background-color: #fd0861;
  fill: #fd0861;
  color: #fd0861
}

.CGX-MG-30L {
  background-color: #fc2775;
  fill: #fc2775;
  color: #fc2775
}

.CGX-MG-40L {
  background-color: #fb4185;
  fill: #fb4185;
  color: #fb4185
}

.CGX-MG-50L {
  background-color: #fb6099;
  fill: #fb6099;
  color: #fb6099
}

.CGX-MG-60L {
  background-color: #fb79a9;
  fill: #fb79a9;
  color: #fb79a9
}

.CGX-MG-70L {
  background-color: #fb98bc;
  fill: #fb98bc;
  color: #fb98bc
}

.CGX-MG-80L {
  background-color: #fcb1cc;
  fill: #fcb1cc;
  color: #fcb1cc
}

.CGX-MG-90L {
  background-color: #fdcedf;
  fill: #fdcedf;
  color: #fdcedf
}

.CGX-MG-100L {
  background-color: #fee7ef;
  fill: #fee7ef;
  color: #fee7ef
}

.CGX-MG-00N {
  background-color: #cc004b;
  fill: #cc004b;
  color: #cc004b
}

.CGX-MG-10D {
  background-color: #bb0749;
  fill: #bb0749;
  color: #bb0749
}

.CGX-MG-20D {
  background-color: #a60c45;
  fill: #a60c45;
  color: #a60c45
}

.CGX-MG-30D {
  background-color: #971242;
  fill: #971242;
  color: #971242
}

.CGX-MG-40D {
  background-color: #84153e;
  fill: #84153e;
  color: #84153e
}

.CGX-MG-50D {
  background-color: #76193b;
  fill: #76193b;
  color: #76193b
}

.CGX-MG-60D {
  background-color: #651b36;
  fill: #651b36;
  color: #651b36
}

.CGX-MG-70D {
  background-color: #591d33;
  fill: #591d33;
  color: #591d33
}

.CGX-MG-80D {
  background-color: #491d2d;
  fill: #491d2d;
  color: #491d2d
}

.CGX-MG-90D {
  background-color: #3f1d29;
  fill: #3f1d29;
  color: #3f1d29
}

.CGX-MG-100D {
  background-color: #321b23;
  fill: #321b23;
  color: #321b23
}

.CGX-BL-10L {
  background-color: #0194e9;
  fill: #0194e9;
  color: #0194e9
}

.CGX-BL-20L {
  background-color: #08a3fd;
  fill: #08a3fd;
  color: #08a3fd
}

.CGX-BL-30L {
  background-color: #27aefc;
  fill: #27aefc;
  color: #27aefc
}

.CGX-BL-40L {
  background-color: #41b7fb;
  fill: #41b7fb;
  color: #41b7fb
}

.CGX-BL-50L {
  background-color: #60c2fb;
  fill: #60c2fb;
  color: #60c2fb
}

.CGX-BL-60L {
  background-color: #79cbfb;
  fill: #79cbfb;
  color: #79cbfb
}

.CGX-BL-70L {
  background-color: #98d7fb;
  fill: #98d7fb;
  color: #98d7fb
}

.CGX-BL-80L {
  background-color: #b1e0fc;
  fill: #b1e0fc;
  color: #b1e0fc
}

.CGX-BL-90L {
  background-color: #ceecfd;
  fill: #ceecfd;
  color: #ceecfd
}

.CGX-BL-100L {
  background-color: #e7f5fe;
  fill: #e7f5fe;
  color: #e7f5fe
}

.CGX-BL-00N {
  background-color: #0081cc;
  fill: #0081cc;
  color: #0081cc
}

.CGX-BL-10D {
  background-color: #047abe;
  fill: #047abe;
  color: #047abe
}

.CGX-BL-20D {
  background-color: #076fab;
  fill: #076fab;
  color: #076fab
}

.CGX-BL-30D {
  background-color: #0a689e;
  fill: #0a689e;
  color: #0a689e
}

.CGX-BL-40D {
  background-color: #0c5e8d;
  fill: #0c5e8d;
  color: #0c5e8d
}

.CGX-BL-50D {
  background-color: #0e5781;
  fill: #0e5781;
  color: #0e5781
}

.CGX-BL-60D {
  background-color: #0f4d70;
  fill: #0f4d70;
  color: #0f4d70
}

.CGX-BL-70D {
  background-color: #104665;
  fill: #104665;
  color: #104665
}

.CGX-BL-80D {
  background-color: #103c56;
  fill: #103c56;
  color: #103c56
}

.CGX-BL-90D {
  background-color: #11364b;
  fill: #11364b;
  color: #11364b
}

.CGX-BL-100D {
  background-color: #0f2c3d;
  fill: #0f2c3d;
  color: #0f2c3d
}

.CGX-DR-10L {
  background-color: #c02f2a;
  fill: #c02f2a;
  color: #c02f2a
}

.CGX-DR-20L {
  background-color: #d6342e;
  fill: #d6342e;
  color: #d6342e
}

.CGX-DR-30L {
  background-color: #df4943;
  fill: #df4943;
  color: #df4943
}

.CGX-DR-40L {
  background-color: #e75a55;
  fill: #e75a55;
  color: #e75a55
}

.CGX-DR-50L {
  background-color: #ee716d;
  fill: #ee716d;
  color: #ee716d
}

.CGX-DR-60L {
  background-color: #f38582;
  fill: #f38582;
  color: #f38582
}

.CGX-DR-70L {
  background-color: #f89e9b;
  fill: #f89e9b;
  color: #f89e9b
}

.CGX-DR-80L {
  background-color: #fbb4b1;
  fill: #fbb4b1;
  color: #fbb4b1
}

.CGX-DR-90L {
  background-color: #fdcfce;
  fill: #fdcfce;
  color: #fdcfce
}

.CGX-DR-100L {
  background-color: #ffe7e6;
  fill: #ffe7e6;
  color: #ffe7e6
}

.CGX-DR-00N {
  background-color: #a32d29;
  fill: #a32d29;
  color: #a32d29
}

.CGX-DR-10D {
  background-color: #9a2c28;
  fill: #9a2c28;
  color: #9a2c28
}

.CGX-DR-20D {
  background-color: #8e2825;
  fill: #8e2825;
  color: #8e2825
}

.CGX-DR-30D {
  background-color: #852723;
  fill: #852723;
  color: #852723
}

.CGX-DR-40D {
  background-color: #7c2522;
  fill: #7c2522;
  color: #7c2522
}

.CGX-DR-50D {
  background-color: #742320;
  fill: #742320;
  color: #742320
}

.CGX-DR-60D {
  background-color: #67201d;
  fill: #67201d;
  color: #67201d
}

.CGX-DR-70D {
  background-color: #5f1e1c;
  fill: #5f1e1c;
  color: #5f1e1c
}

.CGX-DR-80D {
  background-color: #561c1a;
  fill: #561c1a;
  color: #561c1a
}

.CGX-DR-90D {
  background-color: #4b1816;
  fill: #4b1816;
  color: #4b1816
}

.CGX-DR-100D {
  background-color: #421614;
  fill: #421614;
  color: #421614
}

.CGX-DO-10L {
  background-color: #d45616;
  fill: #d45616;
  color: #d45616
}

.CGX-DO-20L {
  background-color: #e9601c;
  fill: #e9601c;
  color: #e9601c
}

.CGX-DO-30L {
  background-color: #ec7336;
  fill: #ec7336;
  color: #ec7336
}

.CGX-DO-40L {
  background-color: #ef834d;
  fill: #ef834d;
  color: #ef834d
}

.CGX-DO-50L {
  background-color: #f39668;
  fill: #f39668;
  color: #f39668
}

.CGX-DO-60L {
  background-color: #f5a67f;
  fill: #f5a67f;
  color: #f5a67f
}

.CGX-DO-70L {
  background-color: #f8ba9b;
  fill: #f8ba9b;
  color: #f8ba9b
}

.CGX-DO-80L {
  background-color: #facab2;
  fill: #facab2;
  color: #facab2
}

.CGX-DO-90L {
  background-color: #fcdecf;
  fill: #fcdecf;
  color: #fcdecf
}

.CGX-DO-100L {
  background-color: #feeee7;
  fill: #feeee7;
  color: #feeee7
}

.CGX-DO-00N {
  background-color: #b84b14;
  fill: #b84b14;
  color: #b84b14
}

.CGX-DO-10D {
  background-color: #ac4815;
  fill: #ac4815;
  color: #ac4815
}

.CGX-DO-20D {
  background-color: #9d4315;
  fill: #9d4315;
  color: #9d4315
}

.CGX-DO-30D {
  background-color: #923f16;
  fill: #923f16;
  color: #923f16
}

.CGX-DO-40D {
  background-color: #843a15;
  fill: #843a15;
  color: #843a15
}

.CGX-DO-50D {
  background-color: #793715;
  fill: #793715;
  color: #793715
}

.CGX-DO-60D {
  background-color: #6b3114;
  fill: #6b3114;
  color: #6b3114
}

.CGX-DO-70D {
  background-color: #612e14;
  fill: #612e14;
  color: #612e14
}

.CGX-DO-80D {
  background-color: #542812;
  fill: #542812;
  color: #542812
}

.CGX-DO-90D {
  background-color: #4a2411;
  fill: #4a2411;
  color: #4a2411
}

.CGX-DO-100D {
  background-color: #3d1f0f;
  fill: #3d1f0f;
  color: #3d1f0f
}

.CGX-DY-10L {
  background-color: #daa810;
  fill: #daa810;
  color: #daa810
}

.CGX-DY-20L {
  background-color: #eeb817;
  fill: #eeb817;
  color: #eeb817
}

.CGX-DY-30L {
  background-color: #f1c132;
  fill: #f1c132;
  color: #f1c132
}

.CGX-DY-40L {
  background-color: #f2c84a;
  fill: #f2c84a;
  color: #f2c84a
}

.CGX-DY-50L {
  background-color: #f5d166;
  fill: #f5d166;
  color: #f5d166
}

.CGX-DY-60L {
  background-color: #f7d87e;
  fill: #f7d87e;
  color: #f7d87e
}

.CGX-DY-70L {
  background-color: #f9e19a;
  fill: #f9e19a;
  color: #f9e19a
}

.CGX-DY-80L {
  background-color: #fbe8b2;
  fill: #fbe8b2;
  color: #fbe8b2
}

.CGX-DY-90L {
  background-color: #fcf1cf;
  fill: #fcf1cf;
  color: #fcf1cf
}

.CGX-DY-100AP {
  background-color: #5e8b84;
  fill: #5e8b84;
  color: #5e8b84
}

.CGX-DY-100L {
  background-color: #fef8e7;
  fill: #fef8e7;
  color: #fef8e7
}

.CGX-DY-00N {
  background-color: #bd910f;
  fill: #bd910f;
  color: #bd910f
}

.CGX-DY-10D {
  background-color: #b18910;
  fill: #b18910;
  color: #b18910
}

.CGX-DY-20D {
  background-color: #a17d12;
  fill: #a17d12;
  color: #a17d12
}

.CGX-DY-30D {
  background-color: #967513;
  fill: #967513;
  color: #967513
}

.CGX-DY-40D {
  background-color: #866913;
  fill: #866913;
  color: #866913
}

.CGX-DY-50D {
  background-color: #7c6113;
  fill: #7c6113;
  color: #7c6113
}

.CGX-DY-60D {
  background-color: #6c5613;
  fill: #6c5613;
  color: #6c5613
}

.CGX-DY-70D {
  background-color: #634f13;
  fill: #634f13;
  color: #634f13
}

.CGX-DY-80D {
  background-color: #544412;
  fill: #544412;
  color: #544412
}

.CGX-DY-90D {
  background-color: #4b3c11;
  fill: #4b3c11;
  color: #4b3c11
}

.CGX-DY-100D {
  background-color: #3d320f;
  fill: #3d320f;
  color: #3d320f
}

.CGX-LG-10L {
  background-color: #01d0d0;
  fill: #01d0d0;
  color: #01d0d0
}

.CGX-LG-20L {
  background-color: #02eded;
  fill: #02eded;
  color: #02eded
}

.CGX-LG-30L {
  background-color: #13fbfb;
  fill: #13fbfb;
  color: #13fbfb
}

.CGX-LG-40L {
  background-color: #32fbfb;
  fill: #32fbfb;
  color: #32fbfb
}

.CGX-LG-50L {
  background-color: #51fbfb;
  fill: #51fbfb;
  color: #51fbfb
}

.CGX-LG-60L {
  background-color: #70fbfb;
  fill: #70fbfb;
  color: #70fbfb
}

.CGX-LG-70L {
  background-color: #8efbfb;
  fill: #8efbfb;
  color: #8efbfb
}

.CGX-LG-80L {
  background-color: #acfcfc;
  fill: #acfcfc;
  color: #acfcfc
}

.CGX-LG-90L {
  background-color: #c9fcfc;
  fill: #c9fcfc;
  color: #c9fcfc
}

.CGX-LG-100L {
  background-color: #e7fefe;
  fill: #e7fefe;
  color: #e7fefe
}

.CGX-LG-00N {
  background-color: #00b2b3;
  fill: #00b2b3;
  color: #00b2b3
}

.CGX-LG-10D {
  background-color: #03a5a5;
  fill: #03a5a5;
  color: #03a5a5
}

.CGX-LG-20D {
  background-color: #069898;
  fill: #069898;
  color: #069898
}

.CGX-LG-30D {
  background-color: #098b8b;
  fill: #098b8b;
  color: #098b8b
}

.CGX-LG-40D {
  background-color: #0b7f7f;
  fill: #0b7f7f;
  color: #0b7f7f
}

.CGX-LG-50D {
  background-color: #0d7373;
  fill: #0d7373;
  color: #0d7373
}

.CGX-LG-60D {
  background-color: #0e6767;
  fill: #0e6767;
  color: #0e6767
}

.CGX-LG-70D {
  background-color: #0f5c5c;
  fill: #0f5c5c;
  color: #0f5c5c
}

.CGX-LG-80D {
  background-color: #105151;
  fill: #105151;
  color: #105151
}

.CGX-LG-90D {
  background-color: #104747;
  fill: #104747;
  color: #104747
}

.CGX-LG-100D {
  background-color: #0f3d3d;
  fill: #0f3d3d;
  color: #0f3d3d
}

.CGX-RD-10L {
  background-color: #e83730;
  fill: #e83730;
  color: #e83730
}

.CGX-RD-20L {
  background-color: #ea4843;
  fill: #ea4843;
  color: #ea4843
}

.CGX-RD-30L {
  background-color: #ed5f5a;
  fill: #ed5f5a;
  color: #ed5f5a
}

.CGX-RD-40L {
  background-color: #ef706c;
  fill: #ef706c;
  color: #ef706c
}

.CGX-RD-50L {
  background-color: #f18783;
  fill: #f18783;
  color: #f18783
}

.CGX-RD-60L {
  background-color: #f39995;
  fill: #f39995;
  color: #f39995
}

.CGX-RD-70L {
  background-color: #f6afac;
  fill: #f6afac;
  color: #f6afac
}

.CGX-RD-80L {
  background-color: #f8c1bf;
  fill: #f8c1bf;
  color: #f8c1bf
}

.CGX-RD-90L {
  background-color: #fad7d6;
  fill: #fad7d6;
  color: #fad7d6
}

.CGX-RD-100L {
  background-color: #fce9e8;
  fill: #fce9e8;
  color: #fce9e8
}

.CGX-RD-00N {
  background-color: #e62019;
  fill: #e62019;
  color: #e62019
}

.CGX-RD-10D {
  background-color: #d3231d;
  fill: #d3231d;
  color: #d3231d
}

.CGX-RD-20D {
  background-color: #bd241f;
  fill: #bd241f;
  color: #bd241f
}

.CGX-RD-30D {
  background-color: #ab2521;
  fill: #ab2521;
  color: #ab2521
}

.CGX-RD-40D {
  background-color: #972521;
  fill: #972521;
  color: #972521
}

.CGX-RD-50D {
  background-color: #872522;
  fill: #872522;
  color: #872522
}

.CGX-RD-60D {
  background-color: #732321;
  fill: #732321;
  color: #732321
}

.CGX-RD-70D {
  background-color: #652220;
  fill: #652220;
  color: #652220
}

.CGX-RD-80D {
  background-color: #531f1d;
  fill: #531f1d;
  color: #531f1d
}

.CGX-RD-90D {
  background-color: #461d1b;
  fill: #461d1b;
  color: #461d1b
}

.CGX-RD-100D {
  background-color: #361817;
  fill: #361817;
  color: #361817
}

.CGX-OR-10L {
  background-color: #fd671c;
  fill: #fd671c;
  color: #fd671c
}

.CGX-OR-20L {
  background-color: #fb7532;
  fill: #fb7532;
  color: #fb7532
}

.CGX-OR-30L {
  background-color: #f9864d;
  fill: #f9864d;
  color: #f9864d
}

.CGX-OR-40L {
  background-color: #f89462;
  fill: #f89462;
  color: #f89462
}

.CGX-OR-50L {
  background-color: #f8a57c;
  fill: #f8a57c;
  color: #f8a57c
}

.CGX-OR-60L {
  background-color: #f8b391;
  fill: #f8b391;
  color: #f8b391
}

.CGX-OR-70L {
  background-color: #f9c4aa;
  fill: #f9c4aa;
  color: #f9c4aa
}

.CGX-OR-80L {
  background-color: #f9d1bd;
  fill: #f9d1bd;
  color: #f9d1bd
}

.CGX-OR-90L {
  background-color: #fbe2d5;
  fill: #fbe2d5;
  color: #fbe2d5
}

.CGX-OR-100L {
  background-color: #fcefe8;
  fill: #fcefe8;
  color: #fcefe8
}

.CGX-OR-00N {
  background-color: #f50;
  fill: #ff5500;
  color: #f50
}

.CGX-OR-10D {
  background-color: #e95207;
  fill: #e95207;
  color: #e95207
}

.CGX-OR-20D {
  background-color: #ce4d0d;
  fill: #ce4d0d;
  color: #ce4d0d
}

.CGX-OR-30D {
  background-color: #ba4a12;
  fill: #ba4a12;
  color: #ba4a12
}

.CGX-OR-40D {
  background-color: #a24516;
  fill: #a24516;
  color: #a24516
}

.CGX-OR-50D {
  background-color: #8f4119;
  fill: #8f4119;
  color: #8f4119
}

.CGX-OR-60D {
  background-color: #793a1b;
  fill: #793a1b;
  color: #793a1b
}

.CGX-OR-70D {
  background-color: #69351c;
  fill: #69351c;
  color: #69351c
}

.CGX-OR-80D {
  background-color: #552e1b;
  fill: #552e1b;
  color: #552e1b
}

.CGX-OR-90D {
  background-color: #47291a;
  fill: #47291a;
  color: #47291a
}

.CGX-OR-100D {
  background-color: #362117;
  fill: #362117;
  color: #362117
}

.CGX-AM-10L {
  background-color: #fdc41c;
  fill: #fdc41c;
  color: #fdc41c
}

.CGX-AM-20L {
  background-color: #fbc932;
  fill: #fbc932;
  color: #fbc932
}

.CGX-AM-30L {
  background-color: #f9ce4d;
  fill: #f9ce4d;
  color: #f9ce4d
}

.CGX-AM-40L {
  background-color: #f8d362;
  fill: #f8d362;
  color: #f8d362
}

.CGX-AM-50L {
  background-color: #f8d97c;
  fill: #f8d97c;
  color: #f8d97c
}

.CGX-AM-60L {
  background-color: #f8de91;
  fill: #f8de91;
  color: #f8de91
}

.CGX-AM-70L {
  background-color: #f9e5aa;
  fill: #f9e5aa;
  color: #f9e5aa
}

.CGX-AM-80L {
  background-color: #f9eabd;
  fill: #f9eabd;
  color: #f9eabd
}

.CGX-AM-90L {
  background-color: #fbf1d5;
  fill: #fbf1d5;
  color: #fbf1d5
}

.CGX-AM-100L {
  background-color: #fcf7e8;
  fill: #fcf7e8;
  color: #fcf7e8
}

.CGX-AM-00N {
  background-color: #ffbf00;
  fill: #ffbf00;
  color: #ffbf00
}

.CGX-AM-10D {
  background-color: #e9b007;
  fill: #e9b007;
  color: #e9b007
}

.CGX-AM-20D {
  background-color: #ce9e0d;
  fill: #ce9e0d;
  color: #ce9e0d
}

.CGX-AM-30D {
  background-color: #ba9012;
  fill: #ba9012;
  color: #ba9012
}

.CGX-AM-40D {
  background-color: #a27f16;
  fill: #a27f16;
  color: #a27f16
}

.CGX-AM-50D {
  background-color: #8f7219;
  fill: #8f7219;
  color: #8f7219
}

.CGX-AM-60D {
  background-color: #79621b;
  fill: #79621b;
  color: #79621b
}

.CGX-AM-70D {
  background-color: #69561c;
  fill: #69561c;
  color: #69561c
}

.CGX-AM-80D {
  background-color: #55471b;
  fill: #55471b;
  color: #55471b
}

.CGX-AM-90D {
  background-color: #473c1a;
  fill: #473c1a;
  color: #473c1a
}

.CGX-AM-100D {
  background-color: #362e17;
  fill: #362e17;
  color: #362e17
}

.CGX-GN-10L {
  background-color: #95d416;
  fill: #95d416;
  color: #95d416
}

.CGX-GN-20L {
  background-color: #a4e91c;
  fill: #a4e91c;
  color: #a4e91c
}

.CGX-GN-30L {
  background-color: #b0ec36;
  fill: #b0ec36;
  color: #b0ec36
}

.CGX-GN-40L {
  background-color: #b9ef4d;
  fill: #b9ef4d;
  color: #b9ef4d
}

.CGX-GN-50L {
  background-color: #c5f368;
  fill: #c5f368;
  color: #c5f368
}

.CGX-GN-60L {
  background-color: #cef57f;
  fill: #cef57f;
  color: #cef57f
}

.CGX-GN-70L {
  background-color: #d9f89b;
  fill: #d9f89b;
  color: #d9f89b
}

.CGX-GN-80L {
  background-color: #e2fab2;
  fill: #e2fab2;
  color: #e2fab2
}

.CGX-GN-90L {
  background-color: #edfccf;
  fill: #edfccf;
  color: #edfccf
}

.CGX-GN-100L {
  background-color: #f6fee7;
  fill: #f6fee7;
  color: #f6fee7
}

.CGX-GN-00N {
  background-color: #81b814;
  fill: #81b814;
  color: #81b814
}

.CGX-GN-10D {
  background-color: #7aac16;
  fill: #7aac16;
  color: #7aac16
}

.CGX-GN-20D {
  background-color: #6f9b17;
  fill: #6f9b17;
  color: #6f9b17
}

.CGX-GN-30D {
  background-color: #689018;
  fill: #689018;
  color: #689018
}

.CGX-GN-40D {
  background-color: #5e8118;
  fill: #5e8118;
  color: #5e8118
}

.CGX-GN-50D {
  background-color: #577619;
  fill: #577619;
  color: #577619
}

.CGX-GN-60D {
  background-color: #4d6718;
  fill: #4d6718;
  color: #4d6718
}

.CGX-GN-70D {
  background-color: #465d18;
  fill: #465d18;
  color: #465d18
}

.CGX-GN-80D {
  background-color: #3d5016;
  fill: #3d5016;
  color: #3d5016
}

.CGX-GN-90D {
  background-color: #364616;
  fill: #364616;
  color: #364616
}

.CGX-GN-100D {
  background-color: #2d3913;
  fill: #2d3913;
  color: #2d3913
}

svg[class*=CGX-],
svg[class^=CGX-] {
  background-color: transparent
}

.formRowMainSec {
  margin: 0 0 5rem
}

.eleDivider {
  padding: 2rem 0
}

.eleDivider .datepickerwrap {
  border-left: 0;
  padding: 0;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start
}

.eleDivider .datepickerwrap h4 {
  font-size: 1.4rem;
  margin: 0;
  margin-right: 1.2rem
}

.eleDivider .datepickerwrap .formRow {
  width: calc(100% - 28.3rem);
  min-width: 11rem;
  margin-right: 1.5rem
}

.eleDivider .datepickerwrap .formRow input[type=text] {
  font-size: 1.4rem;
  padding: .375rem 2.25rem .375rem .75rem;
  height: auto
}

.eleDivider .datepickerwrap .formRow input.datetimepicker {
  background-image: url(../images/calendar4-week.svg);
  background-size: 1.6rem;
  background-repeat: no-repeat;
  background-position: 95% 50%;
  color: #7f7f7f
}

.formRow {
  margin: 1rem 0
}

.formRow .inputBox {
  position: relative;
  width: 100%;
  border-radius: .3rem
}

.formRow .inputBox label {
  position: absolute;
  top: 50%;
  left: .9rem;
  font-size: 1.2rem;
  color: #333;
  font-weight: 500;
  transform-origin: 0 0;
  transform: translate3d(0, 0, 0) translateY(-50%);
  transition: all .2s ease;
  pointer-events: none
}

.formRow .inputBox label .required {
  color: #a32d29
}

.formRow .inputBox input {
  width: 100%;
  height: 4.8rem;
  background: #fff;
  border: .1rem solid #ccc;
  border-radius: .6rem;
  outline: 0;
  font-size: 1.4rem;
  color: #333;
  padding: 0 1.3rem
}

.formRow .inputBox input:focus-within {
  outline: 0;
  border: .1rem solid #651f93;
  box-shadow: 0 0 .6rem rgba(98, 28, 145, .32)
}

.formRow .inputBox input:focus-within+label {
  transform: translate3d(0, -2.2rem, 0) translateY(-50%);
  background: #fff;
  padding: 0 .5rem;
  color: #651f93;
  font-size: 1.2rem
}

.formRow .inputBox input:not(:placeholder-shown)+label {
  transform: translate3d(0, -2.2rem, 0) translateY(-50%);
  background: #fff;
  padding: 0 .5rem;
  color: #651f93;
  font-size: 1.2rem
}

.formRow .inputBox input:not(:-ms-input-placeholder) {
  border: .1rem solid #651f93;
  box-shadow: 0 0 .6rem rgba(98, 28, 145, .32)
}

.formRow .inputBox input:not(:-ms-input-placeholder)+label {
  transform: translate3d(0, -2.2rem, 0) translateY(-50%);
  background: #fff;
  padding: 0 .5rem;
  color: #651f93;
  font-size: 1.2rem
}

.formRow .inputBox input:not(:-moz-placeholder-shown) {
  border: .1rem solid #651f93;
  box-shadow: 0 0 .6rem rgba(98, 28, 145, .32)
}

.formRow .inputBox input:not(:-moz-placeholder-shown)+label {
  transform: translate3d(0, -2.2rem, 0) translateY(-50%);
  background: #fff;
  padding: 0 .5rem;
  color: #651f93;
  font-size: 1.2rem
}

.formRow .inputBox.withIcon input {
  padding-right: 4rem
}

.formRow .inputBox.withIcon i,
.formRow .inputBox.withIcon span.disabledIcon,
.formRow .inputBox.withIcon span.primaryClrIcon {
  position: absolute;
  right: .7rem;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  color: #e6e6e6
}

.formRow textarea.form-control {
  border: .1rem solid #ccc;
  border-radius: .4rem;
  font-size: 1.4rem
}

.formRow .dropDown.sdropDown {
  width: calc(100% - 15rem)
}

.formRow .dropDown.sdropDown .form-select {
  font-size: 1.4rem;
  padding: .375rem 2.25rem .375rem .75rem;
  height: auto
}

.formRow.errorInput .inputBox input {
  border-color: #bd241f
}

.formRow.errorInput .dropDown .form-select {
  border-color: #bd241f
}

.formRow .checkBox {
  position: relative;
  margin: 1em 0;
  text-align: left;
  display: flex;
  align-items: center
}

.formRow .checkBox label {
  cursor: pointer;
  display: inline;
  line-height: 1.25em;
  vertical-align: top;
  clear: both;
  padding-left: .1rem;
  font-size: 1.4rem;
  margin: 0;
  color: #333
}

.formRow .checkBox label:not(:empty) {
  padding-left: 1rem;
  padding-right: 1rem
}

.formRow .checkBox label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  border: .1rem solid #ccc;
  border-radius: .4rem;
  cursor: pointer;
  transition: background .3s
}

.formRow .checkBox label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0
}

.formRow .checkBox input[type=checkbox] {
  outline: 0;
  visibility: hidden;
  width: 2rem;
  height: 2rem;
  margin: 0;
  display: block;
  float: left;
  font-size: inherit
}

.formRow .checkBox input[type=checkbox]:checked+label:before {
  background: #651f93;
  border: none
}

.formRow .checkBox input[type=checkbox]:checked+label:after {
  transform: translate(.5rem, .5rem) rotate(-45deg);
  width: 1rem;
  height: .6rem;
  border: .2rem solid #fff;
  border-top-style: none;
  border-right-style: none
}

.formRow .checkBox input[type=checkbox]:disabled+label {
  color: #ccc
}

.formRow .checkBox input[type=checkbox]:disabled+label:before {
  border-color: #ccc
}

.formRow .checkBox input[type=checkbox]:disabled:checked+label:before {
  background: #651f93
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 .1rem transparent
  }

  50% {
    box-shadow: 0 0 0 1.5rem rgba(0, 0, 0, .1)
  }

  100% {
    box-shadow: 0 0 0 1.5rem transparent
  }
}

.formRow .radioButton {
  margin: 0 1.5rem 0 0
}

.formRow .radioButton.md-radio-inline {
  display: inline-block
}

.formRow .radioButton label {
  display: inline-block;
  height: 2rem;
  position: relative;
  padding: 0 0;
  margin-bottom: 0;
  cursor: pointer;
  vertical-align: bottom;
  padding-left: 3rem;
  font-size: 1.4rem;
  width: 100%;
  line-height: 2.1rem
}

.formRow .radioButton label:after,
.formRow .radioButton label:before {
  position: absolute;
  content: "";
  border-radius: 50%;
  transition: all .3s ease;
  transition-property: transform, border-color
}

.formRow .radioButton label:before {
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  border: .1rem solid #999
}

.formRow .radioButton label:after {
  top: .4rem;
  left: .4rem;
  width: 1.2rem;
  height: 1.2rem;
  transform: scale(0);
  background: #651f93
}

.formRow .radioButton input[type=radio] {
  display: none
}

.formRow .radioButton input[type=radio]:checked+label:before {
  animation: ripple .2s linear forwards
}

.formRow .radioButton input[type=radio]:checked+label:after {
  transform: scale(1)
}

.formRow .radioButton input[type=radio]:disabled+label {
  color: #ccc;
  pointer-events: none;
  cursor: default
}

.formRow .radioButton input[type=radio]:disabled+label:before {
  border-color: #ccc
}

.formRow .radioButton input[type=radio]:disabled+label:after {
  background: #ccc;
  cursor: default
}

.formRow .dropDown .form-select {
  width: 100%;
  height: 4.8rem;
  background-color: #fff;
  border: .1rem solid #ccc;
  border-radius: .6rem;
  font-size: 1.4rem;
  color: #737373;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.3rem;
  outline: 0;
  box-shadow: none;
  margin-bottom: 0 !important;
  background-image: url("../images/chevron-down.svg");
  background-size: 1.3rem
}

.formRow .dropDown .form-select:focus {
  border-color: #651f93
}

.formRow .dropDown button {
  width: 100%;
  height: 4.8rem;
  background-color: #fff;
  border: .1rem solid #ccc;
  border-radius: .6rem;
  font-size: #737373;
  color: #b3b3b3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.3rem
}

.formRow .dropDown button.show,
.formRow .dropDown button:first-child:active,
.formRow .dropDown button:first-child:hover,
.formRow .dropDown button:focus-visible,
.formRow .dropDown button:hover {
  background-color: #fff;
  border: .1rem solid #ccc;
  color: #b3b3b3;
  box-shadow: none
}

.formRow .dropDown button::after {
  border-top: .6rem solid #651f93;
  border-right: .6rem solid transparent;
  border-bottom: 0;
  border-left: .6rem solid transparent;
  visibility: hidden
}

.formRow .dropDown button.dropdown-toggle.show {
  border: .1rem solid #651f93
}

.formRow .dropDown .dropdown-menu {
  width: 100%;
  font-size: 1.4rem;
  color: #333;
  border: none;
  position: relative
}

.formRow .dropDown .dropdown-menu .dropdown-item:focus,
.formRow .dropDown .dropdown-menu .dropdown-item:hover {
  color: #333;
  background-color: #000
}

.formRow .otpSec .otpInput {
  border: none;
  border-bottom: .1rem solid #651f93;
  width: 3.2rem;
  height: 3.6rem;
  margin: .4rem;
  text-align: center;
  font-size: 2.2rem;
  color: #333;
  background: 0 0
}

.formRow .otpSec .otpInput:focus {
  outline: 0;
  transition: .12s ease-in
}

.formRow .buttonSec button {
  width: 100%;
  height: 4.8rem;
  background: #558000;
  border-radius: .6rem;
  font-size: 1.4rem;
  color: #fff;
  border: none;
  transition: .5s ease;
  margin: 0
}

.formRow .buttonSec button:first-child:hover,
.formRow .buttonSec button:hover {
  background: #fff;
  border: .1rem solid #558000;
  color: #558000
}

.formRow button {
  background-color: #558000;
  height: 4.2rem;
  color: #fff;
  outline: 0;
  font-size: 1.4rem;
  border-radius: .6rem;
  border: none;
  cursor: pointer;
  font-family: Roboto-Medium;
  padding: 0 1rem;
  border: .2rem solid #558000;
  margin: .7rem 0 0 1rem;
  transition: .5s ease;
  text-transform: uppercase
}

.formRow button.btnCancel {
  border: .2rem solid #d9d9d9;
  background: #f2f2f2;
  color: #333
}

.formRow button.btnCancel:hover {
  border: .2rem solid #bfbfbf;
  background: #f2f2f2;
  color: #333
}

.formRow button.btnCancel:focus {
  box-shadow: none
}

.formRow button.btnNext {
  border: .2rem solid #d6f891;
  background: #edfbd0;
  color: #558000
}

.formRow button.btnNext:hover {
  border: .2rem solid #80bf03
}

.formRow button.btnNext:focus {
  box-shadow: none
}

.formRow button.btnDelete {
  background-color: #fce9e8;
  border: .2rem solid #f8c1bf;
  color: #d3231d
}

.formRow button.btnDelete:hover {
  border-color: #ef706c;
  color: #d3231d
}

.formRow button.btnDelete:focus {
  box-shadow: none
}

.formRow button i,
.formRow button span.bi {
  font-size: 1.8rem;
  position: relative;
  top: .2rem;
  margin-right: 1rem
}

.formRow button:hover {
  border: .2rem solid #558000;
  background-color: transparent;
  color: #558000
}

.formRow button:focus {
  box-shadow: none
}

.formRow button.btnIconLt {
  padding: 0 2rem 0 1.5rem
}

.formRow button.btnIconRt {
  padding: 0 1.5rem 0 2rem
}

.formRow button.btnIconRt i,
.formRow button.btnIconRt span.bi {
  margin: 0 0 0 1rem
}

.formRow button.btnPlus {
  padding: 0 2rem 0 1rem
}

.formRow button.btnPlus i,
.formRow button.btnPlus span {
  font-size: 3rem;
  vertical-align: middle;
  top: -.1rem;
  margin-right: .5rem
}

.formRow a.btn {
  background-color: #558000;
  height: 4.2rem;
  color: #fff;
  outline: 0;
  font-size: 1.4rem;
  border-radius: .6rem;
  border: none;
  cursor: pointer;
  font-family: Roboto-Medium;
  padding: .9rem 1rem;
  border: .2rem solid #558000;
  margin: .7rem 0 0 1rem;
  transition: .5s ease;
  text-transform: uppercase
}

.formRow a.btn.btnCancel {
  border: .2rem solid #d9d9d9;
  background: #f2f2f2;
  color: #333
}

.formRow a.btn.btnCancel:hover {
  border: .2rem solid #bfbfbf;
  background: #f2f2f2;
  color: #333
}

.formRow a.btn.btnCancel:focus {
  box-shadow: none
}

.formRow a.btn.btnNext {
  border: .2rem solid #d6f891;
  background: #edfbd0;
  color: #558000
}

.formRow a.btn.btnNext:hover {
  border: .2rem solid #80bf03
}

.formRow a.btn.btnNext:focus {
  box-shadow: none
}

.formRow a.btn.btnDelete {
  background-color: #fce9e8;
  border: .2rem solid #f8c1bf;
  color: #d3231d
}

.formRow a.btn.btnDelete:hover {
  border-color: #ef706c;
  color: #d3231d
}

.formRow a.btn.btnDelete:focus {
  box-shadow: none
}

.formRow a.btn i,
.formRow a.btn span.bi {
  font-size: 1.8rem;
  position: relative;
  top: .2rem;
  margin-right: 1rem
}

.formRow a.btn:active,
.formRow a.btn:hover {
  border: .2rem solid #558000;
  background-color: transparent;
  color: #558000;
  box-shadow: none;
  outline: 0
}

.formRow a.btn:focus {
  box-shadow: none
}

.formRow a.btn.btnIconLt {
  padding: .7rem 2rem .7rem 1.5rem
}

.formRow a.btn.btnIconRt {
  padding: .7rem 1.5rem .7rem 2rem
}

.formRow a.btn.btnIconRt i,
.formRow a.btn.btnIconRt span.bi {
  margin: 0 0 0 1rem
}

.formRow a.btn.btnPlus i {
  font-size: 3rem;
  vertical-align: middle;
  top: -.1rem;
  margin-right: .5rem
}

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

i.icon-xl,
span.icon-xl {
  font-size: 3rem
}

i.icon-l,
span.icon-l {
  font-size: 2rem
}

i.icon-m,
span.icon-m {
  font-size: 1.6rem
}

i.icon-s,
span.icon-s {
  font-size: 1.4rem
}

i.disabledIcon,
span.disabledIcon {
  color: #ccc
}

i.primaryClrIcon,
span.primaryClrIcon {
  color: #651f93
}

.form-select {
  background-size: 1.1rem
}

.groupBySec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  position: relative
}

.groupBySec .groupByInnerSec {
  display: flex;
  align-items: center
}

.groupBySec .groupByInnerSec legend {
  float: none;
  width: auto
}

.groupBySec .groupByInnerSec .title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
  margin-right: 1.5rem;
  margin-bottom: 0
}

.groupBySec .groupByInnerSec .groupbyRadioBtns {
  display: flex;
  align-items: center
}

.groupBySec .groupByInnerSec .radioButton label {
  color: #333
}

.territoriesSec {
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.territoriesSec .territoryList {
  width: calc(50% - 1rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 6.5rem;
  padding: 0 1rem;
  margin-bottom: 1.5rem
}

.territoriesSec .territoryList .territoryDetails {
  display: inline-flex;
  align-items: center
}

.territoriesSec .territoryList .formRow {
  width: 100%;
  padding-left: 1.5rem
}

.territoriesSec .territoryList .formRow .checkBox label::before {
  border-radius: 50%
}

.territoriesSec .territoryList .formRow .radioButton label {
  padding-left: 0
}

.territoriesSec .territoryList .formRow .radioButton label::after {
  right: .4rem;
  left: auto
}

.territoriesSec .territoryList .formRow .radioButton label::before {
  right: 0;
  left: auto
}

.cList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.cList .cFlag {
  width: calc(50% - 1rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 6.5rem;
  padding: 0 1rem;
  margin-bottom: 1.5rem
}

.cList .cFlag .formRow {
  width: 100%
}

.cList .cFlag .formRow label {
  display: inline-block;
  height: 2rem;
  position: relative;
  padding: 0 0;
  margin-bottom: 0;
  cursor: pointer;
  vertical-align: bottom;
  padding-left: 3rem;
  font-size: 1.4rem;
  width: 100%;
  line-height: 2.1rem
}

.cList .cFlag .formRow label:after {
  content: "";
  right: .4rem;
  left: auto;
  top: .4rem;
  width: 1.2rem;
  height: 1.2rem;
  transform: scale(0);
  background: #651f93;
  position: absolute;
  border-radius: 50%
}

.cList .cFlag .formRow label:before {
  content: "";
  right: 0;
  left: auto;
  top: 0;
  width: 2rem;
  height: 2rem;
  border: .1rem solid #999;
  position: absolute;
  border-radius: 50%
}

.cList .cFlag .formRow input[type=radio] {
  display: none
}

.cList .cFlag .formRow input[type=radio]:checked+label:after {
  transform: scale(1)
}

.input-group.file-upload-wrp {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%
}

.input-group.file-upload-wrp label {
  flex: 1 0 100%;
  color: #333;
  margin-bottom: .6rem;
  font-size: 1.6rem
}

.input-group.file-upload-wrp label.font-weight-bold {
  font-weight: 700
}

.input-group.file-upload-wrp .custom-file {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  margin-bottom: 0;
  width: 1%;
  height: 4rem;
  margin-bottom: 0
}

.input-group.file-upload-wrp .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: .4rem;
  border-bottom-left-radius: .4rem
}

.input-group.file-upload-wrp .custom-file #uploadFile {
  cursor: pointer
}

.input-group.file-upload-wrp .custom-file #uploadFile::placeholder {
  color: #bfbfbf
}

.input-group.file-upload-wrp .custom-file #uploadFile.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0;
  opacity: 0;
  height: 4rem;
  cursor: pointer
}

.input-group.file-upload-wrp .custom-file .custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 2.45rem;
  padding: .375rem .75rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  border: .1rem solid #e6e6e6;
  border-radius: .25rem;
  color: #bfbfbf;
  font-weight: 400;
  height: 4rem;
  display: flex;
  align-items: center
}

.input-group.file-upload-wrp .custom-file .custom-file-label::after {
  content: "Browse";
  background-color: #651f93;
  color: #fff;
  border-radius: .4rem;
  height: 3.9rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  line-height: 1.5;
  border-left: inherit
}

.multipleFileUpload {
  padding-bottom: 2rem
}

.multipleFileUpload label {
  font-size: 1.4rem;
  line-height: normal;
  margin-bottom: .5rem
}

.multipleFileUpload .fileuploadWrap {
  display: flex;
  align-items: center;
  padding-bottom: 1.5rem
}

.multipleFileUpload .fileuploadWrap .file-upload-wrp {
  width: auto;
  min-width: 15.4rem
}

.multipleFileUpload .fileuploadWrap .file-upload-wrp .custom-file {
  max-width: 14.5rem
}

.multipleFileUpload .fileuploadWrap .file-upload-wrp .custom-file .custom-file-label {
  cursor: pointer;
  background-color: #651f93;
  border: .1rem solid #651f93;
  height: 4.2rem;
  font-size: 1.4rem;
  padding: 1rem 1.5rem;
  border-radius: .6rem
}

.multipleFileUpload .fileuploadWrap .file-upload-wrp .custom-file .custom-file-label i {
  margin-right: .9rem;
  color: #fff
}

.multipleFileUpload .fileuploadWrap .file-upload-wrp .custom-file .custom-file-label:after {
  content: "UPLOAD FILES";
  background-color: #651f93;
  border: #651f93;
  height: auto;
  padding: 0;
  right: auto;
  left: 3.8rem
}

.multipleFileUpload .fileuploadWrap .bi-info-circle-fill {
  color: #7f7f7f;
  font-size: 1.8rem
}

.multipleFileUpload .fileuploadWrap input[type=file] {
  position: absolute;
  bottom: -2rem;
  color: #737373;
  font-size: 1.2rem
}

.multipleFileUpload .fileuploadWrap ::-webkit-file-upload-button {
  display: none
}

.multipleFileUpload .fileuploadWrap ::file-selector-button {
  display: none
}

.multipleFileUpload .attachFileWrap {
  display: flex;
  margin-top: 1rem;
  flex-wrap: wrap
}

.multipleFileUpload .attachFileWrap .attachFile {
  border: .1rem solid #ccc;
  border-radius: .6rem;
  opacity: 1;
  display: flex;
  align-items: center;
  position: relative;
  max-width: 23.6rem;
  min-height: 4.6rem;
  padding: .5rem 1rem;
  width: 100%;
  margin-right: 1.2rem;
  margin-bottom: 1rem
}

.multipleFileUpload .attachFileWrap .attachFile.attachFileInfo .attachInfo .fName {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 16.7rem;
  width: 100%
}

.multipleFileUpload .attachFileWrap .attachFile .attachIcon {
  margin-right: 1rem
}

.multipleFileUpload .attachFileWrap .attachFile .attachIcon i {
  font-size: 2.2rem
}

.multipleFileUpload .attachFileWrap .attachFile .attachIcon i.bi-file-earmark-pdf {
  color: #e83730
}

.multipleFileUpload .attachFileWrap .attachFile .attachIcon i.bi-file-earmark-word {
  color: #0081cc
}

.multipleFileUpload .attachFileWrap .attachFile .attachIcon i.bi-file-earmark-excel {
  color: #6f9b17
}

.multipleFileUpload .attachFileWrap .attachFile .attachInfo p {
  color: #333;
  font-size: 1.4rem;
  margin: 0;
  line-height: 1.5rem
}

.multipleFileUpload .attachFileWrap .attachFile .attachInfo p.fileSize {
  font-size: 1.2rem;
  color: #737373
}

.multipleFileUpload .attachFileWrap .attachFile .attachDelete {
  position: absolute;
  right: .3rem
}

.multipleFileUpload .attachFileWrap .attachFile .attachDelete {
  border-left: .1rem solid #e6e6e6;
  line-height: 2rem;
  height: 2.4rem
}

.multipleFileUpload .attachFileWrap .attachFile .attachDelete .bi-x {
  color: #e62019;
  font-size: 2.2rem;
  cursor: pointer
}

.multiFormRow .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%
}

.multiFormRow .multidropDown .dropdown-toggle {
  background-color: #fff;
  border: .1rem solid #b3b3b3;
  border-radius: .6rem;
  font-size: 1.4rem;
  color: #737373;
  padding: 1.3rem
}

.multiFormRow .multidropDown .dropdown-toggle::after {
  border-top: 0 solid;
  border-right: 0rem solid transparent;
  border-bottom: 0;
  border-left: 0 solid transparent
}

.multiFormRow .multidropDown .dropdown-menu {
  font-size: 1.4rem
}

.multiFormRow .multidropDown .bootstrap-select .bs-ok-default:after {
  content: "";
  display: block;
  width: .7rem;
  height: 1.4rem;
  border-style: solid;
  border-width: 0 .3rem .3rem 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: .7rem;
  top: .2rem;
  color: #fff
}

.multiFormRow .multidropDown .bootstrap-select.show-tick .dropdown-menu .dropdown-item {
  padding: .8rem .8rem .8rem 4.5rem
}

.multiFormRow .multidropDown .bootstrap-select.show-tick .dropdown-menu .dropdown-item:active {
  background-color: #b3b3b3
}

.multiFormRow .multidropDown .bootstrap-select.show-tick .dropdown-menu .dropdown-item span.check-mark {
  background-color: #fff;
  border: .1rem solid #b3b3b3;
  display: inline-block;
  width: 2.3rem;
  height: 2.3rem;
  left: 1rem;
  top: .7rem;
  position: absolute
}

.multiFormRow .multidropDown .bootstrap-select.show-tick .dropdown-menu .dropdown-item span.check-mark .bs-ok-default:after {
  display: none
}

.multiFormRow .multidropDown .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  background-color: #651f93;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: .2rem;
  text-align: center
}

.compList .tbc {
  padding-top: 3rem
}

.compList .tbc .nav-tabs .nav-link {
  font-size: 1.6rem;
  padding: 1rem 1.6rem
}

.compList .tbc .tab-pane {
  display: none;
  background: #fff;
  padding: 2rem
}

.compList .tbc .tab-pane.active {
  display: block;
  border: .1rem solid #e6e6e6;
  padding: 2rem 2rem 2rem 2rem;
  border-top: 0
}

.fxWidth {
  width: 30rem
}

.datetimepicker th i {
  color: #651f93;
  margin: 0
}

.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active:hover:active {
  background: #651f93
}

.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active:hover:active {
  background: #651f93
}

.table-sm>:not(caption)>*>* {
  padding: .5rem 1rem
}

.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 2rem;
  height: 2rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: .4rem;
  border-radius: .4rem;
  border: 0
}

.datetimepicker tfoot tr:first-child th:hover,
.datetimepicker thead tr:first-child th:hover {
  background: #e6e6e6
}

.datetimepicker th.switch {
  width: 14.5rem;
  text-align: center
}

.datetimepicker table tr td.day:hover {
  background: #e6e6e6;
  cursor: pointer
}

.datetimepicker table tr td.active.active {
  color: #fff;
  border-radius: .4rem
}

.staticLabel .inputBox label {
  font-size: 1.4rem;
  position: static;
  margin-bottom: .6rem;
  transform: translate3d(0, 0, 0) translateY(0)
}

.formRow.textareaSection label {
  font-size: 2.1rem;
  font-family: Roboto-Light;
  margin-bottom: .8rem
}

.formRow.textareaSection textarea.form-control:focus-within {
  outline: 0;
  border: .1rem solid #651f93
}

.formRow.error input {
  border: .1rem solid #e62019
}

.formRow.error .errorMsg {
  display: block
}

.errorMsg {
  font-size: 1.2rem;
  text-align: left;
  color: #e62019;
  display: none
}

.errorMsg.text-left {
  text-align: left
}

.errorMsg.show {
  display: block
}

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

.toggleSwitch label {
  font-size: 1.4rem;
  color: #333;
  margin-right: 1rem
}

.toggleSwitch .form-switch {
  padding-left: 0
}

.toggleSwitch .form-check-input {
  margin: 0;
  width: 2.8rem;
  height: 1.6rem;
  background-color: #8c8c8c;
  border-color: #8c8c8c;
  cursor: pointer;
  box-shadow: none;
  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")
}

.toggleSwitch .form-check-input:checked {
  background-color: #651f93
}

.toggleSwitch .form-check-input:focus {
  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")
}

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

.toggleSwitch2 label {
  font-size: 1.4rem;
  color: #333;
  margin-right: 1rem
}

.inline-form-switch .form-check-input {
  width: 8.6rem;
  height: 2.4rem;
  position: relative;
  box-shadow: none;
  background-color: #8c8c8c;
  border-color: #d9d9d9;
  cursor: pointer;
  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")
}

.inline-form-switch .form-check-input::before {
  content: "Disable";
  position: absolute;
  top: .2rem;
  color: #fff;
  font-size: 1.3rem;
  left: 2.5rem;
  border-color: #d9d9d9
}

.inline-form-switch .form-check-input:focus {
  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")
}

.inline-form-switch .form-check-input:checked {
  background-color: #651f93;
  border-color: #651f93
}

.inline-form-switch .form-check-input:checked::before {
  content: "Enable";
  position: absolute;
  top: .2rem;
  color: #fff;
  font-size: 1.3rem;
  left: 1.5rem
}

.formRow .dropDown label,
.formRow.textareaSection label {
  font-size: 1.4rem;
  color: #333;
  font-weight: 500;
  font-family: Roboto-Regular;
  transform: translate3d(0, 0, 0) translateY(0);
  margin-bottom: .6rem
}

.allForm {
  margin: 2rem 0;
  padding: 1.5rem
}

.allForm .groupBySec {
  padding-bottom: 0
}

.allForm .groupBySec {
  margin: 2rem 0
}

.allForm .groupBySec .groupbyRadioBtns .formRow {
  margin: 0
}

.allForm .dropDown {
  margin: 2rem 0
}

.allForm .checkBox {
  margin: 2rem 0
}

.allForm h3 {
  border-bottom: .1rem solid #e6e6e6;
  padding-bottom: .6rem;
  width: 100%;
  color: #651f93;
  margin-bottom: 1.5rem
}

.formRow .blockButton {
  border: .2rem solid #f8c1bf;
  background: #fce9e8;
  color: #d3231d
}

.formRow .blockButton:hover {
  border: .2rem solid #ef706c;
  background: #fce9e8;
  color: #d3231d
}

.dropdown-item:hover {
  background-color: #fff
}

.formRow .checkBox label::before {
  border-radius: .2rem
}

.formRow .checkBox input[type=checkbox] {
  visibility: visible
}

.formRow .checkBox input[type=checkbox]:focus+label::before {
  border: .1rem solid #651f93
}

.formRow .checkBox input[type=checkbox]:checked:focus+label::before {
  border: .1rem solid #651f93
}

.formRow .radioButton input[type=radio] {
  display: block;
  position: absolute;
  width: .1rem;
  height: .1rem;
  border: 0;
  clip: rect(0 0 0 0)
}

.formRow .radioButton input[type=radio]:focus+label::before {
  border: .2rem solid #651f93
}

.formRow .radioButton input[type=radio]:checked:focus:active+label::before {
  border: .2rem solid #651f93
}

.formRow .dropDown .form-select:focus-within {
  outline: 0;
  border: .1rem solid #651f93 !important;
  box-shadow: 0 0 .6rem rgba(98, 28, 145, .32) !important
}

.eFloatIcon {
  width: 5.2rem;
  height: 5.2rem;
  background-color: #651f93;
  border: .1rem solid #dab2f5;
  box-shadow: 0 .4rem .8rem rgba(0, 0, 0, .16);
  border-radius: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 4rem;
  right: 2rem;
  z-index: 8;
  cursor: pointer
}

@media only screen and (max-width: 991px) {
  .eFloatIcon {
    bottom: 13.5rem;
    right: 1.4rem
  }
}

.eFloatIcon i,
.eFloatIcon span.bi {
  display: inline-flex;
  font-size: 2rem;
  color: #fff
}

.tabsHorizontalWrap .tabsHorizontalList li:last-child {
  text-align: center
}

.multipleFileUpload .fileuploadWrap input[type=file] {
  bottom: -2.5rem
}

.classicCompactTab {
  margin-right: 2rem;
  display: flex;
  align-items: center;
  vertical-align: middle
}

.classicCompactTab .nav {
  border: .1rem solid #ccc;
  height: 4.5rem;
  border-radius: .4rem;
  background-color: #fff;
  flex-wrap: nowrap
}

.classicCompactTab .nav #nav-compact-tab.nav-link:after {
  left: -93%
}

.classicCompactTab .nav #nav-compact-tab.nav-link.active span {
  color: #f4e8fc
}

.classicCompactTab .nav #nav-compact-tab.nav-link.active:after {
  background-color: #651f93;
  left: 0
}

.classicCompactTab .nav #nav-classic-tab.nav-link:after {
  right: -93%
}

.classicCompactTab .nav #nav-classic-tab.nav-link.active {
  border-color: #dab2f5;
  background-color: #f4e8fc;
  border-radius: .4rem
}

.classicCompactTab .nav #nav-classic-tab.nav-link.active span {
  color: #f4e8fc
}

.classicCompactTab .nav #nav-classic-tab.nav-link.active:after {
  background-color: #651f93;
  left: auto;
  right: 0
}

.classicCompactTab .nav .nav-link {
  color: #8c8c8c;
  font-size: 1.4rem;
  border: .1rem solid transparent;
  padding: 0 1.6rem;
  height: 4.3rem;
  border-radius: .4rem;
  position: relative
}

.classicCompactTab .nav .nav-link span {
  position: relative;
  z-index: 1;
  transition: .5s ease all
}

.classicCompactTab .nav .nav-link:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  transition: .5s ease all;
  border-radius: .4rem
}

.classicCompactTab::before {
  content: "";
  position: absolute;
  height: calc(100% - 1rem);
  width: .1rem;
  top: .5rem
}

.btnwithIcons {
  display: flex;
  align-items: center;
  justify-content: flex-start
}

.btnwithIcons .tableActionBtn {
  box-shadow: 0 .2rem .2rem rgba(0, 0, 0, .16);
  border: .1rem solid #e6e6e6;
  border-radius: .6rem;
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #651f93;
  font-size: 1.4rem;
  line-height: normal;
  background-color: #f2f2f2;
  background: radial-gradient(closest-side at 50% 50%, #fff 0, #f2f2f2 100%);
  position: relative;
  margin-right: 1rem
}

.btnwithIcons .tableActionBtn i,
.btnwithIcons .tableActionBtn span.bi {
  margin: 0;
  font-size: 2rem
}

.btnwithIcons .tableActionBtn:hover {
  box-shadow: none
}

.btnwithIcons .tableActionBtn.selected:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: .7rem;
  height: .7rem;
  background-color: #cc004b;
  border-radius: 50%
}

.dropMulFilesUpload {
  width: 25.3rem;
  border-radius: .6rem;
  background-color: #fff;
  position: relative;
  margin-bottom: .5rem
}

.dropMulFilesUpload .dropArea {
  position: relative;
  height: 5.7rem;
  border: .1rem dashed #d9d9d9;
  border-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  border-radius: .6rem .6rem 0 0
}

.dropMulFilesUpload .dropArea.fileover {
  border-color: #651f93;
  background-color: #f2f2f2
}

.dropMulFilesUpload .dropArea .dAreaDetails p {
  width: 100%;
  text-align: center;
  margin-bottom: 0
}

.dropMulFilesUpload .dropArea .dAreaDetails label {
  position: relative;
  padding-left: 2.8rem;
  margin-left: -2rem
}

.dropMulFilesUpload .dropArea .dAreaDetails label span.bi {
  font-size: 2rem;
  position: absolute;
  left: 0;
  color: #737373
}

.dropMulFilesUpload .dropArea .attachIconSec {
  position: absolute;
  right: .9rem;
  top: .8rem;
  display: flex;
  cursor: pointer
}

.dropMulFilesUpload .dropArea i.infoIcon,
.dropMulFilesUpload .dropArea span.infoIcon {
  color: #a54ce1;
  font-size: 1.8rem;
  position: absolute;
  right: .9rem;
  top: .8rem;
  display: flex;
  cursor: pointer
}

.dropMulFilesUpload .chooseFileSec input[type=file]:focus+label {
  outline: .2rem solid #000000
}

.dropMulFilesUpload .chooseFileSec input[type=file]+label {
  outline: .2rem solid transparent;
  font-size: 1.4rem
}

.dropMulFilesUpload .chooseFileSec label.cFileLabel {
  background-color: #651f93;
  border: .1rem solid #651f93;
  height: 3.6rem;
  border-radius: 0 0 .6rem .6rem;
  width: 100%;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.attachIconSec {
  display: inline-flex;
  position: relative
}

.attachIconSec span.bi {
  margin-left: 1rem;
  font-size: 2rem;
  color: #7f7f7f;
  cursor: pointer
}

.attachIconSec span.bi:hover+.attachTooltip {
  display: block
}

.allowedFileTypeSec.attachTooltip {
  width: 29.3rem;
  background-color: #595959;
  border: .1rem solid #595959;
  color: #fff;
  border-radius: .6rem;
  padding: 1.5rem 1.5rem;
  position: absolute;
  z-index: 9;
  top: 3rem;
  left: 1.5rem;
  display: none
}

.allowedFileTypeSec.attachTooltip p.caption {
  font-size: 1.2rem;
  color: #fff
}

.allowedFileTypeSec.attachTooltip ul {
  padding: 0;
  margin-bottom: 1rem;
  margin-top: 1rem;
  font-size: 1.4rem;
  line-height: 2rem
}

.allowedFileTypeSec.attachTooltip ul li {
  display: inline-block;
  width: 20%;
  font-family: Roboto-Regular
}

.multiFormRow .multidropDown button.dropdown-toggle .filter-option {
  padding: .6rem
}

.multiFormRow .multidropDown button.dropdown-toggle {
  height: 4rem
}

.multiFormRow .multidropDown button.dropdown-toggle {
  border: .1rem solid #ccc
}

.inline-form-switch .form-check-input:checked::before {
  top: -.2rem
}

.inline-form-switch .form-check-input::before {
  content: "Disable";
  position: absolute;
  top: -.2rem;
  color: #fff;
  font-size: 1.3rem;
  left: 2.5rem;
  border-color: #d9d9d9
}

.inputBox span.bi-calendar4-week {
  position: absolute;
  right: 1rem;
  font-size: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  color: #651f93;
  margin: 0;
  cursor: text
}

.allForm .dropDown label,
.allForm .textareaSection label,
.formRow .dropDown label,
.formRow .inputBox label,
label {
  font-family: Roboto-Medium;
  color: #333
}

.eleDivider .datepickerwrap .formRow {
  width: calc(100% - 40rem);
  min-width: 15rem
}

.formRow .dropDown .form-select,
.formRow .inputBox input {
  height: 4rem
}

.cg body .pScrlTop {
  width: 5.2rem;
  height: 5.2rem;
  background-color: #651f93;
  border: .1rem solid #dab2f5;
  box-shadow: 0 .4rem .8rem rgba(0, 0, 0, .16);
  border-radius: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 2rem;
  right: .8rem;
  z-index: 9;
  cursor: pointer;
  display: none
}

@media only screen and (max-width: 767px) {
  .cg body .pScrlTop {
    bottom: 10rem
  }
}

@media only screen and (max-width: 575px) {
  .cg body .pScrlTop {
    bottom: 12rem
  }
}

.cg body .pScrlTop i {
  display: inline-flex;
  font-size: 2rem;
  color: #fff;
  transform: rotate(-90deg)
}

.cg body a.closeModal {
  width: 2.4rem;
  height: 2.4rem;
  background: #f4e8fc;
  color: #651f93;
  border: .1rem solid #e7cdf9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.cg body a.closeModal i {
  font-size: 2rem;
  margin-top: .2rem
}

span.bi.bi-calendar4-week {
  position: absolute;
  right: 1rem;
  font-size: 1.6rem;
  top: 50%;
  transform: translate(0, -50%);
  color: #651f93;
  margin: 0;
  cursor: text
}

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

.tableTtlsection .infoTitle {
  padding-left: .8rem;
  border-left: .1rem solid #e6e6e6;
  margin-left: .8rem;
  line-height: normal
}

.tbFilterSection .formRow .dropDown .form-select,
.tbFilterSection .formRow .inputBox input {
  height: 3.2rem
}

.backArrow {
  width: 3.6rem;
  height: 3.6rem;
  border: .1rem solid #e6e6e6;
  border-radius: 50%;
  display: inline-block;
  color: #651f93;
  font-size: 2rem;
  text-align: center;
  line-height: 3.6rem;
  background: transparent radial-gradient(closest-side at 50% 50%, #fff 0, #f2f2f2 100%) 0 0 no-repeat padding-box;
  align-items: center;
  justify-content: center;
  display: flex
}

.formRow .checkBox label:before {
  background: #fff
}

.allForm .dropDown label,
.allForm .textareaSection label,
.formRow .dropDown label,
.formRow .inputBox label,
label {
  font-family: Roboto-Medium;
  color: #333
}

.formRow .checkBox label,
.groupBySec .groupByInnerSec .radioButton label,
.tableLength label {
  font-family: Roboto-Regular
}

.modal .modal-header .btn-close:focus:focus-visible,
.tableBottomRow .pGNoWrap .pageVal:focus:focus-visible,
.tableWrapper .tableTopRow .filterRow .tableFilter input:focus:focus-visible,
:focus:focus-visible input[type=search]:focus:focus-visible,
button:focus:focus-visible,
input[type=search]:focus:focus-visible {
  transition: none;
  outline: 2px solid #000000
}

.tableWrapper .tableTopRow .filterRow .tableLength select:focus {
  border-color: #651f93
}

.formRow .dropDown .form-select:focus-within {
  outline: 0;
  border: .1rem solid #651f93;
  box-shadow: 0 0 .6rem rgba(98, 28, 145, .32)
}

.filedsInfo {
  display: flex;
  width: 100%;
  padding: 0;
  justify-content: flex-end;
  margin: 1rem 0;
  padding: 0 1.5rem
}

.filedsInfo li {
  margin-left: 2rem;
  color: #333;
  font-size: 1.4rem
}

.formRow .radioButton label:after {
  background: #651f93
}

.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 2rem;
  height: 2rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: .4rem;
  border-radius: .4rem;
  border: 0
}

.datetimepicker tfoot tr:first-child th:hover,
.datetimepicker thead tr:first-child th:hover {
  background: #ccc
}

.datetimepicker th.switch {
  width: 14.5rem;
  text-align: center
}

.datetimepicker table tr td.day:hover {
  background: #ccc;
  cursor: pointer
}

.datetimepicker table tr td.active.active {
  color: #fff;
  border-radius: .4rem
}

.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 2rem;
  height: 2rem;
  border-radius: .4rem;
  border: 0;
  font-size: 14px
}

.tableWrapper .tableTopRow .filterRow .tableFilter input:focus-visible,
button:focus-visible,
input[type=search]:focus-visible {
  outline: 2px solid #000000
}

.tableWrapper .tableTopRow .filterRow .tableFilter input:focus,
.tableWrapper .tableTopRow .filterRow .tableFilter input:focus:not(.focus-visible),
button:focus,
button:focus:not(.focus-visible),
input[type=search]:focus,
input[type=search]:focus:not(.focus-visible) {
  outline: 0
}

.formRow .blockButton {
  border: .2rem solid #f8c1bf;
  background: #fce9e8;
  color: #d3231d
}

.formRow .blockButton:hover {
  border: .2rem solid #ef706c;
  background: #fce9e8;
  color: #d3231d
}

.required {
  color: #a32d29
}

.mandatory {
  color: #d3231d
}

input[type=file]:focus+label {
  outline: .2rem solid #000000
}

input[type=file]+label {
  outline: .2rem solid transparent
}

button.type2 {
  background-color: #651f93;
  border-color: #651f93
}

button.type2:hover {
  border-color: #651f93;
  color: #651f93
}

.errorMsg {
  color: #bd241f
}

.formRow button span.bi {
  font-size: 1.8rem
}

.breadcrumbWrap .breadcrumb li {
  color: #7f7f7f;
  font-size: 1.4rem
}

.breadcrumbWrap .breadcrumb li a {
  color: #7f7f7f;
  font-size: 1.4rem
}

.breadcrumbWrap .breadcrumb-item+.breadcrumb-item::before {
  content: "-"
}

.tGcontent p {
  font-size: 1.4rem;
  color: #666
}

.tGcontentArea {
  padding: 1rem 3rem
}

.tGcontentArea .shadowBox {
  margin-bottom: 2.5rem
}

.tGBox {
  padding: 2.7rem 1.3rem;
  margin-bottom: 2.5rem
}

.tGBox .p-text {
  line-height: 1.7rem;
  font-size: 1.4rem;
  color: #666;
  font-family: Roboto-Regular;
  color: #333
}

.tGBox.logoWrap,
.tGBox.pTContent,
.tGBox.sTWrap,
.tGBox.uiItem {
  padding-left: 12rem
}

.tGBox p {
  font-size: 1.4rem;
  margin: 0;
  color: #333;
  line-height: 1.7rem
}

.tGBox header {
  position: static;
  min-width: 70.7rem;
  margin-bottom: 2.1rem
}

.tGBox header:last-child {
  margin-bottom: 0
}

.hTGTxtWrap {
  margin-top: 3rem
}

.hTGText {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: .8rem
}

.hTGText:first-child {
  margin-left: 6rem
}

.hTGText:nth-child(2) {
  margin-left: 8.5rem
}

.hTGText:nth-child(3) {
  margin-left: 11.5rem
}

.hTGText:nth-child(4) {
  margin-left: 14rem
}

.hTGText:nth-child(5) {
  margin-left: 16rem
}

.hTGText:nth-child(6) {
  margin-left: 18rem
}

.hTGText .hI {
  margin: .5rem 1.5rem 0 0
}

.hTGText .hI span {
  color: #737373;
  font-size: 1.2rem;
  display: block;
  width: 100%;
  text-transform: uppercase
}

.hTGText .hI i {
  margin: 0 0 0 .5rem;
  color: #651f93;
  font-size: 1.5rem
}

.tGWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.5rem
}

.tGWrap:last-child {
  margin-bottom: 0
}

.tGHead {
  color: #737373;
  font-size: 1.2rem;
  font-family: Roboto-Medium;
  margin-right: 2.2rem;
  min-width: 17rem;
  text-align: right
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0
}

h1 {
  font-family: Roboto-Medium;
  font-size: 2.5rem;
  color: #1a1a1a;
  line-height: 3.3rem
}

h2 {
  font-family: Roboto-Medium;
  font-size: 2.1rem;
  color: #1a1a1a;
  line-height: 2.8rem
}

h3 {
  font-family: Roboto-Medium;
  font-size: 1.9rem;
  color: #1a1a1a;
  line-height: 2.5rem
}

h4 {
  font-family: Roboto-Medium;
  font-size: 1.7rem;
  color: #1a1a1a;
  line-height: 2.3rem
}

h5 {
  font-family: Roboto-Medium;
  font-size: 1.5rem;
  color: #1a1a1a;
  line-height: 2rem
}

h6 {
  font-family: Roboto-Medium;
  font-size: 1.3rem;
  color: #1a1a1a;
  line-height: 1.3rem
}

.pageTitle01 {
  font-family: Roboto-Regular;
  font-size: 2.5rem;
  color: #651f93;
  line-height: 3rem
}

.pageTitle02 {
  font-family: Roboto-Light;
  font-size: 2.7rem;
  color: #651f93;
  line-height: 3.5rem
}

.pageTitle03 {
  font-family: Roboto-Medium;
  font-size: 2.3rem;
  color: #651f93;
  line-height: 3rem
}

.pageTitle04 {
  font-family: Roboto-Medium;
  font-size: 2.1rem;
  color: #651f93
}

.subTitle01-1 {
  font-size: 2.1rem;
  font-family: Roboto-Medium;
  color: #333;
  line-height: 2.8rem
}

.subTitle01-2 {
  font-size: 2.3rem;
  font-family: Roboto-Light;
  color: #333;
  line-height: 3rem
}

.subTitle02-1 {
  font-size: 1.9rem;
  font-family: Roboto-Medium;
  color: #333;
  line-height: 2.5rem
}

.subTitle02-2 {
  font-size: 2.1rem;
  font-family: Roboto-Light;
  color: #333;
  line-height: 2.8rem
}

.subTitle03 {
  font-size: 1.5rem;
  /*Modified for font over lapping on 15/02/2024*/
  font-family: Roboto-Medium;
  color: #333;
  line-height: 2.3rem
}

.subTitle04 {
  font-size: 1.5rem;
  font-family: Roboto-Medium;
  color: #333;
  line-height: 2rem
}

.subTitle05 {
  font-size: 1.3rem;
  font-family: Roboto-Medium;
  color: #333;
  line-height: 1.8rem
}

.breadcrumb {
  font-family: Roboto-Regular;
  font-size: 1.4rem;
  color: #7f7f7f;
  margin: 0;
  padding: 0;
  line-height: 1.7rem
}

.breadcrumb a {
  font-family: Roboto-Regular;
  font-size: 1.4rem;
  color: #7f7f7f;
  margin: 0;
  padding: 0;
  line-height: 1.7rem
}

.description {
  font-family: Roboto-Regular;
  font-size: 1.4rem;
  color: #666;
  margin: 0;
  padding: 0;
  line-height: 1.7rem
}

.overview {
  font-size: 2.2rem;
  font-family: Roboto-Light;
  color: #333;
  margin: 0;
  padding: 0;
  line-height: 2.9rem
}

.body {
  font-family: Roboto-Regular;
  font-size: 1.4rem;
  color: #333;
  margin: 0;
  padding: 0;
  line-height: 1.7rem
}

.caption {
  font-family: Roboto-Regular;
  font-size: 1.2rem;
  color: #666;
  margin: 0;
  padding: 0;
  line-height: 1.2rem
}

.vbName2Lines,
.vbNameLong,
.vbNameShort {
  padding: 1rem 1.8rem 1rem
}

.vbName2Lines h2,
.vbName2Lines span,
.vbNameLong h2,
.vbNameLong span,
.vbNameShort h2,
.vbNameShort span {
  font-family: HouschkaRoundedAlt-DemiBold;
  position: relative;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.4rem
}

.vbName2Lines h2:after,
.vbName2Lines span:after,
.vbNameLong h2:after,
.vbNameLong span:after,
.vbNameShort h2:after,
.vbNameShort span:after {
  content: " ";
  position: absolute;
  height: 3.9rem;
  border-right: .1rem solid #fff;
  top: .4rem;
  left: -1.8rem;
  opacity: .25
}

.vbName2Lines.noborder span:after,
.vbNameLong.noborder span:after,
.vbNameShort.noborder span:after {
  display: none
}

.vbNameShort h2,
.vbNameShort span {
  font-size: 2.4rem;
  line-height: 1.7rem
}

.vbNameLong h2,
.vbNameLong span {
  font-size: 2.2rem;
  line-height: 2.2rem
}

.vbName2Lines h2,
.vbName2Lines span {
  font-size: 2rem;
  line-height: 2.2rem;
  word-break: break-word;
  max-width: 32.3rem;
  margin-top: 0;
  display: flex;
  min-height: 4.4rem;
  align-items: center;
  justify-content: center
}

.vbName2Lines h2:after,
.vbName2Lines span:after {
  top: .4rem
}

.tGBox.stacked {
  padding-left: .5rem
}

.tGBox.stacked .tGstackedWrap {
  display: flex;
  margin-bottom: 1.5rem
}

.tGBox.stacked .tGWrap {
  margin-bottom: 0;
  align-items: start
}

.tGBox.stacked .tGWrap .tGHead {
  width: 2rem;
  margin-top: 2.2rem;
  min-width: 24.7rem;
  margin-right: .5rem
}

.tGBox.stacked .tGWrap .mHeaderSec {
  min-width: 36rem
}

.stacked header {
  min-width: 36rem;
  height: auto
}

.vbNameShort.Abbr span {
  padding-left: 0;
  justify-content: left;
  line-height: 2.4rem;
  min-height: 2.3rem
}

.vbNameShort.Abbr span:first-child::after {
  height: 4.8rem
}

.vbNameShort.Abbr span::after {
  content: " ";
  position: absolute;
  height: 3.9rem;
  border-right: .1rem solid #fff;
  top: -.1rem;
  opacity: .25
}

.vbNameShort.Abbr span.noborder {
  font-size: 1.6rem;
  min-height: 1rem
}

.vbNameShort.Abbr span.noborder::after {
  border: none
}

.mHeaderSec {
  background-image: url(../images/header_bg.png);
  background-color: #5f1f89;
  background-repeat: no-repeat;
  background-size: cover;
  padding-right: 1rem
}

.tcsCognixLogo.stacked {
  padding: 1rem 0 0 1rem
}

.vbName2Lines.stackedlogo,
.vbNameLong.stackedlogo,
.vbNameShort.stackedlogo {
  padding: 0 0 1rem 2.2rem
}

.vbName2Lines.stacked,
.vbNameLong.stacked,
.vbNameShort.stacked {
  padding: 0 0 .8rem 1rem
}

.vbName2Lines.stacked span:after,
.vbNameLong.stacked span:after,
.vbNameShort.stacked span:after {
  content: " ";
  position: absolute;
  height: 3.9rem;
  border-right: .1rem solid #fff;
  top: .4rem;
  left: .2rem;
  opacity: .25
}

.vbName2Lines.stacked span,
.vbNameLong.stacked span,
.vbNameShort.stacked span {
  padding-left: 1rem;
  justify-content: left;
  min-height: 4.4rem
}

.tcsCognixLogo img {
  height: 4.4rem
}

.clientLogo.stacked {
  padding: 1rem 1rem .5rem 1.8rem;
  justify-content: left
}

.clientLogo {
  position: relative
}

.clientLogo img {
  max-width: 8.8rem;
  max-height: 4.4rem;
  width: 100%;
  height: auto
}

.clientLogo:after {
  content: " ";
  position: absolute;
  border-right: .1rem solid #fff;
  opacity: .25;
  top: 1rem;
  left: 1rem;
  height: 8.4rem
}

.vbName2Lines.stackedlogo span,
.vbNameLong.stackedlogo span,
.vbNameShort.stackedlogo span {
  justify-content: left;
  min-height: 3.9rem
}

.vbName2Lines.stacked span {
  min-height: 5rem
}

.vbNameShort.stacked span.noborder {
  font-size: 1.6rem;
  min-height: 1rem
}

.vbNameShort.stacked.Abbr span:first-child:after {
  top: 1rem;
  height: 5.4rem
}

.vbNameShort.stacked.Abbr .noborder:after {
  display: none
}

.clientLogo.stacked.clientstacked.Abbr:after {
  height: 11.1rem
}

header {
  position: fixed;
  display: flex;
  width: 100%;
  background-image: url("../images/header_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 6.4rem;
  z-index: 999;
  background-color: #5f1f89;
  top: 0
}

header .vbNameShort {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  padding: 1rem 1.8rem 1rem
}

header .clientLogo {
  padding: 1rem 1rem 1rem 1.8rem;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center
}

header .clientLogo.clientLogoFull img {
  max-width: 34rem
}

header .clientLogo img {
  max-width: 8.8rem;
  max-height: 4.4rem;
  width: 100%;
  height: auto
}

header .clientLogo:after {
  content: " ";
  position: absolute;
  height: 3.9rem;
  border-right: .1rem solid #fff;
  top: 1.3rem;
  left: 0;
  opacity: .25
}

header .clientLogo+.vbName2Lines,
header .clientLogo+.vbNameLong,
header .clientLogo+.vbNameShort {
  padding-left: 0
}

header .clientLogo+.vbName2Lines h2:after,
header .clientLogo+.vbNameLong h2:after,
header .clientLogo+.vbNameShort h2:after {
  display: none
}

header .Menu {
  background: #471e62;
  cursor: pointer;
  color: #fff;
  height: 6.3rem;
  padding: 0;
  display: flex;
  align-items: center
}

header .Menu i {
  margin: 0
}

header .Menu a {
  color: #fff;
  font-size: 3rem;
  padding: 1rem 0
}

header .Menu #nav-icon3 {
  width: 4.5rem;
  height: 4.5rem;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer
}

header .Menu #nav-icon3 span {
  display: block;
  position: absolute;
  height: .3rem;
  width: 100%;
  background: #fff;
  border-radius: .9rem;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  max-width: 2.7rem;
  margin: 0 auto;
  right: 0
}

header .Menu #nav-icon3 span:first-child {
  top: 1.1rem
}

header .Menu #nav-icon3 span:nth-child(2),
header .Menu #nav-icon3 span:nth-child(3) {
  top: 2.7rem
}

header .Menu #nav-icon3 span:nth-child(4) {
  top: 1.9rem
}

header .tcsCognixLogo {
  padding: 1rem 1.8rem 1rem 2.2rem
}

header .tcsCognixLogo a {
  display: inline-block
}

header .tcsCognixLogo img {
  height: 4.4rem
}

header .appName {
  position: relative
}

header .appName h2 {
  padding: 0;
  margin: 0;
  font-size: 2rem;
  margin-top: 2.1rem;
  padding-left: 1rem;
  color: #fff;
  font-family: HouschkaRoundedAlt-DemiBold;
  line-height: 2rem
}

header .appName h2::after {
  content: " ";
  position: absolute;
  height: 4.4rem;
  border-right: .1rem solid #fff;
  top: 1rem;
  left: 0;
  opacity: .2
}

header .profileSection {
  display: flex;
  margin-left: auto
}

header .custName {
  padding: 1rem .6rem 0 0
}

@media only screen and (max-width: 768px) {
  header .appName h2 {
    font-size: 1.9rem;
    margin-top: 1rem
  }
}

@media only screen and (max-width: 991px) {

  header .profileSection .custName,
  header .tcsCognixLogo,
  header .vbNameShort {
    display: none
  }

  header .advSearchMainApp {
    width: 100%
  }

  header .advanceWrap {
    width: 100%;
    justify-content: center
  }

  header .advanceWrap .advanceSearchForm {
    position: absolute;
    top: 5.2rem
  }

  header .advanceWrap .advanceSearchWrap {
    min-width: auto;
    max-width: auto;
    width: 100%
  }

  header .advanceWrap .advanceSearchWrap .advanceSearchList {
    position: relative;
    width: 100%
  }

  header .tcsCognixLogo.stacked,
  header .vbNameShort.stacked {
    min-width: auto
  }

  header .profileSection .profileView {
    padding: 1rem 1rem 1rem 0
  }
}

.profileView .entrepriseButtonSec .dropdown-toggle span {
  border: .1rem solid #fff;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 2.8rem;
  display: block;
  padding: 0;
  font-size: 1.8rem;
  border-radius: 50%;
  color: #fff;
  margin: 0 1rem
}

.quickActionsSec a span {
  font-size: 1.8rem;
  color: #fff
}

@media only screen and (max-width: 991px) {

  header .tcsCognixLogo,
  header .vbNameShort {
    display: none
  }

  header .advSearchMainApp {
    width: 100%
  }

  header .advanceWrap {
    width: 100%;
    justify-content: center
  }

  header .advanceWrap .advanceSearchForm {
    position: absolute;
    top: 5.2rem
  }

  header .advanceWrap .advanceSearchWrap {
    min-width: auto;
    max-width: auto;
    width: 100%
  }

  header .advanceWrap .advanceSearchWrap .advanceSearchList {
    position: relative;
    width: 100%
  }

  header .tcsCognixLogo.stacked,
  header .vbNameShort.stacked {
    min-width: auto
  }

  header .profileSection .profileView {
    padding: 1rem 1rem 1rem 0
  }

  .menuOuter .typographyContentWrap {
    background-image: url("../../assets/images/bgLogo.png");
    z-index: 101;
    position: relative;
    height: 11rem;
    margin-bottom: 0;
    width: 28rem
  }

  .menuOuter .parentNav.js-topParentNav {
    top: 11rem;
    height: calc(100% - 11rem);
    height: 100%;
    overflow-y: auto
  }

  .menuOuter .parentNav.js-topParentNav .logoPlaceholder {
    display: none
  }
}

nav.menuOuter ul li a div {
  align-items: center
}

@keyframes fadein {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.parentNav {
  width: 28rem;
  left: 0;
  overflow: hidden
}

.childNav {
  width: 28rem;
  left: 23rem;
  visibility: hidden;
  transform: translate(100%, 0);
  opacity: 0
}

nav.menuOuter {
  font-size: 1.4rem;
  color: #404040;
  width: 31rem;
  overflow: hidden;
  position: fixed;
  left: -31rem;
  z-index: 100;
  top: 0;
  height: 100vh;
  transition: ease-in-out .5s;
  visibility: hidden
}

nav.menuOuter .closMenu {
  width: 2.8rem;
  height: 2.8rem;
  background-color: #fff;
  text-align: center;
  line-height: 2.8rem;
  position: absolute;
  right: .2rem;
  z-index: 101;
  text-align: center;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: .3rem .3rem .5rem rgba(0, 0, 0, .1490196078);
  border-radius: 0 .8rem .8rem 0
}

nav.menuOuter .closMenu i {
  margin: 0;
  color: #651f93;
  font-size: 2.7rem
}

nav.menuOuter.toggleCls {
  left: 0;
  visibility: visible
}

nav.menuOuter ul li {
  display: flex;
  align-items: center;
  border-bottom: .1rem solid #ececec
}

nav.menuOuter ul li i.bi-caret-right-fill,
nav.menuOuter ul li span.bi-caret-right-fill {
  color: #ccc;
  font-size: 1.5rem;
  margin-right: 0
}

nav.menuOuter ul li a {
  display: flex;
  align-items: center;
  padding: 1.3rem 1.5rem
}

nav.menuOuter ul li a:hover {
  background-color: #f2f2f2
}

nav.menuOuter ul li a.active {
  background-color: #f4e8fc
}

nav.menuOuter ul li a div {
  width: 100%;
  display: flex
}

nav.menuOuter ul li a div span {
  flex: 1
}

nav.menuOuter ul li a span {
  flex: 1
}

nav.menuOuter i {
  font-size: 2rem;
  margin: 0;
  margin-right: 1rem
}

nav.menuOuter .headerBg {
  background-image: url(../../assets/images/bgLogo.png);
  background-size: cover;
  padding-top: 2.8rem
}

nav.menuOuter .headerBg a {
  color: #fff;
  padding: 1.3rem 1rem;
  margin-bottom: .5rem;
  font-family: Roboto-Medium
}

nav.menuOuter .headerBg a:hover {
  background-color: transparent
}

nav.menuOuter .headerBg i {
  width: 2.8rem;
  height: 2.8rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .16);
  font-size: 2rem !important;
  border: .1rem solid #fff;
  color: #651f93;
  box-shadow: 0 .2rem .2rem rgba(0, 0, 0, .16)
}

ul.parentNav {
  padding: 0;
  margin: 0;
  list-style-type: none;
  box-shadow: .4rem 0 .8rem rgba(0, 0, 0, .1490196078)
}

.parentNav {
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 100;
  background: #fff;
  transition: linear .5s all
}

.parentNav a,
.pushNav {
  font-size: 1.4rem;
  font-family: Roboto-Regular;
  font-weight: 100;
  color: #404040;
  text-decoration: none
}

.pushNavIsOpen {
  overflow: auto;
  height: 100%
}

.js-topParentNav.isOpen,
.parentNav_level.isOpen {
  left: 0
}

.childNav.isOpen {
  left: 0;
  opacity: 1;
  transform: translate(0, 0);
  visibility: visible
}

.closeLevel,
.openMenuLevel {
  cursor: pointer
}

.closeLevel,
.openMenuLevel,
.parentNav a {
  display: block;
  width: 100%;
  transition: background .4s ease-in-out;
  display: flex;
  align-items: center
}

.openMenuLevel span {
  flex: 1
}

.sysDashIcon {
  color: #651f93
}

.menuIcon {
  color: #651f93
}

.openMenuLevel i:last-child {
  color: #ccc;
  font-size: 1.5rem
}

.menuLink {
  line-height: 3.5rem !important;
  cursor: pointer;
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.closeLevel,
.closeMenuLevel>i {
  font-size: 1rem;
  color: #a5a5a4
}

.burger {
  position: absolute;
  top: 2.4rem;
  left: 4.8rem
}

.burger i {
  font-size: 3rem
}

.outMenuScreen {
  position: fixed;
  background-color: rgba(0, 0, 0, .5019607843);
  width: 100%;
  height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity .5s ease-in-out
}

.pushNavIsOpen .outMenuScreen {
  height: 100%;
  opacity: 1
}

.profileView .entrepriseButtonSec ul.dropdown-menu.show li a.dropdown-item.profileEmailid {
  background: 0 0
}

.logoPlaceholder {
  background-image: url(../../assets/images/bgLogo.png);
  min-height: 2.8rem;
  background-size: cover
}

.menuOuter .mHeaderSec {
  display: none
}

@media only screen and (min-width: 992px) {
  .hideFromLargeDevices {
    display: none
  }
}

@media only screen and (max-width: 991px) {
  .hideFromSmallDevices {
    display: none
  }

  .menuOuter .mHeaderSec {
    z-index: 101;
    position: relative;
    height: 11rem;
    margin-bottom: 0;
    width: 28rem;
    display: block
  }

  .menuOuter .mHeaderSec .tcsCognixLogo.stacked,
  .menuOuter .mHeaderSec .vbName2Lines.stacked,
  .menuOuter .mHeaderSec .vbNameLong.stacked,
  .menuOuter .mHeaderSec .vbNameShort.stacked {
    display: block
  }

  .menuOuter .parentNav.js-topParentNav {
    top: 11rem;
    height: calc(100% - 19rem);
    overflow-y: auto;
    z-index: 9
  }

  .menuOuter .parentNav.js-topParentNav .logoPlaceholder {
    display: none
  }

  .menuOuter footer {
    position: absolute;
    bottom: 0;
    z-index: 10;
    box-shadow: none;
    width: 28rem;
    padding: 0 1rem 1rem;
    height: auto;
    flex-wrap: wrap
  }

  .menuOuter footer .imgBlock {
    padding: 1.85rem 0 0;
    border-top: .1rem solid #e6e6e6;
    width: 100%;
    margin-bottom: 1.5rem
  }

  .menuOuter footer .linkBlock {
    order: 2
  }

  .menuOuter footer .linkBlock ul {
    display: block;
    line-height: 1.6rem
  }

  .menuOuter footer .linkBlock ul li {
    border-bottom: 0;
    display: inline;
    padding-left: .5rem;
    margin-right: .5rem;
    border-left: .1rem solid #b3b3b3
  }

  .menuOuter footer .linkBlock ul li::after {
    display: none
  }

  .menuOuter footer .linkBlock ul li:first-child {
    border-left: none;
    padding-right: 0;
    padding-left: 0
  }

  .menuOuter footer .linkBlock ul li:last-child {
    margin: 0
  }

  .menuOuter footer .linkBlock ul li a {
    display: inline;
    padding: 0
  }
}

nav.menuOuter .closMenu span.bi {
  margin: 0;
  color: #651f93;
  font-size: 2.7rem
}

nav.menuOuter span.bi {
  font-size: 2rem;
  margin: 0;
  margin-right: 1rem
}

nav.menuOuter ul li a div span {
  flex: inherit
}

nav.menuOuter ul li a div span:nth-child(2) {
  flex: 1
}

nav.menuOuter ul li a span {
  flex: inherit
}

nav.menuOuter ul li span.bi-caret-right-fill {
  color: #ccc;
  font-size: 1.5rem;
  margin-right: 0
}

nav.menuOuter .headerBg span.bi {
  width: 2.8rem;
  height: 2.8rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .16);
  font-size: 2rem !important;
  border: .1rem solid #fff;
  color: #651f93;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .1607843137);
  position: relative;
  margin-right: 2rem
}

nav.menuOuter .headerBg span.bi::after {
  content: "";
  background-color: #fff;
  height: 100%;
  width: .1rem;
  position: absolute;
  right: -1rem;
  opacity: .5
}

nav.menuOuter .closMenu {
  border: none
}

footer {
  box-shadow: 0 -.3rem .6rem rgba(0, 0, 0, .16);
  position: relative;
  width: 100%;
  height: 3.6rem;
  display: flex;
  justify-content: space-between;
  padding: 0 2rem 0 1rem;
  background-color: #fff;
  align-items: center
}

footer .linkBlock ul {
  display: flex;
  vertical-align: middle;
  padding-left: 0;
  flex-wrap: wrap
}

footer .linkBlock ul li {
  font-size: 1.1rem;
  color: #333;
  position: relative
}

footer .linkBlock ul li a {
  color: #333;
  text-decoration: none;
  padding: 1rem;
  cursor: pointer
}

footer .linkBlock ul li a:hover {
  text-decoration: underline
}

footer .linkBlock ul li::after {
  content: " ";
  position: absolute;
  right: 0;
  height: 1.4rem;
  border-right: .1rem solid #e6e6e6;
  bottom: 0
}

footer .linkBlock ul li:last-child::after {
  border-right: none
}

footer .linkBlock ul li:first-child {
  padding: 0 1rem 0 1rem
}

footer .imgBlock img {
  width: 9.8rem
}

@media only screen and (max-width: 991px) {
  .hideFromSmallDevices {
    display: none
  }

  .menuOuter footer {
    display: flex
  }
}

@media only screen and (max-width: 767px) {
  footer {
    height: auto;
    flex-wrap: wrap
  }

  footer .imgBlock,
  footer .linkBlock {
    width: 100%;
    margin: .5rem auto
  }

  footer .imgBlock {
    margin-top: .5rem;
    padding-left: 1rem
  }

  footer .linkBlock ul li a {
    display: inline-block;
    padding: .3rem 1rem
  }

  footer .linkBlock ul li:first-child {
    width: 100%;
    padding-bottom: 0
  }

  footer .linkBlock ul li:first-child:after {
    display: none
  }
}

.profileView {
  position: relative;
  padding: 1rem
}

.entrepriseButtonSec::before {
  content: " ";
  position: absolute;
  height: 4.4rem;
  border-right: .1rem solid #fff;
  top: 0;
  left: 0;
  opacity: .25
}

.entrepriseButtonSec .profileEmailid:hover {
  text-decoration: underline;
  background-color: none
}

.entrepriseButtonSec button.dropdown-toggle {
  border: none;
  padding: .6rem 0 .6rem .5rem;
  box-shadow: none;
  outline: 0
}

.entrepriseButtonSec button.dropdown-toggle::after {
  display: none
}

.entrepriseButtonSec button.dropdown-toggle:active {
  outline: 0;
  border: none
}

.entrepriseButtonSec button.dropdown-toggle i {
  color: #fff;
  border: .2rem solid #fff;
  border-radius: 50%;
  padding: .3rem .5rem;
  font-size: 2rem;
  margin: 0 1rem
}

ul.prflDrpDwn {
  display: none;
  padding: 1.2rem 0 0
}

ul.prflDrpDwn .arrowLogout {
  position: absolute;
  top: -.3rem;
  right: 8%;
  display: flex
}

ul.prflDrpDwn::before {
  display: inline-block;
  margin: -.5rem 0 0 17.8rem;
  vertical-align: .255em;
  text-align: right;
  content: "";
  border-top: 0;
  border-right: .6rem solid transparent;
  border-bottom: .6rem solid #fff;
  border-left: .6rem solid transparent
}

ul.prflDrpDwn.dropdown-menu.show {
  display: block;
  width: 20.3rem;
  height: auto;
  border-radius: .6rem;
  border: rgba(0, 0, 0, .16);
  inset: 0rem 1.3rem auto auto
}

ul.prflDrpDwn li {
  font-size: 1.4rem;
  color: #737373;
  padding: 0 2rem 1.5rem;
  cursor: auto;
  line-height: 2.5rem
}

ul.prflDrpDwn li a {
  display: flex;
  padding: 0;
  color: #737373;
  line-height: normal
}

ul.prflDrpDwn li a span {
  display: inline-flex;
  align-items: center
}

ul.prflDrpDwn li a:hover {
  color: #737373
}

ul.prflDrpDwn li a .lastloginDetails div {
  width: 100%;
  display: block
}

ul.prflDrpDwn li a .lastloginDetails div:last-child {
  font-size: 1.2rem;
  margin-top: .5rem
}

ul.prflDrpDwn li i {
  font-size: 1.6rem;
  color: #651f93;
  margin-right: .9rem;
  padding: 0;
  vertical-align: middle
}

ul.prflDrpDwn li i.bi-person {
  font-size: 1.8rem
}

ul.prflDrpDwn li.logoutSection {
  margin: 0
}

ul.prflDrpDwn li.logoutSection a {
  border-top: .1rem solid #e6e6e6;
  padding: 1.2rem 0 0;
  color: #cc004b
}

ul.prflDrpDwn li.logoutSection i {
  color: #cc004b;
  margin-top: 0
}

ul.prflDrpDwn li.logoutSection:hover {
  background: #f2f2f2;
  border-bottom-right-radius: .6rem;
  border-bottom-left-radius: .6rem
}

ul.prflDrpDwn li.logoutSection:hover a {
  background: #f2f2f2;
  border-color: #f2f2f2
}

ul.prflDrpDwn li:first-child {
  padding-top: .5rem
}

.profileView {
  padding: 1rem 1rem 1rem .5rem
}

.profileView .entrepriseButtonSec .dropdown-toggle i {
  border: .1rem solid #fff;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 2.8rem;
  display: block;
  padding: 0;
  font-size: 1.8rem
}

.profileView .entrepriseButtonSec::before {
  left: .5rem
}

ul.prflDrpDwn li:first-child.arrowLogout {
  padding: 0
}

a {
  cursor: pointer
}

ul.prflDrpDwn li span.bi {
  font-size: 1.6rem;
  color: #651f93;
  margin-right: .9rem;
  padding: 0;
  vertical-align: middle
}

ul.prflDrpDwn li span.bi.bi-person {
  font-size: 1.8rem
}

.contextualInfo {
  max-width: 22.4rem;
  width: 100%;
  background-color: #fff;
  min-height: 50rem
}

.contextualInfo .cInfoHeading {
  display: flex;
  background-color: #f2f2f2;
  align-items: center
}

.contextualInfo .cInfoHeading.active .backBtn {
  display: flex
}

.contextualInfo .cInfoHeading.active h2 {
  font-family: Roboto-Regular
}

.contextualInfo .cInfoHeading .backBtn {
  box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .16);
  width: 2.3rem;
  height: 2.3rem;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1.1rem;
  display: none;
  cursor: pointer;
  transition: .5s ease all
}

.contextualInfo .cInfoHeading .backBtn i {
  color: #651f93;
  font-size: 1.4rem
}

.contextualInfo .cInfoHeading h2 {
  color: #404040;
  letter-spacing: .014rem;
  font-size: 1.4rem;
  padding: 0;
  margin: 0;
  font-family: Roboto-Medium;
  padding: 1.7rem 1.1rem;
  line-height: 1.9rem;
  transition: .5s ease all
}

.contextualInfo .contextualInfoList {
  padding: 0
}

.contextualInfo .contextualInfoList .cIListLi {
  border-bottom: .1rem solid #d9d9d9;
  position: relative;
  margin-left: 0
}

.contextualInfo .contextualInfoList .cIListLi.active i.bi.bi-caret-right-fill,
.contextualInfo .contextualInfoList .cIListLi.active span.bi.bi-caret-right-fill {
  opacity: 0;
  margin-right: 0
}

.contextualInfo .contextualInfoList .cIListLi.active .cILink {
  font-family: Roboto-Medium
}

.contextualInfo .contextualInfoList .cIListLi.active .cILink:hover {
  text-decoration: none
}

.contextualInfo .contextualInfoList .cIListLi.active i,
.contextualInfo .contextualInfoList .cIListLi.active span {
  margin-right: 1.4rem
}

.contextualInfo .contextualInfoList .cIListLi .cILink {
  margin: 0;
  color: #404040;
  letter-spacing: .014rem;
  font-size: 1.4rem;
  padding: 1.2rem 2.2rem 1.2rem 1.2rem;
  cursor: pointer;
  width: 100%;
  display: inline-block
}

.contextualInfo .contextualInfoList .cIListLi i,
.contextualInfo .contextualInfoList .cIListLi span {
  color: #0194e9;
  font-size: 1.7rem;
  margin-right: 1rem;
  vertical-align: middle;
  line-height: normal;
  display: inline-block
}

.contextualInfo .contextualInfoList .cIListLi i.bi.bi-caret-right-fill,
.contextualInfo .contextualInfoList .cIListLi span.bi.bi-caret-right-fill {
  color: #ccc;
  float: right;
  margin-right: 0;
  font-size: 1.1rem;
  margin-top: .7rem;
  opacity: 1;
  position: absolute;
  right: 2rem
}

.contextualInfo .cIContentWrap {
  position: absolute;
  background-color: #fff;
  top: 4.5rem;
  z-index: 1;
  width: 100%;
  left: 0;
  display: none;
  overflow-y: auto;
  border-bottom: .1rem solid #d9d9d9
}

.contextualInfo .cIContentWrap .cIContentText {
  padding: 1.1rem;
  font-size: 1.4rem;
  color: #4d4d4d;
  line-height: 1.7rem
}

.contextualInfo .cIContentWrap .cIContentText p {
  font-size: 1.4rem;
  line-height: 1.7rem;
  padding: 0;
  cursor: default;
  margin: 0
}

.contextualInfo .cIContentWrap .cIContentText:nth-of-type(odd) {
  background-color: #f2f2f2
}

.topBox ul {
  padding-left: 0
}

.topBox ul li {
  text-align: right
}

.topBox ul li .commBox {
  background: linear-gradient(180deg, #0081cc 0, #076fab 100%);
  min-height: 10rem;
  position: relative;
  padding: 1.2rem 1.5rem .2rem
}

.topBox ul li .commBox span.bi.bi-calendar-week.iconPos,
.topBox ul li .commBox span.bi.bi-cpu.iconPos,
.topBox ul li .commBox span.bi.bi-credit-card-2-front.iconPos,
.topBox ul li .commBox span.bi.bi-person-workspace.iconPos {
  color: rgba(255, 255, 255, .4);
  width: auto
}

.topBox ul li .commBox span {
  width: 100%;
  display: inline-block;
  font-family: Roboto-Medium;
  color: #fff
}

.topBox ul li .commBox span.boxText {
  font-size: 1.6rem
}

.topBox ul li .commBox span.boxNum {
  font-size: 3.6rem
}

.topBox ul li .boxColor1 {
  background: linear-gradient(180deg, #cc004b 0, #a60c45 100%)
}

.topBox ul li .boxColor2 {
  background: linear-gradient(180deg, #651f93 0, #59207e 100%)
}

.topBox ul li .boxColor3 {
  background: linear-gradient(180deg, #ce9e0d 0, #8f7219 100%)
}

span.iconPos {
  position: absolute;
  left: 2rem;
  font-size: 5.5rem;
  top: 50%;
  transform: translate(0, -50%)
}

.img-responsive {
  width: 100%
}

.listBotLoginContentWrap {
  display: flex;
  flex-wrap: wrap
}

.listBotLoginContentWrap .listBotLoginContent {
  width: calc(100% - 24.7rem)
}

.tabsHorizontalWrap .tabsHorizontalList {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: #fff
}

.tabsHorizontalWrap .tabsHorizontalList li {
  width: 20%;
  position: relative;
  text-align: center
}

.tabsHorizontalWrap .tabsHorizontalList li a {
  padding: 1rem 3rem;
  display: inline-block;
  border-bottom: .4rem solid transparent;
  width: 100%;
  height: 100%;
  transition: .5s ease all
}

.tabsHorizontalWrap .tabsHorizontalList li a h5 {
  font-size: 1.2rem;
  color: #333;
  text-transform: uppercase;
  font-family: Roboto-Bold;
  margin: 0 0 .2rem 0;
  line-height: normal
}

.tabsHorizontalWrap .tabsHorizontalList li a .countVal {
  color: #262626;
  font-size: 1.4rem;
  margin: 0;
  line-height: normal
}

.tabsHorizontalWrap .tabsHorizontalList li a:hover {
  background-color: #f2f2f2
}

.tabsHorizontalWrap .tabsHorizontalList li.active a {
  border-color: #cc004b
}

.tabsHorizontalWrap .tabsHorizontalList li.active a h5 {
  color: #cc004b
}

.tabsHorizontalWrap .tabsHorizontalList li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #d9d9d9;
  height: 3.2rem;
  width: .1rem
}

.tabsHorizontalWrap .tabsHorizontalList li:last-child {
  text-align: right
}

.tabsHorizontalWrap .tabsHorizontalList li:last-child a:after {
  display: none
}

.tabsHorizontalWrap .tabsHorizontalList li:last-child:after {
  visibility: hidden
}

.tabsHorizontalWrap .tabsHorizontalList li i {
  font-size: 2rem;
  color: #651f93;
  margin-right: 0
}

.tabsHorizontalWrap .tabsHorizontalList li .dropdown {
  padding: 1rem 3rem
}

.tabsHorizontalWrap .tabsHorizontalList li .dropdown-toggle {
  cursor: pointer
}

.tabsHorizontalWrap .tabsHorizontalList li .dropdown-toggle h5 {
  font-size: 1.2rem;
  color: #333;
  text-transform: uppercase;
  font-family: Roboto-Bold;
  margin: 0 0 .2rem 0;
  line-height: normal
}

.tabsHorizontalWrap .tabsHorizontalList li .dropdown-toggle:after {
  display: none
}

.tabsHorizontalWrap .tabsHorizontalList li .dropdown-toggle i.bi-exclamation-circle,
.tabsHorizontalWrap .tabsHorizontalList li .dropdown-toggle span.bi-exclamation-circle {
  margin: 0;
  color: #3b1c4f;
  width: 2rem;
  height: 2rem;
  font-size: 1.8rem;
  display: inline-block;
  text-align: center
}

.tabsHorizontalWrap .tabsHorizontalList li .dropdown-menu {
  box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .16);
  border: .1rem solid #f2f2f2;
  border-radius: .6rem;
  padding: 1rem;
  min-width: 36rem;
  margin-top: 1.2rem;
  margin-right: -1.2rem
}

.tabsHorizontalWrap .tabsHorizontalList li .dropdown-menu p {
  color: #1a1a1a;
  font-size: 1.4rem;
  margin: 0;
  border-right: .1rem solid #d9d9d9;
  line-height: 1.8rem
}

.tabsHorizontalWrap .tabsHorizontalList li .dropdown-menu .alertContent {
  display: flex;
  align-items: center;
  justify-content: center
}

.tabsHorizontalWrap .tabsHorizontalList li .dropdown-menu .alertContent i.bi-info-circle,
.tabsHorizontalWrap .tabsHorizontalList li .dropdown-menu .alertContent span.bi-info-circle {
  width: 3rem;
  height: 3rem;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  margin: .7rem 1.5rem 0 0;
  font-size: 2rem;
  color: #651f93
}

.tabsHorizontalWrap .tabsHorizontalList li .dropdown-menu .alertContent i.bi-x-circle,
.tabsHorizontalWrap .tabsHorizontalList li .dropdown-menu .alertContent span.bi-x-circle {
  margin: 0 0 0 1.5rem;
  cursor: pointer;
  font-size: 2rem
}

.compListtab li.nav-item:hover {
  background-color: #fff
}

.compListtab li.nav-item:hover span {
  background-color: #f2f2f2;
  border-radius: .6rem;
  transition: all .5s ease-in-out
}

.compListtab .tbc .tab-pane {
  margin-top: 0
}

.compListtab .tbc button#home-tab::after,
.compListtab .tbc button#profile-tab::after {
  content: none
}

.compListtab .tbc ul#myTab {
  background: #fff;
  box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .1607843137);
  padding: 0 2.1rem;
  position: relative
}

.compListtab .tbc ul#myTab .nav-item .nav-link.active i,
.compListtab .tbc ul#myTab .nav-item .nav-link.active span {
  color: #cc004b
}

.compListtab .tbc ul#myTab .nav-item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #d9d9d9;
  height: 3.2rem;
  width: .1rem
}

.compListtab .tbc ul#myTab .nav-item:last-of-type::after {
  display: none
}

.compListtab .tbc ul#myTab li {
  position: relative
}

.compListtab .tbc .nav-tabs .nav-link {
  font-size: 1.4rem;
  border: none;
  padding: .5rem 2.1rem;
  color: #333;
  font-family: Roboto-Bold;
  padding-top: .8rem
}

.compListtab .tbc .nav-tabs .nav-link .tabSpan {
  padding: 1.1rem 3.7rem;
  display: inline-block
}

.compListtab .tbc .nav-tabs .nav-link .tabSpan i,
.compListtab .tbc .nav-tabs .nav-link .tabSpan span {
  font-size: 1.9rem;
  vertical-align: middle;
  margin-left: 0;
  margin-right: 1rem;
  color: #bfbfbf
}

.compListtab .tbc .nav-item .nav-link.active {
  color: #cc004b;
  border-bottom: .4rem solid #cc004b;
  background: 0 0
}

.tabVerticalBtn {
  background-color: #fff;
  border: .1rem solid #d9d9d9;
  border-top: 0;
  padding: 0
}

.tabVerticalBtn h3 {
  font-size: 1.4rem;
  color: #333;
  border-bottom: .1rem solid #d9d9d9;
  font-family: Roboto-Medium;
  padding: 1rem 1rem
}

.tabVerticalBtn ul {
  padding: 0
}

.tabVerticalBtn ul li a {
  display: inline-block;
  font-size: 1.4rem;
  position: relative;
  width: 100%;
  padding: .6rem .5rem .6rem 1rem;
  cursor: pointer;
  border-radius: .4rem;
  transition: .5s ease all;
  color: #333
}

.tabVerticalBtn ul li a span.contentTab {
  color: #333
}

.tabVerticalBtn ul li a span.numberTab {
  position: absolute;
  right: 3rem;
  width: 2.6rem;
  height: 2rem;
  text-align: center;
  border-radius: .2rem;
  color: inherit
}

.tabVerticalBtn ul li a i {
  position: absolute;
  right: .5rem;
  margin: 0;
  top: 1.1rem;
  color: #bfbfbf;
  font-size: 1.2rem
}

.tabVerticalBtn ul li a:hover {
  background-color: #f2f2f2
}

.tabVerticalBtn ul li.active a {
  background-color: #f2f2f2
}

.tabVerticalBtn ul li.active a span.contentTab {
  color: #651f93
}

.tabVerticalBtn ul li.active a i {
  color: #651f93
}

.tabsHorizontalWrap {
  position: relative;
  z-index: 999
}

.schedulTb .tableWrp {
  margin: 0 2rem 2rem 0
}

.schedulTb h4 {
  color: #333;
  font-size: 1.6rem;
  font-family: Roboto-Bold;
  padding: 1.5rem .2rem;
  margin: 0
}

.schedulTb .instanceBtn {
  display: flex;
  justify-content: space-between;
  padding: 1rem 2rem 1rem 0
}

.schedulTb .instanceBtn h4 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.botListtb {
  padding-left: 2rem
}

.listBotLoginContent .tabVerticalBtn {
  min-height: 49.9rem;
  max-width: 26.3rem
}

.dFlexMainDiv {
  display: flex;
  justify-content: space-between
}

.vSSec {
  position: relative;
  width: 26.7rem;
  background-color: #fff;
  border-radius: .6rem;
  transition: .2s ease-in-out;
  transform-origin: right;
  min-height: calc(100vh - 22rem)
}

.vSSec .vSArrowSec {
  position: relative;
  height: 3rem;
  display: flex;
  align-items: center;
  padding: 0 .5rem
}

.vSSec .vSArrowSec i,
.vSSec .vSArrowSec span {
  font-size: 1.8rem;
  color: #999;
  cursor: pointer;
  position: absolute;
  left: calc(100% - 2rem);
  transition: .2s ease-in-out
}

.vSSec .vSHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem 1rem;
  border-bottom: .1rem solid #e6e6e6;
  position: relative
}

.vSSec .vSHeader h4 {
  position: relative;
  transition: .2s ease-in-out;
  white-space: nowrap;
  transform: rotate(0);
  font-size: 1.7rem;
  color: #333
}

.vSSec .vSHeader .sBSec .sBIcon {
  width: 2.4rem;
  height: 2.4rem;
  background: #f2f2f2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer
}

.vSSec .vSHeader .sBSec .sBIcon i {
  font-size: 1.4rem;
  color: #651f93
}

.vSSec .vSHeader .sBSec .sBInput {
  width: 0;
  transition: .2s ease-in-out;
  position: absolute;
  right: 1rem;
  display: flex;
  align-items: center;
  height: 2.9rem;
  background: #f2f2f2;
  border-radius: .6rem
}

.vSSec .vSHeader .sBSec .sBInput i,
.vSSec .vSHeader .sBSec .sBInput span {
  font-size: 1.4rem;
  position: absolute;
  right: .5rem;
  color: #999;
  cursor: pointer;
  display: none
}

.vSSec .vSHeader .sBSec .sBInput input {
  width: 100%;
  height: 100%;
  padding: .5rem 2.5rem .5rem 1rem;
  color: #333;
  outline: 0;
  font-size: 1.4rem;
  display: none;
  border-radius: .6rem;
  border: none;
  background: 0 0
}

.vSSec .vSHeader .sBSec .sBInput input::placeholder {
  color: #999
}

.vSSec .vSHeader .sBSec .sBInput.showsBInput {
  width: calc(100% - 2rem);
  border: .1rem solid #ccc
}

.vSSec .vSHeader .sBSec .sBInput.showsBInput i,
.vSSec .vSHeader .sBSec .sBInput.showsBInput input,
.vSSec .vSHeader .sBSec .sBInput.showsBInput span {
  display: flex
}

.vSSec .vSContent {
  padding: 1rem 0;
  height: calc(100vh - 26rem);
  overflow-y: auto
}

.vSSec .vSContent::-webkit-scrollbar {
  width: 1rem;
  height: 1rem
}

.vSSec .vSContent::-webkit-scrollbar-track {
  background: #d9d9d9
}

.vSSec .vSContent::-webkit-scrollbar-thumb {
  background: #a6a6a6;
  border-radius: .8rem
}

.vSSec .vSContent::-webkit-scrollbar-thumb:hover {
  background: #999
}

.vSSec .vSBtnBottom {
  width: 100%;
  height: 5.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0
}

.vSSec .vSBtnBottom .formRow {
  margin: 0
}

.vSSec .vSBtnBottom .formRow button {
  margin: 0;
  min-width: 20rem
}

.vSSec.rightSideBar .vSArrowSec i,
.vSSec.rightSideBar .vSArrowSec span {
  transform: rotate(180deg);
  left: .7rem
}

.vSSec.rightSideBar.collapseSidebar .vSArrowSec i,
.vSSec.rightSideBar.collapseSidebar .vSArrowSec span {
  transform: rotate(0);
  left: calc(100% - 2rem)
}

.vSSec.collapseSidebar {
  width: 3rem
}

.vSSec.collapseSidebar .vSArrowSec i,
.vSSec.collapseSidebar .vSArrowSec span {
  transform: rotate(180deg);
  left: .7rem
}

.vSSec.collapseSidebar .vSHeader {
  border-bottom: none
}

.vSSec.collapseSidebar .vSHeader .sBSec {
  display: none
}

.vSSec.collapseSidebar .vSHeader h4 {
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: .5rem;
  transform: rotate(90deg);
  width: 3rem
}

.vSSec.collapseSidebar .vSBtnBottom,
.vSSec.collapseSidebar .vSContent {
  display: none
}

ul.sbLMainUl {
  position: relative;
  padding: 0;
  overflow: hidden
}

ul.sbLMainUl .sbLLi {
  border-radius: 0 6rem 6rem 0;
  padding: .5rem;
  cursor: pointer
}

ul.sbLMainUl .sbLLi.active {
  background: #f4e8fc
}

ul.sbLMainUl .sbLLi:hover {
  background: #f2f2f2
}

ul.sbLMainUl .sbLLi .sbLContentSec {
  display: flex;
  align-items: center;
  justify-content: center
}

ul.sbLMainUl .sbLLi .sbLContentSec .sbLMainProfile {
  position: relative
}

ul.sbLMainUl .sbLLi .sbLContentSec .sbLMainProfile .listProPic {
  width: 3.2rem;
  height: 3.2rem;
  background: #7f7f7f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 2rem;
  color: #fff
}

ul.sbLMainUl .sbLLi .sbLContentSec .sbLMainProfile.withoutStatus .listProStatus {
  display: none
}

ul.sbLMainUl .sbLLi .sbLContentSec .sbLMainProfile.withOnlyStatus {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: .5rem
}

ul.sbLMainUl .sbLLi .sbLContentSec .sbLMainProfile.withOnlyStatus .listProPic {
  display: none
}

ul.sbLMainUl .sbLLi .sbLContentSec .sbLMainProfile.withOnlyStatus .listProStatus {
  width: 1.6rem;
  height: 1.6rem
}

ul.sbLMainUl .sbLLi .sbLContentSec .sbLMainProfile.withoutValue .listProStatus {
  width: .8rem;
  height: .8rem;
  right: 0
}

ul.sbLMainUl .sbLLi .sbLContentSec .sbLMainProfile.withoutProfile {
  display: none
}

ul.sbLMainUl .sbLLi .sbLContentSec .sbLMainProfile .listProStatus {
  width: 1.2rem;
  height: 1.2rem;
  background: #81b814;
  border: .1rem solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -.2rem;
  top: 0;
  line-height: .8rem;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1rem
}

ul.sbLMainUl .sbLLi .sbLContentSec .sbLContent {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 .3rem;
  flex: 1
}

ul.sbLMainUl .sbLLi .sbLContentSec .sbLContent .lDetails {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%
}

ul.sbLMainUl .sbLLi .sbLContentSec .sbLContent .lDetails p {
  font-size: 1.4rem;
  color: #333;
  margin: 0
}

ul.sbLMainUl .sbLLi .sbLContentSec .sbLContent p.lDescription {
  font-size: 1.2rem;
  color: #737373;
  margin: 0
}

ul.sbLMainUl .sbLLi .sbLContentSec .lNotification {
  width: 2.4rem;
  height: 2.4rem;
  background: #651f93;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.2rem
}

ul.sbLMainUl .sbLLi .sbLContentSec .lHistoryIcon i,
ul.sbLMainUl .sbLLi .sbLContentSec .lHistoryIcon span {
  font-size: 1.4rem;
  color: #737373;
  margin-left: .7rem
}

ul.sbLMainUl .sbLLi .sbLContentSec .lMoreAction {
  margin-left: .7rem
}

ul.sbLMainUl .sbLLi .sbLContentSec .lMoreAction a.dropdown-toggle {
  color: #262626;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

ul.sbLMainUl .sbLLi .sbLContentSec .lMoreAction a.dropdown-toggle:after {
  display: none
}

ul.sbLMainUl .sbLLi .sbLContentSec .lMoreAction a.dropdown-toggle.show,
ul.sbLMainUl .sbLLi .sbLContentSec .lMoreAction a.dropdown-toggle:hover {
  background: #e6e6e6
}

ul.sbLMainUl .sbLLi .sbLContentSec .lMoreAction .customContext::before {
  left: auto;
  right: .5rem
}

ul.sbLMainUl .sbLLi .sbLContentSec.withoutNotifi .lNotification {
  display: none
}

ul.sbLMainUl .sbLLi .sbLContentSec.withoutHistoryIcon .lHistoryIcon {
  display: none
}

ul.sbLMainUl .sbLLi .sbLContentSec.withoutTimeNDesc .sbLContent p.lDescription,
ul.sbLMainUl .sbLLi .sbLContentSec.withoutTimeNDesc .sbLContent p.time {
  display: none
}

ul.sbLMainUl .sbLLi .sbLContentSec.withoutTime .sbLContent p.time {
  display: none
}

ul.sbLMainUl .sbLLi .sbLContentSec.withoutHistoryNNotifi .lHistoryIcon,
ul.sbLMainUl .sbLLi .sbLContentSec.withoutHistoryNNotifi .lNotification {
  display: none
}

ul.sbLMainUl .context-menu-list li.context-menu-item {
  padding: .8rem 2.8rem .8rem .8rem
}

ul.sbLMainUl .context-menu-list:before {
  border-bottom: .5rem solid #e6e6e6;
  left: auto;
  right: .5rem
}

.slicer01 ul.tabBoxLft {
  display: block;
  padding-left: 0
}

.slicer01 ul.tabBoxLft li {
  background-color: #f4e8fc;
  border: .1rem solid #ccc;
  min-width: 14rem;
  min-height: 9rem;
  text-align: center;
  margin-right: 1rem;
  cursor: pointer;
  font-size: 1.4rem;
  padding: 1.3rem 0 0;
  font-family: Roboto-Medium;
  border-radius: .6rem;
  position: relative;
  display: inline-block
}

.slicer01 ul.tabBoxLft li a {
  color: #651f93
}

.slicer01 ul.tabBoxLft li.active {
  background-color: #651f93;
  border-color: #411d58
}

.slicer01 ul.tabBoxLft li.active a {
  color: #fff
}

.slicer01 ul.tabBoxLft li.active::after {
  content: "";
  position: absolute;
  border-top: .8rem solid #651f93;
  border-left: .7rem solid transparent;
  border-right: .7rem solid transparent;
  bottom: -1.8rem;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: .2rem
}

.slicer01 ul.tabBoxLft li span {
  display: inline-block;
  width: 100%
}

.slicer01 ul.tabBoxLft li span.count {
  font-size: 3.6rem
}

.bannerLeaderBoard .bannerImg {
  position: relative
}

.bannerLeaderBoard .bannerImg img {
  width: 100%
}

.bannerLeaderBoard .bannerImg h2.leaderName {
  color: #fff;
  font-size: 2.5rem;
  background-color: rgba(101, 31, 147, .7);
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  margin: 0;
  padding: 1.5rem 0;
  font-family: Roboto-Regular
}

.horizontalFilter .filterRgt {
  border-left: .1rem solid #e6e6e6;
  padding: .5rem 0 .5rem 1.7rem;
  width: 100%
}

.horizontalFilter .filterRgt h4 {
  font-size: 2.1rem;
  color: #333;
  font-family: Roboto-Medium;
  margin: 0 0 1rem
}

.horizontalFilter .filterRgt .formRow {
  width: calc(50% - 0rem)
}

.horizontalFilter .filterRgt .formRow .dropDown label {
  font-size: 1.4rem;
  color: #333;
  font-family: Roboto-Medium;
  margin-bottom: .7rem
}

.horizontalFilter .filterRgt .formRow .dropDown .form-select {
  background-color: #fff;
  border: .1rem solid #ccc;
  font-size: 1.6rem;
  color: #333;
  border-radius: .4rem
}

.horizontalFilter .filterRgt .formRow .dropDown .form-select:focus {
  outline: 0;
  box-shadow: none
}

.filterBtn span:first-child {
  border-right: .1rem solid #e6e6e6
}

.breadcrumb02 {
  background-color: #411d58;
  padding: .3rem 1.5rem .3rem 1rem
}

.breadcrumb02 .breadcrumbList {
  display: flex;
  padding: 0;
  align-items: center
}

.breadcrumb02 .breadcrumbList>li {
  margin: 0 5px
}

.breadcrumb02 .breadcrumbList>li.dropdown .dropdown-toggle:after {
  display: none
}

.breadcrumb02 .breadcrumbList a {
  color: #e7cdf9;
  font-size: 1.4rem
}

.breadcrumb02 .breadcrumbList a.dropDownBreadcrumbLink {
  padding: 0 .3rem;
  border-left: 1px solid #9833db;
  border-right: 1px solid #9833db
}

.breadcrumb02 .breadcrumbList a.dropDownBreadcrumbLink .dropDownBreadcrumb {
  padding: 0 .2rem;
  border-radius: .2rem
}

.breadcrumb02 .breadcrumbList a.dropDownBreadcrumbLink .dropDownBreadcrumb.context-menu-active {
  background-color: #fff;
  color: #651f93
}

.breadcrumb02 .breadcrumbList a.dropDownBreadcrumbLink.active .dropDownBreadcrumb,
.breadcrumb02 .breadcrumbList a.dropDownBreadcrumbLink:hover .dropDownBreadcrumb {
  background-color: #fff;
  color: #651f93
}

.breadcrumb02 .breadcrumbList a i {
  color: #e7cdf9;
  font-size: 1.4rem
}

.breadcrumb02 .breadcrumbList span {
  color: #e7cdf9;
  font-size: 1.4rem
}

.breadcrumb02 .breadcrumbList span:hover {
  text-decoration: underline
}

.customContext {
  padding: 0;
  min-width: 14.4rem;
  border: .1rem solid #e6e6e6;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, .16);
  border-radius: .6rem
}

.customContext li {
  margin: 0
}

.customContext li .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: .8rem 2.8rem;
  font-size: 1.4rem;
  border-radius: .6rem;
  color: #333;
  box-sizing: border-box;
  padding-left: 0
}

.customContext li .dropdown-item:hover {
  background-color: #f2f2f2
}

.customContext li .dropdown-item i,
.customContext li .dropdown-item span {
  font-size: 1.4rem;
  width: 2.8rem;
  text-align: center;
  color: #651f93
}

.customContext li .dropdown-item.disabled {
  padding-left: 1rem;
  color: #737373
}

.customContext:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  top: -5px;
  left: 10px
}

.breadcrumb02 {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.ddmIcon {
  color: #dab2f5;
  padding-right: .5rem;
  font-size: 1.8rem
}

a.dropDownBreadcrumbLink.dropdown-toggle {
  color: #fff
}

.menuIcon {
  background-color: transparent;
  border: none
}

.breadcrumb {
  color: #666
}

.infoBarWrap {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: 1.2rem 1.5rem 1.2rem 1.9rem;
  justify-content: space-around
}

.infoBarWrap .infoBarCol {
  border-right: .1rem solid #d9d9d9;
  padding: 0 2rem
}

.infoBarWrap .infoBarCol:last-child {
  border-right: none
}

.infoBarWrap .infoBarContnet {
  display: flex;
  flex-wrap: nowrap;
  align-items: center
}

.infoBarWrap .backArrow {
  width: 3.6rem;
  height: 3.6rem;
  border: .1rem solid #e6e6e6;
  border-radius: 50%;
  display: inline-block;
  color: #651f93;
  font-size: 2rem;
  text-align: center;
  line-height: 3.6rem;
  background: transparent radial-gradient(closest-side at 50% 50%, #fff 0, #f2f2f2 100%) 0 0 no-repeat padding-box;
  align-items: center;
  justify-content: center;
  display: flex
}

.infoBarWrap h6 {
  color: #651f93;
  font-size: 1.2rem;
  margin-bottom: 0;
  font-family: Roboto-Bold;
  line-height: normal;
  text-transform: uppercase
}

.infoBarWrap p {
  color: #333;
  font-size: 1.4rem;
  margin: 0;
  line-height: normal
}

.infoBarWrap .infoBarContnet h6 {
  margin-bottom: 0;
  min-width: 7.1rem;
  text-align: right;
  margin-top: .2rem;
  margin-right: .5rem
}

.infoBarWrap .dividerLine {
  color: #bfbfbf;
  margin: 0 .2rem
}

.infoBarWrap .infoBarColForm .formRow {
  margin: 0
}

@media screen and (min-width: 1366px) {

  .infoBarWrap .infoBarCol.indicationCol,
  .infoBarWrap .infoBarCol.workItemCol {
    padding-right: 4rem
  }

  .infoBarWrap .infoBarCol.priorityCol,
  .infoBarWrap .infoBarCol.stationCol {
    padding-right: 6rem
  }

  .infoBarWrap .infoBarCol.timetCol {
    padding-left: 3.5rem
  }
}

.infobarWrapper .Showmoreinfo {
  justify-content: flex-end;
  display: none;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: .6rem;
  border-bottom-right-radius: .6rem
}

.infobarWrapper .Showmoreinfo .infoBarCol:last-child {
  border-left: .1rem solid #d9d9d9
}

.infobarWrapper .indicator {
  display: block
}

.infobarWrapper .infoBarCol.dropdown {
  border-right: .1rem solid #d9d9d9;
  padding: 0;
  border-left: 0
}

.infobarWrapper .infoBarCol.dropdownborder {
  border-left: 0
}

.infoBarWrapDrop {
  background-color: #fff;
  display: flex;
  padding: .9rem 1.5rem .9rem 1.8rem;
  justify-content: space-between;
  width: 100%;
  z-index: 1
}

.infoBarWrapDrop .titleSection {
  display: flex;
  justify-content: flex-start;
  align-items: center
}

.infoBarWrapDrop .titleSection .infoTitle {
  padding-left: .8rem;
  border-left: .1rem solid #e6e6e6;
  margin-left: .8rem;
  line-height: normal
}

.infoBarWrapDrop .reviewSectionForm .infoBarCol:last-child {
  border-left: .1rem solid #d9d9d9
}

.infoBarWrapDrop .reviewSectionForm i {
  margin-right: 0;
  padding-bottom: .4rem;
  display: inline-block;
  color: #651f93
}

.infoBarWrapDrop .reviewSectionForm .btnCancelRight {
  margin-right: 1rem
}

.infoBarWrapDrop .reviewSection {
  display: flex;
  justify-content: flex-end
}

.infoBarWrapDrop .reviewSection .infoBarCol {
  border-right: 0
}

.infoBarWrapDrop .reviewSection .infoBarCol.timeCol.timeColborder {
  border-right: .1rem solid #d9d9d9
}

.infoBarWrapDrop .reviewSection .infoTitle {
  padding-top: .5rem
}

.infoBarWrapDrop p {
  margin-top: .2rem
}

.infoBarWrapDrop h6 {
  padding-top: .4rem
}

.infoBarWrapDrop .infoTitle h3 {
  margin-top: 0;
  text-transform: capitalize
}

.infoBarWrapDrop .infoBarColForm .dropDown {
  display: flex;
  width: 100%
}

.infoBarWrapDrop .infoBarColForm .dropDown label {
  font-size: 1.4rem;
  margin: 1rem 1.4rem 0 0;
  color: #333
}

.infoBarWrapDrop .infoBarColForm .dropDown .form-select {
  width: 11rem;
  height: 3.2rem;
  margin-top: .6rem;
  border: .1rem solid #ccc;
  border-radius: .6rem
}

.infoBarWrapDrop .infoBarCol {
  border-left: .1rem solid #d9d9d9;
  padding: 0 1.6rem
}

.infoBarWrapDrop .infoBarCol .moreIcon {
  color: #651f93;
  font-size: 1.2rem;
  text-transform: uppercase;
  cursor: pointer;
  background: 0 0;
  border: none;
  width: 5rem;
  height: 3.5rem;
  margin-top: .3rem;
  border-radius: .6rem;
  background: #f2f2f2;
  margin-right: .8rem;
  border: .1rem solid #d9d9d9
}

.infoBarWrapDrop .infoBarCol .moreIcon i {
  display: block
}

.infoBarWrapDrop .infoBarCol:last-child {
  border-left: none
}

.infoBarWrapDrop .infoBarContnet {
  display: flex;
  flex-wrap: nowrap;
  align-items: center
}

.infoBarWrapDrop .infoBarContnet .infoTitle {
  margin-bottom: 0;
  min-width: 7.1rem;
  text-align: right;
  margin-top: .2rem;
  margin-right: .5rem;
  padding-top: 0
}

.infoBarWrapDrop .backArrow {
  width: 3.6rem;
  height: 3.6rem;
  border: .1rem solid #e6e6e6;
  border-radius: 50%;
  display: inline-block;
  color: #651f93;
  font-size: 2rem;
  text-align: center;
  line-height: 3.6rem;
  background: transparent radial-gradient(closest-side at 50% 50%, #fff 0, #f2f2f2 100%) 0 0 no-repeat padding-box;
  align-items: center;
  justify-content: center;
  display: flex
}

.infoBarWrapDrop .infoTitle {
  color: #651f93;
  font-size: 1.2rem;
  margin-bottom: 0;
  font-family: Roboto-Bold;
  line-height: normal;
  text-transform: uppercase;
  display: block
}

.infoBarWrapDrop span.infostatus {
  color: #333;
  font-size: 1.4rem;
  margin: 0;
  line-height: normal;
  display: block;
  font-family: Roboto-Regular
}

.infoBarWrapDrop .infoBarContnet h6 {
  margin-bottom: 0;
  min-width: 7.1rem;
  text-align: right;
  margin-top: .2rem;
  margin-right: .5rem
}

.infoBarWrapDrop .dividerLine {
  color: #bfbfbf;
  margin: 0 .2rem
}

.infoBarWrapDrop .infoBarCol .status {
  font-size: 1.2rem;
  border-radius: .4rem;
  text-align: center;
  width: 9.9rem;
  padding: .3rem;
  background-color: #fcf7e8;
  border-color: #f9e5aa;
  color: #79621b
}

.infoBarWrapDrop .infoBarCol button {
  margin: 0
}

.infoBarWrapDrop .infoBarCol .formRow {
  margin: 0
}

.infoBarWrapDrop .infoBarCol .releaseBtn {
  color: #e62019;
  background: #fce9e8;
  border: .1rem solid #f8c1bf;
  margin-right: 1rem
}

.infoBarWrapDrop .infoBarCol .releaseBtn:hover {
  border: .1rem solid #f39995
}

.infoBarInlineColForm {
  display: flex
}

.infoBarInlineColForm .formRow {
  margin-right: 1.4rem
}

.infoBarInlineColForm .formRow .dateRangeWrap {
  display: flex;
  margin-right: 0
}

.infoBarInlineColForm .formRow .dateRangeWrap label {
  font-size: 1.4rem;
  margin: 1rem 1.4rem 0 0;
  color: #333
}

.infoBarInlineColForm .formRow .dateRangeWrap .inputBox {
  margin-right: .8rem;
  max-width: 14.2rem
}

.infoBarInlineColForm .formRow .dateRangeWrap .inputBox i {
  position: absolute;
  top: 1.4rem;
  right: 1rem;
  font-size: 1.5rem;
  margin: 0;
  color: #651f93
}

.infoBarInlineColForm .formRow .dateRangeWrap .inputBox input {
  height: 4rem;
  max-width: 14.2rem
}

.infoBarInlineColForm .formRow .dateRangeWrap .inputBox input:disabled {
  opacity: .5;
  cursor: not-allowed
}

.infoBarInlineColForm .formRow .dateRangeWrap .inputBox input:disabled+i {
  opacity: .5;
  cursor: not-allowed
}

.infoBarInlineColForm .formRow .dateRangeWrap .inputBox:last-child {
  margin-right: 0
}

.infoBarVersion4 .infoBarWrapDrop .infoBarColForm .dropDown .form-select {
  width: 20rem;
  height: 4rem;
  margin: 0
}

.infoBarVersion4 .infoBarInlineColForm .formRow {
  margin-right: .8rem
}

.infoBarVersion4 .infoBarCol {
  padding: 0 1rem
}

.infoBarVersion4 .infoBarCol:last-child {
  padding-right: 0
}

.infoBarVersion4 .formRow {
  margin-right: .8rem
}

.infoBarVersion4 .formRow .actionBtn {
  min-width: 14.8rem;
  width: 100%;
  max-height: 4rem
}

.infoBarVersion4 .formRow .actionBtn:disabled {
  opacity: .5;
  cursor: not-allowed
}

.infoBarVersion4 .formRow .actionBtn:disabled:hover {
  background-color: #558000;
  color: #fff
}

.infoBarVersion4 .formRow:last-child {
  margin-right: 0
}

.infoBarVersion4 .formRow.disabledCls {
  opacity: .5
}

.infoBarVersion4 .formRow.disabledCls .form-select {
  cursor: not-allowed
}

.infoBarVersion4 .formRow .btnCancel {
  box-shadow: 0 .2rem .2rem rgba(0, 0, 0, .16);
  border: .1rem solid #e6e6e6;
  border-radius: .6rem;
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #651f93;
  font-size: 1.4rem;
  line-height: normal;
  background-color: #f2f2f2
}

.infoBarVersion4 .formRow .btnCancel i {
  margin: 0;
  font-size: 2rem
}

.infoBarVersion4 .reviewSectionForm i {
  margin: 0
}

@media screen and (min-width: 1366px) {
  .infoBarWrapDrop .infoBarCol.indicationCol {
    padding: 0 1rem 0 0
  }

  .infoBarWrapDrop .infoBarCol.timetCol {
    text-align: right;
    padding: 0 1.5rem 0 0
  }

  .infoBarWrapDrop .infoBarCol.workItemCol {
    padding: 0 1.5rem 0 0
  }

  .infoBarWrapDrop .infoBarCol.stationCol {
    padding: 0 1.5rem 0 0
  }

  .infoBarWrapDrop .infoBarCol.userCol {
    padding: 0 1.5rem 0 0
  }
}

.infoBarWrapDrop .infoBarInlineColForm .formRow {
  margin-right: 1.4rem
}

@media only screen and (max-width: 991px) {
  .infoBarWrapDrop {
    flex-wrap: wrap
  }

  .infoBarWrapDrop .reviewSection {
    flex-wrap: wrap;
    justify-content: flex-start
  }

  .infoBarWrapDrop .reviewSection .infoBarCol {
    flex-wrap: wrap;
    margin: .6rem
  }

  .infoBarWrapDrop .reviewSection .infoBarCol .status {
    margin-top: .5rem
  }
}

@media only screen and (max-width: 767px) {
  .infoBarCol .formRow .dateRangeWrap {
    flex-wrap: wrap
  }

  .infoBarCol .formRow .dateRangeWrap label {
    margin-bottom: 1rem
  }

  .infoBarCol .formRow .dateRangeWrap input {
    margin-bottom: 1rem
  }

  .infoBarCol .formRow button {
    margin-bottom: 1rem
  }

  .advanceWrap .advanceSearchWrap {
    max-width: 30rem;
    min-width: 30rem
  }

  .userCard li {
    border-left: 0
  }

  .modelstatusWrap .modelStatusCard ul li {
    border-left: 0;
    padding-left: 2.7rem
  }

  .remittanceCard li {
    border-left: 0
  }

  .accessbilityToolbar .toolBarInnerSec .toolBarActionSec .toolBarAction {
    width: 2.2rem
  }

  .accessbilityToolbar .toolBarInnerSec {
    padding: 0 1rem
  }

  .vSSec.collapsibleAccordionWrp {
    width: 100%
  }
}

.noBorderInfobar .infoBarWrapDrop .titleSection .infoTitle {
  padding-left: 0;
  margin-left: 0;
  border-left: 0
}

.infoBarWrapDrop .infoBarCol:last-child {
  padding-right: 0
}

.infoBarCol.infoBarColForm.infoBarInlineColForm.pl-1 {
  padding-left: 1rem
}

.infoBarCol.infoBarColForm.pr-1 {
  padding-right: 1rem
}

.FilterSection {
  background-color: #fff;
  display: none
}

.FilterSection.uploadFilter .FilterWrap .FilterWrapGroup .FilterLt {
  margin-top: 0
}

@media only screen and (min-width: 768px) {
  .FilterSection.uploadFilter .FilterWrap .FilterWrapGroup .FilterLt .formRow .inlineForm {
    width: calc(100% - 9rem)
  }
}

@media only screen and (min-width: 768px) {
  .FilterSection.uploadFilter .FilterWrap .FilterWrapGroup .FilterLt .formRow .formElt {
    width: calc(100% - 9rem)
  }
}

@media only screen and (min-width: 768px) {
  .FilterSection.uploadFilter .FilterWrap .FilterWrapGroup .FilterLt .formRow label {
    min-width: 9rem
  }
}

.FilterSection .FilterWrap {
  background-color: #fff;
  padding: 1rem 2.5rem 0;
  max-width: 127.6rem;
  margin: 0 auto
}

@media only screen and (max-width: 767px) {
  .FilterSection .FilterWrap {
    padding: 1rem 1rem 0
  }
}

.FilterSection .FilterWrap .mView {
  display: none
}

@media only screen and (max-width: 767px) {
  .FilterSection .FilterWrap .mView {
    display: block
  }
}

.FilterSection .FilterWrap .mView p {
  text-align: center
}

.FilterSection .FilterWrap .mView .formRow {
  width: calc(50% - .5rem);
  margin-right: .5rem
}

.FilterSection .FilterWrap .mView .formRow .dropDown .form-select {
  height: 3.2rem
}

.FilterSection .FilterWrap .mView .formRow .inputBox input {
  height: 3.2rem
}

.FilterSection .FilterWrap .mView .formRow .inputBox i.bi.bi-calendar4-week,
.FilterSection .FilterWrap .mView .formRow .inputBox span.bi.bi-calendar4-week {
  position: absolute;
  right: 1rem;
  font-size: 1.6rem;
  top: 50%;
  transform: translate(0, -50%);
  color: #651f93;
  margin: 0;
  cursor: text
}

.FilterSection .FilterWrap .mView .infoBarInlineColForm {
  flex-wrap: wrap
}

.FilterSection .FilterWrap .FilterWrapGroup {
  display: flex;
  flex-wrap: wrap
}

.FilterSection .FilterWrap .FilterWrapGroup .FilterLt {
  max-width: 32.5rem;
  width: 100%;
  margin: 2rem 8rem 0 3rem
}

@media only screen and (max-width: 1199px) {
  .FilterSection .FilterWrap .FilterWrapGroup .FilterLt {
    margin: 2rem 2rem 0 2rem
  }
}

@media only screen and (max-width: 767px) {
  .FilterSection .FilterWrap .FilterWrapGroup .FilterLt {
    max-width: 100%;
    margin: 0 auto;
    width: 100%
  }
}

.FilterSection .FilterWrap .FilterWrapGroup .FilterLt .formRow {
  display: flex;
  flex-wrap: wrap
}

.FilterSection .FilterWrap .FilterWrapGroup .FilterLt .formRow label {
  min-width: 7rem
}

@media only screen and (max-width: 767px) {
  .FilterSection .FilterWrap .FilterWrapGroup .FilterLt .formRow label {
    width: 100%;
    max-width: 100%
  }
}

.FilterSection .FilterWrap .FilterWrapGroup .FilterLt .formRow .inlineForm {
  display: flex;
  width: calc(100% - 7rem)
}

@media only screen and (max-width: 767px) {
  .FilterSection .FilterWrap .FilterWrapGroup .FilterLt .formRow .inlineForm {
    width: 100%;
    max-width: 100%
  }
}

.FilterSection .FilterWrap .FilterWrapGroup .FilterLt .formRow .formElt {
  width: calc(100% - 7rem)
}

@media only screen and (max-width: 767px) {
  .FilterSection .FilterWrap .FilterWrapGroup .FilterLt .formRow .formElt {
    width: 100%;
    max-width: 100%;
    margin-right: 0
  }
}

.FilterSection .FilterWrap .FilterWrapGroup .FilterLt .visibility-hidden {
  visibility: hidden
}

@media only screen and (max-width: 767px) {
  .FilterSection .FilterWrap .FilterWrapGroup .FilterLt .visibility-hidden {
    display: none
  }
}

.FilterSection .FilterWrap .FilterWrapGroup .FilterRt {
  width: calc(100% - 43.5rem)
}

@media only screen and (max-width: 1199px) {
  .FilterSection .FilterWrap .FilterWrapGroup .FilterRt {
    width: calc(100% - 36.5rem)
  }
}

@media only screen and (max-width: 767px) {
  .FilterSection .FilterWrap .FilterWrapGroup .FilterRt {
    max-width: 100%;
    margin: 0 auto;
    width: 100%
  }
}

.FilterSection .FilterWrap .FilterWrapGroup .FilterRt>p {
  text-align: center;
  margin-bottom: 0
}

.FilterSection .FilterWrap .FilterWrapGroup .FilterRt .filterColGrp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.FilterSection .FilterWrap .FilterWrapGroup .FilterRt .filterColGrp .filterCol {
  width: 50%;
  max-width: 36.5rem
}

@media only screen and (max-width: 1199px) {
  .FilterSection .FilterWrap .FilterWrapGroup .FilterRt .filterColGrp .filterCol {
    width: 100%;
    margin: 0;
    max-width: 100%
  }
}

.FilterSection .FilterWrap .FilterWrapGroup .FilterRt .filterColGrp .filterCol:last-child {
  margin-right: 0
}

.FilterSection .FilterWrap .FilterWrapGroup .FilterRt .filterColGrp .filterCol .formRow {
  display: flex;
  flex-wrap: wrap
}

.FilterSection .FilterWrap .FilterWrapGroup .FilterRt .filterColGrp .filterCol .formRow label {
  min-width: 11.5rem
}

.FilterSection .FilterWrap .FilterWrapGroup .FilterRt .filterColGrp .filterCol .formRow .formElt,
.FilterSection .FilterWrap .FilterWrapGroup .FilterRt .filterColGrp .filterCol .formRow .inlineForm {
  width: calc(100% - 11.5rem)
}

@media only screen and (max-width: 767px) {

  .FilterSection .FilterWrap .FilterWrapGroup .FilterRt .filterColGrp .filterCol .formRow .formElt,
  .FilterSection .FilterWrap .FilterWrapGroup .FilterRt .filterColGrp .filterCol .formRow .inlineForm {
    width: 100%;
    max-width: 100%;
    margin: 0
  }
}

.FilterSection .FilterWrap .FilterWrapGroup .FilterRt .filterColGrp .filterCol .formRow .formElt {
  margin-left: .5rem;
  width: calc(100% - 12rem)
}

@media only screen and (max-width: 767px) {
  .FilterSection .FilterWrap .FilterWrapGroup .FilterRt .filterColGrp .filterCol .formRow .formElt {
    width: 100%;
    max-width: 100%;
    margin: 0
  }
}

.FilterSection .FilterWrap .FilterWrapGroup .formRow .inlineForm {
  display: flex
}

.FilterSection .FilterWrap .FilterWrapGroup .formRow .inlineForm .col2 {
  width: 50%;
  margin: 0 .5rem
}

.FilterSection .FilterWrap .FilterWrapGroup .formRow .inlineForm .col2:last-child {
  margin-right: 0
}

@media only screen and (max-width: 767px) {
  .FilterSection .FilterWrap .FilterWrapGroup .formRow .inlineForm .col2 {
    margin-left: 0
  }
}

.FilterSection .FilterWrap .FilterWrapGroup .formRow .inlineForm .col4 {
  width: 40%;
  margin: 0 .5rem
}

.FilterSection .FilterWrap .FilterWrapGroup .formRow .inlineForm .col4:last-child {
  margin-right: 0
}

@media only screen and (max-width: 767px) {
  .FilterSection .FilterWrap .FilterWrapGroup .formRow .inlineForm .col4 {
    width: 100%;
    max-width: 100%;
    margin-left: 0
  }
}

.FilterSection .FilterWrap .FilterWrapGroup .formRow .inlineForm .col8 {
  width: 60%;
  margin: 0 .5rem
}

.FilterSection .FilterWrap .FilterWrapGroup .formRow .inlineForm .col8:last-child {
  margin-right: 0
}

@media only screen and (max-width: 767px) {
  .FilterSection .FilterWrap .FilterWrapGroup .formRow .inlineForm .col8 {
    width: 100%;
    max-width: 100%
  }
}

.FilterSection .FilterWrap .FilterWrapGroup .formRow .dropDown .form-select {
  height: 3.2rem
}

.FilterSection .FilterWrap .FilterWrapGroup .formRow .inputBox input {
  height: 3.2rem
}

.FilterSection .FilterWrap .FilterWrapGroup .formRow .inputBox i.bi.bi-calendar4-week,
.FilterSection .FilterWrap .FilterWrapGroup .formRow .inputBox span.bi.bi-calendar4-week {
  position: absolute;
  right: 1rem;
  font-size: 1.6rem;
  top: 50%;
  transform: translate(0, -50%);
  color: #651f93;
  margin: 0;
  cursor: text
}

.FilterSection .FilterWrap .FilterWrapGroup .errorMsg {
  width: 100%;
  text-align: right
}

.FilterSection .InfoBtnSection {
  border-top: 1px solid #e6e6e6
}

.FilterSection .InfoBtnSection .formRow {
  margin: 0
}

.FilterSection .InfoBtnSection .buttonSec {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 1.5rem 0
}

.FilterSection .InfoBtnSection .buttonSec button {
  max-width: 18.8rem;
  margin: 0 1.1rem;
  height: 4.2rem
}

.filterInfobar .infoBarWrapDrop {
  justify-content: space-between
}

.filterInfobar .formRow {
  margin: 0 1.5rem 0 0
}

@media only screen and (max-width: 991px) {
  .filterInfobar .formRow {
    margin: .5rem 1.5rem .5rem 0
  }
}

@media only screen and (max-width: 767px) {
  .filterInfobar .formRow {
    width: calc(50% - 1.5rem)
  }
}

@media only screen and (max-width: 575px) {
  .filterInfobar .formRow {
    width: 100%;
    margin: .5rem 0 .5rem 0
  }
}

.filterInfobar .formRow:last-child {
  margin-right: 0
}

.filterInfobar .formRow label {
  white-space: nowrap;
  margin-right: 1.5rem
}

@media only screen and (max-width: 767px) {
  .filterInfobar .formRow label {
    width: 100%
  }
}

.filterInfobar .formRow .dropDown {
  display: flex;
  align-items: center
}

.filterInfobar .formRow .dropDown .form-select {
  height: 4rem;
  max-width: 100%;
  width: 20rem
}

@media only screen and (max-width: 767px) {
  .filterInfobar .formRow .dropDown .form-select {
    width: 100%
  }
}

@media only screen and (max-width: 767px) {
  .filterInfobar .formRow .dropDown {
    flex-wrap: wrap
  }
}

.filterInfobar .titleSection {
  width: 25%
}

@media only screen and (max-width: 991px) {
  .filterInfobar .titleSection {
    width: 100%
  }
}

.filterInfobar .reviewSection {
  width: 75%;
  align-items: center;
  flex-wrap: wrap
}

.filterInfobar .reviewSection .formRowWrap {
  display: flex;
  justify-content: end;
  flex-wrap: wrap
}

@media only screen and (max-width: 767px) {
  .filterInfobar .reviewSection .formRowWrap {
    justify-content: space-between
  }
}

@media only screen and (max-width: 991px) {
  .filterInfobar .reviewSection {
    width: 100%;
    margin-top: 1.5rem
  }
}

@media only screen and (max-width: 767px) {
  .filterInfobar .reviewSection {
    justify-content: flex-start
  }
}

.filterInfobar .reviewSection .divderF {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-left: .1rem solid #d9d9d9;
  padding: 0 1rem;
  height: 100%
}

@media only screen and (max-width: 767px) {
  .filterInfobar .reviewSection .divderF {
    width: calc(50% - 1.5rem);
    height: auto;
    padding: 0;
    border: none;
    margin: .5rem 0
  }
}

@media only screen and (max-width: 575px) {
  .filterInfobar .reviewSection .divderF {
    width: 100%
  }
}

.filterInfobar .reviewSection .divderF .formRow {
  width: 100%
}

.filterInfobar .reviewSection .divderF:last-child {
  padding-right: 0
}

.filterInfobar .reviewSection .divderF button {
  margin: 0
}

.filterInfobar .reviewSection .divderF button span.bi {
  margin-right: 1rem
}

.filterInfobar .linkBtnIcon button {
  color: #651f93;
  font-size: 1.5rem;
  font-family: Roboto-Medium;
  border: none;
  background-color: transparent;
  text-decoration: underline
}

@media only screen and (max-width: 767px) {
  .filterInfobar .linkBtnIcon button {
    margin-top: 1rem
  }
}

.filterInfobar .linkBtnIcon button i {
  margin-right: 1rem
}

.infoBarWrapDrop {
  border-radius: 0;
  flex-wrap: wrap
}

.infoBarWrapDrop .infoTitle h1 {
  text-transform: capitalize
}

.infoBarWrapDrop .infoTitle .description {
  margin: 0;
  color: #333
}

.infoBarWrapDrop .infoBarCol .status {
  font-size: 1.2rem;
  min-width: 7.9rem;
  min-height: 1.3rem;
  letter-spacing: .012rem;
  display: inline-block;
  text-align: center;
  padding: .3rem;
  line-height: normal;
  width: auto;
  border-radius: .4rem
}

.infoBarWrapDrop .infoBarCol .status.completed {
  background-color: #f6fee7;
  border-color: #d9f89b;
  color: #577619
}

.infoBarWrapDrop .infoBarCol .status.closed {
  background-color: #fce9e8;
  border-color: #f8c1bf;
  color: #bd241f
}

.infoBarWrapDrop .infoBarCol .status.inprogress {
  background-color: #fcf7e8;
  border-color: #f9e5aa;
  color: #79621b
}

.infoBarWrapDrop .infoBarCol .status.new {
  background-color: #e7f5fe;
  border-color: #b1e0fc;
  color: #076fab
}

.infoBarWrapDrop .infoBarCol .status.pending {
  background-color: #feeee7;
  border-color: #f9d1bd;
  color: #e95207
}

.infoBarWrapDrop .infoBarCol .status.offline {
  background-color: #f2f2f2;
  border-color: #d9d9d9;
  color: #666
}

.infoBarWrapDrop .reviewSection .infoBarCol .multidropDown .dropdown-menu {
  min-width: 20rem;
  box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .16)
}

.infoBarWrapDrop .reviewSection .infoBarCol .multidropDown .dropdown-menu .dropdown-item:focus,
.infoBarWrapDrop .reviewSection .infoBarCol .multidropDown .dropdown-menu .dropdown-item:hover {
  background-color: #f2f2f2
}

.infoBarWrapDrop .reviewSection .infoBarCol .multidropDown button {
  margin-top: .6rem;
  height: 3.2rem;
  text-transform: capitalize;
  max-width: 10.9rem;
  margin-right: 0;
  min-width: 10.9rem;
  margin-bottom: 0
}

.infoBarWrapDrop .reviewSection .infoBarCol .multidropDown button:not(:last-child) {
  margin-right: 0
}

.infoBarWrapDrop .reviewSection.infoMoreDetails {
  justify-content: unset;
  flex-wrap: wrap
}

.infoBarWrapDrop .reviewSection.infoMoreDetails .infoBarCol:first-child {
  border-left: none
}

.infoBarWrapDrop .reviewSection.infoMoreDetails .infoBarCol:last-child {
  border-left: .1rem solid #d9d9d9;
  padding-left: 1rem
}

@media only screen and (max-width: 991px) {
  .infoBarWrapDrop .reviewSection.infoMoreDetails .infoBarCol {
    display: none
  }

  .infoBarWrapDrop .reviewSection.infoMoreDetails .infoBarCol.actCol {
    display: block
  }

  .infoBarWrapDrop .reviewSection.infoMoreDetails .infoBarCol.hideLg {
    display: block
  }
}

@media only screen and (min-width: 992px) {
  .infoBarWrapDrop .reviewSection.infoMoreDetails .infoBarCol.hideLg {
    display: none
  }
}

.infoBarWrapDrop .infoBarCol .infoTitle a.infostatus {
  text-decoration: underline;
  display: block;
  text-transform: capitalize;
  color: #333;
  font-family: Roboto-Regular
}

.infoBarWrapDrop .infoBarCol .infoTitle a.infostatus:hover {
  text-decoration: none;
  color: #333
}

.infoBarWrapDrop .infoBarCol.infoFilterBtnDrop .infoFilterBtn {
  width: 5.2rem;
  height: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly
}

.infoBarWrapDrop .infoBarCol.infoFilterBtnDrop .infoFilterBtn.down .bi-caret-down-fill {
  transform: rotate(180deg)
}

.infoBarWrapDrop .infoBarCol.infoFilterBtnDrop .infoFilterBtn .bi-funnel {
  margin: 0;
  font-size: 2rem;
  position: relative;
  padding: 0;
  top: 0;
  padding-right: .7rem
}

.infoBarWrapDrop .infoBarCol.infoFilterBtnDrop .infoFilterBtn .bi-funnel:after {
  content: "";
  width: .1rem;
  height: 2.1rem;
  background-color: #d9d9d9;
  display: inline-block;
  position: absolute;
  right: .3rem;
  top: .4rem
}

.infoBarWrapDrop .infoBarCol.infoFilterBtnDrop .infoFilterBtn .bi-caret-down-fill {
  font-size: 1rem;
  color: #651f93;
  padding: 0;
  top: 0
}

.infoBarWrapDrop .infoBarCol.infoFilterBtnDrop.down .infoFilterBtn .bi-caret-down-fill {
  transform: rotate(180deg);
  margin-top: -.2rem
}

.infoBarWrapDrop .infoBarCol.infoFilterBtnDrop.disabledCls {
  opacity: .5;
  cursor: not-allowed
}

.infoBarWrapDrop .infoBarCol.infoFilterBtnDrop.disabledCls .infoFilterBtn {
  cursor: not-allowed
}

.infoBarWrapDrop .infoBarCol .formRow .btnCancel.active {
  background-color: #e7cdf9;
  border-color: #9833db;
  box-shadow: none
}

.infoBarWrapDrop .infoBarCol .formRow .btnCancel i {
  color: #651f93;
  box-sizing: border-box;
  border-radius: .6rem
}

.infoBarWrapDrop .titleSection .infoTitle.noBorder {
  padding-left: 0;
  margin-left: 0;
  border-left: 0
}

.infoBarWrapDrop .infoBarCol button:not(:last-child) {
  margin-right: 1rem
}

.breadcrumb02 {
  background-color: #411d58;
  padding: .3rem 1.5rem .3rem 1rem
}

.breadcrumb02 .breadcrumbList {
  display: flex;
  padding: 0;
  align-items: center
}

.breadcrumb02 .breadcrumbList>li {
  margin: 0 5px
}

.breadcrumb02 .breadcrumbList>li.dropdown .dropdown-toggle:after {
  display: none
}

.breadcrumb02 .breadcrumbList a {
  color: #e7cdf9;
  font-size: 1.4rem
}

.breadcrumb02 .breadcrumbList a.dropDownBreadcrumbLink {
  padding: 0 .3rem;
  border-left: 1px solid #9833db;
  border-right: 1px solid #9833db
}

.breadcrumb02 .breadcrumbList a.dropDownBreadcrumbLink .dropDownBreadcrumb {
  padding: 0 .2rem;
  border-radius: .2rem
}

.breadcrumb02 .breadcrumbList a.dropDownBreadcrumbLink .dropDownBreadcrumb.context-menu-active {
  background-color: #fff;
  color: #651f93
}

.breadcrumb02 .breadcrumbList a.dropDownBreadcrumbLink.active .dropDownBreadcrumb,
.breadcrumb02 .breadcrumbList a.dropDownBreadcrumbLink:hover .dropDownBreadcrumb {
  background-color: #fff;
  color: #651f93
}

.breadcrumb02 .breadcrumbList a i {
  color: #e7cdf9;
  font-size: 1.4rem
}

.breadcrumb02 .breadcrumbList span {
  color: #e7cdf9;
  font-size: 1.4rem
}

.breadcrumb02 .breadcrumbList span:hover {
  text-decoration: underline
}

.customContext {
  padding: 0;
  min-width: 14.4rem;
  border: .1rem solid #e6e6e6;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, .16);
  border-radius: .6rem
}

.customContext li {
  margin: 0
}

.customContext li .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: .8rem 2.8rem;
  font-size: 1.4rem;
  border-radius: .6rem;
  color: #333;
  box-sizing: border-box;
  padding-left: 0
}

.customContext li .dropdown-item:hover {
  background-color: #f2f2f2
}

.customContext li .dropdown-item i,
.customContext li .dropdown-item span {
  font-size: 1.4rem;
  width: 2.8rem;
  text-align: center;
  color: #651f93
}

.customContext li .dropdown-item.disabled {
  padding-left: 1rem;
  color: #737373
}

.customContext:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  top: -5px;
  left: 10px
}

.breadcrumb02 {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.ddmIcon {
  color: #dab2f5;
  padding-right: .5rem;
  font-size: 1.8rem
}

a.dropDownBreadcrumbLink.dropdown-toggle {
  color: #fff
}

.menuIcon {
  background-color: transparent;
  border: none
}

.breadcrumb {
  color: #666
}

.listcardtype1 ul {
  padding-left: 0
}

.listcardtype1 ul li {
  box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .16);
  background-color: #fff;
  border-left: 1.4rem solid #e7cdf9;
  margin-bottom: 1rem;
  border-radius: .6rem;
  padding: 1rem 0
}

.listcardtype1 ul li .detailsCard {
  position: relative;
  padding-left: 6rem
}

.listcardtype1 ul li .detailsCard span.shortF {
  position: absolute;
  background-color: #e7cdf9;
  left: 1.2rem;
  color: #333;
  font-family: Roboto-Medium;
  padding: .6rem .8rem;
  border-radius: 50%;
  height: 3.5rem;
  width: 3.5rem;
  font-size: 1.4rem;
  top: .7rem
}

.listcardtype1 ul li .detailsCard p {
  color: #0d0d0d;
  font-size: 1.4rem;
  font-family: Roboto-Medium;
  margin-bottom: 1rem
}

.listcardtype1 ul li .detailsCard span {
  color: #737373;
  font-size: 1.2rem
}

.listcardtype1 ul li .detailsCard span span {
  position: relative;
  padding-left: 2rem
}

.listcardtype1 ul li .detailsCard span span::after {
  content: "";
  position: absolute;
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  background-color: #d9d9d9;
  left: .7rem;
  top: .5rem
}

.listcardtype1 ul li .contentCart p {
  color: #333;
  font-size: 1.4rem;
  padding-left: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0
}

.card.tangiblesCard .row {
  display: block;
  margin: 0
}

.card.tangiblesCard .col-3 {
  display: inline-block;
  padding: 0;
  margin: 0;
  max-width: 24.5%
}

.card.tangiblesCard .formRow label {
  font-size: 1.3rem
}

.tranContentArea {
  padding-top: 1.2rem
}

.tranContentArea .topPadd {
  padding: 0 0 1.5rem
}

.tranContentArea div#ideaD {
  padding-bottom: 0
}

.detailsCard .dtlsCrdHead .icnView span.bi {
  font-size: 3rem;
  display: flex
}

.detailsCard.blueCard .dtlsCrdHead .icnView span.bi {
  color: #0081cc
}

.summarList {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .2rem .8rem;
  border: .1rem solid;
  border-radius: .4rem;
  margin-bottom: .8rem;
  border: .1rem solid
}

.summarList:last-child {
  margin-bottom: 0
}

.summarList p.statusName {
  font-size: 1.4rem;
  color: #333;
  margin: 0;
  font-family: Roboto-Medium
}

.summarList p.statusType {
  font-size: 1.2rem;
  margin: 0
}

.summarList p.summaryCount {
  font-size: 2rem;
  margin: 0;
  font-family: Roboto-Bold
}

.summarList {
  padding: .5rem;
  margin-bottom: 1rem
}

.blueType {
  background: #e7f5fe;
  border-color: #b1e0fc
}

.blueType .summaryCount {
  color: #0081cc
}

.orangeType {
  background: #fcf7e8;
  border-color: #f9e5aa
}

.orangeType .summaryCount {
  color: #866913
}

.redType {
  background: #fce9e8;
  border-color: #fad7d6
}

.redType .summaryCount {
  color: #bd241f
}

.greenType {
  background: #f6fee7;
  border-color: #cef57f
}

.greenType .summaryCount {
  color: #577619
}

.greyType {
  background: #f2f2f2;
  border-color: #ccc
}

.greyType .summaryCount {
  color: #666
}

.tableTopWrp {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
  position: relative
}

.tableTopWrp .displaybyForm {
  margin-bottom: 0
}

.horizontalFilter.tableFilter {
  margin-left: auto
}

.horizontalFilter.tableFilter .filterRgt {
  border-left: 0;
  padding: 0;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start
}

.horizontalFilter.tableFilter .filterRgt legend {
  font-size: 1.4rem;
  margin: 0;
  margin-right: 1.2rem
}

.horizontalFilter.tableFilter .filterRgt h4 {
  font-size: 1.4rem;
  margin: 0;
  margin-right: 1.2rem
}

.horizontalFilter.tableFilter .filterRgt .formRow {
  min-width: 11rem;
  width: auto;
  margin-right: 1.5rem
}

.horizontalFilter.tableFilter .filterRgt .formRow .dropdown .form-select {
  font-size: 1.4rem;
  padding: .375rem 2.25rem .375rem .75rem;
  height: auto
}

.horizontalFilter.tableFilter .filterRgt button {
  background-color: #fff;
  border: .1rem solid #ccc;
  font-size: 1.4rem;
  color: #333;
  border-radius: .4rem;
  padding: .375rem .75rem .375rem .75rem;
  margin-right: 1.5rem;
  text-align: center
}

.horizontalFilter.tableFilter .filterRgt button i {
  margin-right: .8rem;
  margin-left: 0
}

.horizontalFilter.tableFilter .filterRgt button:last-child {
  margin-right: 0
}

.accessbilityToolbar {
  background: #5f1f89
}

.accessbilityToolbar .toolBarInnerSec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  height: 4.5rem;
  font-size: 1.4rem;
  color: #fff
}

.accessbilityToolbar .toolBarInnerSec .toolBarActionSec {
  display: flex;
  align-items: center;
  min-width: 100px;
  justify-content: space-between
}

.accessbilityToolbar .toolBarInnerSec .toolBarActionSec .toolBarAction {
  display: inline-flex;
  border: .1rem solid #fff;
  width: 2.5rem;
  margin: 0 .2rem;
  justify-content: center;
  cursor: pointer
}

.accessbilityToolbar .toolBarInnerSec .toolBarActionSec .toolBarAction.active {
  background: #fff;
  color: #a60c45
}

.accessbilityToolbar .toolBarInnerSec .toolBarActionSec .fontColorChangeSec {
  position: relative;
  margin-left: 1rem;
  padding-left: 1rem
}

.accessbilityToolbar .toolBarInnerSec .toolBarActionSec .fontColorChangeSec::before {
  content: "";
  width: .1rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  opacity: .5
}

.accessibility .wob {
  background: #000
}

.accessibility .wob .shadowBox {
  background: #222
}

.accessibility .wob ::-webkit-input-placeholder {
  color: #80ff00
}

.accessibility .wob ::placeholder {
  color: #80ff00
}

.accessibility .wob .formRow button:hover {
  background: #000
}

.accessibility .wob .formRow button {
  color: #80ff00;
  background: #000
}

.accessibility .wob .formRow button .bi {
  color: #80ff00
}

.accessibility .wob .formRow .bi {
  color: #80ff00
}

.accessibility .wob .formRow .checkBox input[type=checkbox]:checked+label:before {
  background: #80ff00
}

.accessibility .wob .formRow .checkBox label {
  color: #80ff00
}

.accessibility .wob .formRow .inputBox label {
  color: #80ff00
}

.accessibility .wob .formRow .inputBox input:focus-within+label {
  background: #222
}

.accessibility .wob .formRow .inputBox input {
  background: #000;
  color: #80ff00
}

.accessibility .wob .body,
.accessibility .wob .colorCodeSpan,
.accessibility .wob .compList h2,
.accessibility .wob .context-menu-item span,
.accessibility .wob .context-menu-list li.context-menu-item.context-menu-icon::before,
.accessibility .wob .menuIcon,
.accessibility .wob .subTitle04,
.accessibility .wob .vbNameShort span,
.accessibility .wob a,
.accessibility .wob p {
  color: #80ff00
}

.accessibility .wob .context-menu-list:before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #80ff00
}

.accessibility .wob .context-menu-item {
  background: #000
}

.accessibility .wob .lCardMainSec.cp.shadowBox {
  background: #202020
}

.accessibility .wob .lCardMainSec.cp.shadowBox .lCardSec .lCardAddBtmSec .lBtmDetail {
  background: #000
}

.accessibility .wob .lCardMainSec.cp.shadowBox .lCardSec .lCardAddBtmSec .lBtmDetail p {
  color: #80ff00
}

.accessibility .wob .lCardMainSec.cp.shadowBox .lCardInner:hover .lCardEdit {
  background: #222
}

.accessibility .wob .lCardMainSec.cp.shadowBox .lCardInner:hover .lCardEdit .bi {
  color: #80ff00
}

.accessibility .wob .lCardMainSec.cp.shadowBox .lCardInner {
  background: #000
}

.accessibility .wob .lCardMainSec.cp.shadowBox .lCardInner .lCardExpand {
  background: #222
}

.accessibility .wob .lCardMainSec.cp.shadowBox .lCardInner .lCardExpand .bi {
  color: #80ff00
}

.accessibility .wob .lCardMainSec.cp.shadowBox .lCardInner .lCardExpand .additonalDataCount {
  background: #000;
  color: #80ff00
}

.accessibility .wob .lCardMainSec.cp.shadowBox .lCardInner .lCardContent .lCardDetailsLeft .subTitle04,
.accessibility .wob .lCardMainSec.cp.shadowBox .lCardInner .lCardContent .lCardDetailsRight .subTitle04 {
  color: #80ff00
}

.accessibility .wob .lCardMainSec.cp.shadowBox .lCardInner .lCardContent .lCardDetailsLeft .captionDetails p,
.accessibility .wob .lCardMainSec.cp.shadowBox .lCardInner .lCardContent .lCardDetailsRight .captionDetails p {
  color: #80ff00
}

.accessibility .wob .lCardMainSec.cp.shadowBox .lCardInner .lCardContent .lCardDetailsLeft .mailIconsSec .mailIconList .bi,
.accessibility .wob .lCardMainSec.cp.shadowBox .lCardInner .lCardContent .lCardDetailsRight .mailIconsSec .mailIconList .bi {
  color: #80ff00
}

.accessibility .wob .accessbilityToolbar {
  background: #222
}

.accessibility .wob .accessbilityToolbar .toolBarInnerSec {
  color: #80ff00
}

.accessibility .wob .ngx-pagination li.current span {
  background: #222;
  border-color: #80ff00
}

.accessibility .wob .ngx-pagination li>span {
  color: #80ff00
}

.accessibility .wob .compList .tbc .nav-tabs .nav-link.active {
  background: #222
}

.accessibility .wob .compList .tbc .nav-tabs .nav-link {
  color: #80ff00
}

.accessibility .wob .compList .tbc .tab-pane {
  background: #000
}

.accessibility .wob .topBox ul li .commBox {
  background: #222
}

.accessibility .wob .topBox ul li .commBox .boxNum,
.accessibility .wob .topBox ul li .commBox .boxText,
.accessibility .wob .topBox ul li .commBox i.iconPos,
.accessibility .wob .topBox ul li .commBox span.iconPos {
  color: #80ff00
}

.accessibility .wob .summarList {
  background: #222
}

.accessibility .wob .summarList .statusName,
.accessibility .wob .summarList .statusType,
.accessibility .wob .summarList .summaryCount {
  color: #80ff00
}

.accessibility .wob .modelstatusWrap .modelStatusCard h4,
.accessibility .wob .modelstatusWrap .modelStatusCard ul li span {
  color: #80ff00
}

.accessibility .wob .card-v04-files .download .bi,
.accessibility .wob .card-v04-files .excel span,
.accessibility .wob .card-v04-files .imgFile {
  color: #80ff00
}

.accessibility .wob .card-v04-files .context-menu-list,
.accessibility .wob .card-v04-files .imgFile {
  background: #000
}

.accessibility .wob .tabVerticalBtn {
  background: #222
}

.accessibility .wob .tabVerticalBtn ul li.active a {
  background: #222
}

.accessibility .wob .tabVerticalBtn ul li a:hover {
  background: #222
}

.accessibility .wob .tabVerticalBtn ul li a .bi {
  color: #80ff00
}

.accessibility .wob .tabVerticalBtn ul li a span {
  color: #80ff00
}

.accessibility .wob .tabVerticalBtn h3 {
  color: #80ff00
}

.accessibility .wob .accordionMainSec .accordion.nestedAccordion .accordion-item,
.accessibility .wob .accordionMainSec .accordion.nestedAccordion .accordion-item.rootAcc>.accordion-collapse {
  background: #222
}

.accessibility .wob .accordionMainSec .accordion.nestedAccordion .accordion-item .accordion-collapse .accordion-body,
.accessibility .wob .accordionMainSec .accordion.nestedAccordion .accordion-item.rootAcc>.accordion-collapse .accordion-collapse .accordion-body {
  background: #222
}

.accessibility .wob .accordionMainSec .accordion.nestedAccordion .accordion-item h2 div.accordion-button:not(.collapsed),
.accessibility .wob .accordionMainSec .accordion.nestedAccordion .accordion-item.rootAcc>.accordion-collapse h2 div.accordion-button:not(.collapsed) {
  background: #222
}

.accessibility .wob .accordionMainSec .accordion .accordion-item {
  background: #222
}

.accessibility .wob .accordionMainSec .accordion .accordion-item h2 div.accordion-button:hover {
  background: #000
}

.accessibility .wob .accordionMainSec .accordion .accordion-item h2 div.accordion-button {
  background: #222
}

.accessibility .wob .accordionMainSec .accordion .accordion-item h2 div.accordion-button span i,
.accessibility .wob .accordionMainSec .accordion .accordion-item h2 div.accordion-button.accordion-button::after {
  color: #80ff00
}

.accessibility .wob .accordionMainSec .accordion .accordion-item .accordion-collapse .accordion-body .aInnerContentSec .countBadge,
.accessibility .wob .accordionMainSec .accordion .accordion-item h2 div.accordion-button,
.accessibility .wob .accordionMainSec .accordion .accordion-item h2 div.accordion-button.accordion-button .countBadge {
  background: #000;
  color: #80ff00
}

.accessibility .wob .accordionMainSec .accordion .accordion-item span {
  color: #80ff00
}

.accessibility .wob .vSSec .vSHeader .sBSec .sBIcon {
  background: #000;
  color: #80ff00
}

.accessibility .wob .vSSec .vSHeader .sBSec .sBIcon i {
  color: #80ff00
}

.accessibility .wob .vSSec .vSHeader h4 {
  color: #80ff00
}

.accessibility .wob .slicer01 ul.tabBoxLft li.active::after {
  border-top: 8px solid #80ff00
}

.accessibility .wob .slicer01 ul.tabBoxLft li {
  background: #222
}

.accessibility .wob .slicer01 ul.tabBoxLft li span {
  color: #80ff00
}

.accessibility .wob .horizontalFilter .filterRgt .formRow .dropDown .form-select {
  background: #222;
  color: #80ff00
}

.accessibility .wob .contextualInfo .cInfoHeading .backBtn {
  background: #222
}

.accessibility .wob .contextualInfo .cInfoHeading .backBtn i {
  color: #80ff00
}

.accessibility .wob .contextualInfo .cIContentWrap .cIContentText {
  background: #222;
  color: #80ff00
}

.accessibility .wob .contextualInfo .cIContentWrap .cIContentText:nth-of-type(odd) {
  background: #000
}

.accessibility .wob .contextualInfo .contextualInfoList .cIListLi .cILink {
  color: #80ff00
}

.accessibility .wob .contextualInfo .contextualInfoList .cIListLi .cILink i {
  color: #80ff00
}

.accessibility .wob .contextualInfo .cInfoHeading {
  background-color: #000
}

.accessibility .wob .breadcrumb02 .breadcrumbList {
  background: #222
}

.accessibility .wob .breadcrumb02 .breadcrumbList li a i,
.accessibility .wob .breadcrumb02 .breadcrumbList li span {
  color: #80ff00
}

.accessibility .wob .cardList ul li .detailsCard p,
.accessibility .wob .cardList ul li .detailsCard span {
  color: #80ff00
}

.accessibility .wob .cardList ul li .detailsCard span.shortF {
  background-color: #000;
  color: #80ff00
}

.accessibility .wob .cardList ul li .contentCart p {
  color: #80ff00
}

.accessibility .wob .search-filter-v01 .bi-search {
  color: #80ff00
}

.accessibility .wob .search-filter-v01 input#input1 {
  background: #222;
  color: #80ff00
}

.accessibility .wob ::-webkit-input-placeholder {
  color: #80ff00
}

.accessibility .wob .advanceWrap .advanceSearchForm .advanceBtn .formRow button {
  color: #80ff00;
  background: #000
}

.accessibility .wob .advanceWrap .advanceSearchForm .advanceSearchDate .formRow i.bi-calendar4-week,
.accessibility .wob .advanceWrap .advanceSearchForm .advanceSearchDate .formRow span.bi-calendar4-week {
  color: #80ff00
}

.accessibility .wob .advanceWrap .advanceSearchWrap .advanceSearchList input#input1,
.accessibility .wob .advanceWrap .advanceSearchWrap .bi-search,
.accessibility .wob .advanceWrap .advanceSearchWrap .filterIcon {
  color: #80ff00
}

.accessibility .wob .advanceWrap .advanceSearchWrap .advanceSearchDropdown .dropdown ul.dropdown-menu {
  background: #222
}

.accessibility .wob .advanceWrap .advanceSearchWrap .advanceSearchDropdown .dropdown ul.dropdown-menu li a {
  color: #80ff00
}

.accessibility .wob .advanceWrap .advanceSearchWrap .advanceSearchDropdown .dropdown button.dropdown-toggle,
.accessibility .wob .advanceWrap .advanceSearchWrap .advanceSearchDropdown .dropdown button.dropdown-toggle::after {
  color: #80ff00
}

.accessibility .wob .infoBarInlineColForm .formRow .dateRangeWrap .inputBox i {
  color: #80ff00
}

.accessibility .wob .infoBarWrapDrop .backArrow,
.accessibility .wob .infoBarWrapDrop .infoBarCol .status {
  background: #000;
  color: #80ff00
}

.accessibility .wob .infoBarWrapDrop .infoBarCol .moreIcon {
  background: #000;
  color: #80ff00
}

.accessibility .wob .infoBarWrapDrop .infoBarColForm .dropDown label {
  color: #80ff00
}

.accessibility .wob .infoBarWrapDrop .infoBarColForm .dropDown .form-select {
  background: #000;
  color: #80ff00
}

.accessibility .wob .infoBarWrapDrop span.infostatus {
  color: #80ff00
}

.accessibility .wob .infoBarWrapDrop .reviewSection .infoTitle {
  color: #80ff00
}

.accessibility .wob .infoBarWrapDrop .infoTitle h3 {
  color: #80ff00
}

.accessibility .wob .tabsHorizontalWrap .tabsHorizontalList {
  background: #222
}

.accessibility .wob .tabsHorizontalWrap .tabsHorizontalList li a:hover {
  background: #222
}

.accessibility .wob .tabsHorizontalWrap .tabsHorizontalList li .bi,
.accessibility .wob .tabsHorizontalWrap .tabsHorizontalList li .dropdown-toggle h5 {
  color: #80ff00
}

.accessibility .wob .tabsHorizontalWrap .tabsHorizontalList li a h5 {
  color: #80ff00
}

.accessibility .wob .tabsHorizontalWrap .tabsHorizontalList li a span {
  color: #80ff00
}

.accessibility .wob .compListtab li.nav-item:hover {
  background: #000
}

.accessibility .wob .compListtab .tbc .title {
  color: #80ff00
}

.accessibility .wob .compListtab .tbc ul#myTab {
  background: #000
}

.accessibility .wob footer {
  background: #222
}

.accessibility .wob footer .linkBlock ul li {
  color: #80ff00
}

.accessibility .wob .profileView .entrepriseButtonSec #dropdownsection .logoutSection a {
  color: #80ff00
}

.accessibility .wob .profileView .entrepriseButtonSec ul.dropdown-menu.show a::before {
  color: #80ff00
}

.accessibility .wob .profileView .entrepriseButtonSec ul.dropdown-menu.show li:before {
  color: #80ff00
}

.accessibility .wob .profileView .entrepriseButtonSec ul.dropdown-menu.show .logoutSection a {
  color: #80ff00
}

.accessibility .wob .profileView .entrepriseButtonSec ul.dropdown-menu.show li {
  color: #80ff00
}

.accessibility .wob .profileView .entrepriseButtonSec ul.dropdown-menu.show li a {
  color: #80ff00
}

.accessibility .wob .profileView .entrepriseButtonSec button#dropdownMenuButton1 i {
  color: #80ff00;
  border-color: #80ff00
}

.accessibility .wob header .Menu #nav-icon3 span {
  background: #80ff00
}

.accessibility .wob .parentNav,
.accessibility .wob nav.menuOuter ul li a.active {
  background: #000
}

.accessibility .wob nav.menuOuter ul li a:hover {
  background: #000
}

.accessibility .wob nav.menuOuter i {
  color: #80ff00;
  background: #000
}

.accessibility .wob .accordionMainSec .accordion.nestedAccordion .accordion-item .accordion-collapse.collapse.show h2 div.accordion-button {
  background: #000
}

.accessibility .wob .vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2 .accordion-button:not(.collapsed) {
  background: #222
}

.accessibility .wob .vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item .accordion-collapse .accordion-body {
  background: #000
}

.modelstatusWrap {
  display: flex
}

.modelstatusWrap .modelStatusCard {
  padding: 1rem 2rem
}

.modelstatusWrap .modelStatusCard h4 {
  color: #333;
  font-size: 2.1rem;
  font-family: Roboto-Light;
  margin-bottom: 1.4rem
}

.modelstatusWrap .modelStatusCard ul {
  padding: 0
}

.modelstatusWrap .modelStatusCard ul li:first-child {
  border: none;
  padding-left: 1rem
}

.modelstatusWrap .modelStatusCard ul li {
  display: inline-block;
  vertical-align: top;
  border-left: .1rem dashed #ccc;
  padding-right: 3.6rem;
  padding-left: 2.7rem
}

.modelstatusWrap .modelStatusCard ul li .statusNum {
  color: #ffbf00;
  font-size: 3.6rem;
  font-family: Roboto-Bold;
  display: block
}

.modelstatusWrap .modelStatusCard ul li .modalStatus {
  color: #666;
  font-size: 1.7rem
}

.modelstatusWrap .modelStatusCard ul .statusCompleted .statusNum {
  color: #81b814
}

.modelstatusWrap .modelStatusCard ul .statusError .statusNum {
  color: #e62019
}

.vSSec.rightSideBar {
  margin-left: auto
}

.vSSec.rightSideBar .vSArrowSec i,
.vSSec.rightSideBar .vSArrowSec span {
  transform: rotate(180deg);
  right: calc(100% - 2rem)
}

.vSSec.rightSideBar.collapseSidebar .vSArrowSec i,
.vSSec.rightSideBar.collapseSidebar .vSArrowSec span {
  transform: rotate(0);
  right: .7rem
}

.accordionMainSec .accordion .accordion-item {
  border: none
}

.accordionMainSec .accordion .accordion-item h2 {
  padding: 0 .7rem;
  margin: 0;
  font-size: 1.4rem
}

.accordionMainSec .accordion .accordion-item h2 div.accordion-button {
  padding: .7rem 1rem .7rem 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  background: 0 0;
  color: #333;
  box-shadow: none;
  font-family: Roboto-Regular
}

.accordionMainSec .accordion .accordion-item h2 div.accordion-button.accordion-button .countBadge {
  width: 2.4rem;
  height: 2.4rem;
  background: #e7cdf9;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #651f93;
  font-size: 1.2rem
}

.accordionMainSec .accordion .accordion-item h2 div.accordion-button.accordion-button::after {
  content: "\f285";
  background-image: none;
  font-family: bootstrap-icons;
  margin-left: unset;
  position: absolute;
  left: .5rem;
  width: auto;
  height: auto;
  font-size: 1.2rem;
  transform: rotate(0);
  color: #651f93
}

.accordionMainSec .accordion .accordion-item h2 div.accordion-button.accordion-button:not(.collapsed)::before {
  content: "";
  width: calc(100% - 1.4rem);
  height: .1rem;
  background: #651f93;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

.accordionMainSec .accordion .accordion-item h2 div.accordion-button.accordion-button:not(.collapsed)::after {
  transform: rotate(90deg);
  color: #651f93
}

.accordionMainSec .accordion .accordion-item .accordion-collapse .accordion-body {
  font-family: Roboto-Regular;
  border-radius: 0 6rem 6rem 0;
  padding: 0;
  cursor: pointer
}

.accordionMainSec .accordion .accordion-item .accordion-collapse .accordion-body .aInnerContentSec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem 1rem 3rem;
  font-size: 1.4rem;
  color: #333
}

.accordionMainSec .accordion .accordion-item .accordion-collapse .accordion-body .aInnerContentSec .countBadge {
  width: 2.4rem;
  height: 2.4rem;
  background: #e7cdf9;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #651f93;
  font-size: 1.2rem
}

.accordionMainSec .accordion.nestedAccordion {
  padding-right: 1rem
}

.accordionMainSec .accordion.nestedAccordion .accordion-item {
  background: 0 0
}

.accordionMainSec .accordion.nestedAccordion .accordion-item.sAcc h2 div.accordion-button::after {
  display: none
}

.accordionMainSec .accordion.nestedAccordion .accordion-item.l2Acc>h2 div.accordion-button {
  border-left: .6rem solid #cd98f1
}

.accordionMainSec .accordion.nestedAccordion .accordion-item.l3Acc>h2 div.accordion-button {
  border-left: .6rem solid #a54ce1
}

.accordionMainSec .accordion.nestedAccordion .accordion-item.l4Acc>h2 div.accordion-button {
  border-left: .6rem solid #8826c9
}

.accordionMainSec .accordion.nestedAccordion .accordion-item h2 {
  padding: 0
}

.accordionMainSec .accordion.nestedAccordion .accordion-item h2 div.accordion-button {
  height: 3.4rem;
  background: #fff
}

.accordionMainSec .accordion.nestedAccordion .accordion-item h2 div.accordion-button span {
  text-overflow: ellipsis;
  max-width: 170px;
  white-space: nowrap;
  overflow: hidden
}

.accordionMainSec .accordion.nestedAccordion .accordion-item h2 div.accordion-button.active {
  background: #f4e8fc;
  box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .16);
  border-radius: 0 3rem 3rem 0
}

.accordionMainSec .accordion.nestedAccordion .accordion-item h2 div.accordion-button.active .countBadge {
  background: #651f93;
  color: #fff
}

.accordionMainSec .accordion.nestedAccordion .accordion-item h2 div.accordion-button .countBadge {
  background: #fff;
  color: #651f93;
  border: .1rem solid #e6e6e6;
  position: relative
}

.accordionMainSec .accordion.nestedAccordion .accordion-item h2 div.accordion-button .countBadge:hover {
  background: #f4e8fc
}

.accordionMainSec .accordion.nestedAccordion .accordion-item h2 div.accordion-button .countBadge:hover .infoSec {
  display: block
}

.accordionMainSec .accordion.nestedAccordion .accordion-item h2 div.accordion-button .countBadge .infoSec {
  position: absolute;
  left: 2.6rem;
  background: #595959;
  padding: .5rem 1rem;
  border-radius: .6rem;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.4rem;
  display: none
}

.accordionMainSec .accordion.nestedAccordion .accordion-item h2 div.accordion-button:hover {
  background: #f2f2f2
}

.accordionMainSec .accordion.nestedAccordion .accordion-item h2 div.accordion-button::before {
  display: none
}

.accordionMainSec .accordion.nestedAccordion .accordion-item h2 div.accordion-button::after {
  content: "\f285"
}

.accordionMainSec .accordion.nestedAccordion .accordion-item h2 div.accordion-button span i,
.accordionMainSec .accordion.nestedAccordion .accordion-item h2 div.accordion-button span span {
  color: #651f93;
  margin-right: .3rem
}

.accordionMainSec .accordion.nestedAccordion .accordion-item h2 div.accordion-button:not(.collapsed) {
  background: #f4e8fc;
  box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .16);
  z-index: 1
}

.accordionMainSec .accordion.nestedAccordion .accordion-item h2:hover div.accordion-button {
  background: #f2f2f2;
  border-radius: 0 3rem 3rem 0;
  box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .16)
}

.accordionMainSec .accordion.nestedAccordion .accordion-item.rootAcc>h2 div.accordion-button:not(.collapsed) {
  border-radius: 0 3rem 0 0
}

.accordionMainSec .accordion.nestedAccordion .accordion-item.rootAcc>.accordion-collapse {
  padding-bottom: 1rem;
  background: #f4e8fc;
  border-radius: 0 0 1rem 0
}

.accordionMainSec .accordion.nestedAccordion .accordion-item .accordion-collapse .accordion-body {
  padding-left: 1rem;
  background: #f2f2f2
}

.accordionMainSec .accordion.nestedAccordion .accordion-item .accordion-collapse.collapse.show h2 div.accordion-button {
  box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .16);
  margin-bottom: .1rem;
  border-radius: 0
}

.vSSec {
  min-height: calc(100vh - 40rem)
}

.vSSec .vSContent {
  height: calc(100vh - 35rem)
}

.vSSec .vSBtnBottom {
  bottom: 1rem
}

.vSSec.collapseSidebar .vSHeader .formRow {
  display: none
}

.vSSec.collapsibleAccordionWrp {
  position: relative;
  width: calc(33.3333333333% - 1rem);
  background-color: #fff;
  border-radius: .6rem;
  transition: .2s ease-in-out;
  transform-origin: right;
  min-height: calc(100vh - 22rem);
  margin-right: 1.5rem;
  flex-grow: 1
}

.vSSec.collapsibleAccordionWrp.collapseSidebar {
  width: 4rem;
  flex-grow: 0
}

.vSSec.collapsibleAccordionWrp .vSHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap
}

.vSSec.collapsibleAccordionWrp .vSHeader .formRow {
  flex-basis: 100%;
  position: relative;
  margin: 0
}

.vSSec.collapsibleAccordionWrp .vSHeader .formRow input {
  border: .1rem solid #b3b3b3;
  border-radius: .6rem;
  width: 100%;
  height: 3.2rem;
  font-size: 1.4rem;
  padding-left: 3.5rem;
  color: #b3b3b3
}

.vSSec.collapsibleAccordionWrp .vSHeader .formRow i {
  position: absolute;
  top: 50%;
  left: 1.2rem;
  margin: 0;
  font-size: 1.6rem;
  color: #b3b3b3;
  transform: translateY(-50%)
}

.vSSec.collapsibleAccordionWrp .vSHeader h4 {
  margin-bottom: .6rem;
  cursor: pointer
}

.vSSec.collapsibleAccordionWrp .vSHeader.onlySearch {
  padding-top: 1rem
}

.vSSec.collapsibleAccordionWrp .vSContent .accTitleWrp {
  display: flex;
  border-bottom: .2rem solid #e6e6e6;
  padding-left: 1rem
}

.vSSec.collapsibleAccordionWrp .vSContent .accTitleWrp p {
  font-weight: 700;
  font-size: 1.4rem
}

.vSSec.collapsibleAccordionWrp .vSContent .accTitleWrp p:first-child {
  margin-right: auto
}

.vSSec.collapsibleAccordionWrp .vSContent .accTitleWrp p:nth-child(2),
.vSSec.collapsibleAccordionWrp .vSContent .accTitleWrp p:nth-child(3),
.vSSec.collapsibleAccordionWrp .vSContent .accTitleWrp p:nth-child(4) {
  width: 6.5rem
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion {
  padding-right: 0
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item {
  background: 0 0
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item.sAcc h2 .accordion-button::after {
  display: none
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item.l2Acc>h2 .accordion-button {
  border-left: .6rem solid #cd98f1
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item.l3Acc>h2 .accordion-button {
  border-left: .6rem solid #a54ce1
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item.l4Acc>h2 .accordion-button {
  border-left: .6rem solid #8826c9
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2 {
  padding: 0
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2 .accordion-button {
  height: 3.4rem;
  background: #fff
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2 .accordion-button>span {
  text-overflow: ellipsis;
  max-width: 170px;
  white-space: nowrap;
  overflow: hidden
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2 .accordion-button.active {
  background: #f4e8fc;
  box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .16);
  border-radius: 0 3rem 3rem 0
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2 .accordion-button.active .countBadge {
  background: #651f93;
  color: #fff
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2 .accordion-button .countBadge {
  background: #fff;
  color: #651f93;
  border: .1rem solid #e6e6e6;
  position: relative
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2 .accordion-button .countBadge:hover {
  background: #f4e8fc
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2 .accordion-button .countBadge:hover .infoSec {
  display: block
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2 .accordion-button .countBadge .infoSec {
  position: absolute;
  left: 2.6rem;
  background: #595959;
  padding: .5rem 1rem;
  border-radius: .6rem;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.4rem;
  display: none
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2 .accordion-button:hover {
  background: #f2f2f2
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2 .accordion-button::before {
  display: none
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2 .accordion-button::after {
  content: "\f4fa"
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2 .accordion-button span i {
  color: #651f93;
  margin-right: .3rem
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2 .accordion-button:not(.collapsed) {
  background: #f4e8fc;
  box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .16);
  z-index: 1;
  border-radius: 0
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item h2:hover button {
  background: #f2f2f2;
  border-radius: 0 3rem 3rem 0;
  box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .16)
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item.rootAcc>h2 button:not(.collapsed) {
  border-radius: 0 3rem 0 0
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item.rootAcc>.accordion-collapse {
  padding-bottom: 1rem;
  background: #f4e8fc;
  border-radius: 0
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item .accordion-collapse .accordion-body {
  padding-left: 1rem;
  background: #f2f2f2
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion.nestedAccordion .accordion-item .accordion-collapse.collapse.show h2 button {
  box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .16);
  margin-bottom: .1rem;
  border-radius: 0
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion .accordion-item h2 .accordion-button {
  padding: .7rem 0 .7rem 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  background: 0 0;
  color: #333;
  box-shadow: none;
  border-radius: 0
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion .accordion-item h2 .accordion-button::after {
  content: "\f4fa";
  font-size: 1.6rem;
  color: #651f93;
  background-image: none;
  font-family: bootstrap-icons;
  margin-left: unset;
  position: absolute;
  left: .8rem;
  width: auto;
  height: auto
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion .accordion-item h2 .accordion-button:not(.collapsed) {
  background: #f4e8fc;
  box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .16);
  z-index: 1
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion .accordion-item h2 .accordion-button:not(.collapsed):after {
  content: "\f2e6";
  transform: rotate(180deg)
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion .accordion-item h2 .accordion-button span {
  text-overflow: ellipsis;
  max-width: 16rem;
  white-space: break-spaces;
  overflow: hidden;
  line-height: 1.7rem
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion .accordion-item h2 .accordion-button .dataWrp2Col {
  width: 13rem;
  display: flex;
  align-items: center
}

.vSSec.collapsibleAccordionWrp .vSContent .accordionMainSec .accordion .accordion-item h2 .accordion-button .dataWrp2Col span {
  width: 50%
}

.modelstatusWrap {
  display: flex
}

.modelstatusWrap .modelStatusCard {
  padding: 1rem 2rem
}

.modelstatusWrap .modelStatusCard h4 {
  color: #333;
  font-size: 2.1rem;
  font-family: Roboto-Light;
  margin-bottom: 1.4rem
}

.modelstatusWrap .modelStatusCard ul {
  padding: 0
}

.modelstatusWrap .modelStatusCard ul li:first-child {
  border: none;
  padding-left: 1rem
}

.modelstatusWrap .modelStatusCard ul li {
  display: inline-block;
  vertical-align: top;
  border-left: .1rem dashed #ccc;
  padding-right: 3.6rem;
  padding-left: 2.7rem
}

.modelstatusWrap .modelStatusCard ul li .statusNum {
  color: #ffbf00;
  font-size: 3.6rem;
  font-family: Roboto-Bold;
  display: block
}

.modelstatusWrap .modelStatusCard ul li .modalStatus {
  color: #666;
  font-size: 1.7rem
}

.modelstatusWrap .modelStatusCard ul .statusCompleted .statusNum {
  color: #81b814
}

.modelstatusWrap .modelStatusCard ul .statusError .statusNum {
  color: #e62019
}

.card-v04-files {
  display: flex;
  padding: 1rem;
  align-items: center;
  position: relative
}

.card-v04-files .imgFile {
  color: #cc004b;
  font-size: 3.4rem;
  background: #e6e6e6;
  padding: 1.9rem;
  border-radius: 50%
}

.card-v04-files .excel {
  padding-left: 1.6rem
}

.card-v04-files .excel span {
  color: #333;
  font-size: 1.4rem;
  word-break: break-all;
  width: 16.6rem;
  display: inline-block
}

.card-v04-files .download {
  position: absolute;
  top: 1.2rem;
  right: .5rem
}

.card-v04-files .download i {
  color: #7f7f7f;
  font-size: 2.2rem;
  cursor: pointer
}

.card-v04-files .download span {
  color: #7f7f7f;
  font-size: 2.2rem;
  cursor: pointer
}

.search-filter-v01 input#input1 {
  position: relative;
  padding-left: 3.5rem
}

.search-filter-v01 .bi-search {
  position: absolute;
  left: 1.4rem;
  top: 1.7rem;
  font-size: 1.4rem;
  color: #b3b3b3
}

.lCardMainSec {
  padding: 1.5rem
}

.lCardMainSec .listCardNestedSec {
  padding: 0
}

.lCardMainSec .listCardNestedSec li:nth-of-type(2) .lCardInner {
  border-left: .8rem solid #ffbf00
}

.lCardMainSec .listCardNestedSec li:nth-of-type(3) .lCardInner {
  border-left: .8rem solid #e62019
}

.lCardMainSec .listCardNestedSec .lCardSec {
  position: relative;
  margin-bottom: 1.2rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner {
  border-left: .8rem solid #81b814;
  display: flex;
  position: relative;
  z-index: 0;
  overflow: hidden
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.active {
  background: #f4e8fc
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner:hover {
  background: #f2f2f2
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner:hover .captionDetails p {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner:hover .lCardEdit {
  width: 4.4rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner:hover .lCardEdit i {
  display: block
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.zIndex2 {
  z-index: 2
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.zIndex2 .lCardExpand i {
  transform: rotate(180deg)
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent {
  flex-grow: 1;
  height: 7.4rem;
  display: flex;
  justify-content: space-between;
  padding: .8rem 1.5rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsLeft {
  cursor: pointer
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .subTitle04 {
  font-size: 1.5rem;
  color: #333;
  font-family: Roboto-Medium
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .subTitle04 span.draftMail {
  font-size: 1.4rem;
  color: #f50;
  margin-right: .5rem;
  font-weight: 100;
  font-family: Roboto-Regular;
  display: none
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .captionDetails p {
  font-size: 1.2rem;
  color: #737373;
  margin-bottom: .3rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .captionDetails p:last-child {
  margin-bottom: 0
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight {
  text-align: right
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-left: 0;
  margin-top: .3rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList {
  position: relative
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:not(:last-child) {
  padding-right: .8rem;
  margin-right: .8rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:not(:last-child)::after {
  content: "";
  width: .1rem;
  height: 100%;
  background: #e6e6e6;
  position: absolute;
  top: 0;
  right: 0
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList i {
  font-size: 1.6rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:first-child i {
  color: #ce9e0d
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:nth-child(2) i {
  color: #e62019
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:nth-child(3) i {
  color: #651f93
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:nth-child(4) i {
  color: #7f7f7f
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:nth-child(4) i::before {
  transform: rotate(30deg)
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:nth-child(5) i {
  color: #f50
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardExpand {
  width: 3.6rem;
  height: 7.4rem;
  background: #f2f2f2;
  display: none;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  cursor: pointer
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardExpand i {
  font-size: 1.6rem;
  color: #651f93;
  transition: .2s ease-in-out
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardExpand .additonalDataCount {
  width: 2.4rem;
  height: 2.4rem;
  background: #fff;
  border: .1rem solid #ccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.5rem;
  font-size: 1.2rem;
  color: #737373
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardEdit {
  width: 0;
  height: 7.4rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s ease-in-out;
  cursor: pointer
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardEdit i {
  font-size: 1.6rem;
  color: #651f93;
  display: none
}

.lCardMainSec .listCardNestedSec .lCardSec.hasDraftMail .lCardInner .subTitle04 span.draftMail {
  display: inline-flex
}

.lCardMainSec .listCardNestedSec .lCardSec.hasAdnlData .lCardInner .lCardExpand {
  display: flex
}

.lCardMainSec .listCardNestedSec .lCardSec.hasWarningMail .lCardInner {
  border-left-color: #ffbf00
}

.lCardMainSec .listCardNestedSec .lCardSec ul.lCardAddBtmSec {
  width: 100%;
  z-index: 1;
  display: none;
  padding-left: 0
}

.lCardMainSec .listCardNestedSec .lCardSec ul.lCardAddBtmSec li.lBtmDetail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: .1rem solid #ccc;
  border-top: 0;
  border-radius: .6rem;
  background: #f2f2f2;
  padding: .7rem 1.5rem .7rem 5rem
}

.lCardMainSec .listCardNestedSec .lCardSec ul.lCardAddBtmSec li.lBtmDetail p {
  font-size: 1.2rem;
  color: #737373;
  margin: 0
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner:focus-within .lCardEdit {
  width: 4.4rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner:focus-within .lCardEdit i {
  display: block
}

.lCardMainSec {
  padding: 1.5rem
}

.lCardMainSec .listCardNestedSec {
  padding: 0
}

.lCardMainSec .listCardNestedSec li:nth-of-type(2) .lCardInner {
  border-left: .8rem solid #ffbf00
}

.lCardMainSec .listCardNestedSec li:nth-of-type(3) .lCardInner {
  border-left: .8rem solid #e62019
}

.lCardMainSec .listCardNestedSec .lCardSec {
  position: relative;
  margin-bottom: 1.2rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner {
  border-left: .8rem solid #81b814;
  display: flex;
  position: relative;
  z-index: 0;
  overflow: hidden
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.active {
  background: #f4e8fc
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner:hover {
  background: #f2f2f2
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner:hover .captionDetails p {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner:hover .lCardEdit {
  width: 4.4rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner:hover .lCardEdit i,
.lCardMainSec .listCardNestedSec .lCardSec .lCardInner:hover .lCardEdit span {
  display: block
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.zIndex2 {
  z-index: 2
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.zIndex2 .lCardExpand i {
  transform: rotate(180deg)
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent {
  flex-grow: 1;
  height: 7.4rem;
  display: flex;
  justify-content: space-between;
  padding: .8rem 1.5rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsLeft {
  cursor: pointer
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .subTitle04 {
  font-size: 1.5rem;
  color: #333;
  font-family: Roboto-Medium
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .subTitle04 span.draftMail {
  font-size: 1.4rem;
  color: #f50;
  margin-right: .5rem;
  font-weight: 100;
  font-family: Roboto-Regular;
  display: none
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .captionDetails p {
  font-size: 1.2rem;
  color: #737373;
  margin-bottom: .3rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .captionDetails p:last-child {
  margin-bottom: 0
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight {
  text-align: right
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-left: 0;
  margin-top: .3rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList {
  position: relative
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:not(:last-child) {
  padding-right: .8rem;
  margin-right: .8rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:not(:last-child)::after {
  content: "";
  width: .1rem;
  height: 100%;
  background: #e6e6e6;
  position: absolute;
  top: 0;
  right: 0
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList i,
.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList span {
  font-size: 1.6rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:first-child i,
.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:first-child span {
  color: #ce9e0d
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:nth-child(2) i,
.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:nth-child(2) span {
  color: #e62019
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:nth-child(3) i,
.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:nth-child(3) span {
  color: #651f93
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:nth-child(4) i,
.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:nth-child(4) span {
  color: #7f7f7f
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:nth-child(4) i::before,
.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:nth-child(4) span::before {
  transform: rotate(30deg)
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:nth-child(5) i,
.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList:nth-child(5) span {
  color: #f50
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardExpand {
  width: 3.6rem;
  height: 7.4rem;
  background: #f2f2f2;
  display: none;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  cursor: pointer
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardExpand i,
.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardExpand span {
  font-size: 1.6rem;
  color: #651f93;
  transition: .2s ease-in-out
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardExpand .additonalDataCount {
  width: 2.4rem;
  height: 2.4rem;
  background: #fff;
  border: .1rem solid #ccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.5rem;
  font-size: 1.2rem;
  color: #737373
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardEdit {
  width: 0;
  height: 7.4rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s ease-in-out;
  cursor: pointer
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardEdit i,
.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardEdit span {
  font-size: 1.6rem;
  color: #651f93;
  display: none
}

.lCardMainSec .listCardNestedSec .lCardSec.hasDraftMail .lCardInner .subTitle04 span.draftMail {
  display: inline-flex
}

.lCardMainSec .listCardNestedSec .lCardSec.hasAdnlData .lCardInner .lCardExpand {
  display: flex
}

.lCardMainSec .listCardNestedSec .lCardSec.hasWarningMail .lCardInner {
  border-left-color: #ffbf00
}

.lCardMainSec .listCardNestedSec .lCardSec ul.lCardAddBtmSec {
  width: 100%;
  z-index: 1;
  display: none;
  padding-left: 0
}

.lCardMainSec .listCardNestedSec .lCardSec ul.lCardAddBtmSec li.lBtmDetail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: .1rem solid #ccc;
  border-top: 0;
  border-radius: .6rem;
  background: #f2f2f2;
  padding: .7rem 1.5rem .7rem 5rem
}

.lCardMainSec .listCardNestedSec .lCardSec ul.lCardAddBtmSec li.lBtmDetail p {
  font-size: 1.2rem;
  color: #737373;
  margin: 0
}

.listCardNestedSec .blueCard.type2.lCardSec {
  border-left-color: #0081cc
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner {
  border-left-color: #0081cc;
  flex-flow: row
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner.low {
  border-left-color: #81b814
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner.medium {
  border-left-color: #ffbf00
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner.high {
  border-left-color: #e62019
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .lCardContent .captionDetails p {
  margin-bottom: .3rem
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .lCardContent .captionDetails p.ticketNumber {
  color: #333
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .lCardContent .captionDetails p.dateText i,
.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .lCardContent .captionDetails p.dateText span {
  font-size: 1.5rem;
  margin-right: .8rem;
  line-height: normal;
  vertical-align: middle;
  color: #ce9e0d
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .lCardContent .captionDetails p:last-child {
  margin-bottom: 0
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .lCardContent .emailDate {
  color: #737373;
  font-size: 1.2rem;
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: .1rem solid #e6e6e6;
  font-weight: 400
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList i.low,
.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList span.low {
  color: #81b814
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList i.medium,
.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList span.medium {
  color: #ffbf00
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList i.high,
.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .lCardContent .lCardDetailsRight ul.mailIconsSec li.mailIconList span.high {
  color: #e62019
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner {
  flex-flow: column
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner.active {
  background-color: #fff
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .lCardContent {
  height: auto
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .dateTime {
  font-size: 1.2rem;
  font-family: Roboto-Regular;
  margin-bottom: 0;
  margin-right: 2.1rem
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .dateTime .dayCnt {
  position: relative;
  margin-right: .5rem;
  padding-right: .5rem
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .dateTime .dayCnt:after {
  position: absolute;
  content: "";
  height: 100%;
  width: .1rem;
  right: 0;
  top: 0;
  background-color: #e6e6e6
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .dropMailMain {
  border-top: .1rem solid #0081cc;
  display: none
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .dropMailMain.show {
  display: block
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .dropMailMain .miniMailCard {
  padding-left: 30px;
  position: relative;
  background-color: #fff
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .dropMailMain .miniMailCard:not(:last-child) {
  border-bottom: .1rem solid #e6e6e6
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .dropMailMain .miniMailCard:after,
.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .dropMailMain .miniMailCard:before {
  position: absolute;
  content: "";
  left: 1.8rem;
  top: 0
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .dropMailMain .miniMailCard:before {
  width: 1px;
  height: 100%;
  background-color: #d9d9d9
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .dropMailMain .miniMailCard:after {
  top: 50%;
  width: 1rem;
  height: 1rem;
  background: #d9d9d9;
  border: 1px solid #fff;
  transform: translate(-50%, -50%);
  border-radius: 50%
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .dropMailMain .miniMailCard .mailData {
  align-items: center;
  height: 3.1rem
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner .dropMailMain .miniMailCard .mailData .mailSub {
  padding: 0
}

.listCardNestedSec .blueCard.type2.lCardSec .lCardInner.active .dropMailMain .miniMailCard .mailData,
.listCardNestedSec .blueCard.type2.lCardSec .lCardInner:hover .dropMailMain .miniMailCard .mailData {
  background-color: #fff
}

.listCardNestedSec .blueCard.type2.lCardSec .aMailDetails p {
  padding-bottom: .5rem
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight {
  margin-left: auto
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-left: 0;
  margin-top: 0
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList:not(:last-child) {
  margin-right: .6rem
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList::last-child::after {
  display: none
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList i,
.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList span {
  font-size: 1.6rem;
  margin: 0
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList:first-child i,
.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList:first-child span {
  color: #ce9e0d
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList.mailStatusIcn i,
.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList.mailStatusIcn span {
  color: #e62019
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList.mainAssignIcn i,
.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList.mainAssignIcn span {
  color: #651f93
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList.mailAttachIcn i,
.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList.mailAttachIcn span {
  color: #7f7f7f
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList.mailAttachIcn i::before,
.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList.mailAttachIcn span::before {
  transform: rotate(30deg)
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList.mailImpIcn i,
.listCardNestedSec .blueCard.type2.lCardSec .mailData .lCardDetailsRight ul.mailIconsSec li.mailIconList.mailImpIcn span {
  color: #f50
}

.listCardNestedSec .blueCard.type2.lCardSec .mailHeader {
  border-bottom: .1rem solid #f2f2f2;
  padding: .5rem 1rem;
  background-color: #fff;
  flex-wrap: wrap
}

@media only screen and (max-width: 575px) {
  .listCardNestedSec .blueCard.type2.lCardSec .mailHeader {
    flex-flow: column;
    align-items: flex-start
  }
}

.listCardNestedSec .blueCard.type2.lCardSec .mailHeader .subTitle04 i,
.listCardNestedSec .blueCard.type2.lCardSec .mailHeader .subTitle04 span {
  padding-right: 1rem;
  color: #0081cc
}

.listCardNestedSec .blueCard.type2.lCardSec .mailHeader .slaStat {
  position: absolute;
  right: 1rem;
  top: .5rem
}

.listCardNestedSec .blueCard.type2.lCardSec .mailHeader .slaStat i.new,
.listCardNestedSec .blueCard.type2.lCardSec .mailHeader .slaStat span.new {
  color: #81b814
}

.listCardNestedSec .blueCard.type2.lCardSec .mailHeader .slaStat i.delayed,
.listCardNestedSec .blueCard.type2.lCardSec .mailHeader .slaStat span.delayed {
  color: #e62019
}

.listCardNestedSec .blueCard.type2.lCardSec .mailHeader .slaStat i.response,
.listCardNestedSec .blueCard.type2.lCardSec .mailHeader .slaStat span.response {
  color: #ffbf00
}

.listCardNestedSec .blueCard.type2.lCardSec .mailHeader {
  display: flex;
  align-items: center;
  vertical-align: middle;
  justify-content: space-between
}

.listCardNestedSec .blueCard.type2.lCardSec .mailCard {
  cursor: pointer
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData {
  padding: .5rem 1rem
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .linkAct {
  width: 2rem;
  text-align: center;
  margin-right: .8rem;
  margin-left: -.2rem
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .linkAct span.linkCnt {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  border: .1rem solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: #737373
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .linkAct span.linkBtn {
  display: inline-block
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .linkAct span.linkBtn i {
  display: inline-block;
  transition: transform .3s ease-out
}

.listCardNestedSec .blueCard.type2.lCardSec .mailData .linkAct span.linkBtn i.active {
  transform: rotate(180deg)
}

.listCardNestedSec .blueCard.type2.lCardSec .roleList {
  border: .1rem solid #558000;
  color: #558000;
  background: #edfbd0;
  border-radius: .6rem;
  width: 2rem;
  height: 2rem;
  font-family: Roboto-Medium;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.listCardNestedSec .blueCard.type2.lCardSec .attachIcn {
  color: #7f7f7f;
  font-size: 1.8rem;
  transform: rotate(30deg)
}

.listCardNestedSec .blueCard.type2.lCardSec .assignIcon {
  color: #651f93
}

.listCardNestedSec .blueCard.type2.lCardSec .emojiIcon {
  color: #7aac16
}

.linkAct.zIndex2 .linkBtn i {
  transform: rotate(180deg)
}

.lCardMainSec .listCardNestedSec li.lCardSec.blueCard .lCardInner.active .mailData,
.lCardMainSec .listCardNestedSec li.lCardSec.blueCard .lCardInner:hover .mailData {
  background-color: #e7f5fe
}

.context-menu-list {
  padding: 0;
  min-width: 14.4rem;
  border: .1rem solid #e6e6e6;
  box-shadow: .3rem .3rem .6rem rgba(0, 0, 0, .16);
  border-radius: .6rem
}

.context-menu-list:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: .5rem solid transparent;
  border-right: .5rem solid transparent;
  border-bottom: .5rem solid #fff;
  top: -.5rem;
  left: 1rem
}

.context-menu-list li.context-menu-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: .8rem 2.8rem;
  font-size: 1.4rem;
  border-radius: .6rem;
  color: #333;
  box-sizing: border-box
}

.context-menu-list li.context-menu-item.context-menu-hover {
  cursor: pointer;
  background-color: #f2f2f2
}

.context-menu-list li.context-menu-item.context-menu-icon::before {
  font-family: bootstrap-icons;
  color: #651f93
}

.context-menu-list li.context-menu-item.context-menu-disabled {
  padding-left: 1rem;
  color: #737373
}

.context-menu-list li.context-menu-item.context-menu-disabled:first-child {
  font-size: 1.2rem;
  padding: 1rem 1rem .3rem;
  line-height: normal
}

.context-menu-list li.context-menu-item.breadcrumb-li {
  line-height: normal;
  padding: .6rem 2.8rem
}

.context-menu-list li.context-menu-item.breadcrumb-li:last-child {
  margin-bottom: .5rem
}

.formRow .dropDown .dropdown-menu.customContext .dropdown-item:focus,
.formRow .dropDown .dropdown-menu.customContext .dropdown-item:hover {
  color: #333;
  background-color: #f2f2f2
}

.formRow .dropDown .dropdown-menu.customContext {
  margin-left: 3.8rem
}

.dropdown-menu.customContext.show a {
  font-size: 1.4rem;
  padding: .5rem 1rem;
  border-radius: .5rem
}

.dropdown-menu.customContext.show a:hover {
  color: #651f93
}

.advanceWrap {
  position: relative
}

.advanceWrap .advanceSearchWrap {
  display: flex;
  max-width: 42rem;
  min-width: 42rem;
  background-color: rgba(0, 0, 0, .3490196078);
  border: .1rem solid rgba(203, 203, 203, .3490196078);
  border-radius: .4rem;
  justify-content: space-between
}

.advanceWrap .advanceSearchWrap .advanceSearchDropdown {
  width: 7.5rem
}

.advanceWrap .advanceSearchWrap .advanceSearchDropdown .dropdown button.dropdown-toggle {
  background-color: transparent;
  width: 100%;
  border: none;
  padding: .7rem 0;
  font-size: 1.4rem;
  color: #f2f2f2
}

.advanceWrap .advanceSearchWrap .advanceSearchDropdown .dropdown button.dropdown-toggle::after {
  margin-left: 1.9rem;
  color: #f2f2f2;
  vertical-align: -.1rem;
  content: "\f282";
  font-family: bootstrap-icons;
  border: none
}

.advanceWrap .advanceSearchWrap .advanceSearchDropdown .dropdown ul.dropdown-menu {
  width: 19.7rem;
  background-color: #fff;
  border: .1rem solid #f2f2f2;
  border-radius: .6rem
}

.advanceWrap .advanceSearchWrap .advanceSearchDropdown .dropdown ul.dropdown-menu li a {
  color: #333;
  padding: .5rem 1rem;
  font-size: 1.4rem
}

.advanceWrap .advanceSearchWrap .advanceSearchList {
  position: relative;
  width: 80%
}

.advanceWrap .advanceSearchWrap .advanceSearchList .formRow {
  margin: 0
}

.advanceWrap .advanceSearchWrap .advanceSearchList input#advaceSearch {
  padding-left: 3.5rem;
  height: 3.6rem;
  padding-right: 3.5rem;
  background-color: transparent;
  color: #f2f2f2;
  border: none;
  font-size: 1.2rem
}

.advanceWrap .advanceSearchWrap .advanceSearchList input#advaceSearch::placeholder {
  color: #bfbfbf
}

.advanceWrap .advanceSearchWrap .advanceSearchList input#advaceSearch:focus-within {
  box-shadow: 0 0 .6rem rgba(255, 255, 255, 0)
}

.advanceWrap .advanceSearchWrap .advanceSearchList .bi-search {
  position: absolute;
  left: 1.2rem;
  top: 1.2rem;
  font-size: 1.4rem;
  color: #fff;
  z-index: 99
}

.advanceWrap .advanceSearchWrap .advanceSearchList .filterIcon {
  position: absolute;
  right: .8rem;
  cursor: pointer;
  font-size: 2rem;
  top: .8rem;
  color: #fff
}

.advanceWrap .advanceSearchWrap .advanceSearchList::after {
  content: "";
  position: absolute;
  height: 2.5rem;
  border-left: .1rem solid #ccc;
  top: 50%;
  left: -.1rem;
  transform: translate(0, -50%)
}

.advanceWrap .advanceSearchForm .formRow {
  padding: .5rem 1rem
}

.advanceWrap .advanceSearchForm .advanceSearchDate {
  display: flex
}

.advanceWrap .advanceSearchForm .advanceSearchDate .formRow {
  width: 50%;
  margin: 0
}

.advanceWrap .advanceSearchForm .advanceSearchDate .formRow i.bi-calendar4-week,
.advanceWrap .advanceSearchForm .advanceSearchDate .formRow span.bi-calendar4-week {
  position: absolute;
  right: 1rem;
  font-size: 2rem;
  top: 50%;
  transform: translate(0, -50%);
  color: #651f93;
  cursor: pointer
}

.advanceWrap .advanceSearchForm .advanceCheckBox {
  display: flex
}

.advanceWrap .advanceSearchForm .advanceCheckBox .formRow .checkBox {
  margin: 0
}

.advanceWrap .advanceSearchForm .advanceBtn {
  border-top: .1rem solid #e6e6e6
}

.advanceWrap .advanceSearchForm .advanceBtn .formRow {
  margin: 1rem 0;
  width: 100%;
  display: flex
}

.advanceWrap .advanceSearchForm .advanceBtn .formRow button {
  width: 50%;
  margin: 0 0 0 1rem
}

.advanceWrap .advanceSearchForm .advanceBtn .formRow button.btnCancel {
  margin: 0
}

.advanceWrap .advanceSearchForm {
  display: none
}

.filterDropWrp {
  display: none;
  position: absolute;
  left: -2rem;
  top: calc(100% + 1rem);
  z-index: 999;
  width: calc(100% + 4rem);
  padding: 2rem
}

.filterDropWrp .horizontalFilter.tableFilter .filterRgt {
  text-align: right
}

.filterDropWrp .horizontalFilter.tableFilter .filterRgt .formRow {
  width: calc(100% - 28.8rem)
}

.filterDropWrp .horizontalFilter.tableFilter .filterRgt .formRow.w100 {
  width: calc(100% - 15rem)
}

.filterDropWrp .horizontalFilter.tableFilter .filterRgt .formRow input[type=text] {
  font-size: 1.4rem;
  padding: .375rem 2.25rem .375rem .75rem;
  height: auto
}

.filterDropWrp .horizontalFilter.tableFilter .filterRgt .formRow input.datePicker {
  background-image: url(../images/calendar4-week.svg);
  background-size: 1.6rem;
  background-repeat: no-repeat;
  background-position: 95% 50%;
  color: #7f7f7f
}

.filterDropWrp .horizontalFilter.tableFilter .filterRgt legend {
  width: 12rem
}

.filterDropWrp .col-sm-12 {
  border-top: .1rem solid #d9d9d9;
  margin-top: 1rem
}

.filterDropWrp .col-sm-12 .formRow {
  margin-bottom: 0
}

.filterDropWrp .btn-group {
  align-items: center;
  margin-left: auto
}

.filterDropWrp .btn-group button {
  width: 14.4rem
}

.filterBtn {
  margin-left: auto;
  border: .1rem solid #e6e6e6;
  background: transparent radial-gradient(closest-side at 50% 50%, #fff 0, #f2f2f2 100%);
  border-radius: .6rem;
  width: 5.2rem;
  height: 4.2rem;
  display: flex;
  font-size: 2rem;
  align-items: center;
  justify-content: center;
  color: #f2f2f2
}

.filterBtn:hover {
  color: #f2f2f2
}

.filterBtn i {
  color: #651f93;
  margin: 0
}

.filterBtn i.bi-funnel {
  margin-right: .3rem
}

.filterBtn i.bi-caret-down-fill {
  font-size: 1rem;
  margin-left: .3rem;
  display: inline-block;
  transition: transform .3s ease-out
}

.filterBtn.active {
  border: .1rem solid #651f93
}

.filterBtn.active i.bi-caret-down-fill {
  transform: rotate(180deg)
}

.datetimepicker th i {
  color: #651f93;
  margin: 0
}

.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active:hover:active {
  background: #651f93
}

.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active:hover:active {
  background: #651f93
}

.table-sm>:not(caption)>*>* {
  padding: .5rem 1rem
}

.datetimepicker .datetimepicker-hours th.switch {
  width: 17rem
}

.multiFormRow .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%
}

.multiFormRow .multidropDown button.dropdown-toggle {
  background-color: #fff;
  border: .1rem solid #b3b3b3;
  border-radius: .6rem;
  font-size: 1.4rem;
  color: #737373;
  margin: 0;
  font-size: 1.4rem;
  padding: .375rem 2.25rem .375rem .75rem;
  height: auto;
  background-image: url(../images/chevron-down.svg);
  background-size: 1.3rem;
  background-repeat: no-repeat;
  background-position: right .75rem center
}

.multiFormRow .multidropDown button.dropdown-toggle::after {
  border-top: 0 solid;
  border-right: 0rem solid transparent;
  border-bottom: 0;
  border-left: 0 solid transparent
}

.multiFormRow .multidropDown button.dropdown-toggle:focus {
  outline: 0
}

.multiFormRow .multidropDown button.dropdown-toggle .filter-option {
  font-family: Roboto-Regular
}

.multiFormRow .multidropDown .dropdown-menu {
  font-size: 1.4rem
}

.multiFormRow .multidropDown .bootstrap-select .bs-ok-default:after {
  content: "";
  display: block;
  width: .4em;
  height: .8em;
  border-style: solid;
  border-width: 0 .2rem .2rem 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: .6rem;
  top: .1rem;
  color: #fff
}

.multiFormRow .multidropDown .bootstrap-select.show-tick .dropdown-menu .dropdown-item {
  padding: .8rem .8rem .8rem 4.5rem
}

.multiFormRow .multidropDown .bootstrap-select.show-tick .dropdown-menu .dropdown-item:active {
  background-color: #b3b3b3
}

.multiFormRow .multidropDown .bootstrap-select.show-tick .dropdown-menu .dropdown-item span.check-mark {
  background-color: #fff;
  border: .1rem solid #b3b3b3;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  left: 1rem;
  top: .7rem;
  position: absolute;
  border-radius: .4rem
}

.multiFormRow .multidropDown .bootstrap-select.show-tick .dropdown-menu .dropdown-item span.check-mark .bs-ok-default:after {
  display: none
}

.multiFormRow .multidropDown .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  background-color: #651f93;
  width: 2rem;
  height: 2rem;
  border-radius: .4rem;
  text-align: center
}

.formRow .dropDown .dropdown-menu .dropdown-item:focus,
.formRow .dropDown .dropdown-menu .dropdown-item:hover {
  color: #fff;
  background-color: #651f93
}

.tableTopWrp {
  position: relative
}

.FilterWrapGroup .formRow .inputBox input {
  height: 3.2rem
}

.FilterWrapGroup .formRow .inputBox span {
  position: absolute;
  right: 1rem;
  font-size: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  color: #651f93;
  margin: 0;
  cursor: text
}

.FilterWrapGroup .formRow .dropDown .form-select {
  height: 3.2rem
}

.InfoBtnSection {
  border-top: .1rem solid #e6e6e6
}

.InfoBtnSection .buttonSec {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 1.5rem 0
}

.InfoBtnSection .buttonSec button {
  max-width: 18.8rem;
  margin: 0 1.1rem;
  height: 4.2rem
}

.compactFilter .filterDropWrp {
  left: 0;
  width: 100%;
  top: calc(100% + 0rem)
}

.datePicker {
  padding: 0 4rem 0 1rem
}

.tableTopWrp {
  position: relative
}

.filterDropWrp {
  width: 100%
}

.compactFilter {
  width: 20%
}

.InfoBtnSection .buttonSec {
  padding: 0
}

.filterBtn span {
  color: #651f93;
  margin: 0
}

.filterBtn span .bi-funnel {
  border-right: none;
  margin-right: .3rem
}

.filterBtn span.bi {
  border-right: none
}

.filterBtn span.bi-caret-down-fill {
  border-right: none
}

.filterBtn.active span.bi-caret-down-fill {
  transform: rotate(180deg)
}

.infoFilterBtn .bi-funnel {
  display: inline-block
}

span.bi-caret-down-fill {
  display: inline-block;
  font-size: 1rem;
  margin-left: .3rem;
  transition: transform .3s ease-out
}

.filterBtn span.visually-hidden {
  color: #333
}

.paginationMainSec {
  padding: 1rem
}

.ngx-pagination {
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center
}

.ngx-pagination li {
  padding: 0;
  margin: 0;
  display: inline-flex;
  cursor: pointer
}

.ngx-pagination li:not(:first-child) a span,
.ngx-pagination li:not(:first-child) span {
  margin-left: -.1rem
}

.ngx-pagination li.small-screen {
  display: none
}

.ngx-pagination li>span {
  color: #333;
  font-size: 1.4rem;
  padding: .5rem 1.5rem;
  height: 3.3rem;
  display: block;
  border: .1rem solid #b3b3b3
}

.ngx-pagination li>span:hover {
  background-color: #651f93;
  color: #fff;
  border-color: #651f93
}

.ngx-pagination li>a {
  padding: 0;
  height: 3.3rem;
  display: block
}

.ngx-pagination li>a>span {
  color: #333;
  font-size: 1.4rem;
  padding: .5rem 1.5rem;
  height: 3.3rem;
  display: block;
  border: .1rem solid #b3b3b3
}

.ngx-pagination li>a>span:hover {
  background-color: #651f93;
  color: #fff;
  border-color: #651f93
}

.ngx-pagination li.current>span {
  background-color: #651f93;
  color: #fff;
  border-color: #651f93
}

.ngx-pagination li.disabled {
  cursor: default
}

.ngx-pagination li.disabled>span {
  color: #a6a6a6 !important
}

.ngx-pagination li.disabled>span:hover {
  background-color: transparent !important;
  border-color: inherit !important
}

.ngx-pagination li.pagination-previous::before {
  display: none
}

.ngx-pagination li.pagination-previous a::before {
  display: none
}

.ngx-pagination li.pagination-next::after {
  display: none
}

.ngx-pagination li.pagination-next a::after {
  display: none
}

.ngx-pagination li.pagination-next>a,
.ngx-pagination li.pagination-previous>a {
  color: #333;
  font-size: 1.4rem;
  padding: .5rem 1.5rem;
  border: .1rem solid #b3b3b3;
  margin-left: -.1rem
}

.ngx-pagination li.pagination-next>a:hover,
.ngx-pagination li.pagination-previous>a:hover {
  background-color: #651f93;
  color: #fff;
  border-color: #651f93
}

.ngx-pagination li.pagination-next>span,
.ngx-pagination li.pagination-previous>span {
  color: #333;
  font-size: 1.4rem;
  padding: .5rem 1.5rem;
  border: .1rem solid #b3b3b3
}

.ngx-pagination li.pagination-next>span:hover,
.ngx-pagination li.pagination-previous>span:hover {
  background-color: #651f93;
  color: #fff;
  border-color: #651f93
}

.ngx-pagination li.pagination-previous>a {
  border-radius: .4rem 0 0 .4rem
}

.ngx-pagination li.pagination-previous>span {
  border-radius: .4rem 0 0 .4rem
}

.ngx-pagination li.pagination-next>a {
  border-radius: 0 .4rem .4rem 0
}

.ngx-pagination li.pagination-next>span {
  border-radius: 0 .4rem .4rem 0
}

.ngx-pagination li:first-child>a {
  border-right: none
}

.ngx-pagination li>a {
  border: none;
  border-bottom: .1rem solid #b3b3b3;
  border-top: .1rem solid #b3b3b3;
  border-left: .1rem solid #b3b3b3
}

.ngx-pagination li.disabled>a {
  color: #666 !important;
  opacity: .8
}

.formRowMainSec {
  margin: 0 0 5rem
}

.eleDivider {
  padding: 2rem 0
}

.eleDivider .datepickerwrap {
  border-left: 0;
  padding: 0;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start
}

.eleDivider .datepickerwrap h4 {
  font-size: 1.4rem;
  margin: 0;
  margin-right: 1.2rem
}

.eleDivider .datepickerwrap .formRow {
  width: calc(100% - 28.3rem);
  min-width: 11rem;
  margin-right: 1.5rem
}

.eleDivider .datepickerwrap .formRow input[type=text] {
  font-size: 1.4rem;
  padding: .375rem 2.25rem .375rem .75rem;
  height: auto
}

.eleDivider .datepickerwrap .formRow input.datetimepicker {
  background-image: url(../images/calendar4-week.svg);
  background-size: 1.6rem;
  background-repeat: no-repeat;
  background-position: 95% 50%;
  color: #7f7f7f
}

.formRow {
  margin: 1rem 0
}

.formRow .inputBox {
  position: relative;
  width: 100%;
  border-radius: .3rem
}

.formRow .inputBox label {
  position: absolute;
  top: 50%;
  left: .9rem;
  font-size: 1.2rem;
  color: #333;
  font-weight: 500;
  transform-origin: 0 0;
  transform: translate3d(0, 0, 0) translateY(-50%);
  transition: all .2s ease;
  pointer-events: none
}

.formRow .inputBox label .required {
  color: #a32d29
}

.formRow .inputBox input {
  width: 100%;
  height: 4.8rem;
  background: #fff;
  border: .1rem solid #ccc;
  border-radius: .6rem;
  outline: 0;
  font-size: 1.4rem;
  color: #333;
  padding: 0 1.3rem
}

.formRow .inputBox input:focus-within {
  outline: 0;
  border: .1rem solid #651f93;
  box-shadow: 0 0 .6rem rgba(98, 28, 145, .32)
}

.formRow .inputBox input:focus-within+label {
  transform: translate3d(0, -2.2rem, 0) translateY(-50%);
  background: #fff;
  padding: 0 .5rem;
  color: #651f93;
  font-size: 1.2rem
}

.formRow .inputBox input:not(:placeholder-shown)+label {
  transform: translate3d(0, -2.2rem, 0) translateY(-50%);
  background: #fff;
  padding: 0 .5rem;
  color: #651f93;
  font-size: 1.2rem
}

.formRow .inputBox input:not(:-ms-input-placeholder) {
  border: .1rem solid #651f93;
  box-shadow: 0 0 .6rem rgba(98, 28, 145, .32)
}

.formRow .inputBox input:not(:-ms-input-placeholder)+label {
  transform: translate3d(0, -2.2rem, 0) translateY(-50%);
  background: #fff;
  padding: 0 .5rem;
  color: #651f93;
  font-size: 1.2rem
}

.formRow .inputBox input:not(:-moz-placeholder-shown) {
  border: .1rem solid #651f93;
  box-shadow: 0 0 .6rem rgba(98, 28, 145, .32)
}

.formRow .inputBox input:not(:-moz-placeholder-shown)+label {
  transform: translate3d(0, -2.2rem, 0) translateY(-50%);
  background: #fff;
  padding: 0 .5rem;
  color: #651f93;
  font-size: 1.2rem
}

.formRow .inputBox.withIcon input {
  padding-right: 4rem
}

.formRow .inputBox.withIcon i,
.formRow .inputBox.withIcon span.disabledIcon,
.formRow .inputBox.withIcon span.primaryClrIcon {
  position: absolute;
  right: .7rem;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  color: #e6e6e6
}

.formRow textarea.form-control {
  border: .1rem solid #ccc;
  border-radius: .4rem;
  font-size: 1.4rem
}

.formRow .dropDown.sdropDown {
  width: calc(100% - 15rem)
}

.formRow .dropDown.sdropDown .form-select {
  font-size: 1.4rem;
  padding: .375rem 2.25rem .375rem .75rem;
  height: auto
}

.formRow.errorInput .inputBox input {
  border-color: #bd241f
}

.formRow.errorInput .dropDown .form-select {
  border-color: #bd241f
}

.formRow .checkBox {
  position: relative;
  margin: 1em 0;
  text-align: left;
  display: flex;
  align-items: center
}

.formRow .checkBox label {
  cursor: pointer;
  display: inline;
  line-height: 1.25em;
  vertical-align: top;
  clear: both;
  padding-left: .1rem;
  font-size: 1.4rem;
  margin: 0;
  color: #333
}

.formRow .checkBox label:not(:empty) {
  padding-left: 1rem;
  padding-right: 1rem
}

.formRow .checkBox label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  border: .1rem solid #ccc;
  border-radius: .4rem;
  cursor: pointer;
  transition: background .3s
}

.formRow .checkBox label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0
}

.formRow .checkBox input[type=checkbox] {
  outline: 0;
  visibility: hidden;
  width: 2rem;
  height: 2rem;
  margin: 0;
  display: block;
  float: left;
  font-size: inherit
}

.formRow .checkBox input[type=checkbox]:checked+label:before {
  background: #651f93;
  border: none
}

.formRow .checkBox input[type=checkbox]:checked+label:after {
  transform: translate(.5rem, .5rem) rotate(-45deg);
  width: 1rem;
  height: .6rem;
  border: .2rem solid #fff;
  border-top-style: none;
  border-right-style: none
}

.formRow .checkBox input[type=checkbox]:disabled+label {
  color: #ccc
}

.formRow .checkBox input[type=checkbox]:disabled+label:before {
  border-color: #ccc
}

.formRow .checkBox input[type=checkbox]:disabled:checked+label:before {
  background: #651f93
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 .1rem transparent
  }

  50% {
    box-shadow: 0 0 0 1.5rem rgba(0, 0, 0, .1)
  }

  100% {
    box-shadow: 0 0 0 1.5rem transparent
  }
}

.formRow .radioButton {
  margin: 0 1.5rem 0 0
}

.formRow .radioButton.md-radio-inline {
  display: inline-block
}

.formRow .radioButton label {
  display: inline-block;
  height: 2rem;
  position: relative;
  padding: 0 0;
  margin-bottom: 0;
  cursor: pointer;
  vertical-align: bottom;
  padding-left: 3rem;
  font-size: 1.4rem;
  width: 100%;
  line-height: 2.1rem
}

.formRow .radioButton label:after,
.formRow .radioButton label:before {
  position: absolute;
  content: "";
  border-radius: 50%;
  transition: all .3s ease;
  transition-property: transform, border-color
}

.formRow .radioButton label:before {
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  border: .1rem solid #999
}

.formRow .radioButton label:after {
  top: .4rem;
  left: .4rem;
  width: 1.2rem;
  height: 1.2rem;
  transform: scale(0);
  background: #651f93
}

.formRow .radioButton input[type=radio] {
  display: none
}

.formRow .radioButton input[type=radio]:checked+label:before {
  animation: ripple .2s linear forwards
}

.formRow .radioButton input[type=radio]:checked+label:after {
  transform: scale(1)
}

.formRow .radioButton input[type=radio]:disabled+label {
  color: #ccc;
  pointer-events: none;
  cursor: default
}

.formRow .radioButton input[type=radio]:disabled+label:before {
  border-color: #ccc
}

.formRow .radioButton input[type=radio]:disabled+label:after {
  background: #ccc;
  cursor: default
}

.formRow .dropDown .form-select {
  width: 100%;
  height: 4.8rem;
  background-color: #fff;
  border: .1rem solid #ccc;
  border-radius: .6rem;
  font-size: 1.4rem;
  color: #737373;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.3rem;
  outline: 0;
  box-shadow: none;
  margin-bottom: 0 !important;
  background-image: url("../images/chevron-down.svg");
  background-size: 1.3rem
}

.formRow .dropDown .form-select:focus {
  border-color: #651f93
}

.formRow .dropDown button {
  width: 100%;
  height: 4.8rem;
  background-color: #fff;
  border: .1rem solid #ccc;
  border-radius: .6rem;
  font-size: #737373;
  color: #b3b3b3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.3rem
}

.formRow .dropDown button.show,
.formRow .dropDown button:first-child:active,
.formRow .dropDown button:first-child:hover,
.formRow .dropDown button:focus-visible,
.formRow .dropDown button:hover {
  background-color: #fff;
  border: .1rem solid #ccc;
  color: #b3b3b3;
  box-shadow: none
}

.formRow .dropDown button::after {
  border-top: .6rem solid #651f93;
  border-right: .6rem solid transparent;
  border-bottom: 0;
  border-left: .6rem solid transparent;
  visibility: hidden
}

.formRow .dropDown button.dropdown-toggle.show {
  border: .1rem solid #651f93
}

.formRow .dropDown .dropdown-menu {
  width: 100%;
  font-size: 1.4rem;
  color: #333;
  border: none;
  position: relative
}

.formRow .dropDown .dropdown-menu .dropdown-item:focus,
.formRow .dropDown .dropdown-menu .dropdown-item:hover {
  color: #333;
  background-color: #000
}

.formRow .otpSec .otpInput {
  border: none;
  border-bottom: .1rem solid #651f93;
  width: 3.2rem;
  height: 3.6rem;
  margin: .4rem;
  text-align: center;
  font-size: 2.2rem;
  color: #333;
  background: 0 0
}

.formRow .otpSec .otpInput:focus {
  outline: 0;
  transition: .12s ease-in
}

.formRow .buttonSec button {
  width: 100%;
  height: 4.8rem;
  background: #558000;
  border-radius: .6rem;
  font-size: 1.4rem;
  color: #fff;
  border: none;
  transition: .5s ease;
  margin: 0
}

.formRow .buttonSec button:first-child:hover,
.formRow .buttonSec button:hover {
  background: #fff;
  border: .1rem solid #558000;
  color: #558000
}

.formRow button {
  background-color: #558000;
  height: 4.2rem;
  color: #fff;
  outline: 0;
  font-size: 1.4rem;
  border-radius: .6rem;
  border: none;
  cursor: pointer;
  font-family: Roboto-Medium;
  padding: 0 1rem;
  border: .2rem solid #558000;
  margin: .7rem 0 0 1rem;
  transition: .5s ease;
  text-transform: uppercase
}

.formRow button.btnCancel {
  border: .2rem solid #d9d9d9;
  background: #f2f2f2;
  color: #333
}

.formRow button.btnCancel:hover {
  border: .2rem solid #bfbfbf;
  background: #f2f2f2;
  color: #333
}

.formRow button.btnCancel:focus {
  box-shadow: none
}

.formRow button.btnNext {
  border: .2rem solid #d6f891;
  background: #edfbd0;
  color: #558000
}

.formRow button.btnNext:hover {
  border: .2rem solid #80bf03
}

.formRow button.btnNext:focus {
  box-shadow: none
}

.formRow button.btnDelete {
  background-color: #fce9e8;
  border: .2rem solid #f8c1bf;
  color: #d3231d
}

.formRow button.btnDelete:hover {
  border-color: #ef706c;
  color: #d3231d
}

.formRow button.btnDelete:focus {
  box-shadow: none
}

.formRow button i,
.formRow button span.bi {
  font-size: 1.8rem;
  position: relative;
  top: .2rem;
  margin-right: 1rem
}

.formRow button:hover {
  border: .2rem solid #558000;
  background-color: transparent;
  color: #558000
}

.formRow button:focus {
  box-shadow: none
}

.formRow button.btnIconLt {
  padding: 0 2rem 0 1.5rem
}

.formRow button.btnIconRt {
  padding: 0 1.5rem 0 2rem
}

.formRow button.btnIconRt i,
.formRow button.btnIconRt span.bi {
  margin: 0 0 0 1rem
}

.formRow button.btnPlus {
  padding: 0 2rem 0 1rem
}

.formRow button.btnPlus i,
.formRow button.btnPlus span {
  font-size: 3rem;
  vertical-align: middle;
  top: -.1rem;
  margin-right: .5rem
}

.formRow a.btn {
  background-color: #558000;
  height: 4.2rem;
  color: #fff;
  outline: 0;
  font-size: 1.4rem;
  border-radius: .6rem;
  border: none;
  cursor: pointer;
  font-family: Roboto-Medium;
  padding: .9rem 1rem;
  border: .2rem solid #558000;
  margin: .7rem 0 0 1rem;
  transition: .5s ease;
  text-transform: uppercase
}

.formRow a.btn.btnCancel {
  border: .2rem solid #d9d9d9;
  background: #f2f2f2;
  color: #333
}

.formRow a.btn.btnCancel:hover {
  border: .2rem solid #bfbfbf;
  background: #f2f2f2;
  color: #333
}

.formRow a.btn.btnCancel:focus {
  box-shadow: none
}

.formRow a.btn.btnNext {
  border: .2rem solid #d6f891;
  background: #edfbd0;
  color: #558000
}

.formRow a.btn.btnNext:hover {
  border: .2rem solid #80bf03
}

.formRow a.btn.btnNext:focus {
  box-shadow: none
}

.formRow a.btn.btnDelete {
  background-color: #fce9e8;
  border: .2rem solid #f8c1bf;
  color: #d3231d
}

.formRow a.btn.btnDelete:hover {
  border-color: #ef706c;
  color: #d3231d
}

.formRow a.btn.btnDelete:focus {
  box-shadow: none
}

.formRow a.btn i,
.formRow a.btn span.bi {
  font-size: 1.8rem;
  position: relative;
  top: .2rem;
  margin-right: 1rem
}

.formRow a.btn:active,
.formRow a.btn:hover {
  border: .2rem solid #558000;
  background-color: transparent;
  color: #558000;
  box-shadow: none;
  outline: 0
}

.formRow a.btn:focus {
  box-shadow: none
}

.formRow a.btn.btnIconLt {
  padding: .7rem 2rem .7rem 1.5rem
}

.formRow a.btn.btnIconRt {
  padding: .7rem 1.5rem .7rem 2rem
}

.formRow a.btn.btnIconRt i,
.formRow a.btn.btnIconRt span.bi {
  margin: 0 0 0 1rem
}

.formRow a.btn.btnPlus i {
  font-size: 3rem;
  vertical-align: middle;
  top: -.1rem;
  margin-right: .5rem
}

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

i.icon-xl,
span.icon-xl {
  font-size: 3rem
}

i.icon-l,
span.icon-l {
  font-size: 2rem
}

i.icon-m,
span.icon-m {
  font-size: 1.6rem
}

i.icon-s,
span.icon-s {
  font-size: 1.4rem
}

i.disabledIcon,
span.disabledIcon {
  color: #ccc
}

i.primaryClrIcon,
span.primaryClrIcon {
  color: #651f93
}

.form-select {
  background-size: 1.1rem
}

.groupBySec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  position: relative
}

.groupBySec .groupByInnerSec {
  display: flex;
  align-items: center
}

.groupBySec .groupByInnerSec legend {
  float: none;
  width: auto
}

.groupBySec .groupByInnerSec .title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
  margin-right: 1.5rem;
  margin-bottom: 0
}

.groupBySec .groupByInnerSec .groupbyRadioBtns {
  display: flex;
  align-items: center
}

.groupBySec .groupByInnerSec .radioButton label {
  color: #333
}

.territoriesSec {
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.territoriesSec .territoryList {
  width: calc(50% - 1rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 6.5rem;
  padding: 0 1rem;
  margin-bottom: 1.5rem
}

.territoriesSec .territoryList .territoryDetails {
  display: inline-flex;
  align-items: center
}

.territoriesSec .territoryList .formRow {
  width: 100%;
  padding-left: 1.5rem
}

.territoriesSec .territoryList .formRow .checkBox label::before {
  border-radius: 50%
}

.territoriesSec .territoryList .formRow .radioButton label {
  padding-left: 0
}

.territoriesSec .territoryList .formRow .radioButton label::after {
  right: .4rem;
  left: auto
}

.territoriesSec .territoryList .formRow .radioButton label::before {
  right: 0;
  left: auto
}

.cList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.cList .cFlag {
  width: calc(50% - 1rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 6.5rem;
  padding: 0 1rem;
  margin-bottom: 1.5rem
}

.cList .cFlag .formRow {
  width: 100%
}

.cList .cFlag .formRow label {
  display: inline-block;
  height: 2rem;
  position: relative;
  padding: 0 0;
  margin-bottom: 0;
  cursor: pointer;
  vertical-align: bottom;
  padding-left: 3rem;
  font-size: 1.4rem;
  width: 100%;
  line-height: 2.1rem
}

.cList .cFlag .formRow label:after {
  content: "";
  right: .4rem;
  left: auto;
  top: .4rem;
  width: 1.2rem;
  height: 1.2rem;
  transform: scale(0);
  background: #651f93;
  position: absolute;
  border-radius: 50%
}

.cList .cFlag .formRow label:before {
  content: "";
  right: 0;
  left: auto;
  top: 0;
  width: 2rem;
  height: 2rem;
  border: .1rem solid #999;
  position: absolute;
  border-radius: 50%
}

.cList .cFlag .formRow input[type=radio] {
  display: none
}

.cList .cFlag .formRow input[type=radio]:checked+label:after {
  transform: scale(1)
}

.input-group.file-upload-wrp {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%
}

.input-group.file-upload-wrp label {
  flex: 1 0 100%;
  color: #333;
  margin-bottom: .6rem;
  font-size: 1.6rem
}

.input-group.file-upload-wrp label.font-weight-bold {
  font-weight: 700
}

.input-group.file-upload-wrp .custom-file {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  margin-bottom: 0;
  width: 1%;
  height: 4rem;
  margin-bottom: 0
}

.input-group.file-upload-wrp .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: .4rem;
  border-bottom-left-radius: .4rem
}

.input-group.file-upload-wrp .custom-file #uploadFile {
  cursor: pointer
}

.input-group.file-upload-wrp .custom-file #uploadFile::placeholder {
  color: #bfbfbf
}

.input-group.file-upload-wrp .custom-file #uploadFile.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0;
  opacity: 0;
  height: 4rem;
  cursor: pointer
}

.input-group.file-upload-wrp .custom-file .custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 2.45rem;
  padding: .375rem .75rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  border: .1rem solid #e6e6e6;
  border-radius: .25rem;
  color: #bfbfbf;
  font-weight: 400;
  height: 4rem;
  display: flex;
  align-items: center
}

.input-group.file-upload-wrp .custom-file .custom-file-label::after {
  content: "Browse";
  background-color: #651f93;
  color: #fff;
  border-radius: .4rem;
  height: 3.9rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  line-height: 1.5;
  border-left: inherit
}

.multipleFileUpload {
  padding-bottom: 2rem
}

.multipleFileUpload label {
  font-size: 1.4rem;
  line-height: normal;
  margin-bottom: .5rem
}

.multipleFileUpload .fileuploadWrap {
  display: flex;
  align-items: center;
  padding-bottom: 1.5rem
}

.multipleFileUpload .fileuploadWrap .file-upload-wrp {
  width: auto;
  min-width: 15.4rem
}

.multipleFileUpload .fileuploadWrap .file-upload-wrp .custom-file {
  max-width: 14.5rem
}

.multipleFileUpload .fileuploadWrap .file-upload-wrp .custom-file .custom-file-label {
  cursor: pointer;
  background-color: #651f93;
  border: .1rem solid #651f93;
  height: 4.2rem;
  font-size: 1.4rem;
  padding: 1rem 1.5rem;
  border-radius: .6rem
}

.multipleFileUpload .fileuploadWrap .file-upload-wrp .custom-file .custom-file-label i {
  margin-right: .9rem;
  color: #fff
}

.multipleFileUpload .fileuploadWrap .file-upload-wrp .custom-file .custom-file-label:after {
  content: "UPLOAD FILES";
  background-color: #651f93;
  border: #651f93;
  height: auto;
  padding: 0;
  right: auto;
  left: 3.8rem
}

.multipleFileUpload .fileuploadWrap .bi-info-circle-fill {
  color: #7f7f7f;
  font-size: 1.8rem
}

.multipleFileUpload .fileuploadWrap input[type=file] {
  position: absolute;
  bottom: -2rem;
  color: #737373;
  font-size: 1.2rem
}

.multipleFileUpload .fileuploadWrap ::-webkit-file-upload-button {
  display: none
}

.multipleFileUpload .fileuploadWrap ::file-selector-button {
  display: none
}

.multipleFileUpload .attachFileWrap {
  display: flex;
  margin-top: 1rem;
  flex-wrap: wrap
}

.multipleFileUpload .attachFileWrap .attachFile {
  border: .1rem solid #ccc;
  border-radius: .6rem;
  opacity: 1;
  display: flex;
  align-items: center;
  position: relative;
  max-width: 23.6rem;
  min-height: 4.6rem;
  padding: .5rem 1rem;
  width: 100%;
  margin-right: 1.2rem;
  margin-bottom: 1rem
}

.multipleFileUpload .attachFileWrap .attachFile.attachFileInfo .attachInfo .fName {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 16.7rem;
  width: 100%
}

.multipleFileUpload .attachFileWrap .attachFile .attachIcon {
  margin-right: 1rem
}

.multipleFileUpload .attachFileWrap .attachFile .attachIcon i {
  font-size: 2.2rem
}

.multipleFileUpload .attachFileWrap .attachFile .attachIcon i.bi-file-earmark-pdf {
  color: #e83730
}

.multipleFileUpload .attachFileWrap .attachFile .attachIcon i.bi-file-earmark-word {
  color: #0081cc
}

.multipleFileUpload .attachFileWrap .attachFile .attachIcon i.bi-file-earmark-excel {
  color: #6f9b17
}

.multipleFileUpload .attachFileWrap .attachFile .attachInfo p {
  color: #333;
  font-size: 1.4rem;
  margin: 0;
  line-height: 1.5rem
}

.multipleFileUpload .attachFileWrap .attachFile .attachInfo p.fileSize {
  font-size: 1.2rem;
  color: #737373
}

.multipleFileUpload .attachFileWrap .attachFile .attachDelete {
  position: absolute;
  right: .3rem
}

.multipleFileUpload .attachFileWrap .attachFile .attachDelete {
  border-left: .1rem solid #e6e6e6;
  line-height: 2rem;
  height: 2.4rem
}

.multipleFileUpload .attachFileWrap .attachFile .attachDelete .bi-x {
  color: #e62019;
  font-size: 2.2rem;
  cursor: pointer
}

.multiFormRow .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%
}

.multiFormRow .multidropDown .dropdown-toggle {
  background-color: #fff;
  border: .1rem solid #b3b3b3;
  border-radius: .6rem;
  font-size: 1.4rem;
  color: #737373;
  padding: 1.3rem
}

.multiFormRow .multidropDown .dropdown-toggle::after {
  border-top: 0 solid;
  border-right: 0rem solid transparent;
  border-bottom: 0;
  border-left: 0 solid transparent
}

.multiFormRow .multidropDown .dropdown-menu {
  font-size: 1.4rem
}

.multiFormRow .multidropDown .bootstrap-select .bs-ok-default:after {
  content: "";
  display: block;
  width: .7rem;
  height: 1.4rem;
  border-style: solid;
  border-width: 0 .3rem .3rem 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: .7rem;
  top: .2rem;
  color: #fff
}

.multiFormRow .multidropDown .bootstrap-select.show-tick .dropdown-menu .dropdown-item {
  padding: .8rem .8rem .8rem 4.5rem
}

.multiFormRow .multidropDown .bootstrap-select.show-tick .dropdown-menu .dropdown-item:active {
  background-color: #b3b3b3
}

.multiFormRow .multidropDown .bootstrap-select.show-tick .dropdown-menu .dropdown-item span.check-mark {
  background-color: #fff;
  border: .1rem solid #b3b3b3;
  display: inline-block;
  width: 2.3rem;
  height: 2.3rem;
  left: 1rem;
  top: .7rem;
  position: absolute
}

.multiFormRow .multidropDown .bootstrap-select.show-tick .dropdown-menu .dropdown-item span.check-mark .bs-ok-default:after {
  display: none
}

.multiFormRow .multidropDown .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  background-color: #651f93;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: .2rem;
  text-align: center
}

.compList .tbc {
  padding-top: 3rem
}

.compList .tbc .nav-tabs .nav-link {
  font-size: 1.6rem;
  padding: 1rem 1.6rem
}

.compList .tbc .tab-pane {
  display: none;
  background: #fff;
  padding: 2rem
}

.compList .tbc .tab-pane.active {
  display: block;
  border: .1rem solid #e6e6e6;
  padding: 2rem 2rem 2rem 2rem;
  border-top: 0
}

.fxWidth {
  width: 30rem
}

.datetimepicker th i {
  color: #651f93;
  margin: 0
}

.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active:hover:active {
  background: #651f93
}

.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active:hover:active {
  background: #651f93
}

.table-sm>:not(caption)>*>* {
  padding: .5rem 1rem
}

.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 2rem;
  height: 2rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: .4rem;
  border-radius: .4rem;
  border: 0
}

.datetimepicker tfoot tr:first-child th:hover,
.datetimepicker thead tr:first-child th:hover {
  background: #e6e6e6
}

.datetimepicker th.switch {
  width: 14.5rem;
  text-align: center
}

.datetimepicker table tr td.day:hover {
  background: #e6e6e6;
  cursor: pointer
}

.datetimepicker table tr td.active.active {
  color: #fff;
  border-radius: .4rem
}

.staticLabel .inputBox label {
  font-size: 1.4rem;
  position: static;
  margin-bottom: .6rem;
  transform: translate3d(0, 0, 0) translateY(0)
}

.formRow.textareaSection label {
  font-size: 2.1rem;
  font-family: Roboto-Light;
  margin-bottom: .8rem
}

.formRow.textareaSection textarea.form-control:focus-within {
  outline: 0;
  border: .1rem solid #651f93
}

.formRow.error input {
  border: .1rem solid #e62019
}

.formRow.error .errorMsg {
  display: block
}

.errorMsg {
  font-size: 1.2rem;
  text-align: left;
  color: #e62019;
  display: none
}

.errorMsg.text-left {
  text-align: left
}

.errorMsg.show {
  display: block
}

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

.toggleSwitch label {
  font-size: 1.4rem;
  color: #333;
  margin-right: 1rem
}

.toggleSwitch .form-switch {
  padding-left: 0
}

.toggleSwitch .form-check-input {
  margin: 0;
  width: 2.8rem;
  height: 1.6rem;
  background-color: #8c8c8c;
  border-color: #8c8c8c;
  cursor: pointer;
  box-shadow: none;
  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")
}

.toggleSwitch .form-check-input:checked {
  background-color: #651f93
}

.toggleSwitch .form-check-input:focus {
  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")
}

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

.toggleSwitch2 label {
  font-size: 1.4rem;
  color: #333;
  margin-right: 1rem
}

.inline-form-switch .form-check-input {
  width: 8.6rem;
  height: 2.4rem;
  position: relative;
  box-shadow: none;
  background-color: #8c8c8c;
  border-color: #d9d9d9;
  cursor: pointer;
  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")
}

.inline-form-switch .form-check-input::before {
  content: "Disable";
  position: absolute;
  top: .2rem;
  color: #fff;
  font-size: 1.3rem;
  left: 2.5rem;
  border-color: #d9d9d9
}

.inline-form-switch .form-check-input:focus {
  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")
}

.inline-form-switch .form-check-input:checked {
  background-color: #651f93;
  border-color: #651f93
}

.inline-form-switch .form-check-input:checked::before {
  content: "Enable";
  position: absolute;
  top: .2rem;
  color: #fff;
  font-size: 1.3rem;
  left: 1.5rem
}

.formRow .dropDown label,
.formRow.textareaSection label {
  font-size: 1.4rem;
  color: #333;
  font-weight: 500;
  font-family: Roboto-Regular;
  transform: translate3d(0, 0, 0) translateY(0);
  margin-bottom: .6rem
}

.allForm {
  margin: 2rem 0;
  padding: 1.5rem
}

.allForm .groupBySec {
  padding-bottom: 0
}

.allForm .groupBySec {
  margin: 2rem 0
}

.allForm .groupBySec .groupbyRadioBtns .formRow {
  margin: 0
}

.allForm .dropDown {
  margin: 2rem 0
}

.allForm .checkBox {
  margin: 2rem 0
}

.allForm h3 {
  border-bottom: .1rem solid #e6e6e6;
  padding-bottom: .6rem;
  width: 100%;
  color: #651f93;
  margin-bottom: 1.5rem
}

.formRow .blockButton {
  border: .2rem solid #f8c1bf;
  background: #fce9e8;
  color: #d3231d
}

.formRow .blockButton:hover {
  border: .2rem solid #ef706c;
  background: #fce9e8;
  color: #d3231d
}

.dropdown-item:hover {
  background-color: #fff
}

.formRow .checkBox label::before {
  border-radius: .2rem
}

.formRow .checkBox input[type=checkbox] {
  visibility: visible
}

.formRow .checkBox input[type=checkbox]:focus+label::before {
  border: .1rem solid #651f93
}

.formRow .checkBox input[type=checkbox]:checked:focus+label::before {
  border: .1rem solid #651f93
}

.formRow .radioButton input[type=radio] {
  display: block;
  position: absolute;
  width: .1rem;
  height: .1rem;
  border: 0;
  clip: rect(0 0 0 0)
}

.formRow .radioButton input[type=radio]:focus+label::before {
  border: .2rem solid #651f93
}

.formRow .radioButton input[type=radio]:checked:focus:active+label::before {
  border: .2rem solid #651f93
}

.formRow .dropDown .form-select:focus-within {
  outline: 0;
  border: .1rem solid #651f93 !important;
  box-shadow: 0 0 .6rem rgba(98, 28, 145, .32) !important
}

.eFloatIcon {
  width: 5.2rem;
  height: 5.2rem;
  background-color: #651f93;
  border: .1rem solid #dab2f5;
  box-shadow: 0 .4rem .8rem rgba(0, 0, 0, .16);
  border-radius: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 4rem;
  right: 2rem;
  z-index: 8;
  cursor: pointer
}

@media only screen and (max-width: 991px) {
  .eFloatIcon {
    bottom: 13.5rem;
    right: 1.4rem
  }
}

.eFloatIcon i,
.eFloatIcon span.bi {
  display: inline-flex;
  font-size: 2rem;
  color: #fff
}

.tabsHorizontalWrap .tabsHorizontalList li:last-child {
  text-align: center
}

.multipleFileUpload .fileuploadWrap input[type=file] {
  bottom: -2.5rem
}

.classicCompactTab {
  margin-right: 2rem;
  display: flex;
  align-items: center;
  vertical-align: middle
}

.classicCompactTab .nav {
  border: .1rem solid #ccc;
  height: 4.5rem;
  border-radius: .4rem;
  background-color: #fff;
  flex-wrap: nowrap
}

.classicCompactTab .nav #nav-compact-tab.nav-link:after {
  left: -93%
}

.classicCompactTab .nav #nav-compact-tab.nav-link.active span {
  color: #f4e8fc
}

.classicCompactTab .nav #nav-compact-tab.nav-link.active:after {
  background-color: #651f93;
  left: 0
}

.classicCompactTab .nav #nav-classic-tab.nav-link:after {
  right: -93%
}

.classicCompactTab .nav #nav-classic-tab.nav-link.active {
  border-color: #dab2f5;
  background-color: #f4e8fc;
  border-radius: .4rem
}

.classicCompactTab .nav #nav-classic-tab.nav-link.active span {
  color: #f4e8fc
}

.classicCompactTab .nav #nav-classic-tab.nav-link.active:after {
  background-color: #651f93;
  left: auto;
  right: 0
}

.classicCompactTab .nav .nav-link {
  color: #8c8c8c;
  font-size: 1.4rem;
  border: .1rem solid transparent;
  padding: 0 1.6rem;
  height: 4.3rem;
  border-radius: .4rem;
  position: relative
}

.classicCompactTab .nav .nav-link span {
  position: relative;
  z-index: 1;
  transition: .5s ease all
}

.classicCompactTab .nav .nav-link:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  transition: .5s ease all;
  border-radius: .4rem
}

.classicCompactTab::before {
  content: "";
  position: absolute;
  height: calc(100% - 1rem);
  width: .1rem;
  top: .5rem
}

.btnwithIcons {
  display: flex;
  align-items: center;
  justify-content: flex-start
}

.btnwithIcons .tableActionBtn {
  box-shadow: 0 .2rem .2rem rgba(0, 0, 0, .16);
  border: .1rem solid #e6e6e6;
  border-radius: .6rem;
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #651f93;
  font-size: 1.4rem;
  line-height: normal;
  background-color: #f2f2f2;
  background: radial-gradient(closest-side at 50% 50%, #fff 0, #f2f2f2 100%);
  position: relative;
  margin-right: 1rem
}

.btnwithIcons .tableActionBtn i,
.btnwithIcons .tableActionBtn span.bi {
  margin: 0;
  font-size: 2rem
}

.btnwithIcons .tableActionBtn:hover {
  box-shadow: none
}

.btnwithIcons .tableActionBtn.selected:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: .7rem;
  height: .7rem;
  background-color: #cc004b;
  border-radius: 50%
}

.dropMulFilesUpload {
  width: 25.3rem;
  border-radius: .6rem;
  background-color: #fff;
  position: relative;
  margin-bottom: .5rem
}

.dropMulFilesUpload .dropArea {
  position: relative;
  height: 5.7rem;
  border: .1rem dashed #d9d9d9;
  border-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  border-radius: .6rem .6rem 0 0
}

.dropMulFilesUpload .dropArea.fileover {
  border-color: #651f93;
  background-color: #f2f2f2
}

.dropMulFilesUpload .dropArea .dAreaDetails p {
  width: 100%;
  text-align: center;
  margin-bottom: 0
}

.dropMulFilesUpload .dropArea .dAreaDetails label {
  position: relative;
  padding-left: 2.8rem;
  margin-left: -2rem
}

.dropMulFilesUpload .dropArea .dAreaDetails label span.bi {
  font-size: 2rem;
  position: absolute;
  left: 0;
  color: #737373
}

.dropMulFilesUpload .dropArea .attachIconSec {
  position: absolute;
  right: .9rem;
  top: .8rem;
  display: flex;
  cursor: pointer
}

.dropMulFilesUpload .dropArea i.infoIcon,
.dropMulFilesUpload .dropArea span.infoIcon {
  color: #a54ce1;
  font-size: 1.8rem;
  position: absolute;
  right: .9rem;
  top: .8rem;
  display: flex;
  cursor: pointer
}

.dropMulFilesUpload .chooseFileSec input[type=file]:focus+label {
  outline: .2rem solid #000000
}

.dropMulFilesUpload .chooseFileSec input[type=file]+label {
  outline: .2rem solid transparent;
  font-size: 1.4rem
}

.dropMulFilesUpload .chooseFileSec label.cFileLabel {
  background-color: #651f93;
  border: .1rem solid #651f93;
  height: 3.6rem;
  border-radius: 0 0 .6rem .6rem;
  width: 100%;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.attachIconSec {
  display: inline-flex;
  position: relative
}

.attachIconSec span.bi {
  margin-left: 1rem;
  font-size: 2rem;
  color: #7f7f7f;
  cursor: pointer
}

.attachIconSec span.bi:hover+.attachTooltip {
  display: block
}

.allowedFileTypeSec.attachTooltip {
  width: 29.3rem;
  background-color: #595959;
  border: .1rem solid #595959;
  color: #fff;
  border-radius: .6rem;
  padding: 1.5rem 1.5rem;
  position: absolute;
  z-index: 9;
  top: 3rem;
  left: 1.5rem;
  display: none
}

.allowedFileTypeSec.attachTooltip p.caption {
  font-size: 1.2rem;
  color: #fff
}

.allowedFileTypeSec.attachTooltip ul {
  padding: 0;
  margin-bottom: 1rem;
  margin-top: 1rem;
  font-size: 1.4rem;
  line-height: 2rem
}

.allowedFileTypeSec.attachTooltip ul li {
  display: inline-block;
  width: 20%;
  font-family: Roboto-Regular
}

.multiFormRow .multidropDown button.dropdown-toggle .filter-option {
  padding: .6rem
}

.multiFormRow .multidropDown button.dropdown-toggle {
  height: 4rem
}

.multiFormRow .multidropDown button.dropdown-toggle {
  border: .1rem solid #ccc
}

.inline-form-switch .form-check-input:checked::before {
  top: -.2rem
}

.inline-form-switch .form-check-input::before {
  content: "Disable";
  position: absolute;
  top: -.2rem;
  color: #fff;
  font-size: 1.3rem;
  left: 2.5rem;
  border-color: #d9d9d9
}

.inputBox span.bi-calendar4-week {
  position: absolute;
  right: 1rem;
  font-size: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  color: #651f93;
  margin: 0;
  cursor: text
}

.allForm .dropDown label,
.allForm .textareaSection label,
.formRow .dropDown label,
.formRow .inputBox label,
label {
  font-family: Roboto-Medium;
  color: #333
}

.eleDivider .datepickerwrap .formRow {
  width: calc(100% - 40rem);
  min-width: 15rem
}

.formRow .dropDown .form-select,
.formRow .inputBox input {
  height: 4rem
}

.cg body .pScrlTop {
  width: 5.2rem;
  height: 5.2rem;
  background-color: #651f93;
  border: .1rem solid #dab2f5;
  box-shadow: 0 .4rem .8rem rgba(0, 0, 0, .16);
  border-radius: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 2rem;
  right: .8rem;
  z-index: 9;
  cursor: pointer;
  display: none
}

@media only screen and (max-width: 767px) {
  .cg body .pScrlTop {
    bottom: 10rem
  }
}

@media only screen and (max-width: 575px) {
  .cg body .pScrlTop {
    bottom: 12rem
  }
}

.cg body .pScrlTop i {
  display: inline-flex;
  font-size: 2rem;
  color: #fff;
  transform: rotate(-90deg)
}

.cg body a.closeModal {
  width: 2.4rem;
  height: 2.4rem;
  background: #f4e8fc;
  color: #651f93;
  border: .1rem solid #e7cdf9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.cg body a.closeModal i {
  font-size: 2rem;
  margin-top: .2rem
}

span.bi.bi-calendar4-week {
  position: absolute;
  right: 1rem;
  font-size: 1.6rem;
  top: 50%;
  transform: translate(0, -50%);
  color: #651f93;
  margin: 0;
  cursor: text
}

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

.tableTtlsection .infoTitle {
  padding-left: .8rem;
  border-left: .1rem solid #e6e6e6;
  margin-left: .8rem;
  line-height: normal
}

.tbFilterSection .formRow .dropDown .form-select,
.tbFilterSection .formRow .inputBox input {
  height: 3.2rem
}

.backArrow {
  width: 3.6rem;
  height: 3.6rem;
  border: .1rem solid #e6e6e6;
  border-radius: 50%;
  display: inline-block;
  color: #651f93;
  font-size: 2rem;
  text-align: center;
  line-height: 3.6rem;
  background: transparent radial-gradient(closest-side at 50% 50%, #fff 0, #f2f2f2 100%) 0 0 no-repeat padding-box;
  align-items: center;
  justify-content: center;
  display: flex
}

.formRow .checkBox label:before {
  background: #fff
}

.allForm .dropDown label,
.allForm .textareaSection label,
.formRow .dropDown label,
.formRow .inputBox label,
label {
  font-family: Roboto-Medium;
  color: #333
}

.formRow .checkBox label,
.groupBySec .groupByInnerSec .radioButton label,
.tableLength label {
  font-family: Roboto-Regular
}

.modal .modal-header .btn-close:focus:focus-visible,
.tableBottomRow .pGNoWrap .pageVal:focus:focus-visible,
.tableWrapper .tableTopRow .filterRow .tableFilter input:focus:focus-visible,
:focus:focus-visible input[type=search]:focus:focus-visible,
button:focus:focus-visible,
input[type=search]:focus:focus-visible {
  transition: none;
  outline: 2px solid #000000
}

.tableWrapper .tableTopRow .filterRow .tableLength select:focus {
  border-color: #651f93
}

.formRow .dropDown .form-select:focus-within {
  outline: 0;
  border: .1rem solid #651f93;
  box-shadow: 0 0 .6rem rgba(98, 28, 145, .32)
}

.filedsInfo {
  display: flex;
  width: 100%;
  padding: 0;
  justify-content: flex-end;
  margin: 1rem 0;
  padding: 0 1.5rem
}

.filedsInfo li {
  margin-left: 2rem;
  color: #333;
  font-size: 1.4rem
}

.formRow .radioButton label:after {
  background: #651f93
}

.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 2rem;
  height: 2rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: .4rem;
  border-radius: .4rem;
  border: 0
}

.datetimepicker tfoot tr:first-child th:hover,
.datetimepicker thead tr:first-child th:hover {
  background: #ccc
}

.datetimepicker th.switch {
  width: 14.5rem;
  text-align: center
}

.datetimepicker table tr td.day:hover {
  background: #ccc;
  cursor: pointer
}

.datetimepicker table tr td.active.active {
  color: #fff;
  border-radius: .4rem
}

.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 2rem;
  height: 2rem;
  border-radius: .4rem;
  border: 0;
  font-size: 14px
}

.tableWrapper .tableTopRow .filterRow .tableFilter input:focus-visible,
button:focus-visible,
input[type=search]:focus-visible {
  outline: 2px solid #000000
}

.tableWrapper .tableTopRow .filterRow .tableFilter input:focus,
.tableWrapper .tableTopRow .filterRow .tableFilter input:focus:not(.focus-visible),
button:focus,
button:focus:not(.focus-visible),
input[type=search]:focus,
input[type=search]:focus:not(.focus-visible) {
  outline: 0
}

.formRow .blockButton {
  border: .2rem solid #f8c1bf;
  background: #fce9e8;
  color: #d3231d
}

.formRow .blockButton:hover {
  border: .2rem solid #ef706c;
  background: #fce9e8;
  color: #d3231d
}

.required {
  color: #a32d29
}

.mandatory {
  color: #d3231d
}

input[type=file]:focus+label {
  outline: .2rem solid #000000
}

input[type=file]+label {
  outline: .2rem solid transparent
}

button.type2 {
  background-color: #651f93;
  border-color: #651f93
}

button.type2:hover {
  border-color: #651f93;
  color: #651f93
}

.errorMsg {
  color: #bd241f
}

.formRow button span.bi {
  font-size: 1.8rem
}

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

.picker {
  height: 3rem;
  width: 3rem;
  border: .1rem solid #ddd;
  position: relative;
  margin-left: 1rem;
  background-color: #651f93
}

.colorChartWrp {
  position: absolute;
  padding: 1rem;
  align-items: stretch;
  width: auto;
  display: none;
  z-index: 99;
  display: none
}

.colorChartWrp.show {
  display: flex
}

.colorChartWrp.bottomRight {
  top: 100%;
  left: 100%
}

.colorChartWrp.topRight {
  bottom: 100%;
  left: 100%
}

.colorChartWrp.topLeft {
  bottom: 100%;
  right: 100%
}

.colorChartWrp.bottomLeft {
  top: 100%;
  right: 100%
}

.colorWrp {
  width: 48.5rem;
  min-width: 48.5rem;
  display: flex;
  flex-wrap: wrap;
  margin-right: 1.2rem;
  border: .1rem solid #ccc;
  margin-left: 2.8rem
}

.colorDetailsWrp {
  width: 30%;
  padding: 1.2rem;
  background-color: #f2f2f2;
  border-radius: .6rem
}

.colorDetailsWrp .formRow {
  margin-top: 0
}

.palette {
  height: 2.3rem;
  width: 2.3rem;
  cursor: crosshair
}

.colorDetailsWrp input {
  margin-bottom: .5rem;
  outline: 0;
  border: 0;
  border-radius: .4rem;
  padding: .3rem;
  width: 100%
}

.paletteSwatch {
  width: 14rem;
  height: 20rem;
  border-radius: .6rem;
  margin-bottom: 3rem;
  background-color: #651f93
}

.colorCodeSpan {
  margin-left: 1rem;
  font-size: 1.4rem;
  font-weight: 700
}

#colorCode {
  background: 0 0;
  border: 0;
  padding: 0;
  height: auto;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 1.9rem;
  text-align: center
}

#colorCodeLabel {
  transform: translate(0)
}

.colValWrp {
  font-size: 1.2rem;
  color: #333
}

.colVal {
  font-size: 1rem;
  color: #737373;
  width: 2.3rem;
  display: inline-block;
  text-align: center
}

.colValWrp.vertical {
  display: flex;
  flex-flow: column;
  position: absolute;
  left: 1.2rem;
  top: 2.6rem
}

.colValWrp.vertical .colVal {
  height: 2.3rem;
  display: inline-flex;
  align-items: center
}

.colValWrp:not(.vertical) {
  padding-left: 2.8rem
}

.poweredWrp {
  position: relative;
  text-align: center
}

.poweredWrp::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: 0;
  width: 100%;
  height: .1rem;
  background-color: #d9d9d9
}

.listcardtype1 ul {
  padding-left: 0
}

.listcardtype1 ul li {
  box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .16);
  background-color: #fff;
  border-left: 1.4rem solid #e7cdf9;
  margin-bottom: 1rem;
  border-radius: .6rem;
  padding: 1rem 0
}

.listcardtype1 ul li .detailsCard {
  position: relative;
  padding-left: 6rem
}

.listcardtype1 ul li .detailsCard span.shortF {
  position: absolute;
  background-color: #e7cdf9;
  left: 1.2rem;
  color: #333;
  font-family: Roboto-Medium;
  padding: .6rem .8rem;
  border-radius: 50%;
  height: 3.5rem;
  width: 3.5rem;
  font-size: 1.4rem;
  top: .7rem
}

.listcardtype1 ul li .detailsCard p {
  color: #0d0d0d;
  font-size: 1.4rem;
  font-family: Roboto-Medium;
  margin-bottom: 1rem
}

.listcardtype1 ul li .detailsCard span {
  color: #737373;
  font-size: 1.2rem
}

.listcardtype1 ul li .detailsCard span span {
  position: relative;
  padding-left: 2rem
}

.listcardtype1 ul li .detailsCard span span::after {
  content: "";
  position: absolute;
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  background-color: #d9d9d9;
  left: .7rem;
  top: .5rem
}

.listcardtype1 ul li .contentCart p {
  color: #333;
  font-size: 1.4rem;
  padding-left: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0
}

.card.tangiblesCard .row {
  display: block;
  margin: 0
}

.card.tangiblesCard .col-3 {
  display: inline-block;
  padding: 0;
  margin: 0;
  max-width: 24.5%
}

.card.tangiblesCard .formRow label {
  font-size: 1.3rem
}

.tranContentArea {
  padding-top: 1.2rem
}

.tranContentArea .topPadd {
  padding: 0 0 1.5rem
}

.tranContentArea div#ideaD {
  padding-bottom: 0
}

.listcardtype2 {
  padding: 0
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.lCardInnerSmall {
  height: 5.5rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.lCardInnerSmall .lCardSwitch {
  background-color: #f2f2f2;
  padding: 1rem 1.5rem;
  width: 5.8rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.lCardInnerSmall .lCardSwitch .form-switch {
  text-align: center
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.lCardInnerSmall .lCardSwitch .form-switch label {
  color: #737373;
  font-size: 1.2rem;
  text-transform: uppercase;
  text-align: center;
  margin: 0
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.lCardInnerSmall .lCardContent {
  height: 5.5rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.lCardInnerSmall .lCardContent .captionDetails p {
  font-size: 1.4rem;
  color: #333
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.lCardInnerSmall .lCardContent .lCardDetailsRight .caption i,
.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.lCardInnerSmall .lCardContent .lCardDetailsRight .caption span {
  color: #651f93;
  font-size: 1.5rem;
  margin-right: .5rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.lCardInnerSmall .lCardEdit {
  height: 5.5rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.lCardDbIcon:hover .lCardEdit {
  width: 8rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.lCardDbIcon:hover .lCardEdit i,
.lCardMainSec .listCardNestedSec .lCardSec .lCardInner.lCardDbIcon:hover .lCardEdit span {
  margin: 0 .5rem
}

.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardEdit i.bi-trash,
.lCardMainSec .listCardNestedSec .lCardSec .lCardInner .lCardEdit span.bi-trash {
  color: #e62019
}

.lCardEdit {
  outline: 0
}

.lCardEdit:not(:focus) {
  border: none
}

.carouselSection {
  padding: 2rem
}

.carouselTile {
  color: #404040;
  font-family: Roboto-Medium;
  font-size: 1.4rem;
  border: .1rem solid #e6e6e6;
  border-radius: .6rem;
  height: 4.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  cursor: pointer
}

.carouselTile.allEmail {
  border-color: #dab2f5
}

.carouselTile.allEmail span.bi {
  color: #651f93
}

.carouselTile.allEmail .count {
  color: #651f93;
  background: #e7cdf9
}

.carouselTile.allEmail:hover {
  background-color: #f4e8fc;
  border-color: #dab2f5
}

.carouselTile.allEmail.selected {
  border-color: #651f93;
  background-color: #f4e8fc
}

.carouselTile.newEmail {
  border-color: #b1e0fc
}

.carouselTile.newEmail span.bi {
  color: #0081cc
}

.carouselTile.newEmail .count {
  color: #0081cc;
  background: #ceecfd
}

.carouselTile.newEmail:hover {
  background-color: #e7f5fe;
  border-color: #b1e0fc
}

.carouselTile.newEmail.selected {
  border-color: #0081cc;
  background-color: #e7f5fe
}

.carouselTile.inProcess {
  border-color: #f9d1bd
}

.carouselTile.inProcess span.bi {
  color: #f50
}

.carouselTile.inProcess .count {
  color: #f50;
  background: #fbe2d5
}

.carouselTile.inProcess:hover {
  background-color: #fcefe8;
  border-color: #f9d1bd
}

.carouselTile.inProcess.selected {
  border-color: #f50;
  background-color: #fcefe8
}

.carouselTile.noActReq {
  border-color: #d9d9d9
}

.carouselTile.noActReq span.bi {
  color: #404040
}

.carouselTile.noActReq .count {
  color: #404040;
  background: #f2f2f2
}

.carouselTile.noActReq:hover {
  background-color: #e6e6e6;
  border-color: #d9d9d9
}

.carouselTile.noActReq.selected {
  border-color: #7f7f7f;
  background-color: #e6e6e6
}

.carouselTile.completed {
  border-color: #d9f89b
}

.carouselTile.completed span.bi {
  color: #6f9b17
}

.carouselTile.completed .count {
  color: #6f9b17;
  background: #edfccf
}

.carouselTile.completed:hover {
  background-color: #f6fee7;
  border-color: #d9f89b
}

.carouselTile.completed.selected {
  border-color: #6f9b17;
  background-color: #f6fee7
}

.carouselTile.delegate {
  border-color: #f9e19a
}

.carouselTile.delegate span.bi {
  color: #bd910f
}

.carouselTile.delegate .count {
  color: #bd910f;
  background: #fcf1cf
}

.carouselTile.delegate:hover {
  background-color: #fef8e7;
  border-color: #f9e19a
}

.carouselTile.delegate.selected {
  border-color: #bd910f;
  background-color: #fef8e7
}

.carouselTile.draft {
  border-color: #f9e5aa
}

.carouselTile.draft span.bi {
  color: #ce9e0d
}

.carouselTile.draft .count {
  color: #ce9e0d;
  background: #fbf1d5
}

.carouselTile.draft:hover {
  background-color: #fcf7e8;
  border-color: #f9e5aa
}

.carouselTile.draft.selected {
  border-color: #ce9e0d;
  background-color: #fcf7e8
}

.carouselTile .categoryTitle {
  display: flex;
  align-items: center;
  vertical-align: middle;
  justify-content: space-between
}

.carouselTile .categoryTitle span.bi {
  font-size: 2.2rem
}

.carouselTile .categoryTitle span.bi.external {
  color: #ce9e0d
}

.carouselTile .categoryTitle span.bi.tcsInternal {
  color: #0081cc
}

.carouselTile .categoryTitle span.bi.tcsOthers {
  color: #fd0861
}

.carouselTile .categoryTitle span.bi.inProcess {
  color: #f50
}

.carouselTile .categoryTitle span.bi.completed {
  color: #6f9b17
}

.carouselTile .categoryTitle span.bi.delegate {
  color: #6f9b17
}

.carouselTile .categoryTitle span.bi.noActReq {
  color: #404040
}

.carouselTile .categoryTitle span {
  padding-left: 1rem
}

.carouselTile .count {
  float: right;
  background: #f2f2f2;
  width: 3.7rem;
  height: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .6rem
}

.carouselTile:hover {
  background: #f2f2f2
}

.carouselTile.active {
  border: .1rem solid #651f93;
  background: #f2f2f2
}

.carouselTile.active .count {
  background-color: #fff
}

.owl-carousel {
  padding: 0 4.5rem
}

.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: 0;
  top: .7rem;
  background: transparent radial-gradient(closest-side at 50% 50%, #fff 0, #f2f2f2 100%) 0 0 no-repeat padding-box;
  width: 2.8rem;
  height: 2.8rem;
  box-shadow: 0 .2rem .2rem rgba(0, 0, 0, .16);
  border: .1rem solid #e6e6e6;
  border-radius: 50%
}

.owl-carousel .owl-nav button.owl-prev span {
  font-size: 2.3rem;
  line-height: 0;
  color: #651f93
}

.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: 0;
  top: .7rem;
  background: transparent radial-gradient(closest-side at 50% 50%, #fff 0, #f2f2f2 100%) 0 0 no-repeat padding-box;
  width: 2.8rem;
  height: 2.8rem;
  box-shadow: 0 .2rem .2rem rgba(0, 0, 0, .16);
  border: .1rem solid #e6e6e6;
  border-radius: 50%
}

.owl-carousel .owl-nav button.owl-next span {
  font-size: 2.3rem;
  line-height: 0;
  color: #651f93
}

.owl-carousel .owl-dots {
  display: none
}

i.cgx-i,
span.cgx-i {
  background-color: #4d4d4d;
  -webkit-mask-repeat: no-repeat;
}

.cgx-i_Airplane {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Airplane.svg);
  mask: url(../../assets/images/icons/cgx-i_Airplane.svg)
}

.cgx-i_AirplaneToy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AirplaneToy.svg);
  mask: url(../../assets/images/icons/cgx-i_AirplaneToy.svg)
}

.cgx-i_Airplane {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Airplane.svg);
  mask: url(../../assets/images/icons/cgx-i_Airplane.svg)
}

.cgx-i_AlphabeticBlocks {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AlphabeticBlocks.svg);
  mask: url(../../assets/images/icons/cgx-i_AlphabeticBlocks.svg)
}

.cgx-i_BabyBathtub {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyBathtub.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyBathtub.svg)
}

.cgx-i_BabyBib {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyBib.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyBib.svg)
}

.cgx-i_BabyBodySuit {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyBodySuit.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyBodySuit.svg)
}

.cgx-i_BabyBottle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyBottle.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyBottle.svg)
}

.cgx-i_BabyBoy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyBoy.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyBoy.svg)
}

.cgx-i_BabyBoyHead {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyBoyHead.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyBoyHead.svg)
}

.cgx-i_BabyBoyWrapped {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyBoyWrapped.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyBoyWrapped.svg)
}

.cgx-i_BabyChair {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyChair.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyChair.svg)
}

.cgx-i_BabyClothes {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyClothes.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyClothes.svg)
}

.cgx-i_BabyCradle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyCradle.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyCradle.svg)
}

.cgx-i_BabyCribStarToy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyCribStarToy.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyCribStarToy.svg)
}

.cgx-i_BabyDiaper {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyDiaper.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyDiaper.svg)
}

.cgx-i_BabyDiapers {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyDiapers.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyDiapers.svg)
}

.cgx-i_BabyFeeder {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyFeeder.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyFeeder.svg)
}

.cgx-i_BabyFeedingBottle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyFeedingBottle.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyFeedingBottle.svg)
}

.cgx-i_BabyFood {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyFood.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyFood.svg)
}

.cgx-i_BabyFootprints {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyFootprints.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyFootprints.svg)
}

.cgx-i_BabyGirl {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyGirl.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyGirl.svg)
}

.cgx-i_BabyGirlFace {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyGirlFace.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyGirlFace.svg)
}

.cgx-i_BabyGirlWrapped {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyGirlWrapped.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyGirlWrapped.svg)
}

.cgx-i_BabyLittleCrib {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyLittleCrib.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyLittleCrib.svg)
}

.cgx-i_BabyMobile {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyMobile.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyMobile.svg)
}

.cgx-i_BabyMonitor {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyMonitor.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyMonitor.svg)
}

.cgx-i_BabyNipple {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyNipple.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyNipple.svg)
}

.cgx-i_BabyPacifier {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyPacifier.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyPacifier.svg)
}

.cgx-i_BabyRattle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyRattle.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyRattle.svg)
}

.cgx-i_BabyRattlerToy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyRattlerToy.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyRattlerToy.svg)
}

.cgx-i_BabyRattleToy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyRattleToy.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyRattleToy.svg)
}

.cgx-i_BabySafetyPin {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabySafetyPin.svg);
  mask: url(../../assets/images/icons/cgx-i_BabySafetyPin.svg)
}

.cgx-i_BabySkate {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabySkate.svg);
  mask: url(../../assets/images/icons/cgx-i_BabySkate.svg)
}

.cgx-i_BabyStroller {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BabyStroller.svg);
  mask: url(../../assets/images/icons/cgx-i_BabyStroller.svg)
}

.cgx-i_Ball {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Ball.svg);
  mask: url(../../assets/images/icons/cgx-i_Ball.svg)
}

.cgx-i_Balloon {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Balloon.svg);
  mask: url(../../assets/images/icons/cgx-i_Balloon.svg)
}

.cgx-i_Bib {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Bib.svg);
  mask: url(../../assets/images/icons/cgx-i_Bib.svg)
}

.cgx-i_Bowl {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Bowl.svg);
  mask: url(../../assets/images/icons/cgx-i_Bowl.svg)
}

.cgx-i_BuildingBlock {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BuildingBlock.svg);
  mask: url(../../assets/images/icons/cgx-i_BuildingBlock.svg)
}

.cgx-i_BuildingBlocks {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BuildingBlocks.svg);
  mask: url(../../assets/images/icons/cgx-i_BuildingBlocks.svg)
}

.cgx-i_BunkBed {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BunkBed.svg);
  mask: url(../../assets/images/icons/cgx-i_BunkBed.svg)
}

.cgx-i_CarSeat {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CarSeat.svg);
  mask: url(../../assets/images/icons/cgx-i_CarSeat.svg)
}

.cgx-i_CarSeatChildren {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CarSeatChildren.svg);
  mask: url(../../assets/images/icons/cgx-i_CarSeatChildren.svg)
}

.cgx-i_CarToy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CarToy.svg);
  mask: url(../../assets/images/icons/cgx-i_CarToy.svg)
}

.cgx-i_CastleToy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CastleToy.svg);
  mask: url(../../assets/images/icons/cgx-i_CastleToy.svg)
}

.cgx-i_ChildCarSeat {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ChildCarSeat.svg);
  mask: url(../../assets/images/icons/cgx-i_ChildCarSeat.svg)
}

.cgx-i_ChildrenBike {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ChildrenBike.svg);
  mask: url(../../assets/images/icons/cgx-i_ChildrenBike.svg)
}

.cgx-i_Cradle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Cradle.svg);
  mask: url(../../assets/images/icons/cgx-i_Cradle.svg)
}

.cgx-i_Cup {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Cup.svg);
  mask: url(../../assets/images/icons/cgx-i_Cup.svg)
}

.cgx-i_DinosaurusToy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DinosaurusToy.svg);
  mask: url(../../assets/images/icons/cgx-i_DinosaurusToy.svg)
}

.cgx-i_Doll {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Doll.svg);
  mask: url(../../assets/images/icons/cgx-i_Doll.svg)
}

.cgx-i_Drums {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Drums.svg);
  mask: url(../../assets/images/icons/cgx-i_Drums.svg)
}

.cgx-i_FeedingBottle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FeedingBottle.svg);
  mask: url(../../assets/images/icons/cgx-i_FeedingBottle.svg)
}

.cgx-i_FourPiecePuzzle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FourPiecePuzzle.svg);
  mask: url(../../assets/images/icons/cgx-i_FourPiecePuzzle.svg)
}

.cgx-i_GunToy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GunToy.svg);
  mask: url(../../assets/images/icons/cgx-i_GunToy.svg)
}

.cgx-i_Helicopters {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Helicopters.svg);
  mask: url(../../assets/images/icons/cgx-i_Helicopters.svg)
}

.cgx-i_HorseToy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HorseToy.svg);
  mask: url(../../assets/images/icons/cgx-i_HorseToy.svg)
}

.cgx-i_KidPotty {
  -webkit-mask: url(../../assets/images/icons/cgx-i_KidPotty.svg);
  mask: url(../../assets/images/icons/cgx-i_KidPotty.svg)
}

.cgx-i_KidsCarSeat {
  -webkit-mask: url(../../assets/images/icons/cgx-i_KidsCarSeat.svg);
  mask: url(../../assets/images/icons/cgx-i_KidsCarSeat.svg)
}

.cgx-i_KidScooter {
  -webkit-mask: url(../../assets/images/icons/cgx-i_KidScooter.svg);
  mask: url(../../assets/images/icons/cgx-i_KidScooter.svg)
}

.cgx-i_Pacifier {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Pacifier.svg);
  mask: url(../../assets/images/icons/cgx-i_Pacifier.svg)
}

.cgx-i_PailShovel {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PailShovel.svg);
  mask: url(../../assets/images/icons/cgx-i_PailShovel.svg)
}

.cgx-i_Paintball {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Paintball.svg);
  mask: url(../../assets/images/icons/cgx-i_Paintball.svg)
}

.cgx-i_PyramidToy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PyramidToy.svg);
  mask: url(../../assets/images/icons/cgx-i_PyramidToy.svg)
}

.cgx-i_Rabbit {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Rabbit.svg);
  mask: url(../../assets/images/icons/cgx-i_Rabbit.svg)
}

.cgx-i_RabbitToy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_RabbitToy.svg);
  mask: url(../../assets/images/icons/cgx-i_RabbitToy.svg)
}

.cgx-i_Rattle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Rattle.svg);
  mask: url(../../assets/images/icons/cgx-i_Rattle.svg)
}

.cgx-i_RingingRattle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_RingingRattle.svg);
  mask: url(../../assets/images/icons/cgx-i_RingingRattle.svg)
}

.cgx-i_Rocket {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Rocket.svg);
  mask: url(../../assets/images/icons/cgx-i_Rocket.svg)
}

.cgx-i_RocketShip {
  -webkit-mask: url(../../assets/images/icons/cgx-i_RocketShip.svg);
  mask: url(../../assets/images/icons/cgx-i_RocketShip.svg)
}

.cgx-i_RockingHorse {
  -webkit-mask: url(../../assets/images/icons/cgx-i_RockingHorse.svg);
  mask: url(../../assets/images/icons/cgx-i_RockingHorse.svg)
}

.cgx-i_RollerSkates {
  -webkit-mask: url(../../assets/images/icons/cgx-i_RollerSkates.svg);
  mask: url(../../assets/images/icons/cgx-i_RollerSkates.svg)
}

.cgx-i_RollerSkating {
  -webkit-mask: url(../../assets/images/icons/cgx-i_RollerSkating.svg);
  mask: url(../../assets/images/icons/cgx-i_RollerSkating.svg)
}

.cgx-i_SafetyPin {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SafetyPin.svg);
  mask: url(../../assets/images/icons/cgx-i_SafetyPin.svg)
}

.cgx-i_SailBoat {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SailBoat.svg);
  mask: url(../../assets/images/icons/cgx-i_SailBoat.svg)
}

.cgx-i_Scooter {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Scooter.svg);
  mask: url(../../assets/images/icons/cgx-i_Scooter.svg)
}

.cgx-i_Shipwreck {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Shipwreck.svg);
  mask: url(../../assets/images/icons/cgx-i_Shipwreck.svg)
}

.cgx-i_SkateBoard {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SkateBoard.svg);
  mask: url(../../assets/images/icons/cgx-i_SkateBoard.svg)
}

.cgx-i_Ski {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Ski.svg);
  mask: url(../../assets/images/icons/cgx-i_Ski.svg)
}

.cgx-i_Sledge {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Sledge.svg);
  mask: url(../../assets/images/icons/cgx-i_Sledge.svg)
}

.cgx-i_Snowboard {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Snowboard.svg);
  mask: url(../../assets/images/icons/cgx-i_Snowboard.svg)
}

.cgx-i_Socks {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Socks.svg);
  mask: url(../../assets/images/icons/cgx-i_Socks.svg)
}

.cgx-i_SorterEducationalToy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SorterEducationalToy.svg);
  mask: url(../../assets/images/icons/cgx-i_SorterEducationalToy.svg)
}

.cgx-i_SpinningTop {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SpinningTop.svg);
  mask: url(../../assets/images/icons/cgx-i_SpinningTop.svg)
}

.cgx-i_Stroller {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Stroller.svg);
  mask: url(../../assets/images/icons/cgx-i_Stroller.svg)
}

.cgx-i_Submarine {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Submarine.svg);
  mask: url(../../assets/images/icons/cgx-i_Submarine.svg)
}

.cgx-i_Tank {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Tank.svg);
  mask: url(../../assets/images/icons/cgx-i_Tank.svg)
}

.cgx-i_TeddyBear {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TeddyBear.svg);
  mask: url(../../assets/images/icons/cgx-i_TeddyBear.svg)
}

.cgx-i_ToyCar {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ToyCar.svg);
  mask: url(../../assets/images/icons/cgx-i_ToyCar.svg)
}

.cgx-i_ToyDrums {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ToyDrums.svg);
  mask: url(../../assets/images/icons/cgx-i_ToyDrums.svg)
}

.cgx-i_ToyGun {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ToyGun.svg);
  mask: url(../../assets/images/icons/cgx-i_ToyGun.svg)
}

.cgx-i_ToyRobot {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ToyRobot.svg);
  mask: url(../../assets/images/icons/cgx-i_ToyRobot.svg)
}

.cgx-i_ToyTrain {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ToyTrain.svg);
  mask: url(../../assets/images/icons/cgx-i_ToyTrain.svg)
}

.cgx-i_TrainToy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TrainToy.svg);
  mask: url(../../assets/images/icons/cgx-i_TrainToy.svg)
}

.cgx-i_Tricycle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Tricycle.svg);
  mask: url(../../assets/images/icons/cgx-i_Tricycle.svg)
}

.cgx-i_WalkerBaby {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WalkerBaby.svg);
  mask: url(../../assets/images/icons/cgx-i_WalkerBaby.svg)
}

.cgx-i_WarTank {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WarTank.svg);
  mask: url(../../assets/images/icons/cgx-i_WarTank.svg)
}

.cgx-i_WaterGun {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WaterGun.svg);
  mask: url(../../assets/images/icons/cgx-i_WaterGun.svg)
}

.cgx-i_Whirligig {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Whirligig.svg);
  mask: url(../../assets/images/icons/cgx-i_Whirligig.svg)
}

.cgx-i_Accounting {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Accounting.svg);
  mask: url(../../assets/images/icons/cgx-i_Accounting.svg)
}

.cgx-i_ApprovalDocument {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ApprovalDocument.svg);
  mask: url(../../assets/images/icons/cgx-i_ApprovalDocument.svg)
}

.cgx-i_Bank {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Bank.svg);
  mask: url(../../assets/images/icons/cgx-i_Bank.svg)
}

.cgx-i_BankAtm {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BankAtm.svg);
  mask: url(../../assets/images/icons/cgx-i_BankAtm.svg)
}

.cgx-i_BankCheque {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BankCheque.svg);
  mask: url(../../assets/images/icons/cgx-i_BankCheque.svg)
}

.cgx-i_BankChequeBook {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BankChequeBook.svg);
  mask: url(../../assets/images/icons/cgx-i_BankChequeBook.svg)
}

.cgx-i_BankCreditCard {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BankCreditCard.svg);
  mask: url(../../assets/images/icons/cgx-i_BankCreditCard.svg)
}

.cgx-i_BankingCurrencyExchange {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BankingCurrencyExchange.svg);
  mask: url(../../assets/images/icons/cgx-i_BankingCurrencyExchange.svg)
}

.cgx-i_BankingDollar {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BankingDollar.svg);
  mask: url(../../assets/images/icons/cgx-i_BankingDollar.svg)
}

.cgx-i_BankingPaymentMethod {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BankingPaymentMethod.svg);
  mask: url(../../assets/images/icons/cgx-i_BankingPaymentMethod.svg)
}

.cgx-i_BankingSuccess {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BankingSuccess.svg);
  mask: url(../../assets/images/icons/cgx-i_BankingSuccess.svg)
}

.cgx-i_Banks {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Banks.svg);
  mask: url(../../assets/images/icons/cgx-i_Banks.svg)
}

.cgx-i_Capital {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Capital.svg);
  mask: url(../../assets/images/icons/cgx-i_Capital.svg)
}

.cgx-i_Cash {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Cash.svg);
  mask: url(../../assets/images/icons/cgx-i_Cash.svg)
}

.cgx-i_CashBag {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CashBag.svg);
  mask: url(../../assets/images/icons/cgx-i_CashBag.svg)
}

.cgx-i_CashPayment {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CashPayment.svg);
  mask: url(../../assets/images/icons/cgx-i_CashPayment.svg)
}

.cgx-i_CoinExchange {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CoinExchange.svg);
  mask: url(../../assets/images/icons/cgx-i_CoinExchange.svg)
}

.cgx-i_CreditCardHolding {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CreditCardHolding.svg);
  mask: url(../../assets/images/icons/cgx-i_CreditCardHolding.svg)
}

.cgx-i_CreditCardPay {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CreditCardPay.svg);
  mask: url(../../assets/images/icons/cgx-i_CreditCardPay.svg)
}

.cgx-i_CurrencyMoney {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CurrencyMoney.svg);
  mask: url(../../assets/images/icons/cgx-i_CurrencyMoney.svg)
}

.cgx-i_DepositAccount {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DepositAccount.svg);
  mask: url(../../assets/images/icons/cgx-i_DepositAccount.svg)
}

.cgx-i_DigitalWallet {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DigitalWallet.svg);
  mask: url(../../assets/images/icons/cgx-i_DigitalWallet.svg)
}

.cgx-i_DollarLock {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DollarLock.svg);
  mask: url(../../assets/images/icons/cgx-i_DollarLock.svg)
}

.cgx-i_DollarRefresh {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DollarRefresh.svg);
  mask: url(../../assets/images/icons/cgx-i_DollarRefresh.svg)
}

.cgx-i_DollarShield {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DollarShield.svg);
  mask: url(../../assets/images/icons/cgx-i_DollarShield.svg)
}

.cgx-i_Ebanking {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Ebanking.svg);
  mask: url(../../assets/images/icons/cgx-i_Ebanking.svg)
}

.cgx-i_EuroCurrency {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EuroCurrency.svg);
  mask: url(../../assets/images/icons/cgx-i_EuroCurrency.svg)
}

.cgx-i_Financial {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Financial.svg);
  mask: url(../../assets/images/icons/cgx-i_Financial.svg)
}

.cgx-i_FinancialCalculater {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FinancialCalculater.svg);
  mask: url(../../assets/images/icons/cgx-i_FinancialCalculater.svg)
}

.cgx-i_FinancialGrowth {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FinancialGrowth.svg);
  mask: url(../../assets/images/icons/cgx-i_FinancialGrowth.svg)
}

.cgx-i_FinancialInsurance {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FinancialInsurance.svg);
  mask: url(../../assets/images/icons/cgx-i_FinancialInsurance.svg)
}

.cgx-i_FinancialPresentation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FinancialPresentation.svg);
  mask: url(../../assets/images/icons/cgx-i_FinancialPresentation.svg)
}

.cgx-i_ForeignExchange {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ForeignExchange.svg);
  mask: url(../../assets/images/icons/cgx-i_ForeignExchange.svg)
}

.cgx-i_FundsProtect {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FundsProtect.svg);
  mask: url(../../assets/images/icons/cgx-i_FundsProtect.svg)
}

.cgx-i_GearDollar {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GearDollar.svg);
  mask: url(../../assets/images/icons/cgx-i_GearDollar.svg)
}

.cgx-i_GoldBricks {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GoldBricks.svg);
  mask: url(../../assets/images/icons/cgx-i_GoldBricks.svg)
}

.cgx-i_HandInsertCoin {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HandInsertCoin.svg);
  mask: url(../../assets/images/icons/cgx-i_HandInsertCoin.svg)
}

.cgx-i_Locker {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Locker.svg);
  mask: url(../../assets/images/icons/cgx-i_Locker.svg)
}

.cgx-i_MobileBanking {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MobileBanking.svg);
  mask: url(../../assets/images/icons/cgx-i_MobileBanking.svg)
}

.cgx-i_MobileMoney {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MobileMoney.svg);
  mask: url(../../assets/images/icons/cgx-i_MobileMoney.svg)
}

.cgx-i_MoneyBag {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MoneyBag.svg);
  mask: url(../../assets/images/icons/cgx-i_MoneyBag.svg)
}

.cgx-i_MoneyCash {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MoneyCash.svg);
  mask: url(../../assets/images/icons/cgx-i_MoneyCash.svg)
}

.cgx-i_MoneyCirculation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MoneyCirculation.svg);
  mask: url(../../assets/images/icons/cgx-i_MoneyCirculation.svg)
}

.cgx-i_MoneyDeposit {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MoneyDeposit.svg);
  mask: url(../../assets/images/icons/cgx-i_MoneyDeposit.svg)
}

.cgx-i_MoneyPiggyBank {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MoneyPiggyBank.svg);
  mask: url(../../assets/images/icons/cgx-i_MoneyPiggyBank.svg)
}

.cgx-i_MoneySafeStorage {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MoneySafeStorage.svg);
  mask: url(../../assets/images/icons/cgx-i_MoneySafeStorage.svg)
}

.cgx-i_MoneyTarget {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MoneyTarget.svg);
  mask: url(../../assets/images/icons/cgx-i_MoneyTarget.svg)
}

.cgx-i_OnlineBusinessPayment {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OnlineBusinessPayment.svg);
  mask: url(../../assets/images/icons/cgx-i_OnlineBusinessPayment.svg)
}

.cgx-i_OnlinePay {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OnlinePay.svg);
  mask: url(../../assets/images/icons/cgx-i_OnlinePay.svg)
}

.cgx-i_OnlinePayment {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OnlinePayment.svg);
  mask: url(../../assets/images/icons/cgx-i_OnlinePayment.svg)
}

.cgx-i_OnlineWallet {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OnlineWallet.svg);
  mask: url(../../assets/images/icons/cgx-i_OnlineWallet.svg)
}

.cgx-i_Payment {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Payment.svg);
  mask: url(../../assets/images/icons/cgx-i_Payment.svg)
}

.cgx-i_PhoneMoney {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PhoneMoney.svg);
  mask: url(../../assets/images/icons/cgx-i_PhoneMoney.svg)
}

.cgx-i_PiggyBank {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PiggyBank.svg);
  mask: url(../../assets/images/icons/cgx-i_PiggyBank.svg)
}

.cgx-i_PiggyBankUmbrella {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PiggyBankUmbrella.svg);
  mask: url(../../assets/images/icons/cgx-i_PiggyBankUmbrella.svg)
}

.cgx-i_Replenishment {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Replenishment.svg);
  mask: url(../../assets/images/icons/cgx-i_Replenishment.svg)
}

.cgx-i_ReturnOnInvestment {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ReturnOnInvestment.svg);
  mask: url(../../assets/images/icons/cgx-i_ReturnOnInvestment.svg)
}

.cgx-i_SafeBank {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SafeBank.svg);
  mask: url(../../assets/images/icons/cgx-i_SafeBank.svg)
}

.cgx-i_SafeBox {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SafeBox.svg);
  mask: url(../../assets/images/icons/cgx-i_SafeBox.svg)
}

.cgx-i_SafeStrongboxDoor {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SafeStrongboxDoor.svg);
  mask: url(../../assets/images/icons/cgx-i_SafeStrongboxDoor.svg)
}

.cgx-i_SaveMoney {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SaveMoney.svg);
  mask: url(../../assets/images/icons/cgx-i_SaveMoney.svg)
}

.cgx-i_SecurePayment {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SecurePayment.svg);
  mask: url(../../assets/images/icons/cgx-i_SecurePayment.svg)
}

.cgx-i_WalletMoney {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WalletMoney.svg);
  mask: url(../../assets/images/icons/cgx-i_WalletMoney.svg)
}

.cgx-i_24Hour {
  -webkit-mask: url(../../assets/images/icons/cgx-i_24Hour.svg);
  mask: url(../../assets/images/icons/cgx-i_24Hour.svg)
}

.cgx-i_AchievementBadge {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AchievementBadge.svg);
  mask: url(../../assets/images/icons/cgx-i_AchievementBadge.svg)
}

.cgx-i_AddressBook {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AddressBook.svg);
  mask: url(../../assets/images/icons/cgx-i_AddressBook.svg)
}

.cgx-i_AlarmClock {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AlarmClock.svg);
  mask: url(../../assets/images/icons/cgx-i_AlarmClock.svg)
}

.cgx-i_Atm {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Atm.svg);
  mask: url(../../assets/images/icons/cgx-i_Atm.svg)
}

.cgx-i_Attestation {
  -webkit-mask: url(../images/icons/cgx-i_Attestation.svg);
  mask: url(../assets/images/icons/cgx-i_Attestation.svg)
}

.cgx-i_BarChart {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BarChart.svg);
  mask: url(../../assets/images/icons/cgx-i_BarChart.svg)
}

.cgx-i_Barcode {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Barcode.svg);
  mask: url(../../assets/images/icons/cgx-i_Barcode.svg)
}

.cgx-i_Bear {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Bear.svg);
  mask: url(../../assets/images/icons/cgx-i_Bear.svg)
}

.cgx-i_Bell {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Bell.svg);
  mask: url(../../assets/images/icons/cgx-i_Bell.svg)
}

.cgx-i_Bin {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Bin.svg);
  mask: url(../../assets/images/icons/cgx-i_Bin.svg)
}

.cgx-i_Binders {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Binders.svg);
  mask: url(../../assets/images/icons/cgx-i_Binders.svg)
}

.cgx-i_Bitcoin {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Bitcoin.svg);
  mask: url(../../assets/images/icons/cgx-i_Bitcoin.svg)
}

.cgx-i_BitcoinBagBold {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BitcoinBagBold.svg);
  mask: url(../../assets/images/icons/cgx-i_BitcoinBagBold.svg)
}

.cgx-i_BitcoinBagThin {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BitcoinBagThin.svg);
  mask: url(../../assets/images/icons/cgx-i_BitcoinBagThin.svg)
}

.cgx-i_BriefcaseBig {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BriefcaseBig.svg);
  mask: url(../../assets/images/icons/cgx-i_BriefcaseBig.svg)
}

.cgx-i_BriefcaseSmall {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BriefcaseSmall.svg);
  mask: url(../../assets/images/icons/cgx-i_BriefcaseSmall.svg)
}

.cgx-i_BubbleChat {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BubbleChat.svg);
  mask: url(../../assets/images/icons/cgx-i_BubbleChat.svg)
}

.cgx-i_Bulb {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Bulb.svg);
  mask: url(../../assets/images/icons/cgx-i_Bulb.svg)
}

.cgx-i_BullMarket {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BullMarket.svg);
  mask: url(../../assets/images/icons/cgx-i_BullMarket.svg)
}

.cgx-i_BusinessAnalyticsPresentation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessAnalyticsPresentation.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessAnalyticsPresentation.svg)
}

.cgx-i_BusinessBank {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessBank.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessBank.svg)
}

.cgx-i_BusinessChart {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessChart.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessChart.svg)
}

.cgx-i_BusinessClock {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessClock.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessClock.svg)
}

.cgx-i_BusinessConversation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessConversation.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessConversation.svg)
}

.cgx-i_BusinessEmail {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessEmail.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessEmail.svg)
}

.cgx-i_BusinessFlag {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessFlag.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessFlag.svg)
}

.cgx-i_BusinessGoldBricks {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessGoldBricks.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessGoldBricks.svg)
}

.cgx-i_BusinessHandshake {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessHandshake.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessHandshake.svg)
}

.cgx-i_BusinessHouse {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessHouse.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessHouse.svg)
}

.cgx-i_BusinessInstructionBook {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessInstructionBook.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessInstructionBook.svg)
}

.cgx-i_Businessman {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Businessman.svg);
  mask: url(../../assets/images/icons/cgx-i_Businessman.svg)
}

.cgx-i_BusinessMapPointer {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessMapPointer.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessMapPointer.svg)
}

.cgx-i_BusinessMegaphone {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessMegaphone.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessMegaphone.svg)
}

.cgx-i_BusinessMoneyBag {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessMoneyBag.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessMoneyBag.svg)
}

.cgx-i_BusinessMoneyPiggyBank {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessMoneyPiggyBank.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessMoneyPiggyBank.svg)
}

.cgx-i_BusinessMouse {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessMouse.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessMouse.svg)
}

.cgx-i_BusinessPuzzle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessPuzzle.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessPuzzle.svg)
}

.cgx-i_BusinessReport {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessReport.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessReport.svg)
}

.cgx-i_BusinessShare {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessShare.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessShare.svg)
}

.cgx-i_BusinessSuitcase {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessSuitcase.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessSuitcase.svg)
}

.cgx-i_BusinessTeam {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessTeam.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessTeam.svg)
}

.cgx-i_BusinessThumbUp {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessThumbUp.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessThumbUp.svg)
}

.cgx-i_BusinessWoman {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessWoman.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessWoman.svg)
}

.cgx-i_Cactus {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Cactus.svg);
  mask: url(../../assets/images/icons/cgx-i_Cactus.svg)
}

.cgx-i_CactusPot {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CactusPot.svg);
  mask: url(../../assets/images/icons/cgx-i_CactusPot.svg)
}

.cgx-i_Calculator {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Calculator.svg);
  mask: url(../../assets/images/icons/cgx-i_Calculator.svg)
}

.cgx-i_Calendar {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Calendar.svg);
  mask: url(../../assets/images/icons/cgx-i_Calendar.svg)
}

.cgx-i_CalendarClock {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CalendarClock.svg);
  mask: url(../../assets/images/icons/cgx-i_CalendarClock.svg)
}

.cgx-i_CallReceive {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CallReceive.svg);
  mask: url(../../assets/images/icons/cgx-i_CallReceive.svg)
}

.cgx-i_Cardboard {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Cardboard.svg);
  mask: url(../../assets/images/icons/cgx-i_Cardboard.svg)
}

.cgx-i_Chart {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Chart.svg);
  mask: url(../../assets/images/icons/cgx-i_Chart.svg)
}

.cgx-i_ChatMessage {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ChatMessage.svg);
  mask: url(../../assets/images/icons/cgx-i_ChatMessage.svg)
}

.cgx-i_ChessRook {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ChessRook.svg);
  mask: url(../../assets/images/icons/cgx-i_ChessRook.svg)
}

.cgx-i_CircularPieChart {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CircularPieChart.svg);
  mask: url(../../assets/images/icons/cgx-i_CircularPieChart.svg)
}

.cgx-i_CityBuilding {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CityBuilding.svg);
  mask: url(../../assets/images/icons/cgx-i_CityBuilding.svg)
}

.cgx-i_CityBuildings {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CityBuildings.svg);
  mask: url(../../assets/images/icons/cgx-i_CityBuildings.svg)
}

.cgx-i_ClassicPhone {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ClassicPhone.svg);
  mask: url(../../assets/images/icons/cgx-i_ClassicPhone.svg)
}

.cgx-i_Clipboard {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Clipboard.svg);
  mask: url(../../assets/images/icons/cgx-i_Clipboard.svg)
}

.cgx-i_Clock {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Clock.svg);
  mask: url(../../assets/images/icons/cgx-i_Clock.svg)
}

.cgx-i_CloudDownload {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CloudDownload.svg);
  mask: url(../../assets/images/icons/cgx-i_CloudDownload.svg)
}

.cgx-i_CloudUpload {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CloudUpload.svg);
  mask: url(../../assets/images/icons/cgx-i_CloudUpload.svg)
}

.cgx-i_CoffeeMachine {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CoffeeMachine.svg);
  mask: url(../../assets/images/icons/cgx-i_CoffeeMachine.svg)
}

.cgx-i_CoinInHand {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CoinInHand.svg);
  mask: url(../../assets/images/icons/cgx-i_CoinInHand.svg)
}

.cgx-i_CompetingInterests {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CompetingInterests.svg);
  mask: url(../../assets/images/icons/cgx-i_CompetingInterests.svg)
}

.cgx-i_ComputerMouse {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ComputerMouse.svg);
  mask: url(../../assets/images/icons/cgx-i_ComputerMouse.svg)
}

.cgx-i_CreditCard {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CreditCard.svg);
  mask: url(../../assets/images/icons/cgx-i_CreditCard.svg)
}

.cgx-i_CrossMark {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CrossMark.svg);
  mask: url(../../assets/images/icons/cgx-i_CrossMark.svg)
}

.cgx-i_CupTrophy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CupTrophy.svg);
  mask: url(../../assets/images/icons/cgx-i_CupTrophy.svg)
}

.cgx-i_CurrencyExchange {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CurrencyExchange.svg);
  mask: url(../../assets/images/icons/cgx-i_CurrencyExchange.svg)
}

.cgx-i_DateCalendar {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DateCalendar.svg);
  mask: url(../../assets/images/icons/cgx-i_DateCalendar.svg)
}

.cgx-i_DesktopMonitor {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DesktopMonitor.svg);
  mask: url(../../assets/images/icons/cgx-i_DesktopMonitor.svg)
}

.cgx-i_Diamond {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Diamond.svg);
  mask: url(../../assets/images/icons/cgx-i_Diamond.svg)
}

.cgx-i_DiscountPercent {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DiscountPercent.svg);
  mask: url(../../assets/images/icons/cgx-i_DiscountPercent.svg)
}

.cgx-i_DocumentNote {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DocumentNote.svg);
  mask: url(../../assets/images/icons/cgx-i_DocumentNote.svg)
}

.cgx-i_Documents {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Documents.svg);
  mask: url(../../assets/images/icons/cgx-i_Documents.svg)
}

.cgx-i_Dollar {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Dollar.svg);
  mask: url(../../assets/images/icons/cgx-i_Dollar.svg)
}

.cgx-i_DollarNote {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DollarNote.svg);
  mask: url(../../assets/images/icons/cgx-i_DollarNote.svg)
}

.cgx-i_DollarTarget {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DollarTarget.svg);
  mask: url(../../assets/images/icons/cgx-i_DollarTarget.svg)
}

.cgx-i_DonutChart {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DonutChart.svg);
  mask: url(../../assets/images/icons/cgx-i_DonutChart.svg)
}

.cgx-i_Employee {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Employee.svg);
  mask: url(../../assets/images/icons/cgx-i_Employee.svg)
}

.cgx-i_Euro {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Euro.svg);
  mask: url(../../assets/images/icons/cgx-i_Euro.svg)
}

.cgx-i_EuroMoneyBag {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EuroMoneyBag.svg);
  mask: url(../../assets/images/icons/cgx-i_EuroMoneyBag.svg)
}

.cgx-i_ExclamationMark {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ExclamationMark.svg);
  mask: url(../../assets/images/icons/cgx-i_ExclamationMark.svg)
}

.cgx-i_ExclamationMarkSpeech {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ExclamationMarkSpeech.svg);
  mask: url(../../assets/images/icons/cgx-i_ExclamationMarkSpeech.svg)
}

.cgx-i_Fax {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Fax.svg);
  mask: url(../../assets/images/icons/cgx-i_Fax.svg)
}

.cgx-i_FaxMachine {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FaxMachine.svg);
  mask: url(../../assets/images/icons/cgx-i_FaxMachine.svg)
}

.cgx-i_FileExchange {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FileExchange.svg);
  mask: url(../../assets/images/icons/cgx-i_FileExchange.svg)
}

.cgx-i_FileFolders {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FileFolders.svg);
  mask: url(../../assets/images/icons/cgx-i_FileFolders.svg)
}

.cgx-i_FinancePyramid {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FinancePyramid.svg);
  mask: url(../../assets/images/icons/cgx-i_FinancePyramid.svg)
}

.cgx-i_FloppyDisk {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FloppyDisk.svg);
  mask: url(../../assets/images/icons/cgx-i_FloppyDisk.svg)
}

.cgx-i_Folder {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Folder.svg);
  mask: url(../../assets/images/icons/cgx-i_Folder.svg)
}

.cgx-i_FreeLifebuoy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FreeLifebuoy.svg);
  mask: url(../../assets/images/icons/cgx-i_FreeLifebuoy.svg)
}

.cgx-i_Gear {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Gear.svg);
  mask: url(../../assets/images/icons/cgx-i_Gear.svg)
}

.cgx-i_GlobalConnection {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GlobalConnection.svg);
  mask: url(../../assets/images/icons/cgx-i_GlobalConnection.svg)
}

.cgx-i_Globe {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Globe.svg);
  mask: url(../../assets/images/icons/cgx-i_Globe.svg)
}

.cgx-i_Goal {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Goal.svg);
  mask: url(../../assets/images/icons/cgx-i_Goal.svg)
}

.cgx-i_GraphChart {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GraphChart.svg);
  mask: url(../../assets/images/icons/cgx-i_GraphChart.svg)
}

.cgx-i_GraphDecrease {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GraphDecrease.svg);
  mask: url(../../assets/images/icons/cgx-i_GraphDecrease.svg)
}

.cgx-i_GrowPlant {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GrowPlant.svg);
  mask: url(../../assets/images/icons/cgx-i_GrowPlant.svg)
}

.cgx-i_GrowthIncome {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GrowthIncome.svg);
  mask: url(../../assets/images/icons/cgx-i_GrowthIncome.svg)
}

.cgx-i_Headset {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Headset.svg);
  mask: url(../../assets/images/icons/cgx-i_Headset.svg)
}

.cgx-i_Heart {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Heart.svg);
  mask: url(../../assets/images/icons/cgx-i_Heart.svg)
}

.cgx-i_Highlighter {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Highlighter.svg);
  mask: url(../../assets/images/icons/cgx-i_Highlighter.svg)
}

.cgx-i_HorseChess {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HorseChess.svg);
  mask: url(../../assets/images/icons/cgx-i_HorseChess.svg)
}

.cgx-i_Hourglass {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Hourglass.svg);
  mask: url(../../assets/images/icons/cgx-i_Hourglass.svg)
}

.cgx-i_HumanBrain {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HumanBrain.svg);
  mask: url(../../assets/images/icons/cgx-i_HumanBrain.svg)
}

.cgx-i_IdCard {
  -webkit-mask: url(../../assets/images/icons/cgx-i_IdCard.svg);
  mask: url(../../assets/images/icons/cgx-i_IdCard.svg)
}

.cgx-i_JobSearch {
  -webkit-mask: url(../../assets/images/icons/cgx-i_JobSearch.svg);
  mask: url(../../assets/images/icons/cgx-i_JobSearch.svg)
}

.cgx-i_Key {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Key.svg);
  mask: url(../../assets/images/icons/cgx-i_Key.svg)
}

.cgx-i_Keyboard {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Keyboard.svg);
  mask: url(../../assets/images/icons/cgx-i_Keyboard.svg)
}

.cgx-i_Landline {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Landline.svg);
  mask: url(../../assets/images/icons/cgx-i_Landline.svg)
}

.cgx-i_LandlinePhone {
  -webkit-mask: url(../../assets/images/icons/cgx-i_LandlinePhone.svg);
  mask: url(../../assets/images/icons/cgx-i_LandlinePhone.svg)
}

.cgx-i_Laptop {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Laptop.svg);
  mask: url(../../assets/images/icons/cgx-i_Laptop.svg)
}

.cgx-i_LaptopComputer {
  -webkit-mask: url(../../assets/images/icons/cgx-i_LaptopComputer.svg);
  mask: url(../../assets/images/icons/cgx-i_LaptopComputer.svg)
}

.cgx-i_LaptopMouse {
  -webkit-mask: url(../../assets/images/icons/cgx-i_LaptopMouse.svg);
  mask: url(../../assets/images/icons/cgx-i_LaptopMouse.svg)
}

.cgx-i_Legal {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Legal.svg);
  mask: url(../../assets/images/icons/cgx-i_Legal.svg)
}

.cgx-i_Lifebuoy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Lifebuoy.svg);
  mask: url(../../assets/images/icons/cgx-i_Lifebuoy.svg)
}

.cgx-i_LightBulb {
  -webkit-mask: url(../../assets/images/icons/cgx-i_LightBulb.svg);
  mask: url(../../assets/images/icons/cgx-i_LightBulb.svg)
}

.cgx-i_Mail {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Mail.svg);
  mask: url(../../assets/images/icons/cgx-i_Mail.svg)
}

.cgx-i_MailLetter {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MailLetter.svg);
  mask: url(../../assets/images/icons/cgx-i_MailLetter.svg)
}

.cgx-i_ManTalking {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ManTalking.svg);
  mask: url(../../assets/images/icons/cgx-i_ManTalking.svg)
}

.cgx-i_MapFlag {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MapFlag.svg);
  mask: url(../../assets/images/icons/cgx-i_MapFlag.svg)
}

.cgx-i_MegaphoneModern {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MegaphoneModern.svg);
  mask: url(../../assets/images/icons/cgx-i_MegaphoneModern.svg)
}

.cgx-i_MessageEnvelope {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MessageEnvelope.svg);
  mask: url(../../assets/images/icons/cgx-i_MessageEnvelope.svg)
}

.cgx-i_MobilePhone {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MobilePhone.svg);
  mask: url(../../assets/images/icons/cgx-i_MobilePhone.svg)
}

.cgx-i_MoneyBuilding {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MoneyBuilding.svg);
  mask: url(../../assets/images/icons/cgx-i_MoneyBuilding.svg)
}

.cgx-i_MoneyWallet {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MoneyWallet.svg);
  mask: url(../../assets/images/icons/cgx-i_MoneyWallet.svg)
}

.cgx-i_Monitor {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Monitor.svg);
  mask: url(../../assets/images/icons/cgx-i_Monitor.svg)
}

.cgx-i_MountainFlag {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MountainFlag.svg);
  mask: url(../../assets/images/icons/cgx-i_MountainFlag.svg)
}

.cgx-i_Newspaper {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Newspaper.svg);
  mask: url(../../assets/images/icons/cgx-i_Newspaper.svg)
}

.cgx-i_OfficeChair {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OfficeChair.svg);
  mask: url(../../assets/images/icons/cgx-i_OfficeChair.svg)
}

.cgx-i_OfficeDeskChair {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OfficeDeskChair.svg);
  mask: url(../../assets/images/icons/cgx-i_OfficeDeskChair.svg)
}

.cgx-i_OfficeFolder {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OfficeFolder.svg);
  mask: url(../../assets/images/icons/cgx-i_OfficeFolder.svg)
}

.cgx-i_OfficePrinter {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OfficePrinter.svg);
  mask: url(../../assets/images/icons/cgx-i_OfficePrinter.svg)
}

.cgx-i_OfficeSuitcase {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OfficeSuitcase.svg);
  mask: url(../../assets/images/icons/cgx-i_OfficeSuitcase.svg)
}

.cgx-i_OldTelephone {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OldTelephone.svg);
  mask: url(../../assets/images/icons/cgx-i_OldTelephone.svg)
}

.cgx-i_OpenBox {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OpenBox.svg);
  mask: url(../../assets/images/icons/cgx-i_OpenBox.svg)
}

.cgx-i_OpenMail {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OpenMail.svg);
  mask: url(../../assets/images/icons/cgx-i_OpenMail.svg)
}

.cgx-i_OpenSign {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OpenSign.svg);
  mask: url(../../assets/images/icons/cgx-i_OpenSign.svg)
}

.cgx-i_OppositeArrows {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OppositeArrows.svg);
  mask: url(../../assets/images/icons/cgx-i_OppositeArrows.svg)
}

.cgx-i_OrigamiBird {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OrigamiBird.svg);
  mask: url(../../assets/images/icons/cgx-i_OrigamiBird.svg)
}

.cgx-i_PadlockLock {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PadlockLock.svg);
  mask: url(../../assets/images/icons/cgx-i_PadlockLock.svg)
}

.cgx-i_PaperClip {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PaperClip.svg);
  mask: url(../../assets/images/icons/cgx-i_PaperClip.svg)
}

.cgx-i_PaperPlane {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PaperPlane.svg);
  mask: url(../../assets/images/icons/cgx-i_PaperPlane.svg)
}

.cgx-i_PaperShredder {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PaperShredder.svg);
  mask: url(../../assets/images/icons/cgx-i_PaperShredder.svg)
}

.cgx-i_ParcelBox {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ParcelBox.svg);
  mask: url(../../assets/images/icons/cgx-i_ParcelBox.svg)
}

.cgx-i_Partners {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Partners.svg);
  mask: url(../../assets/images/icons/cgx-i_Partners.svg)
}

.cgx-i_Pen {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Pen.svg);
  mask: url(../../assets/images/icons/cgx-i_Pen.svg)
}

.cgx-i_Pencil {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Pencil.svg);
  mask: url(../../assets/images/icons/cgx-i_Pencil.svg)
}

.cgx-i_PencilHolder {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PencilHolder.svg);
  mask: url(../../assets/images/icons/cgx-i_PencilHolder.svg)
}

.cgx-i_PenNib {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PenNib.svg);
  mask: url(../../assets/images/icons/cgx-i_PenNib.svg)
}

.cgx-i_PieChart {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PieChart.svg);
  mask: url(../../assets/images/icons/cgx-i_PieChart.svg)
}

.cgx-i_PiggyBankDollar {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PiggyBankDollar.svg);
  mask: url(../../assets/images/icons/cgx-i_PiggyBankDollar.svg)
}

.cgx-i_Pin {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Pin.svg);
  mask: url(../../assets/images/icons/cgx-i_Pin.svg)
}

.cgx-i_Plane {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Plane.svg);
  mask: url(../../assets/images/icons/cgx-i_Plane.svg)
}

.cgx-i_Pointing {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Pointing.svg);
  mask: url(../../assets/images/icons/cgx-i_Pointing.svg)
}

.cgx-i_Pound {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Pound.svg);
  mask: url(../../assets/images/icons/cgx-i_Pound.svg)
}

.cgx-i_PoundBag {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PoundBag.svg);
  mask: url(../../assets/images/icons/cgx-i_PoundBag.svg)
}

.cgx-i_PresentationBilboard {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PresentationBilboard.svg);
  mask: url(../../assets/images/icons/cgx-i_PresentationBilboard.svg)
}

.cgx-i_PriceTag {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PriceTag.svg);
  mask: url(../../assets/images/icons/cgx-i_PriceTag.svg)
}

.cgx-i_PrinterFax {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PrinterFax.svg);
  mask: url(../../assets/images/icons/cgx-i_PrinterFax.svg)
}

.cgx-i_Projector {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Projector.svg);
  mask: url(../../assets/images/icons/cgx-i_Projector.svg)
}

.cgx-i_PuzzlePieces {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PuzzlePieces.svg);
  mask: url(../../assets/images/icons/cgx-i_PuzzlePieces.svg)
}

.cgx-i_QuarterPieChart {
  -webkit-mask: url(../../assets/images/icons/cgx-i_QuarterPieChart.svg);
  mask: url(../../assets/images/icons/cgx-i_QuarterPieChart.svg)
}

.cgx-i_ReadingGlasses {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ReadingGlasses.svg);
  mask: url(../../assets/images/icons/cgx-i_ReadingGlasses.svg)
}

.cgx-i_Receipt {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Receipt.svg);
  mask: url(../../assets/images/icons/cgx-i_Receipt.svg)
}

.cgx-i_RoundMaze {
  -webkit-mask: url(../../assets/images/icons/cgx-i_RoundMaze.svg);
  mask: url(../../assets/images/icons/cgx-i_RoundMaze.svg)
}

.cgx-i_Router {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Router.svg);
  mask: url(../../assets/images/icons/cgx-i_Router.svg)
}

.cgx-i_Sale {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Sale.svg);
  mask: url(../../assets/images/icons/cgx-i_Sale.svg)
}

.cgx-i_SaleLabel {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SaleLabel.svg);
  mask: url(../../assets/images/icons/cgx-i_SaleLabel.svg)
}

.cgx-i_SalesBadge {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SalesBadge.svg);
  mask: url(../../assets/images/icons/cgx-i_SalesBadge.svg)
}

.cgx-i_Scale {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Scale.svg);
  mask: url(../../assets/images/icons/cgx-i_Scale.svg)
}

.cgx-i_Scanner {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Scanner.svg);
  mask: url(../../assets/images/icons/cgx-i_Scanner.svg)
}

.cgx-i_Scissors {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Scissors.svg);
  mask: url(../../assets/images/icons/cgx-i_Scissors.svg)
}

.cgx-i_ScissorsCut {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ScissorsCut.svg);
  mask: url(../../assets/images/icons/cgx-i_ScissorsCut.svg)
}

.cgx-i_SearchFolder {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SearchFolder.svg);
  mask: url(../../assets/images/icons/cgx-i_SearchFolder.svg)
}

.cgx-i_Shield {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Shield.svg);
  mask: url(../../assets/images/icons/cgx-i_Shield.svg)
}

.cgx-i_ShoppingBag {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ShoppingBag.svg);
  mask: url(../../assets/images/icons/cgx-i_ShoppingBag.svg)
}

.cgx-i_ShoppingBasket {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ShoppingBasket.svg);
  mask: url(../../assets/images/icons/cgx-i_ShoppingBasket.svg)
}

.cgx-i_ShoppingCart {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ShoppingCart.svg);
  mask: url(../../assets/images/icons/cgx-i_ShoppingCart.svg)
}

.cgx-i_SignedDocument {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SignedDocument.svg);
  mask: url(../../assets/images/icons/cgx-i_SignedDocument.svg)
}

.cgx-i_SignPost {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SignPost.svg);
  mask: url(../../assets/images/icons/cgx-i_SignPost.svg)
}

.cgx-i_SiteMap {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SiteMap.svg);
  mask: url(../../assets/images/icons/cgx-i_SiteMap.svg)
}

.cgx-i_Speedometer {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Speedometer.svg);
  mask: url(../../assets/images/icons/cgx-i_Speedometer.svg)
}

.cgx-i_Staircase {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Staircase.svg);
  mask: url(../../assets/images/icons/cgx-i_Staircase.svg)
}

.cgx-i_Star {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Star.svg);
  mask: url(../../assets/images/icons/cgx-i_Star.svg)
}

.cgx-i_Startup {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Startup.svg);
  mask: url(../../assets/images/icons/cgx-i_Startup.svg)
}

.cgx-i_Stopwatch {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Stopwatch.svg);
  mask: url(../../assets/images/icons/cgx-i_Stopwatch.svg)
}

.cgx-i_StopwatchDollar {
  -webkit-mask: url(../../assets/images/icons/cgx-i_StopwatchDollar.svg);
  mask: url(../../assets/images/icons/cgx-i_StopwatchDollar.svg)
}

.cgx-i_Strongbox {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Strongbox.svg);
  mask: url(../../assets/images/icons/cgx-i_Strongbox.svg)
}

.cgx-i_SystemMouse {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SystemMouse.svg);
  mask: url(../../assets/images/icons/cgx-i_SystemMouse.svg)
}

.cgx-i_Tablet {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Tablet.svg);
  mask: url(../../assets/images/icons/cgx-i_Tablet.svg)
}

.cgx-i_TeaCup {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TeaCup.svg);
  mask: url(../../assets/images/icons/cgx-i_TeaCup.svg)
}

.cgx-i_Telephone {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Telephone.svg);
  mask: url(../../assets/images/icons/cgx-i_Telephone.svg)
}

.cgx-i_TelephoneReceiver {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TelephoneReceiver.svg);
  mask: url(../../assets/images/icons/cgx-i_TelephoneReceiver.svg)
}

.cgx-i_Three-WayDirection {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Three-WayDirection.svg);
  mask: url(../../assets/images/icons/cgx-i_Three-WayDirection.svg)
}

.cgx-i_Tic {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Tic.svg);
  mask: url(../../assets/images/icons/cgx-i_Tic.svg)
}

.cgx-i_TrashCan {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TrashCan.svg);
  mask: url(../../assets/images/icons/cgx-i_TrashCan.svg)
}

.cgx-i_Triangle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Triangle.svg);
  mask: url(../../assets/images/icons/cgx-i_Triangle.svg)
}

.cgx-i_Umbrella {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Umbrella.svg);
  mask: url(../../assets/images/icons/cgx-i_Umbrella.svg)
}

.cgx-i_USB {
  -webkit-mask: url(../../assets/images/icons/cgx-i_USB.svg);
  mask: url(../../assets/images/icons/cgx-i_USB.svg)
}

.cgx-i_WallClock {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WallClock.svg);
  mask: url(../../assets/images/icons/cgx-i_WallClock.svg)
}

.cgx-i_WaterDispenser {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WaterDispenser.svg);
  mask: url(../../assets/images/icons/cgx-i_WaterDispenser.svg)
}

.cgx-i_Website {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Website.svg);
  mask: url(../../assets/images/icons/cgx-i_Website.svg)
}

.cgx-i_WifiRouter {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WifiRouter.svg);
  mask: url(../../assets/images/icons/cgx-i_WifiRouter.svg)
}

.cgx-i_WifiTower {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WifiTower.svg);
  mask: url(../../assets/images/icons/cgx-i_WifiTower.svg)
}

.cgx-i_Winner {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Winner.svg);
  mask: url(../../assets/images/icons/cgx-i_Winner.svg)
}

.cgx-i_WirelessMouse {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WirelessMouse.svg);
  mask: url(../../assets/images/icons/cgx-i_WirelessMouse.svg)
}

.cgx-i_Yen {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Yen.svg);
  mask: url(../../assets/images/icons/cgx-i_Yen.svg)
}

.cgx-i_YenMoneyBag {
  -webkit-mask: url(../../assets/images/icons/cgx-i_YenMoneyBag.svg);
  mask: url(../../assets/images/icons/cgx-i_YenMoneyBag.svg)
}

.cgx-i_CharityDonation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CharityDonation.svg);
  mask: url(../../assets/images/icons/cgx-i_CharityDonation.svg)
}

.cgx-i_CryingHumanEye {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CryingHumanEye.svg);
  mask: url(../../assets/images/icons/cgx-i_CryingHumanEye.svg)
}

.cgx-i_Depression {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Depression.svg);
  mask: url(../../assets/images/icons/cgx-i_Depression.svg)
}

.cgx-i_DepressionMood {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DepressionMood.svg);
  mask: url(../../assets/images/icons/cgx-i_DepressionMood.svg)
}

.cgx-i_DualPersonality {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DualPersonality.svg);
  mask: url(../../assets/images/icons/cgx-i_DualPersonality.svg)
}

.cgx-i_DualPersonalityPeople {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DualPersonalityPeople.svg);
  mask: url(../../assets/images/icons/cgx-i_DualPersonalityPeople.svg)
}

.cgx-i_EarListenHand {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EarListenHand.svg);
  mask: url(../../assets/images/icons/cgx-i_EarListenHand.svg)
}

.cgx-i_Forgive {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Forgive.svg);
  mask: url(../../assets/images/icons/cgx-i_Forgive.svg)
}

.cgx-i_Forgiveness {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Forgiveness.svg);
  mask: url(../../assets/images/icons/cgx-i_Forgiveness.svg)
}

.cgx-i_Friend {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Friend.svg);
  mask: url(../../assets/images/icons/cgx-i_Friend.svg)
}

.cgx-i_Gift {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Gift.svg);
  mask: url(../../assets/images/icons/cgx-i_Gift.svg)
}

.cgx-i_GiftBox {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GiftBox.svg);
  mask: url(../../assets/images/icons/cgx-i_GiftBox.svg)
}

.cgx-i_GroupFriends {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GroupFriends.svg);
  mask: url(../../assets/images/icons/cgx-i_GroupFriends.svg)
}

.cgx-i_Happy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Happy.svg);
  mask: url(../../assets/images/icons/cgx-i_Happy.svg)
}

.cgx-i_HeartInHands {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HeartInHands.svg);
  mask: url(../../assets/images/icons/cgx-i_HeartInHands.svg)
}

.cgx-i_Helpfulness {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Helpfulness.svg);
  mask: url(../../assets/images/icons/cgx-i_Helpfulness.svg)
}

.cgx-i_ListenOthers {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ListenOthers.svg);
  mask: url(../../assets/images/icons/cgx-i_ListenOthers.svg)
}

.cgx-i_Mindfulness {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Mindfulness.svg);
  mask: url(../../assets/images/icons/cgx-i_Mindfulness.svg)
}

.cgx-i_MobileDetox {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MobileDetox.svg);
  mask: url(../../assets/images/icons/cgx-i_MobileDetox.svg)
}

.cgx-i_Optimism {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Optimism.svg);
  mask: url(../../assets/images/icons/cgx-i_Optimism.svg)
}

.cgx-i_PowerForgive {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PowerForgive.svg);
  mask: url(../../assets/images/icons/cgx-i_PowerForgive.svg)
}

.cgx-i_PowerForgiveness {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PowerForgiveness.svg);
  mask: url(../../assets/images/icons/cgx-i_PowerForgiveness.svg)
}

.cgx-i_PowerOfForgiveness {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PowerOfForgiveness.svg);
  mask: url(../../assets/images/icons/cgx-i_PowerOfForgiveness.svg)
}

.cgx-i_ProblemSolving {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ProblemSolving.svg);
  mask: url(../../assets/images/icons/cgx-i_ProblemSolving.svg)
}

.cgx-i_ReleaseNegative {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ReleaseNegative.svg);
  mask: url(../../assets/images/icons/cgx-i_ReleaseNegative.svg)
}

.cgx-i_ReleaseNegativeThought {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ReleaseNegativeThought.svg);
  mask: url(../../assets/images/icons/cgx-i_ReleaseNegativeThought.svg)
}

.cgx-i_ReleaseNegativeThoughts {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ReleaseNegativeThoughts.svg);
  mask: url(../../assets/images/icons/cgx-i_ReleaseNegativeThoughts.svg)
}

.cgx-i_Retention {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Retention.svg);
  mask: url(../../assets/images/icons/cgx-i_Retention.svg)
}

.cgx-i_Sad {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Sad.svg);
  mask: url(../../assets/images/icons/cgx-i_Sad.svg)
}

.cgx-i_SadFace {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SadFace.svg);
  mask: url(../../assets/images/icons/cgx-i_SadFace.svg)
}

.cgx-i_SelfConfidence {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SelfConfidence.svg);
  mask: url(../../assets/images/icons/cgx-i_SelfConfidence.svg)
}

.cgx-i_SelfEsteem {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SelfEsteem.svg);
  mask: url(../../assets/images/icons/cgx-i_SelfEsteem.svg)
}

.cgx-i_SelfEsteemAffirmations {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SelfEsteemAffirmations.svg);
  mask: url(../../assets/images/icons/cgx-i_SelfEsteemAffirmations.svg)
}

.cgx-i_StressLifeProblems {
  -webkit-mask: url(../../assets/images/icons/cgx-i_StressLifeProblems.svg);
  mask: url(../../assets/images/icons/cgx-i_StressLifeProblems.svg)
}

.cgx-i_StressRelief {
  -webkit-mask: url(../../assets/images/icons/cgx-i_StressRelief.svg);
  mask: url(../../assets/images/icons/cgx-i_StressRelief.svg)
}

.cgx-i_Think {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Think.svg);
  mask: url(../../assets/images/icons/cgx-i_Think.svg)
}

.cgx-i_TrustKeepLove {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TrustKeepLove.svg);
  mask: url(../../assets/images/icons/cgx-i_TrustKeepLove.svg)
}

.cgx-i_Unity {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Unity.svg);
  mask: url(../../assets/images/icons/cgx-i_Unity.svg)
}

.cgx-i_Yoga {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Yoga.svg);
  mask: url(../../assets/images/icons/cgx-i_Yoga.svg)
}

.cgx-i_YogaPosition {
  -webkit-mask: url(../../assets/images/icons/cgx-i_YogaPosition.svg);
  mask: url(../../assets/images/icons/cgx-i_YogaPosition.svg)
}

.cgx-i_BrokenTooth {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BrokenTooth.svg);
  mask: url(../../assets/images/icons/cgx-i_BrokenTooth.svg)
}

.cgx-i_Caries {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Caries.svg);
  mask: url(../../assets/images/icons/cgx-i_Caries.svg)
}

.cgx-i_DentalBacteria {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DentalBacteria.svg);
  mask: url(../../assets/images/icons/cgx-i_DentalBacteria.svg)
}

.cgx-i_DentalBrackets {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DentalBrackets.svg);
  mask: url(../../assets/images/icons/cgx-i_DentalBrackets.svg)
}

.cgx-i_DentalChair {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DentalChair.svg);
  mask: url(../../assets/images/icons/cgx-i_DentalChair.svg)
}

.cgx-i_DentalDiagnostic {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DentalDiagnostic.svg);
  mask: url(../../assets/images/icons/cgx-i_DentalDiagnostic.svg)
}

.cgx-i_DentalFloss {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DentalFloss.svg);
  mask: url(../../assets/images/icons/cgx-i_DentalFloss.svg)
}

.cgx-i_DentalFlossTeeth {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DentalFlossTeeth.svg);
  mask: url(../../assets/images/icons/cgx-i_DentalFlossTeeth.svg)
}

.cgx-i_DentalHealthcare {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DentalHealthcare.svg);
  mask: url(../../assets/images/icons/cgx-i_DentalHealthcare.svg)
}

.cgx-i_DentalImplant {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DentalImplant.svg);
  mask: url(../../assets/images/icons/cgx-i_DentalImplant.svg)
}

.cgx-i_DentalInstruments {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DentalInstruments.svg);
  mask: url(../../assets/images/icons/cgx-i_DentalInstruments.svg)
}

.cgx-i_DentalProtection {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DentalProtection.svg);
  mask: url(../../assets/images/icons/cgx-i_DentalProtection.svg)
}

.cgx-i_ElectricToothbrush {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ElectricToothbrush.svg);
  mask: url(../../assets/images/icons/cgx-i_ElectricToothbrush.svg)
}

.cgx-i_FlossToothpick {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FlossToothpick.svg);
  mask: url(../../assets/images/icons/cgx-i_FlossToothpick.svg)
}

.cgx-i_HyperSensitive {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HyperSensitive.svg);
  mask: url(../../assets/images/icons/cgx-i_HyperSensitive.svg)
}

.cgx-i_Mouthwash {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Mouthwash.svg);
  mask: url(../../assets/images/icons/cgx-i_Mouthwash.svg)
}

.cgx-i_ShiningTooth {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ShiningTooth.svg);
  mask: url(../../assets/images/icons/cgx-i_ShiningTooth.svg)
}

.cgx-i_TeethProtection {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TeethProtection.svg);
  mask: url(../../assets/images/icons/cgx-i_TeethProtection.svg)
}

.cgx-i_Tooth {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Tooth.svg);
  mask: url(../../assets/images/icons/cgx-i_Tooth.svg)
}

.cgx-i_ToothBrush {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ToothBrush.svg);
  mask: url(../../assets/images/icons/cgx-i_ToothBrush.svg)
}

.cgx-i_ToothCheck {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ToothCheck.svg);
  mask: url(../../assets/images/icons/cgx-i_ToothCheck.svg)
}

.cgx-i_Toothpaste {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Toothpaste.svg);
  mask: url(../../assets/images/icons/cgx-i_Toothpaste.svg)
}

.cgx-i_ToothPasteTube {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ToothPasteTube.svg);
  mask: url(../../assets/images/icons/cgx-i_ToothPasteTube.svg)
}

.cgx-i_AdBlocker {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AdBlocker.svg);
  mask: url(../../assets/images/icons/cgx-i_AdBlocker.svg)
}

.cgx-i_AdvertisingSubmission {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AdvertisingSubmission.svg);
  mask: url(../../assets/images/icons/cgx-i_AdvertisingSubmission.svg)
}

.cgx-i_AttractCustomers {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AttractCustomers.svg);
  mask: url(../../assets/images/icons/cgx-i_AttractCustomers.svg)
}

.cgx-i_BotsCopywriting {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BotsCopywriting.svg);
  mask: url(../../assets/images/icons/cgx-i_BotsCopywriting.svg)
}

.cgx-i_BusinessAccounting {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessAccounting.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessAccounting.svg)
}

.cgx-i_CustomerFeedback {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CustomerFeedback.svg);
  mask: url(../../assets/images/icons/cgx-i_CustomerFeedback.svg)
}

.cgx-i_E-Commerce {
  -webkit-mask: url(../../assets/images/icons/cgx-i_E-Commerce.svg);
  mask: url(../../assets/images/icons/cgx-i_E-Commerce.svg)
}

.cgx-i_EmailBill {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EmailBill.svg);
  mask: url(../../assets/images/icons/cgx-i_EmailBill.svg)
}

.cgx-i_LiveStreaming {
  -webkit-mask: url(../../assets/images/icons/cgx-i_LiveStreaming.svg);
  mask: url(../../assets/images/icons/cgx-i_LiveStreaming.svg)
}

.cgx-i_MarketingBill {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MarketingBill.svg);
  mask: url(../../assets/images/icons/cgx-i_MarketingBill.svg)
}

.cgx-i_MobileAdvertising {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MobileAdvertising.svg);
  mask: url(../../assets/images/icons/cgx-i_MobileAdvertising.svg)
}

.cgx-i_OnlineMarketingPromotion {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OnlineMarketingPromotion.svg);
  mask: url(../../assets/images/icons/cgx-i_OnlineMarketingPromotion.svg)
}

.cgx-i_OrganicContent {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OrganicContent.svg);
  mask: url(../../assets/images/icons/cgx-i_OrganicContent.svg)
}

.cgx-i_PeopleTarget {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PeopleTarget.svg);
  mask: url(../../assets/images/icons/cgx-i_PeopleTarget.svg)
}

.cgx-i_PremiumEditor {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PremiumEditor.svg);
  mask: url(../../assets/images/icons/cgx-i_PremiumEditor.svg)
}

.cgx-i_SocialMediaMarketingPromotions {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SocialMediaMarketingPromotions.svg);
  mask: url(../../assets/images/icons/cgx-i_SocialMediaMarketingPromotions.svg)
}

.cgx-i_SocialPromotion {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SocialPromotion.svg);
  mask: url(../../assets/images/icons/cgx-i_SocialPromotion.svg)
}

.cgx-i_StoryTelling {
  -webkit-mask: url(../../assets/images/icons/cgx-i_StoryTelling.svg);
  mask: url(../../assets/images/icons/cgx-i_StoryTelling.svg)
}

.cgx-i_Strategy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Strategy.svg);
  mask: url(../../assets/images/icons/cgx-i_Strategy.svg)
}

.cgx-i_VoiceChat {
  -webkit-mask: url(../../assets/images/icons/cgx-i_VoiceChat.svg);
  mask: url(../../assets/images/icons/cgx-i_VoiceChat.svg)
}

.cgx-i_Ampoule {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Ampoule.svg);
  mask: url(../../assets/images/icons/cgx-i_Ampoule.svg)
}

.cgx-i_AnesthesiaPillJar {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AnesthesiaPillJar.svg);
  mask: url(../../assets/images/icons/cgx-i_AnesthesiaPillJar.svg)
}

.cgx-i_AyurvedaBowl {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AyurvedaBowl.svg);
  mask: url(../../assets/images/icons/cgx-i_AyurvedaBowl.svg)
}

.cgx-i_CapsuleDrug {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CapsuleDrug.svg);
  mask: url(../../assets/images/icons/cgx-i_CapsuleDrug.svg)
}

.cgx-i_CapsulePill {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CapsulePill.svg);
  mask: url(../../assets/images/icons/cgx-i_CapsulePill.svg)
}

.cgx-i_Capsules {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Capsules.svg);
  mask: url(../../assets/images/icons/cgx-i_Capsules.svg)
}

.cgx-i_ChemicalApparatus {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ChemicalApparatus.svg);
  mask: url(../../assets/images/icons/cgx-i_ChemicalApparatus.svg)
}

.cgx-i_CreamTube {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CreamTube.svg);
  mask: url(../../assets/images/icons/cgx-i_CreamTube.svg)
}

.cgx-i_Drops {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Drops.svg);
  mask: url(../../assets/images/icons/cgx-i_Drops.svg)
}

.cgx-i_DrugBottle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DrugBottle.svg);
  mask: url(../../assets/images/icons/cgx-i_DrugBottle.svg)
}

.cgx-i_DrugCreamTube {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DrugCreamTube.svg);
  mask: url(../../assets/images/icons/cgx-i_DrugCreamTube.svg)
}

.cgx-i_DrugPill {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DrugPill.svg);
  mask: url(../../assets/images/icons/cgx-i_DrugPill.svg)
}

.cgx-i_DrugsBottle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DrugsBottle.svg);
  mask: url(../../assets/images/icons/cgx-i_DrugsBottle.svg)
}

.cgx-i_EyeDopsBottle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EyeDopsBottle.svg);
  mask: url(../../assets/images/icons/cgx-i_EyeDopsBottle.svg)
}

.cgx-i_EyeDropBottle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EyeDropBottle.svg);
  mask: url(../../assets/images/icons/cgx-i_EyeDropBottle.svg)
}

.cgx-i_EyeDrops {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EyeDrops.svg);
  mask: url(../../assets/images/icons/cgx-i_EyeDrops.svg)
}

.cgx-i_FirstAidKit {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FirstAidKit.svg);
  mask: url(../../assets/images/icons/cgx-i_FirstAidKit.svg)
}

.cgx-i_Inhaler {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Inhaler.svg);
  mask: url(../../assets/images/icons/cgx-i_Inhaler.svg)
}

.cgx-i_MedicalBottle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicalBottle.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicalBottle.svg)
}

.cgx-i_MedicalCapsule {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicalCapsule.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicalCapsule.svg)
}

.cgx-i_MedicalSpray {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicalSpray.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicalSpray.svg)
}

.cgx-i_MedicineBottle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicineBottle.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicineBottle.svg)
}

.cgx-i_MedicineBottlePills {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicineBottlePills.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicineBottlePills.svg)
}

.cgx-i_NasalSpay {
  -webkit-mask: url(../../assets/images/icons/cgx-i_NasalSpay.svg);
  mask: url(../../assets/images/icons/cgx-i_NasalSpay.svg)
}

.cgx-i_Ointment {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Ointment.svg);
  mask: url(../../assets/images/icons/cgx-i_Ointment.svg)
}

.cgx-i_OpenCapsulePill {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OpenCapsulePill.svg);
  mask: url(../../assets/images/icons/cgx-i_OpenCapsulePill.svg)
}

.cgx-i_PharmacySign {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PharmacySign.svg);
  mask: url(../../assets/images/icons/cgx-i_PharmacySign.svg)
}

.cgx-i_PillBox {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PillBox.svg);
  mask: url(../../assets/images/icons/cgx-i_PillBox.svg)
}

.cgx-i_Pills {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Pills.svg);
  mask: url(../../assets/images/icons/cgx-i_Pills.svg)
}

.cgx-i_Prescription {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Prescription.svg);
  mask: url(../../assets/images/icons/cgx-i_Prescription.svg)
}

.cgx-i_SyringeAmpoules {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SyringeAmpoules.svg);
  mask: url(../../assets/images/icons/cgx-i_SyringeAmpoules.svg)
}

.cgx-i_SyringeInjection {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SyringeInjection.svg);
  mask: url(../../assets/images/icons/cgx-i_SyringeInjection.svg)
}

.cgx-i_Syrup {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Syrup.svg);
  mask: url(../../assets/images/icons/cgx-i_Syrup.svg)
}

.cgx-i_SyrupBottle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SyrupBottle.svg);
  mask: url(../../assets/images/icons/cgx-i_SyrupBottle.svg)
}

.cgx-i_TabletMedicineBottle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TabletMedicineBottle.svg);
  mask: url(../../assets/images/icons/cgx-i_TabletMedicineBottle.svg)
}

.cgx-i_TabletsStrip {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TabletsStrip.svg);
  mask: url(../../assets/images/icons/cgx-i_TabletsStrip.svg)
}

.cgx-i_TabletStrip {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TabletStrip.svg);
  mask: url(../../assets/images/icons/cgx-i_TabletStrip.svg)
}

.cgx-i_TestTubes {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TestTubes.svg);
  mask: url(../../assets/images/icons/cgx-i_TestTubes.svg)
}

.cgx-i_TubeOintment {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TubeOintment.svg);
  mask: url(../../assets/images/icons/cgx-i_TubeOintment.svg)
}

.cgx-i_TubeOintmentCream {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TubeOintmentCream.svg);
  mask: url(../../assets/images/icons/cgx-i_TubeOintmentCream.svg)
}

.cgx-i_3DCube {
  -webkit-mask: url(../../assets/images/icons/cgx-i_3DCube.svg);
  mask: url(../../assets/images/icons/cgx-i_3DCube.svg)
}

.cgx-i_3DModeling {
  -webkit-mask: url(../../assets/images/icons/cgx-i_3DModeling.svg);
  mask: url(../../assets/images/icons/cgx-i_3DModeling.svg)
}

.cgx-i_ABCUpperCase {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ABCUpperCase.svg);
  mask: url(../../assets/images/icons/cgx-i_ABCUpperCase.svg)
}

.cgx-i_BoxWithLighbulb {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BoxWithLighbulb.svg);
  mask: url(../../assets/images/icons/cgx-i_BoxWithLighbulb.svg)
}

.cgx-i_Brainstorm {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Brainstorm.svg);
  mask: url(../../assets/images/icons/cgx-i_Brainstorm.svg)
}

.cgx-i_Branding {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Branding.svg);
  mask: url(../../assets/images/icons/cgx-i_Branding.svg)
}

.cgx-i_ColorBalance {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ColorBalance.svg);
  mask: url(../../assets/images/icons/cgx-i_ColorBalance.svg)
}

.cgx-i_CreativePackage {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CreativePackage.svg);
  mask: url(../../assets/images/icons/cgx-i_CreativePackage.svg)
}

.cgx-i_DesignCheckList {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DesignCheckList.svg);
  mask: url(../../assets/images/icons/cgx-i_DesignCheckList.svg)
}

.cgx-i_DesignKnow {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DesignKnow.svg);
  mask: url(../../assets/images/icons/cgx-i_DesignKnow.svg)
}

.cgx-i_DeskLamp {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DeskLamp.svg);
  mask: url(../../assets/images/icons/cgx-i_DeskLamp.svg)
}

.cgx-i_DrawingCompassBlueprint {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DrawingCompassBlueprint.svg);
  mask: url(../../assets/images/icons/cgx-i_DrawingCompassBlueprint.svg)
}

.cgx-i_Dropper {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Dropper.svg);
  mask: url(../../assets/images/icons/cgx-i_Dropper.svg)
}

.cgx-i_Eraser {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Eraser.svg);
  mask: url(../../assets/images/icons/cgx-i_Eraser.svg)
}

.cgx-i_GraphicDesignTools {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GraphicDesignTools.svg);
  mask: url(../../assets/images/icons/cgx-i_GraphicDesignTools.svg)
}

.cgx-i_GraphicsTablet {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GraphicsTablet.svg);
  mask: url(../../assets/images/icons/cgx-i_GraphicsTablet.svg)
}

.cgx-i_GraphicsTools {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GraphicsTools.svg);
  mask: url(../../assets/images/icons/cgx-i_GraphicsTools.svg)
}

.cgx-i_HumanBrainThoughts {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HumanBrainThoughts.svg);
  mask: url(../../assets/images/icons/cgx-i_HumanBrainThoughts.svg)
}

.cgx-i_Layers {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Layers.svg);
  mask: url(../../assets/images/icons/cgx-i_Layers.svg)
}

.cgx-i_LayersLine {
  -webkit-mask: url(../../assets/images/icons/cgx-i_LayersLine.svg);
  mask: url(../../assets/images/icons/cgx-i_LayersLine.svg)
}

.cgx-i_PensilBlueprint {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PensilBlueprint.svg);
  mask: url(../../assets/images/icons/cgx-i_PensilBlueprint.svg)
}

.cgx-i_PensilGear {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PensilGear.svg);
  mask: url(../../assets/images/icons/cgx-i_PensilGear.svg)
}

.cgx-i_PenTool {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PenTool.svg);
  mask: url(../../assets/images/icons/cgx-i_PenTool.svg)
}

.cgx-i_PortfolioDemonstration {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PortfolioDemonstration.svg);
  mask: url(../../assets/images/icons/cgx-i_PortfolioDemonstration.svg)
}

.cgx-i_Sketchbook {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Sketchbook.svg);
  mask: url(../../assets/images/icons/cgx-i_Sketchbook.svg)
}

.cgx-i_SprayPaint {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SprayPaint.svg);
  mask: url(../../assets/images/icons/cgx-i_SprayPaint.svg)
}

.cgx-i_VectorCreation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_VectorCreation.svg);
  mask: url(../../assets/images/icons/cgx-i_VectorCreation.svg)
}

.cgx-i_AlcoholProhibition {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AlcoholProhibition.svg);
  mask: url(../../assets/images/icons/cgx-i_AlcoholProhibition.svg)
}

.cgx-i_Ambulance {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Ambulance.svg);
  mask: url(../../assets/images/icons/cgx-i_Ambulance.svg)
}

.cgx-i_AmbulanceVehicle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AmbulanceVehicle.svg);
  mask: url(../../assets/images/icons/cgx-i_AmbulanceVehicle.svg)
}

.cgx-i_Atom {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Atom.svg);
  mask: url(../../assets/images/icons/cgx-i_Atom.svg)
}

.cgx-i_Bacteria {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Bacteria.svg);
  mask: url(../../assets/images/icons/cgx-i_Bacteria.svg)
}

.cgx-i_Bandage {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Bandage.svg);
  mask: url(../../assets/images/icons/cgx-i_Bandage.svg)
}

.cgx-i_BandagePlaster {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BandagePlaster.svg);
  mask: url(../../assets/images/icons/cgx-i_BandagePlaster.svg)
}

.cgx-i_Beaker {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Beaker.svg);
  mask: url(../../assets/images/icons/cgx-i_Beaker.svg)
}

.cgx-i_Bed {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Bed.svg);
  mask: url(../../assets/images/icons/cgx-i_Bed.svg)
}

.cgx-i_Biohazard {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Biohazard.svg);
  mask: url(../../assets/images/icons/cgx-i_Biohazard.svg)
}

.cgx-i_BloodDrop {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BloodDrop.svg);
  mask: url(../../assets/images/icons/cgx-i_BloodDrop.svg)
}

.cgx-i_BloodTransfusion {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BloodTransfusion.svg);
  mask: url(../../assets/images/icons/cgx-i_BloodTransfusion.svg)
}

.cgx-i_Bone-Fracture {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Bone-Fracture.svg);
  mask: url(../../assets/images/icons/cgx-i_Bone-Fracture.svg)
}

.cgx-i_Caduceus {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Caduceus.svg);
  mask: url(../../assets/images/icons/cgx-i_Caduceus.svg)
}

.cgx-i_CancerRibbon {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CancerRibbon.svg);
  mask: url(../../assets/images/icons/cgx-i_CancerRibbon.svg)
}

.cgx-i_Cardiograph {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Cardiograph.svg);
  mask: url(../../assets/images/icons/cgx-i_Cardiograph.svg)
}

.cgx-i_Cavity {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Cavity.svg);
  mask: url(../../assets/images/icons/cgx-i_Cavity.svg)
}

.cgx-i_Certificate {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Certificate.svg);
  mask: url(../../assets/images/icons/cgx-i_Certificate.svg)
}

.cgx-i_CheckList {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CheckList.svg);
  mask: url(../../assets/images/icons/cgx-i_CheckList.svg)
}

.cgx-i_ChemicalBottle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ChemicalBottle.svg);
  mask: url(../../assets/images/icons/cgx-i_ChemicalBottle.svg)
}

.cgx-i_ChirurgicalScalpel {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ChirurgicalScalpel.svg);
  mask: url(../../assets/images/icons/cgx-i_ChirurgicalScalpel.svg)
}

.cgx-i_ComputerDiagnostic {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ComputerDiagnostic.svg);
  mask: url(../../assets/images/icons/cgx-i_ComputerDiagnostic.svg)
}

.cgx-i_ContactLens {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ContactLens.svg);
  mask: url(../../assets/images/icons/cgx-i_ContactLens.svg)
}

.cgx-i_Crutch {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Crutch.svg);
  mask: url(../../assets/images/icons/cgx-i_Crutch.svg)
}

.cgx-i_Dentist {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Dentist.svg);
  mask: url(../../assets/images/icons/cgx-i_Dentist.svg)
}

.cgx-i_Disabled {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Disabled.svg);
  mask: url(../../assets/images/icons/cgx-i_Disabled.svg)
}

.cgx-i_Dna {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Dna.svg);
  mask: url(../../assets/images/icons/cgx-i_Dna.svg)
}

.cgx-i_Doctor {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Doctor.svg);
  mask: url(../../assets/images/icons/cgx-i_Doctor.svg)
}

.cgx-i_DoctorNurse {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DoctorNurse.svg);
  mask: url(../../assets/images/icons/cgx-i_DoctorNurse.svg)
}

.cgx-i_DropCross {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DropCross.svg);
  mask: url(../../assets/images/icons/cgx-i_DropCross.svg)
}

.cgx-i_Electrocardiogram {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Electrocardiogram.svg);
  mask: url(../../assets/images/icons/cgx-i_Electrocardiogram.svg)
}

.cgx-i_Electrophysiology {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Electrophysiology.svg);
  mask: url(../../assets/images/icons/cgx-i_Electrophysiology.svg)
}

.cgx-i_EmergencyCall {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EmergencyCall.svg);
  mask: url(../../assets/images/icons/cgx-i_EmergencyCall.svg)
}

.cgx-i_Eye {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Eye.svg);
  mask: url(../../assets/images/icons/cgx-i_Eye.svg)
}

.cgx-i_EyeCheck {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EyeCheck.svg);
  mask: url(../../assets/images/icons/cgx-i_EyeCheck.svg)
}

.cgx-i_Eyes {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Eyes.svg);
  mask: url(../../assets/images/icons/cgx-i_Eyes.svg)
}

.cgx-i_EyeSleepingMask {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EyeSleepingMask.svg);
  mask: url(../../assets/images/icons/cgx-i_EyeSleepingMask.svg)
}

.cgx-i_EyeTest {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EyeTest.svg);
  mask: url(../../assets/images/icons/cgx-i_EyeTest.svg)
}

.cgx-i_Flag {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Flag.svg);
  mask: url(../../assets/images/icons/cgx-i_Flag.svg)
}

.cgx-i_GenderSymbol {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GenderSymbol.svg);
  mask: url(../../assets/images/icons/cgx-i_GenderSymbol.svg)
}

.cgx-i_Glasses {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Glasses.svg);
  mask: url(../../assets/images/icons/cgx-i_Glasses.svg)
}

.cgx-i_HealingHerbs {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HealingHerbs.svg);
  mask: url(../../assets/images/icons/cgx-i_HealingHerbs.svg)
}

.cgx-i_HealthcareHospital {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HealthcareHospital.svg);
  mask: url(../../assets/images/icons/cgx-i_HealthcareHospital.svg)
}

.cgx-i_HealthCrossWithHeart {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HealthCrossWithHeart.svg);
  mask: url(../../assets/images/icons/cgx-i_HealthCrossWithHeart.svg)
}

.cgx-i_HealthyFood {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HealthyFood.svg);
  mask: url(../../assets/images/icons/cgx-i_HealthyFood.svg)
}

.cgx-i_HealthyLiving {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HealthyLiving.svg);
  mask: url(../../assets/images/icons/cgx-i_HealthyLiving.svg)
}

.cgx-i_HeartHealth {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HeartHealth.svg);
  mask: url(../../assets/images/icons/cgx-i_HeartHealth.svg)
}

.cgx-i_HeartRateWatch {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HeartRateWatch.svg);
  mask: url(../../assets/images/icons/cgx-i_HeartRateWatch.svg)
}

.cgx-i_HeartSurgery {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HeartSurgery.svg);
  mask: url(../../assets/images/icons/cgx-i_HeartSurgery.svg)
}

.cgx-i_Helicopter {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Helicopter.svg);
  mask: url(../../assets/images/icons/cgx-i_Helicopter.svg)
}

.cgx-i_Help-Desk {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Help-Desk.svg);
  mask: url(../../assets/images/icons/cgx-i_Help-Desk.svg)
}

.cgx-i_Hospital {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Hospital.svg);
  mask: url(../../assets/images/icons/cgx-i_Hospital.svg)
}

.cgx-i_HospitalMap {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HospitalMap.svg);
  mask: url(../../assets/images/icons/cgx-i_HospitalMap.svg)
}

.cgx-i_HumanHeart {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HumanHeart.svg);
  mask: url(../../assets/images/icons/cgx-i_HumanHeart.svg)
}

.cgx-i_InjuredFinger {
  -webkit-mask: url(../../assets/images/icons/cgx-i_InjuredFinger.svg);
  mask: url(../../assets/images/icons/cgx-i_InjuredFinger.svg)
}

.cgx-i_LabEquipment {
  -webkit-mask: url(../../assets/images/icons/cgx-i_LabEquipment.svg);
  mask: url(../../assets/images/icons/cgx-i_LabEquipment.svg)
}

.cgx-i_MagneticResonanceImaging {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MagneticResonanceImaging.svg);
  mask: url(../../assets/images/icons/cgx-i_MagneticResonanceImaging.svg)
}

.cgx-i_MedicalAssistant {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicalAssistant.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicalAssistant.svg)
}

.cgx-i_MedicalCross {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicalCross.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicalCross.svg)
}

.cgx-i_MedicalCrutch {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicalCrutch.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicalCrutch.svg)
}

.cgx-i_MedicalFileFolder {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicalFileFolder.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicalFileFolder.svg)
}

.cgx-i_MedicalHeartbeat {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicalHeartbeat.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicalHeartbeat.svg)
}

.cgx-i_MedicalHumanHeart {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicalHumanHeart.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicalHumanHeart.svg)
}

.cgx-i_MedicalKit {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicalKit.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicalKit.svg)
}

.cgx-i_MedicalSandClock {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicalSandClock.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicalSandClock.svg)
}

.cgx-i_MedicalSnake {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicalSnake.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicalSnake.svg)
}

.cgx-i_MedicalStethoscope {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicalStethoscope.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicalStethoscope.svg)
}

.cgx-i_MedicalThermometer {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicalThermometer.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicalThermometer.svg)
}

.cgx-i_Medicine {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Medicine.svg);
  mask: url(../../assets/images/icons/cgx-i_Medicine.svg)
}

.cgx-i_MedicineCalling {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicineCalling.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicineCalling.svg)
}

.cgx-i_MedicineWheel {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MedicineWheel.svg);
  mask: url(../../assets/images/icons/cgx-i_MedicineWheel.svg)
}

.cgx-i_Microscope {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Microscope.svg);
  mask: url(../../assets/images/icons/cgx-i_Microscope.svg)
}

.cgx-i_Molecular {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Molecular.svg);
  mask: url(../../assets/images/icons/cgx-i_Molecular.svg)
}

.cgx-i_Mouse {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Mouse.svg);
  mask: url(../../assets/images/icons/cgx-i_Mouse.svg)
}

.cgx-i_NanoMolecularStructure {
  -webkit-mask: url(../../assets/images/icons/cgx-i_NanoMolecularStructure.svg);
  mask: url(../../assets/images/icons/cgx-i_NanoMolecularStructure.svg)
}

.cgx-i_NoJunkFood {
  -webkit-mask: url(../../assets/images/icons/cgx-i_NoJunkFood.svg);
  mask: url(../../assets/images/icons/cgx-i_NoJunkFood.svg)
}

.cgx-i_NoSmoking {
  -webkit-mask: url(../../assets/images/icons/cgx-i_NoSmoking.svg);
  mask: url(../../assets/images/icons/cgx-i_NoSmoking.svg)
}

.cgx-i_NoSmokingCigarettes {
  -webkit-mask: url(../../assets/images/icons/cgx-i_NoSmokingCigarettes.svg);
  mask: url(../../assets/images/icons/cgx-i_NoSmokingCigarettes.svg)
}

.cgx-i_Nurse {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Nurse.svg);
  mask: url(../../assets/images/icons/cgx-i_Nurse.svg)
}

.cgx-i_NurseHat {
  -webkit-mask: url(../../assets/images/icons/cgx-i_NurseHat.svg);
  mask: url(../../assets/images/icons/cgx-i_NurseHat.svg)
}

.cgx-i_OnlinePharmacy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OnlinePharmacy.svg);
  mask: url(../../assets/images/icons/cgx-i_OnlinePharmacy.svg)
}

.cgx-i_Oxygen {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Oxygen.svg);
  mask: url(../../assets/images/icons/cgx-i_Oxygen.svg)
}

.cgx-i_Palm {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Palm.svg);
  mask: url(../../assets/images/icons/cgx-i_Palm.svg)
}

.cgx-i_Pipette {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Pipette.svg);
  mask: url(../../assets/images/icons/cgx-i_Pipette.svg)
}

.cgx-i_Poison {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Poison.svg);
  mask: url(../../assets/images/icons/cgx-i_Poison.svg)
}

.cgx-i_PregnancyTest {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PregnancyTest.svg);
  mask: url(../../assets/images/icons/cgx-i_PregnancyTest.svg)
}

.cgx-i_PregnantConceive {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PregnantConceive.svg);
  mask: url(../../assets/images/icons/cgx-i_PregnantConceive.svg)
}

.cgx-i_PregnantDue {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PregnantDue.svg);
  mask: url(../../assets/images/icons/cgx-i_PregnantDue.svg)
}

.cgx-i_PrescriptionPad {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PrescriptionPad.svg);
  mask: url(../../assets/images/icons/cgx-i_PrescriptionPad.svg)
}

.cgx-i_Reproduction {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Reproduction.svg);
  mask: url(../../assets/images/icons/cgx-i_Reproduction.svg)
}

.cgx-i_RibsXrayBone {
  -webkit-mask: url(../../assets/images/icons/cgx-i_RibsXrayBone.svg);
  mask: url(../../assets/images/icons/cgx-i_RibsXrayBone.svg)
}

.cgx-i_RxMedicalPrescription {
  -webkit-mask: url(../../assets/images/icons/cgx-i_RxMedicalPrescription.svg);
  mask: url(../../assets/images/icons/cgx-i_RxMedicalPrescription.svg)
}

.cgx-i_SafetyMask {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SafetyMask.svg);
  mask: url(../../assets/images/icons/cgx-i_SafetyMask.svg)
}

.cgx-i_SanitaryPad {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SanitaryPad.svg);
  mask: url(../../assets/images/icons/cgx-i_SanitaryPad.svg)
}

.cgx-i_Scales {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Scales.svg);
  mask: url(../../assets/images/icons/cgx-i_Scales.svg)
}

.cgx-i_Sirene {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Sirene.svg);
  mask: url(../../assets/images/icons/cgx-i_Sirene.svg)
}

.cgx-i_SireneEmergency {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SireneEmergency.svg);
  mask: url(../../assets/images/icons/cgx-i_SireneEmergency.svg)
}

.cgx-i_Stand {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Stand.svg);
  mask: url(../../assets/images/icons/cgx-i_Stand.svg)
}

.cgx-i_StarOfLife {
  -webkit-mask: url(../../assets/images/icons/cgx-i_StarOfLife.svg);
  mask: url(../../assets/images/icons/cgx-i_StarOfLife.svg)
}

.cgx-i_Stethoscope {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Stethoscope.svg);
  mask: url(../../assets/images/icons/cgx-i_Stethoscope.svg)
}

.cgx-i_StethoscopeHeart {
  -webkit-mask: url(../../assets/images/icons/cgx-i_StethoscopeHeart.svg);
  mask: url(../../assets/images/icons/cgx-i_StethoscopeHeart.svg)
}

.cgx-i_Stretcher {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Stretcher.svg);
  mask: url(../../assets/images/icons/cgx-i_Stretcher.svg)
}

.cgx-i_StudyDocument {
  -webkit-mask: url(../../assets/images/icons/cgx-i_StudyDocument.svg);
  mask: url(../../assets/images/icons/cgx-i_StudyDocument.svg)
}

.cgx-i_Syringe {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Syringe.svg);
  mask: url(../../assets/images/icons/cgx-i_Syringe.svg)
}

.cgx-i_TargetEyeball {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TargetEyeball.svg);
  mask: url(../../assets/images/icons/cgx-i_TargetEyeball.svg)
}

.cgx-i_TestTube {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TestTube.svg);
  mask: url(../../assets/images/icons/cgx-i_TestTube.svg)
}

.cgx-i_Thermometer {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Thermometer.svg);
  mask: url(../../assets/images/icons/cgx-i_Thermometer.svg)
}

.cgx-i_ThermometerDigitalMedical {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ThermometerDigitalMedical.svg);
  mask: url(../../assets/images/icons/cgx-i_ThermometerDigitalMedical.svg)
}

.cgx-i_Tonometer {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Tonometer.svg);
  mask: url(../../assets/images/icons/cgx-i_Tonometer.svg)
}

.cgx-i_Trolley {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Trolley.svg);
  mask: url(../../assets/images/icons/cgx-i_Trolley.svg)
}

.cgx-i_Ultrasound {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Ultrasound.svg);
  mask: url(../../assets/images/icons/cgx-i_Ultrasound.svg)
}

.cgx-i_UltrasoundDevice {
  -webkit-mask: url(../../assets/images/icons/cgx-i_UltrasoundDevice.svg);
  mask: url(../../assets/images/icons/cgx-i_UltrasoundDevice.svg)
}

.cgx-i_UltrasoundMachine {
  -webkit-mask: url(../../assets/images/icons/cgx-i_UltrasoundMachine.svg);
  mask: url(../../assets/images/icons/cgx-i_UltrasoundMachine.svg)
}

.cgx-i_Weighing {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Weighing.svg);
  mask: url(../../assets/images/icons/cgx-i_Weighing.svg)
}

.cgx-i_Wheelchair {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Wheelchair.svg);
  mask: url(../../assets/images/icons/cgx-i_Wheelchair.svg)
}

.cgx-i_ArrowDirections {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ArrowDirections.svg);
  mask: url(../../assets/images/icons/cgx-i_ArrowDirections.svg)
}

.cgx-i_CityMap {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CityMap.svg);
  mask: url(../../assets/images/icons/cgx-i_CityMap.svg)
}

.cgx-i_CompassStar {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CompassStar.svg);
  mask: url(../../assets/images/icons/cgx-i_CompassStar.svg)
}

.cgx-i_Destination {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Destination.svg);
  mask: url(../../assets/images/icons/cgx-i_Destination.svg)
}

.cgx-i_DestinationLine {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DestinationLine.svg);
  mask: url(../../assets/images/icons/cgx-i_DestinationLine.svg)
}

.cgx-i_DestinationMap {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DestinationMap.svg);
  mask: url(../../assets/images/icons/cgx-i_DestinationMap.svg)
}

.cgx-i_DestinationPin {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DestinationPin.svg);
  mask: url(../../assets/images/icons/cgx-i_DestinationPin.svg)
}

.cgx-i_DirectionCompass {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DirectionCompass.svg);
  mask: url(../../assets/images/icons/cgx-i_DirectionCompass.svg)
}

.cgx-i_Directions {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Directions.svg);
  mask: url(../../assets/images/icons/cgx-i_Directions.svg)
}

.cgx-i_Distance {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Distance.svg);
  mask: url(../../assets/images/icons/cgx-i_Distance.svg)
}

.cgx-i_FourDirections {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FourDirections.svg);
  mask: url(../../assets/images/icons/cgx-i_FourDirections.svg)
}

.cgx-i_GlobalLocation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GlobalLocation.svg);
  mask: url(../../assets/images/icons/cgx-i_GlobalLocation.svg)
}

.cgx-i_GlobeSearch {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GlobeSearch.svg);
  mask: url(../../assets/images/icons/cgx-i_GlobeSearch.svg)
}

.cgx-i_Highway {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Highway.svg);
  mask: url(../../assets/images/icons/cgx-i_Highway.svg)
}

.cgx-i_House {
  -webkit-mask: url(../../assets/images/icons/cgx-i_House.svg);
  mask: url(../../assets/images/icons/cgx-i_House.svg)
}

.cgx-i_LocationMapNegative {
  -webkit-mask: url(../../assets/images/icons/cgx-i_LocationMapNegative.svg);
  mask: url(../../assets/images/icons/cgx-i_LocationMapNegative.svg)
}

.cgx-i_LocationPin {
  -webkit-mask: url(../../assets/images/icons/cgx-i_LocationPin.svg);
  mask: url(../../assets/images/icons/cgx-i_LocationPin.svg)
}

.cgx-i_LocationPinMap {
  -webkit-mask: url(../../assets/images/icons/cgx-i_LocationPinMap.svg);
  mask: url(../../assets/images/icons/cgx-i_LocationPinMap.svg)
}

.cgx-i_Map {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Map.svg);
  mask: url(../../assets/images/icons/cgx-i_Map.svg)
}

.cgx-i_MobileGps {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MobileGps.svg);
  mask: url(../../assets/images/icons/cgx-i_MobileGps.svg)
}

.cgx-i_NavigationTarget {
  -webkit-mask: url(../../assets/images/icons/cgx-i_NavigationTarget.svg);
  mask: url(../../assets/images/icons/cgx-i_NavigationTarget.svg)
}

.cgx-i_Parking {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Parking.svg);
  mask: url(../../assets/images/icons/cgx-i_Parking.svg)
}

.cgx-i_RoadCrossTrafficLights {
  -webkit-mask: url(../../assets/images/icons/cgx-i_RoadCrossTrafficLights.svg);
  mask: url(../../assets/images/icons/cgx-i_RoadCrossTrafficLights.svg)
}

.cgx-i_Route {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Route.svg);
  mask: url(../../assets/images/icons/cgx-i_Route.svg)
}

.cgx-i_RoutePlan {
  -webkit-mask: url(../../assets/images/icons/cgx-i_RoutePlan.svg);
  mask: url(../../assets/images/icons/cgx-i_RoutePlan.svg)
}

.cgx-i_RoutePlanner {
  -webkit-mask: url(../../assets/images/icons/cgx-i_RoutePlanner.svg);
  mask: url(../../assets/images/icons/cgx-i_RoutePlanner.svg)
}

.cgx-i_RoutePlanning {
  -webkit-mask: url(../../assets/images/icons/cgx-i_RoutePlanning.svg);
  mask: url(../../assets/images/icons/cgx-i_RoutePlanning.svg)
}

.cgx-i_Satellite {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Satellite.svg);
  mask: url(../../assets/images/icons/cgx-i_Satellite.svg)
}

.cgx-i_TrafficLight {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TrafficLight.svg);
  mask: url(../../assets/images/icons/cgx-i_TrafficLight.svg)
}

.cgx-i_YouAreHere {
  -webkit-mask: url(../../assets/images/icons/cgx-i_YouAreHere.svg);
  mask: url(../../assets/images/icons/cgx-i_YouAreHere.svg)
}

.cgx-i_AnimalBowl {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AnimalBowl.svg);
  mask: url(../../assets/images/icons/cgx-i_AnimalBowl.svg)
}

.cgx-i_AnimalFoodBowl {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AnimalFoodBowl.svg);
  mask: url(../../assets/images/icons/cgx-i_AnimalFoodBowl.svg)
}

.cgx-i_AnimalPaw {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AnimalPaw.svg);
  mask: url(../../assets/images/icons/cgx-i_AnimalPaw.svg)
}

.cgx-i_AnimalPawBig {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AnimalPawBig.svg);
  mask: url(../../assets/images/icons/cgx-i_AnimalPawBig.svg)
}

.cgx-i_AnimalUse {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AnimalUse.svg);
  mask: url(../../assets/images/icons/cgx-i_AnimalUse.svg)
}

.cgx-i_Aquarium {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Aquarium.svg);
  mask: url(../../assets/images/icons/cgx-i_Aquarium.svg)
}

.cgx-i_BirdCage {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BirdCage.svg);
  mask: url(../../assets/images/icons/cgx-i_BirdCage.svg)
}

.cgx-i_Bone {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Bone.svg);
  mask: url(../../assets/images/icons/cgx-i_Bone.svg)
}

.cgx-i_Carabiner {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Carabiner.svg);
  mask: url(../../assets/images/icons/cgx-i_Carabiner.svg)
}

.cgx-i_DogCollar {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DogCollar.svg);
  mask: url(../../assets/images/icons/cgx-i_DogCollar.svg)
}

.cgx-i_DogHouse {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DogHouse.svg);
  mask: url(../../assets/images/icons/cgx-i_DogHouse.svg)
}

.cgx-i_DogLeash {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DogLeash.svg);
  mask: url(../../assets/images/icons/cgx-i_DogLeash.svg)
}

.cgx-i_FetishDogCollar {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FetishDogCollar.svg);
  mask: url(../../assets/images/icons/cgx-i_FetishDogCollar.svg)
}

.cgx-i_GroomingTools {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GroomingTools.svg);
  mask: url(../../assets/images/icons/cgx-i_GroomingTools.svg)
}

.cgx-i_Leash {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Leash.svg);
  mask: url(../../assets/images/icons/cgx-i_Leash.svg)
}

.cgx-i_MouseToy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MouseToy.svg);
  mask: url(../../assets/images/icons/cgx-i_MouseToy.svg)
}

.cgx-i_Muzzle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Muzzle.svg);
  mask: url(../../assets/images/icons/cgx-i_Muzzle.svg)
}

.cgx-i_Paw {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Paw.svg);
  mask: url(../../assets/images/icons/cgx-i_Paw.svg)
}

.cgx-i_PetCage {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PetCage.svg);
  mask: url(../../assets/images/icons/cgx-i_PetCage.svg)
}

.cgx-i_PetCarrier {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PetCarrier.svg);
  mask: url(../../assets/images/icons/cgx-i_PetCarrier.svg)
}

.cgx-i_PetCarrierBox {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PetCarrierBox.svg);
  mask: url(../../assets/images/icons/cgx-i_PetCarrierBox.svg)
}

.cgx-i_PetFood {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PetFood.svg);
  mask: url(../../assets/images/icons/cgx-i_PetFood.svg)
}

.cgx-i_PetFoodPackage {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PetFoodPackage.svg);
  mask: url(../../assets/images/icons/cgx-i_PetFoodPackage.svg)
}

.cgx-i_PetMuzzle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PetMuzzle.svg);
  mask: url(../../assets/images/icons/cgx-i_PetMuzzle.svg)
}

.cgx-i_PetPaw {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PetPaw.svg);
  mask: url(../../assets/images/icons/cgx-i_PetPaw.svg)
}

.cgx-i_PetsMedicineBottle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PetsMedicineBottle.svg);
  mask: url(../../assets/images/icons/cgx-i_PetsMedicineBottle.svg)
}

.cgx-i_RetractableLeadRoyalty {
  -webkit-mask: url(../../assets/images/icons/cgx-i_RetractableLeadRoyalty.svg);
  mask: url(../../assets/images/icons/cgx-i_RetractableLeadRoyalty.svg)
}

.cgx-i_ScratchingPost {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ScratchingPost.svg);
  mask: url(../../assets/images/icons/cgx-i_ScratchingPost.svg)
}

.cgx-i_Bathtub {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Bathtub.svg);
  mask: url(../../assets/images/icons/cgx-i_Bathtub.svg)
}

.cgx-i_HandDryer {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HandDryer.svg);
  mask: url(../../assets/images/icons/cgx-i_HandDryer.svg)
}

.cgx-i_Shower {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Shower.svg);
  mask: url(../../assets/images/icons/cgx-i_Shower.svg)
}

.cgx-i_ShowerCabin {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ShowerCabin.svg);
  mask: url(../../assets/images/icons/cgx-i_ShowerCabin.svg)
}

.cgx-i_Tap {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Tap.svg);
  mask: url(../../assets/images/icons/cgx-i_Tap.svg)
}

.cgx-i_Toilet {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Toilet.svg);
  mask: url(../../assets/images/icons/cgx-i_Toilet.svg)
}

.cgx-i_ToiletBowl {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ToiletBowl.svg);
  mask: url(../../assets/images/icons/cgx-i_ToiletBowl.svg)
}

.cgx-i_ToiletDisinfection {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ToiletDisinfection.svg);
  mask: url(../../assets/images/icons/cgx-i_ToiletDisinfection.svg)
}

.cgx-i_ToiletUrinal {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ToiletUrinal.svg);
  mask: url(../../assets/images/icons/cgx-i_ToiletUrinal.svg)
}

.cgx-i_Urinal {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Urinal.svg);
  mask: url(../../assets/images/icons/cgx-i_Urinal.svg)
}

.cgx-i_Washbasin {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Washbasin.svg);
  mask: url(../../assets/images/icons/cgx-i_Washbasin.svg)
}

.cgx-i_Washbowl {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Washbowl.svg);
  mask: url(../../assets/images/icons/cgx-i_Washbowl.svg)
}

.cgx-i_WaterTap {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WaterTap.svg);
  mask: url(../../assets/images/icons/cgx-i_WaterTap.svg)
}

.cgx-i_Wc {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Wc.svg);
  mask: url(../../assets/images/icons/cgx-i_Wc.svg)
}

.cgx-i_Worm {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Worm.svg);
  mask: url(../../assets/images/icons/cgx-i_Worm.svg)
}

.cgx-i_AchievementCertificate {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AchievementCertificate.svg);
  mask: url(../../assets/images/icons/cgx-i_AchievementCertificate.svg)
}

.cgx-i_ActiveSearch {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ActiveSearch.svg);
  mask: url(../../assets/images/icons/cgx-i_ActiveSearch.svg)
}

.cgx-i_AddLink {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AddLink.svg);
  mask: url(../../assets/images/icons/cgx-i_AddLink.svg)
}

.cgx-i_AdvertingService {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AdvertingService.svg);
  mask: url(../../assets/images/icons/cgx-i_AdvertingService.svg)
}

.cgx-i_AnchorFile {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AnchorFile.svg);
  mask: url(../../assets/images/icons/cgx-i_AnchorFile.svg)
}

.cgx-i_Anchortext {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Anchortext.svg);
  mask: url(../../assets/images/icons/cgx-i_Anchortext.svg)
}

.cgx-i_AppDevelopment {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AppDevelopment.svg);
  mask: url(../../assets/images/icons/cgx-i_AppDevelopment.svg)
}

.cgx-i_Article {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Article.svg);
  mask: url(../../assets/images/icons/cgx-i_Article.svg)
}

.cgx-i_Articles {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Articles.svg);
  mask: url(../../assets/images/icons/cgx-i_Articles.svg)
}

.cgx-i_AutoRefreshLinks {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AutoRefreshLinks.svg);
  mask: url(../../assets/images/icons/cgx-i_AutoRefreshLinks.svg)
}

.cgx-i_AwardMedal {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AwardMedal.svg);
  mask: url(../../assets/images/icons/cgx-i_AwardMedal.svg)
}

.cgx-i_BackLinksLine {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BackLinksLine.svg);
  mask: url(../../assets/images/icons/cgx-i_BackLinksLine.svg)
}

.cgx-i_BagPortfolio {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BagPortfolio.svg);
  mask: url(../../assets/images/icons/cgx-i_BagPortfolio.svg)
}

.cgx-i_Blog {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Blog.svg);
  mask: url(../../assets/images/icons/cgx-i_Blog.svg)
}

.cgx-i_BloggerCamera {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BloggerCamera.svg);
  mask: url(../../assets/images/icons/cgx-i_BloggerCamera.svg)
}

.cgx-i_BloggingServices {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BloggingServices.svg);
  mask: url(../../assets/images/icons/cgx-i_BloggingServices.svg)
}

.cgx-i_BlogManagement {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BlogManagement.svg);
  mask: url(../../assets/images/icons/cgx-i_BlogManagement.svg)
}

.cgx-i_Bookmark {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Bookmark.svg);
  mask: url(../../assets/images/icons/cgx-i_Bookmark.svg)
}

.cgx-i_BusinessConference {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessConference.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessConference.svg)
}

.cgx-i_BusinessDevelopment {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessDevelopment.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessDevelopment.svg)
}

.cgx-i_BusinessFinance {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessFinance.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessFinance.svg)
}

.cgx-i_BusinessGrowth {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessGrowth.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessGrowth.svg)
}

.cgx-i_BusinessPresentation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessPresentation.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessPresentation.svg)
}

.cgx-i_BusinessSeo {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BusinessSeo.svg);
  mask: url(../../assets/images/icons/cgx-i_BusinessSeo.svg)
}

.cgx-i_CalculatingReport {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CalculatingReport.svg);
  mask: url(../../assets/images/icons/cgx-i_CalculatingReport.svg)
}

.cgx-i_CalendarBusinessPlan {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CalendarBusinessPlan.svg);
  mask: url(../../assets/images/icons/cgx-i_CalendarBusinessPlan.svg)
}

.cgx-i_CalendarPlan {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CalendarPlan.svg);
  mask: url(../../assets/images/icons/cgx-i_CalendarPlan.svg)
}

.cgx-i_CartDigital {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CartDigital.svg);
  mask: url(../../assets/images/icons/cgx-i_CartDigital.svg)
}

.cgx-i_Chat {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Chat.svg);
  mask: url(../../assets/images/icons/cgx-i_Chat.svg)
}

.cgx-i_CleanCode {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CleanCode.svg);
  mask: url(../../assets/images/icons/cgx-i_CleanCode.svg)
}

.cgx-i_CloudOperatingSystem {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CloudOperatingSystem.svg);
  mask: url(../../assets/images/icons/cgx-i_CloudOperatingSystem.svg)
}

.cgx-i_Colors {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Colors.svg);
  mask: url(../../assets/images/icons/cgx-i_Colors.svg)
}

.cgx-i_Consultant {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Consultant.svg);
  mask: url(../../assets/images/icons/cgx-i_Consultant.svg)
}

.cgx-i_ConsumerTarget {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ConsumerTarget.svg);
  mask: url(../../assets/images/icons/cgx-i_ConsumerTarget.svg)
}

.cgx-i_Contact {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Contact.svg);
  mask: url(../../assets/images/icons/cgx-i_Contact.svg)
}

.cgx-i_Content {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Content.svg);
  mask: url(../../assets/images/icons/cgx-i_Content.svg)
}

.cgx-i_Conversation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Conversation.svg);
  mask: url(../../assets/images/icons/cgx-i_Conversation.svg)
}

.cgx-i_ConversionOptimization {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ConversionOptimization.svg);
  mask: url(../../assets/images/icons/cgx-i_ConversionOptimization.svg)
}

.cgx-i_Copywriting {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Copywriting.svg);
  mask: url(../../assets/images/icons/cgx-i_Copywriting.svg)
}

.cgx-i_CreativeService {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CreativeService.svg);
  mask: url(../../assets/images/icons/cgx-i_CreativeService.svg)
}

.cgx-i_CustomerReview {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CustomerReview.svg);
  mask: url(../../assets/images/icons/cgx-i_CustomerReview.svg)
}

.cgx-i_CustomerReviews {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CustomerReviews.svg);
  mask: url(../../assets/images/icons/cgx-i_CustomerReviews.svg)
}

.cgx-i_CustomerServiceFeedback {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CustomerServiceFeedback.svg);
  mask: url(../../assets/images/icons/cgx-i_CustomerServiceFeedback.svg)
}

.cgx-i_Dashboard {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Dashboard.svg);
  mask: url(../../assets/images/icons/cgx-i_Dashboard.svg)
}

.cgx-i_DataAnalyticsEngine {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DataAnalyticsEngine.svg);
  mask: url(../../assets/images/icons/cgx-i_DataAnalyticsEngine.svg)
}

.cgx-i_DataMenagement {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DataMenagement.svg);
  mask: url(../../assets/images/icons/cgx-i_DataMenagement.svg)
}

.cgx-i_DevelopmentPuzzle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DevelopmentPuzzle.svg);
  mask: url(../../assets/images/icons/cgx-i_DevelopmentPuzzle.svg)
}

.cgx-i_DigitalCampaign {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DigitalCampaign.svg);
  mask: url(../../assets/images/icons/cgx-i_DigitalCampaign.svg)
}

.cgx-i_DocumentKey {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DocumentKey.svg);
  mask: url(../../assets/images/icons/cgx-i_DocumentKey.svg)
}

.cgx-i_DownloadInformation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DownloadInformation.svg);
  mask: url(../../assets/images/icons/cgx-i_DownloadInformation.svg)
}

.cgx-i_E-MailSupport {
  -webkit-mask: url(../../assets/images/icons/cgx-i_E-MailSupport.svg);
  mask: url(../../assets/images/icons/cgx-i_E-MailSupport.svg)
}

.cgx-i_EarnGlyph {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EarnGlyph.svg);
  mask: url(../../assets/images/icons/cgx-i_EarnGlyph.svg)
}

.cgx-i_EcommerceBasket {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EcommerceBasket.svg);
  mask: url(../../assets/images/icons/cgx-i_EcommerceBasket.svg)
}

.cgx-i_EconomicGrowth {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EconomicGrowth.svg);
  mask: url(../../assets/images/icons/cgx-i_EconomicGrowth.svg)
}

.cgx-i_Efficiency {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Efficiency.svg);
  mask: url(../../assets/images/icons/cgx-i_Efficiency.svg)
}

.cgx-i_EfficiencyLine {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EfficiencyLine.svg);
  mask: url(../../assets/images/icons/cgx-i_EfficiencyLine.svg)
}

.cgx-i_EfficiencyTraffic {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EfficiencyTraffic.svg);
  mask: url(../../assets/images/icons/cgx-i_EfficiencyTraffic.svg)
}

.cgx-i_EfficiencyTrafficSign {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EfficiencyTrafficSign.svg);
  mask: url(../../assets/images/icons/cgx-i_EfficiencyTrafficSign.svg)
}

.cgx-i_Email {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Email.svg);
  mask: url(../../assets/images/icons/cgx-i_Email.svg)
}

.cgx-i_EmailMessage {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EmailMessage.svg);
  mask: url(../../assets/images/icons/cgx-i_EmailMessage.svg)
}

.cgx-i_Experimental {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Experimental.svg);
  mask: url(../../assets/images/icons/cgx-i_Experimental.svg)
}

.cgx-i_Feedback {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Feedback.svg);
  mask: url(../../assets/images/icons/cgx-i_Feedback.svg)
}

.cgx-i_FirmwareUpgrade {
  -webkit-mask: url(../../assets/images/icons/cgx-i_FirmwareUpgrade.svg);
  mask: url(../../assets/images/icons/cgx-i_FirmwareUpgrade.svg)
}

.cgx-i_GeoTargetting {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GeoTargetting.svg);
  mask: url(../../assets/images/icons/cgx-i_GeoTargetting.svg)
}

.cgx-i_Globalization {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Globalization.svg);
  mask: url(../../assets/images/icons/cgx-i_Globalization.svg)
}

.cgx-i_GlobalTrends {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GlobalTrends.svg);
  mask: url(../../assets/images/icons/cgx-i_GlobalTrends.svg)
}

.cgx-i_GrowthEngine {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GrowthEngine.svg);
  mask: url(../../assets/images/icons/cgx-i_GrowthEngine.svg)
}

.cgx-i_GrowthTraffic {
  -webkit-mask: url(../../assets/images/icons/cgx-i_GrowthTraffic.svg);
  mask: url(../../assets/images/icons/cgx-i_GrowthTraffic.svg)
}

.cgx-i_Handshake {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Handshake.svg);
  mask: url(../../assets/images/icons/cgx-i_Handshake.svg)
}

.cgx-i_HandStopwatch {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HandStopwatch.svg);
  mask: url(../../assets/images/icons/cgx-i_HandStopwatch.svg)
}

.cgx-i_HeadsetWithSpeech {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HeadsetWithSpeech.svg);
  mask: url(../../assets/images/icons/cgx-i_HeadsetWithSpeech.svg)
}

.cgx-i_HighQuality {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HighQuality.svg);
  mask: url(../../assets/images/icons/cgx-i_HighQuality.svg)
}

.cgx-i_IncomeGlyph {
  -webkit-mask: url(../../assets/images/icons/cgx-i_IncomeGlyph.svg);
  mask: url(../../assets/images/icons/cgx-i_IncomeGlyph.svg)
}

.cgx-i_Innovation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Innovation.svg);
  mask: url(../../assets/images/icons/cgx-i_Innovation.svg)
}

.cgx-i_InternetDownloadManager {
  -webkit-mask: url(../../assets/images/icons/cgx-i_InternetDownloadManager.svg);
  mask: url(../../assets/images/icons/cgx-i_InternetDownloadManager.svg)
}

.cgx-i_InternetMarketingStrategy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_InternetMarketingStrategy.svg);
  mask: url(../../assets/images/icons/cgx-i_InternetMarketingStrategy.svg)
}

.cgx-i_InternetSearch {
  -webkit-mask: url(../../assets/images/icons/cgx-i_InternetSearch.svg);
  mask: url(../../assets/images/icons/cgx-i_InternetSearch.svg)
}

.cgx-i_Invention {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Invention.svg);
  mask: url(../../assets/images/icons/cgx-i_Invention.svg)
}

.cgx-i_InvestmentReturn {
  -webkit-mask: url(../../assets/images/icons/cgx-i_InvestmentReturn.svg);
  mask: url(../../assets/images/icons/cgx-i_InvestmentReturn.svg)
}

.cgx-i_Keywording {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Keywording.svg);
  mask: url(../../assets/images/icons/cgx-i_Keywording.svg)
}

.cgx-i_KeywordResearch {
  -webkit-mask: url(../../assets/images/icons/cgx-i_KeywordResearch.svg);
  mask: url(../../assets/images/icons/cgx-i_KeywordResearch.svg)
}

.cgx-i_KeywordsRanking {
  -webkit-mask: url(../../assets/images/icons/cgx-i_KeywordsRanking.svg);
  mask: url(../../assets/images/icons/cgx-i_KeywordsRanking.svg)
}

.cgx-i_LandingPage {
  -webkit-mask: url(../../assets/images/icons/cgx-i_LandingPage.svg);
  mask: url(../../assets/images/icons/cgx-i_LandingPage.svg)
}

.cgx-i_Language {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Language.svg);
  mask: url(../../assets/images/icons/cgx-i_Language.svg)
}

.cgx-i_Languages {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Languages.svg);
  mask: url(../../assets/images/icons/cgx-i_Languages.svg)
}

.cgx-i_Link {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Link.svg);
  mask: url(../../assets/images/icons/cgx-i_Link.svg)
}

.cgx-i_LinkChain {
  -webkit-mask: url(../../assets/images/icons/cgx-i_LinkChain.svg);
  mask: url(../../assets/images/icons/cgx-i_LinkChain.svg)
}

.cgx-i_LocalSeo {
  -webkit-mask: url(../../assets/images/icons/cgx-i_LocalSeo.svg);
  mask: url(../../assets/images/icons/cgx-i_LocalSeo.svg)
}

.cgx-i_LockedAccount {
  -webkit-mask: url(../../assets/images/icons/cgx-i_LockedAccount.svg);
  mask: url(../../assets/images/icons/cgx-i_LockedAccount.svg)
}

.cgx-i_MagnifierFlat {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MagnifierFlat.svg);
  mask: url(../../assets/images/icons/cgx-i_MagnifierFlat.svg)
}

.cgx-i_MagnifyingDocument {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MagnifyingDocument.svg);
  mask: url(../../assets/images/icons/cgx-i_MagnifyingDocument.svg)
}

.cgx-i_MagnifyingGlass {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MagnifyingGlass.svg);
  mask: url(../../assets/images/icons/cgx-i_MagnifyingGlass.svg)
}

.cgx-i_ManualSettings {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ManualSettings.svg);
  mask: url(../../assets/images/icons/cgx-i_ManualSettings.svg)
}

.cgx-i_MobileAppsDevelopment {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MobileAppsDevelopment.svg);
  mask: url(../../assets/images/icons/cgx-i_MobileAppsDevelopment.svg)
}

.cgx-i_MoneyTracking {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MoneyTracking.svg);
  mask: url(../../assets/images/icons/cgx-i_MoneyTracking.svg)
}

.cgx-i_Network {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Network.svg);
  mask: url(../../assets/images/icons/cgx-i_Network.svg)
}

.cgx-i_NetworkProtection {
  -webkit-mask: url(../../assets/images/icons/cgx-i_NetworkProtection.svg);
  mask: url(../../assets/images/icons/cgx-i_NetworkProtection.svg)
}

.cgx-i_NotesPen {
  -webkit-mask: url(../../assets/images/icons/cgx-i_NotesPen.svg);
  mask: url(../../assets/images/icons/cgx-i_NotesPen.svg)
}

.cgx-i_OnlineChart {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OnlineChart.svg);
  mask: url(../../assets/images/icons/cgx-i_OnlineChart.svg)
}

.cgx-i_OnlineContent {
  -webkit-mask: url(../../assets/images/icons/cgx-i_OnlineContent.svg);
  mask: url(../../assets/images/icons/cgx-i_OnlineContent.svg)
}

.cgx-i_Optimization {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Optimization.svg);
  mask: url(../../assets/images/icons/cgx-i_Optimization.svg)
}

.cgx-i_PageQuality {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PageQuality.svg);
  mask: url(../../assets/images/icons/cgx-i_PageQuality.svg)
}

.cgx-i_Pages {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Pages.svg);
  mask: url(../../assets/images/icons/cgx-i_Pages.svg)
}

.cgx-i_PageSpeed {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PageSpeed.svg);
  mask: url(../../assets/images/icons/cgx-i_PageSpeed.svg)
}

.cgx-i_PantoneColors {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PantoneColors.svg);
  mask: url(../../assets/images/icons/cgx-i_PantoneColors.svg)
}

.cgx-i_PaymentMethod {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PaymentMethod.svg);
  mask: url(../../assets/images/icons/cgx-i_PaymentMethod.svg)
}

.cgx-i_PayPerClick {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PayPerClick.svg);
  mask: url(../../assets/images/icons/cgx-i_PayPerClick.svg)
}

.cgx-i_PayPerClickSuccess {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PayPerClickSuccess.svg);
  mask: url(../../assets/images/icons/cgx-i_PayPerClickSuccess.svg)
}

.cgx-i_Portfolio {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Portfolio.svg);
  mask: url(../../assets/images/icons/cgx-i_Portfolio.svg)
}

.cgx-i_PremiumServices {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PremiumServices.svg);
  mask: url(../../assets/images/icons/cgx-i_PremiumServices.svg)
}

.cgx-i_Presentation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Presentation.svg);
  mask: url(../../assets/images/icons/cgx-i_Presentation.svg)
}

.cgx-i_PressRelease {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PressRelease.svg);
  mask: url(../../assets/images/icons/cgx-i_PressRelease.svg)
}

.cgx-i_ProgrammingCode {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ProgrammingCode.svg);
  mask: url(../../assets/images/icons/cgx-i_ProgrammingCode.svg)
}

.cgx-i_Puzzle {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Puzzle.svg);
  mask: url(../../assets/images/icons/cgx-i_Puzzle.svg)
}

.cgx-i_Ranking {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Ranking.svg);
  mask: url(../../assets/images/icons/cgx-i_Ranking.svg)
}

.cgx-i_RefreshLinks {
  -webkit-mask: url(../../assets/images/icons/cgx-i_RefreshLinks.svg);
  mask: url(../../assets/images/icons/cgx-i_RefreshLinks.svg)
}

.cgx-i_ReputationManagement {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ReputationManagement.svg);
  mask: url(../../assets/images/icons/cgx-i_ReputationManagement.svg)
}

.cgx-i_ResponsiveWeb {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ResponsiveWeb.svg);
  mask: url(../../assets/images/icons/cgx-i_ResponsiveWeb.svg)
}

.cgx-i_ResponsiveWebDesign {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ResponsiveWebDesign.svg);
  mask: url(../../assets/images/icons/cgx-i_ResponsiveWebDesign.svg)
}

.cgx-i_ReturnInvestment {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ReturnInvestment.svg);
  mask: url(../../assets/images/icons/cgx-i_ReturnInvestment.svg)
}

.cgx-i_ReturnInvestments {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ReturnInvestments.svg);
  mask: url(../../assets/images/icons/cgx-i_ReturnInvestments.svg)
}

.cgx-i_SalesPipeline {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SalesPipeline.svg);
  mask: url(../../assets/images/icons/cgx-i_SalesPipeline.svg)
}

.cgx-i_SandClock {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SandClock.svg);
  mask: url(../../assets/images/icons/cgx-i_SandClock.svg)
}

.cgx-i_SearchEngineOptimization {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SearchEngineOptimization.svg);
  mask: url(../../assets/images/icons/cgx-i_SearchEngineOptimization.svg)
}

.cgx-i_SearchProcess {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SearchProcess.svg);
  mask: url(../../assets/images/icons/cgx-i_SearchProcess.svg)
}

.cgx-i_SearchResult {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SearchResult.svg);
  mask: url(../../assets/images/icons/cgx-i_SearchResult.svg)
}

.cgx-i_SeoAudit {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoAudit.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoAudit.svg)
}

.cgx-i_SeoAudits {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoAudits.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoAudits.svg)
}

.cgx-i_SeoBlog {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoBlog.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoBlog.svg)
}

.cgx-i_SeoCalculator {
  /* -webkit-mask:url(../../assets/images/icons/cgx-i_SeoCalculator.svg); */
  mask: url(../../assets/images/icons/cgx-i_SeoCalculator.svg);
}

.cgx-i_SeoDataMenagement.svg {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoDataMenagement.svg.png);
  mask: url(../../assets/images/icons/cgx-i_SeoDataMenagement.svg.png)
}

.cgx-i_SeoDataMenagement.svg {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoDataMenagement.svg.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoDataMenagement.svg.svg)
}

.cgx-i_SeoDigitalMoney {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoDigitalMoney.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoDigitalMoney.svg)
}

.cgx-i_SeoE-Commerce {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoE-Commerce.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoE-Commerce.svg)
}

.cgx-i_SeoGlobalConnection {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoGlobalConnection.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoGlobalConnection.svg)
}

.cgx-i_SeoGlobalLocation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoGlobalLocation.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoGlobalLocation.svg)
}

.cgx-i_SeoGrowthTraffic {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoGrowthTraffic.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoGrowthTraffic.svg)
}

.cgx-i_SeoMarketing {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoMarketing.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoMarketing.svg)
}

.cgx-i_SeoPackage {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoPackage.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoPackage.svg)
}

.cgx-i_SeoPerformance {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoPerformance.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoPerformance.svg)
}

.cgx-i_SeoPerforme {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoPerforme.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoPerforme.svg)
}

.cgx-i_SeoPlaning {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoPlaning.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoPlaning.svg)
}

.cgx-i_SEOPortfolio {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SEOPortfolio.svg);
  mask: url(../../assets/images/icons/cgx-i_SEOPortfolio.svg)
}

.cgx-i_SeoReport {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoReport.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoReport.svg)
}

.cgx-i_SeoSpeedPerformance {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoSpeedPerformance.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoSpeedPerformance.svg)
}

.cgx-i_SeoStopwatch {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoStopwatch.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoStopwatch.svg)
}

.cgx-i_SeoTag {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SeoTag.svg);
  mask: url(../../assets/images/icons/cgx-i_SeoTag.svg)
}

.cgx-i_SEOTagOptimization {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SEOTagOptimization.svg);
  mask: url(../../assets/images/icons/cgx-i_SEOTagOptimization.svg)
}

.cgx-i_ServicesPackages {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ServicesPackages.svg);
  mask: url(../../assets/images/icons/cgx-i_ServicesPackages.svg)
}

.cgx-i_Share {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Share.svg);
  mask: url(../../assets/images/icons/cgx-i_Share.svg)
}

.cgx-i_ShoppingStore {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ShoppingStore.svg);
  mask: url(../../assets/images/icons/cgx-i_ShoppingStore.svg)
}

.cgx-i_SmartGoal {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SmartGoal.svg);
  mask: url(../../assets/images/icons/cgx-i_SmartGoal.svg)
}

.cgx-i_SocialEngagement {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SocialEngagement.svg);
  mask: url(../../assets/images/icons/cgx-i_SocialEngagement.svg)
}

.cgx-i_SocialMedia {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SocialMedia.svg);
  mask: url(../../assets/images/icons/cgx-i_SocialMedia.svg)
}

.cgx-i_SpeedOptimization {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SpeedOptimization.svg);
  mask: url(../../assets/images/icons/cgx-i_SpeedOptimization.svg)
}

.cgx-i_StrategyBusiness {
  -webkit-mask: url(../../assets/images/icons/cgx-i_StrategyBusiness.svg);
  mask: url(../../assets/images/icons/cgx-i_StrategyBusiness.svg)
}

.cgx-i_StrategyForVictory {
  -webkit-mask: url(../../assets/images/icons/cgx-i_StrategyForVictory.svg);
  mask: url(../../assets/images/icons/cgx-i_StrategyForVictory.svg)
}

.cgx-i_StrategyVictory {
  -webkit-mask: url(../../assets/images/icons/cgx-i_StrategyVictory.svg);
  mask: url(../../assets/images/icons/cgx-i_StrategyVictory.svg)
}

.cgx-i_StrategyVictoryGlyph {
  -webkit-mask: url(../../assets/images/icons/cgx-i_StrategyVictoryGlyph.svg);
  mask: url(../../assets/images/icons/cgx-i_StrategyVictoryGlyph.svg)
}

.cgx-i_Success {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Success.svg);
  mask: url(../../assets/images/icons/cgx-i_Success.svg)
}

.cgx-i_Synchronization {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Synchronization.svg);
  mask: url(../../assets/images/icons/cgx-i_Synchronization.svg)
}

.cgx-i_SystemSettings {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SystemSettings.svg);
  mask: url(../../assets/images/icons/cgx-i_SystemSettings.svg)
}

.cgx-i_Target {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Target.svg);
  mask: url(../../assets/images/icons/cgx-i_Target.svg)
}

.cgx-i_TargetAdvertisement {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TargetAdvertisement.svg);
  mask: url(../../assets/images/icons/cgx-i_TargetAdvertisement.svg)
}

.cgx-i_TargetAudience {
  -webkit-mask: url(../images/icons/cgx-i_TargetAudience.svg);
  mask: url(../images/icons/cgx-i_TargetAudience.svg)
}

.cgx-i_TargetKeywords {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TargetKeywords.svg);
  mask: url(../../assets/images/icons/cgx-i_TargetKeywords.svg)
}

.cgx-i_TestingProgramming {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TestingProgramming.svg);
  mask: url(../../assets/images/icons/cgx-i_TestingProgramming.svg)
}

.cgx-i_ThumbUp {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ThumbUp.svg);
  mask: url(../../assets/images/icons/cgx-i_ThumbUp.svg)
}

.cgx-i_TravelWebsite {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TravelWebsite.svg);
  mask: url(../../assets/images/icons/cgx-i_TravelWebsite.svg)
}

.cgx-i_Trophy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Trophy.svg);
  mask: url(../../assets/images/icons/cgx-i_Trophy.svg)
}

.cgx-i_UserInterface {
  -webkit-mask: url(../../assets/images/icons/cgx-i_UserInterface.svg);
  mask: url(../../assets/images/icons/cgx-i_UserInterface.svg)
}

.cgx-i_VictoryStrategy {
  -webkit-mask: url(../../assets/images/icons/cgx-i_VictoryStrategy.svg);
  mask: url(../../assets/images/icons/cgx-i_VictoryStrategy.svg)
}

.cgx-i_VideoChat {
  -webkit-mask: url(../../assets/images/icons/cgx-i_VideoChat.svg);
  mask: url(../../assets/images/icons/cgx-i_VideoChat.svg)
}

.cgx-i_VideoMarketing {
  -webkit-mask: url(../../assets/images/icons/cgx-i_VideoMarketing.svg);
  mask: url(../../assets/images/icons/cgx-i_VideoMarketing.svg)
}

.cgx-i_ViralMarketing {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ViralMarketing.svg);
  mask: url(../../assets/images/icons/cgx-i_ViralMarketing.svg)
}

.cgx-i_VirtualAssistant {
  -webkit-mask: url(../../assets/images/icons/cgx-i_VirtualAssistant.svg);
  mask: url(../../assets/images/icons/cgx-i_VirtualAssistant.svg)
}

.cgx-i_WebAnalytics {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebAnalytics.svg);
  mask: url(../../assets/images/icons/cgx-i_WebAnalytics.svg)
}

.cgx-i_WebDesign {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebDesign.svg);
  mask: url(../../assets/images/icons/cgx-i_WebDesign.svg)
}

.cgx-i_WebHomepage {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebHomepage.svg);
  mask: url(../../assets/images/icons/cgx-i_WebHomepage.svg)
}

.cgx-i_WebLink {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebLink.svg);
  mask: url(../../assets/images/icons/cgx-i_WebLink.svg)
}

.cgx-i_WebResearcher {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebResearcher.svg);
  mask: url(../../assets/images/icons/cgx-i_WebResearcher.svg)
}

.cgx-i_WebSecurity {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebSecurity.svg);
  mask: url(../../assets/images/icons/cgx-i_WebSecurity.svg)
}

.cgx-i_WebsiteCertificate {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebsiteCertificate.svg);
  mask: url(../../assets/images/icons/cgx-i_WebsiteCertificate.svg)
}

.cgx-i_WebsiteOptimization {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebsiteOptimization.svg);
  mask: url(../../assets/images/icons/cgx-i_WebsiteOptimization.svg)
}

.cgx-i_WebsiteRank {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebsiteRank.svg);
  mask: url(../../assets/images/icons/cgx-i_WebsiteRank.svg)
}

.cgx-i_WebsiteRanking {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebsiteRanking.svg);
  mask: url(../../assets/images/icons/cgx-i_WebsiteRanking.svg)
}

.cgx-i_WebView {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebView.svg);
  mask: url(../../assets/images/icons/cgx-i_WebView.svg)
}

.cgx-i_WhiteSeoTag {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WhiteSeoTag.svg);
  mask: url(../../assets/images/icons/cgx-i_WhiteSeoTag.svg)
}

.cgx-i_247PhoneSupport {
  -webkit-mask: url(../../assets/images/icons/cgx-i_247PhoneSupport.svg);
  mask: url(../../assets/images/icons/cgx-i_247PhoneSupport.svg)
}

.cgx-i_247Support {
  -webkit-mask: url(../../assets/images/icons/cgx-i_247Support.svg);
  mask: url(../../assets/images/icons/cgx-i_247Support.svg)
}

.cgx-i_24HourCallSupport {
  -webkit-mask: url(../../assets/images/icons/cgx-i_24HourCallSupport.svg);
  mask: url(../../assets/images/icons/cgx-i_24HourCallSupport.svg)
}

.cgx-i_24HoursCall {
  -webkit-mask: url(../../assets/images/icons/cgx-i_24HoursCall.svg);
  mask: url(../../assets/images/icons/cgx-i_24HoursCall.svg)
}

.cgx-i_AskQuestion {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AskQuestion.svg);
  mask: url(../../assets/images/icons/cgx-i_AskQuestion.svg)
}

.cgx-i_AtSign {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AtSign.svg);
  mask: url(../../assets/images/icons/cgx-i_AtSign.svg)
}

.cgx-i_CallSupport {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CallSupport.svg);
  mask: url(../../assets/images/icons/cgx-i_CallSupport.svg)
}

.cgx-i_CasaHouse {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CasaHouse.svg);
  mask: url(../../assets/images/icons/cgx-i_CasaHouse.svg)
}

.cgx-i_ChatConversation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ChatConversation.svg);
  mask: url(../../assets/images/icons/cgx-i_ChatConversation.svg)
}

.cgx-i_ClockTime {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ClockTime.svg);
  mask: url(../../assets/images/icons/cgx-i_ClockTime.svg)
}

.cgx-i_ContactForm {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ContactForm.svg);
  mask: url(../../assets/images/icons/cgx-i_ContactForm.svg)
}

.cgx-i_CustomerService {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CustomerService.svg);
  mask: url(../../assets/images/icons/cgx-i_CustomerService.svg)
}

.cgx-i_CustomersService {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CustomersService.svg);
  mask: url(../../assets/images/icons/cgx-i_CustomersService.svg)
}

.cgx-i_CustomerSupport {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CustomerSupport.svg);
  mask: url(../../assets/images/icons/cgx-i_CustomerSupport.svg)
}

.cgx-i_Dialogue {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Dialogue.svg);
  mask: url(../../assets/images/icons/cgx-i_Dialogue.svg)
}

.cgx-i_Discussion {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Discussion.svg);
  mask: url(../../assets/images/icons/cgx-i_Discussion.svg)
}

.cgx-i_EnvelopeEmail {
  -webkit-mask: url(../../assets/images/icons/cgx-i_EnvelopeEmail.svg);
  mask: url(../../assets/images/icons/cgx-i_EnvelopeEmail.svg)
}

.cgx-i_ExclamationPoint {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ExclamationPoint.svg);
  mask: url(../../assets/images/icons/cgx-i_ExclamationPoint.svg)
}

.cgx-i_HandDrawn {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HandDrawn.svg);
  mask: url(../../assets/images/icons/cgx-i_HandDrawn.svg)
}

.cgx-i_HandPhone {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HandPhone.svg);
  mask: url(../../assets/images/icons/cgx-i_HandPhone.svg)
}

.cgx-i_HelpDesk {
  -webkit-mask: url(../../assets/images/icons/cgx-i_HelpDesk.svg);
  mask: url(../../assets/images/icons/cgx-i_HelpDesk.svg)
}

.cgx-i_Info {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Info.svg);
  mask: url(../../assets/images/icons/cgx-i_Info.svg)
}

.cgx-i_InformationMark {
  -webkit-mask: url(../../assets/images/icons/cgx-i_InformationMark.svg);
  mask: url(../../assets/images/icons/cgx-i_InformationMark.svg)
}

.cgx-i_InstructionBook {
  -webkit-mask: url(../../assets/images/icons/cgx-i_InstructionBook.svg);
  mask: url(../../assets/images/icons/cgx-i_InstructionBook.svg)
}

.cgx-i_InternationalCall {
  -webkit-mask: url(../../assets/images/icons/cgx-i_InternationalCall.svg);
  mask: url(../../assets/images/icons/cgx-i_InternationalCall.svg)
}

.cgx-i_Lifeboat {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Lifeboat.svg);
  mask: url(../../assets/images/icons/cgx-i_Lifeboat.svg)
}

.cgx-i_MailQuestionMark {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MailQuestionMark.svg);
  mask: url(../../assets/images/icons/cgx-i_MailQuestionMark.svg)
}

.cgx-i_MailWithQuestionMark {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MailWithQuestionMark.svg);
  mask: url(../../assets/images/icons/cgx-i_MailWithQuestionMark.svg)
}

.cgx-i_MapPointer {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MapPointer.svg);
  mask: url(../../assets/images/icons/cgx-i_MapPointer.svg)
}

.cgx-i_Megaphone {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Megaphone.svg);
  mask: url(../../assets/images/icons/cgx-i_Megaphone.svg)
}

.cgx-i_MessageTechnical {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MessageTechnical.svg);
  mask: url(../../assets/images/icons/cgx-i_MessageTechnical.svg)
}

.cgx-i_Mobile {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Mobile.svg);
  mask: url(../../assets/images/icons/cgx-i_Mobile.svg)
}

.cgx-i_MobileClick {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MobileClick.svg);
  mask: url(../../assets/images/icons/cgx-i_MobileClick.svg)
}

.cgx-i_MobileMessage {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MobileMessage.svg);
  mask: url(../../assets/images/icons/cgx-i_MobileMessage.svg)
}

.cgx-i_Open24Hours {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Open24Hours.svg);
  mask: url(../../assets/images/icons/cgx-i_Open24Hours.svg)
}

.cgx-i_PhoneBook {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PhoneBook.svg);
  mask: url(../../assets/images/icons/cgx-i_PhoneBook.svg)
}

.cgx-i_PhoneCall {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PhoneCall.svg);
  mask: url(../../assets/images/icons/cgx-i_PhoneCall.svg)
}

.cgx-i_PhoneMobileEmail {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PhoneMobileEmail.svg);
  mask: url(../../assets/images/icons/cgx-i_PhoneMobileEmail.svg)
}

.cgx-i_PhoneRinging {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PhoneRinging.svg);
  mask: url(../../assets/images/icons/cgx-i_PhoneRinging.svg)
}

.cgx-i_QuestionAnswer {
  -webkit-mask: url(../../assets/images/icons/cgx-i_QuestionAnswer.svg);
  mask: url(../../assets/images/icons/cgx-i_QuestionAnswer.svg)
}

.cgx-i_QuestionMark {
  -webkit-mask: url(../../assets/images/icons/cgx-i_QuestionMark.svg);
  mask: url(../../assets/images/icons/cgx-i_QuestionMark.svg)
}

.cgx-i_ReconnectLink {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ReconnectLink.svg);
  mask: url(../../assets/images/icons/cgx-i_ReconnectLink.svg)
}

.cgx-i_ScrewdriverWrench {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ScrewdriverWrench.svg);
  mask: url(../../assets/images/icons/cgx-i_ScrewdriverWrench.svg)
}

.cgx-i_Smartphone {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Smartphone.svg);
  mask: url(../../assets/images/icons/cgx-i_Smartphone.svg)
}

.cgx-i_Speaker {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Speaker.svg);
  mask: url(../../assets/images/icons/cgx-i_Speaker.svg)
}

.cgx-i_SpeechBubbles {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SpeechBubbles.svg);
  mask: url(../../assets/images/icons/cgx-i_SpeechBubbles.svg)
}

.cgx-i_TelephoneChatBubble {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TelephoneChatBubble.svg);
  mask: url(../../assets/images/icons/cgx-i_TelephoneChatBubble.svg)
}

.cgx-i_UserGuideBook {
  -webkit-mask: url(../../assets/images/icons/cgx-i_UserGuideBook.svg);
  mask: url(../../assets/images/icons/cgx-i_UserGuideBook.svg)
}

.cgx-i_UsersManualBook {
  -webkit-mask: url(../../assets/images/icons/cgx-i_UsersManualBook.svg);
  mask: url(../../assets/images/icons/cgx-i_UsersManualBook.svg)
}

.cgx-i_Wifi {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Wifi.svg);
  mask: url(../../assets/images/icons/cgx-i_Wifi.svg)
}

.cgx-i_WritesTheMessage {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WritesTheMessage.svg);
  mask: url(../../assets/images/icons/cgx-i_WritesTheMessage.svg)
}

.cgx-i_Aeroplane {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Aeroplane.svg);
  mask: url(../../assets/images/icons/cgx-i_Aeroplane.svg)
}

.cgx-i_AirplaneTicket {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AirplaneTicket.svg);
  mask: url(../../assets/images/icons/cgx-i_AirplaneTicket.svg)
}

.cgx-i_Beach {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Beach.svg);
  mask: url(../../assets/images/icons/cgx-i_Beach.svg)
}

.cgx-i_BeachChair {
  -webkit-mask: url(../../assets/images/icons/cgx-i_BeachChair.svg);
  mask: url(../../assets/images/icons/cgx-i_BeachChair.svg)
}

.cgx-i_Camera {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Camera.svg);
  mask: url(../../assets/images/icons/cgx-i_Camera.svg)
}

.cgx-i_CampingTent {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CampingTent.svg);
  mask: url(../../assets/images/icons/cgx-i_CampingTent.svg)
}

.cgx-i_Compass {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Compass.svg);
  mask: url(../../assets/images/icons/cgx-i_Compass.svg)
}

.cgx-i_CruiseShip {
  -webkit-mask: url(../../assets/images/icons/cgx-i_CruiseShip.svg);
  mask: url(../../assets/images/icons/cgx-i_CruiseShip.svg)
}

.cgx-i_DivingMask {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DivingMask.svg);
  mask: url(../../assets/images/icons/cgx-i_DivingMask.svg)
}

.cgx-i_ForkPlate {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ForkPlate.svg);
  mask: url(../../assets/images/icons/cgx-i_ForkPlate.svg)
}

.cgx-i_Hiking {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Hiking.svg);
  mask: url(../../assets/images/icons/cgx-i_Hiking.svg)
}

.cgx-i_Hotel {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Hotel.svg);
  mask: url(../../assets/images/icons/cgx-i_Hotel.svg)
}

.cgx-i_LocationGlobe {
  -webkit-mask: url(../../assets/images/icons/cgx-i_LocationGlobe.svg);
  mask: url(../../assets/images/icons/cgx-i_LocationGlobe.svg)
}

.cgx-i_MountainHill {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MountainHill.svg);
  mask: url(../../assets/images/icons/cgx-i_MountainHill.svg)
}

.cgx-i_NatureView {
  -webkit-mask: url(../../assets/images/icons/cgx-i_NatureView.svg);
  mask: url(../../assets/images/icons/cgx-i_NatureView.svg)
}

.cgx-i_Passport {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Passport.svg);
  mask: url(../../assets/images/icons/cgx-i_Passport.svg)
}

.cgx-i_SailingBoat {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SailingBoat.svg);
  mask: url(../../assets/images/icons/cgx-i_SailingBoat.svg)
}

.cgx-i_SleepingBed {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SleepingBed.svg);
  mask: url(../../assets/images/icons/cgx-i_SleepingBed.svg)
}

.cgx-i_Suitcase {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Suitcase.svg);
  mask: url(../../assets/images/icons/cgx-i_Suitcase.svg)
}

.cgx-i_Sunglasses {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Sunglasses.svg);
  mask: url(../../assets/images/icons/cgx-i_Sunglasses.svg)
}

.cgx-i_TravelBag {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TravelBag.svg);
  mask: url(../../assets/images/icons/cgx-i_TravelBag.svg)
}

.cgx-i_AccountManagement {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AccountManagement.svg);
  mask: url(../../assets/images/icons/cgx-i_AccountManagement.svg)
}

.cgx-i_AdaptiveInterface {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AdaptiveInterface.svg);
  mask: url(../../assets/images/icons/cgx-i_AdaptiveInterface.svg)
}

.cgx-i_ApiInterface {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ApiInterface.svg);
  mask: url(../../assets/images/icons/cgx-i_ApiInterface.svg)
}

.cgx-i_AppsDevelop {
  -webkit-mask: url(../../assets/images/icons/cgx-i_AppsDevelop.svg);
  mask: url(../../assets/images/icons/cgx-i_AppsDevelop.svg)
}

.cgx-i_ChecklistPen {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ChecklistPen.svg);
  mask: url(../../assets/images/icons/cgx-i_ChecklistPen.svg)
}

.cgx-i_ControlPanel {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ControlPanel.svg);
  mask: url(../../assets/images/icons/cgx-i_ControlPanel.svg)
}

.cgx-i_DevelopmentAnalytics {
  -webkit-mask: url(../../assets/images/icons/cgx-i_DevelopmentAnalytics.svg);
  mask: url(../../assets/images/icons/cgx-i_DevelopmentAnalytics.svg)
}

.cgx-i_IdentityProtection {
  -webkit-mask: url(../../assets/images/icons/cgx-i_IdentityProtection.svg);
  mask: url(../../assets/images/icons/cgx-i_IdentityProtection.svg)
}

.cgx-i_Maintenance {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Maintenance.svg);
  mask: url(../../assets/images/icons/cgx-i_Maintenance.svg)
}

.cgx-i_MobileOptions {
  -webkit-mask: url(../../assets/images/icons/cgx-i_MobileOptions.svg);
  mask: url(../../assets/images/icons/cgx-i_MobileOptions.svg)
}

.cgx-i_PasswordLogo {
  -webkit-mask: url(../../assets/images/icons/cgx-i_PasswordLogo.svg);
  mask: url(../../assets/images/icons/cgx-i_PasswordLogo.svg)
}

.cgx-i_SecureAccountLoginLine {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SecureAccountLoginLine.svg);
  mask: url(../../assets/images/icons/cgx-i_SecureAccountLoginLine.svg)
}

.cgx-i_SecureLogin {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SecureLogin.svg);
  mask: url(../../assets/images/icons/cgx-i_SecureLogin.svg)
}

.cgx-i_SetOfStickers {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SetOfStickers.svg);
  mask: url(../../assets/images/icons/cgx-i_SetOfStickers.svg)
}

.cgx-i_SitemapNavigation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SitemapNavigation.svg);
  mask: url(../../assets/images/icons/cgx-i_SitemapNavigation.svg)
}

.cgx-i_SyncDataInfomation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_SyncDataInfomation.svg);
  mask: url(../../assets/images/icons/cgx-i_SyncDataInfomation.svg)
}

.cgx-i_TestingFeatures {
  -webkit-mask: url(../../assets/images/icons/cgx-i_TestingFeatures.svg);
  mask: url(../../assets/images/icons/cgx-i_TestingFeatures.svg)
}

.cgx-i_UsabilityControl {
  -webkit-mask: url(../../assets/images/icons/cgx-i_UsabilityControl.svg);
  mask: url(../../assets/images/icons/cgx-i_UsabilityControl.svg)
}

.cgx-i_UserSetting {
  -webkit-mask: url(../../assets/images/icons/cgx-i_UserSetting.svg);
  mask: url(../../assets/images/icons/cgx-i_UserSetting.svg)
}

.cgx-i_UserSettings {
  -webkit-mask: url(../../assets/images/icons/cgx-i_UserSettings.svg);
  mask: url(../../assets/images/icons/cgx-i_UserSettings.svg)
}

.cgx-i_ValidataSoftware {
  -webkit-mask: url(../../assets/images/icons/cgx-i_ValidataSoftware.svg);
  mask: url(../../assets/images/icons/cgx-i_ValidataSoftware.svg)
}

.cgx-i_VideoManagement {
  -webkit-mask: url(../../assets/images/icons/cgx-i_VideoManagement.svg);
  mask: url(../../assets/images/icons/cgx-i_VideoManagement.svg)
}

.cgx-i_WebMaintenance {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebMaintenance.svg);
  mask: url(../../assets/images/icons/cgx-i_WebMaintenance.svg)
}

.cgx-i_WebpageSecureLogin {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebpageSecureLogin.svg);
  mask: url(../../assets/images/icons/cgx-i_WebpageSecureLogin.svg)
}

.cgx-i_WebsiteBlueprint {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebsiteBlueprint.svg);
  mask: url(../../assets/images/icons/cgx-i_WebsiteBlueprint.svg)
}

.cgx-i_WebsiteMap {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebsiteMap.svg);
  mask: url(../../assets/images/icons/cgx-i_WebsiteMap.svg)
}

.cgx-i_WebsiteSitemapNavigation {
  -webkit-mask: url(../../assets/images/icons/cgx-i_WebsiteSitemapNavigation.svg);
  mask: url(../../assets/images/icons/cgx-i_WebsiteSitemapNavigation.svg)
}

.cgx-i_Workspace {
  -webkit-mask: url(../../assets/images/icons/cgx-i_Workspace.svg);
  mask: url(../../assets/images/icons/cgx-i_Workspace.svg)
}

.cgxModal .modal-content {
  padding: 0
}

.cgxModal .modal-content .modal-body {
  padding: 2.2rem
}

.cgxModal .modal-content .modal-body .footerBtnSec {
  justify-content: center;
  padding: 1.5rem 0 0;
  margin: .5rem 0 0
}

.cgxModal .modal-content .modal-body .footerBtnSec .buttonSec .formRow {
  margin: 0
}

.cgxModal .modal-content .modal-body .footerBtnSec .buttonSec .formRow button {
  margin-top: 0
}

.cgxModal .modal-content .modal-body .serverErr i,
.cgxModal .modal-content .modal-body .serverErr span {
  padding-right: 1rem
}

.cgxModal .modal-content .modal-body .modalIcon {
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  background-color: #f2f2f2;
  margin: 0 auto 1.7rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.cgxModal .modal-content .modal-body .modalIcon i {
  font-size: 7rem
}

.cgxModal .modal-content .modal-body .modalIcon i.bi-trash {
  color: #d3231d
}

.cgxModal .modal-content .modal-body .modalIcon i.bi-check2 {
  color: #558000
}

.cgxModal .modal-header {
  padding: 0 0 1rem;
  border-bottom: .1rem solid #e6e6e6;
  margin: 0;
  display: block
}

.cgxModal .serverErr {
  margin: 0 0 .5rem;
  border-radius: .6rem;
  padding: .3rem 1rem
}

.cgxModal .successToast {
  margin: 1rem 0 .5rem;
  border-radius: .6rem;
  padding: .3rem 1rem
}

.modal {
  background-color: rgba(0, 0, 0, .16);
  backdrop-filter: blur(1rem);
  -webkit-backdrop-filter: blur(1rem)
}

.modal .modal-body {
  padding: 0 10px 1rem
}

.modal .modal-body .modalPadd {
  padding: 2.2rem
}

.modal .modal-title {
  color: #651f93
}

.modal .form_buttons {
  text-align: center;
  margin-top: .9rem
}

.modal .modal-body p {
  font-size: 1.4rem;
  color: #333;
  margin-bottom: 1.2rem
}

.modal .modal-header {
  border-bottom: .1rem solid #e6e6e6;
  margin: 0 2.2rem;
  padding: 1.5rem 0
}

.modal .modal-header a.close.sub_close {
  color: #651f93;
  background-color: #f4e8fc;
  border: .1rem solid #e7cdf9;
  border-radius: 50%;
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.modal .modal-header a.close.sub_close i {
  margin: 0;
  font-size: 2.3rem
}

#privacy-policy-popup .modal-body {
  padding: 0 0 2.2rem
}

#privacy-policy-popup .modal-dialog {
  max-width: 80rem
}

#privacy-policy-popup .contentCustom {
  height: 45rem;
  overflow-y: scroll;
  padding: 2.2rem;
  margin-right: .2rem
}

#privacy-policy-popup .contentCustom h5 {
  font-family: Roboto-Light;
  color: #651f93;
  font-size: 2.1rem;
  margin-bottom: 1rem
}

#privacy-policy-popup .modal-dialog {
  max-width: 80rem;
  margin-top: 4%
}

div#browser_policy_link .modal-dialog {
  max-width: 50rem;
  margin: 1.75rem auto
}

#knowmore .modal-dialog {
  margin: 18.75rem auto
}

#knowmore p {
  margin: 0
}

.contentCustom {
  height: 45rem;
  overflow-y: scroll;
  padding: 0 1.5rem
}

.contentCustom h5 {
  color: #651f93;
  font-size: 1.6rem
}

div#browser_policy_link .modal-dialog {
  max-width: 50rem;
  margin: 18.75rem auto
}

div#browser_policy_link .modalPadd {
  padding: 2.2rem
}

div#browser_policy_link .modal-body {
  padding: 0
}

.customScrollbar::-webkit-scrollbar {
  width: .7rem;
  height: .7rem
}

.customScrollbar::-webkit-scrollbar-track {
  background: 0 0
}

.customScrollbar::-webkit-scrollbar-thumb {
  background: #a6a6a6;
  border-radius: 2rem
}

.customScrollbar::-webkit-scrollbar-thumb:hover {
  background: #999
}

.modalIcon {
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  background-color: #f2f2f2;
  margin: 0 auto 1.7rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.modalIcon span.success {
  font-size: 8rem;
  color: #81b814
}

.modalIcon span.danger {
  font-size: 8rem;
  color: #e62019
}

.modal-title {
  padding: 0
}

.modal .modal-header .close.sub_close {
  color: #651f93;
  background-color: #f4e8fc;
  border: .1rem solid #e7cdf9;
  border-radius: 50%;
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.modal .modal-header .close.sub_close span {
  margin: 0;
  font-size: 2.3rem
}

.modal .modal-body .modalPadd .dwnTempWrp a span {
  font-size: 1.8rem;
  margin-right: 1rem
}

.multipleFileUpload .fileuploadWrap .file-upload-wrp .custom-file .custom-file-label span {
  margin-right: .9rem;
  color: #fff
}

.multipleFileUpload .attachFileWrap .attachFile .attachIcon span {
  font-size: 2rem
}

.multipleFileUpload .attachFileWrap .attachFile .attachIcon span.bi-file-earmark-pdf {
  color: #e83730
}

.multipleFileUpload .attachFileWrap .attachFile .attachIcon span.bi-file-earmark-word {
  color: #0081cc
}

.multipleFileUpload .attachFileWrap .attachFile .attachIcon span.bi-file-earmark-excel {
  color: #6f9b17
}

.multipleFileUpload .attachFileWrap .attachFile .attachDelete .bi-x {
  color: #e62019;
  font-size: 2.2rem;
  cursor: pointer
}

div.modelVAligned .modal-dialog {
  margin: 18.75rem auto
}

.modal .modal-header .close.sub_close {
  color: #651f93;
  background-color: #f4e8fc;
  border: .1rem solid #e7cdf9;
  border-radius: 50%;
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.modal .modal-header .close.sub_close span {
  margin: 0;
  font-size: 2.3rem
}

.cg body a.closeModal span {
  font-size: 2rem;
  margin-top: .2rem
}

.cardItem {
  display: flex;
  align-items: center;
  border: .1rem solid #e6e6e6;
  border-radius: .6rem;
  margin-top: 1.5rem;
  position: relative;
  transition: all .5s ease-in-out;
  background: #fff
}

.cardItem .cardImg {
  width: 9rem;
  height: 12rem;
  padding: 1.5rem;
  border-radius: .6rem 0 0 .6rem
}

.cardItem .cardImg .bsIcon {
  position: absolute;
  left: .5rem;
  top: .5rem
}

.cardItem .cardContent {
  width: calc(100% - 9rem);
  padding: 1rem;
  height: 12rem
}

.cardItem .cardContent .cardTitle {
  font-size: 1.7rem;
  font-family: Roboto-Medium;
  line-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0
}

.cardItem .cardContent .cardFooter {
  border-top: .1rem solid #e6e6e6;
  display: flex;
  align-items: center;
  vertical-align: middle;
  justify-content: space-between;
  bottom: 0;
  position: absolute;
  width: calc(100% - 11rem)
}

.cardItem .cardContent .cardFooter .count {
  font-size: 2.6rem;
  font-family: Roboto-Medium
}

.cardItem .cardContent .cardFooter span.goArrow {
  font-size: 1.8rem;
  color: #bfbfbf;
  transition: all .5s ease-in-out
}

.cardItem:hover .cardFooter a .goArrow {
  color: #651f93
}

.cardItem.blueCard .cardImg {
  background: #e7f5fe
}

.cardItem.blueCard .cardImg span {
  color: #0081cc
}

.cardItem.blueCard .count {
  color: #047abe
}

.cardItem.blueCard:hover {
  border: .1rem solid #0081cc
}

.cardItem.redCard .cardImg {
  background: #fee7ef
}

.cardItem.redCard .cardImg span {
  color: #cc004b
}

.cardItem.redCard .count {
  color: #cc004b
}

.cardItem.redCard:hover {
  border: .1rem solid #cc004b
}

.cardItem.orangeCard .cardImg {
  background: #feeee7
}

.cardItem.orangeCard .cardImg span {
  color: #b84b14
}

.cardItem.orangeCard .count {
  color: #b84b14
}

.cardItem.orangeCard:hover {
  border: .1rem solid #b84b14
}

.cardItem.purpleCard .cardImg {
  background: #f4e8fc
}

.cardItem.purpleCard .cardImg span {
  color: #651f93
}

.cardItem.purpleCard .count {
  color: #651f93
}

.cardItem.purpleCard:hover {
  border: .1rem solid #651f93
}

.iconDocuments {
  width: 6rem;
  height: 7.5rem;
  margin: 1rem auto;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position-x: 50%;
  -webkit-mask-position-y: 50%;
  display: block
}

.iconDocuments.individual_blue {
  background-color: #0081cc
}

.iconDocuments.individual_pink {
  background-color: #cc004b
}

.iconDocuments.royalty {
  background-color: #0081cc
}

.iconDocuments.residual {
  background-color: #0081cc
}

.iconDocuments.fastfee_remittance {
  background-color: #e9601c
}

.iconDocuments.fasttee_conttact {
  background-color: #e9601c
}

.iconDocuments.finance_change {
  background-color: #651f93
}

.iconDocuments.vat {
  background-color: #651f93
}

.iconDocuments.feu2 {
  background-color: #651f93
}

.inactivityRep {
  font-family: Roboto-Medium;

  display: flex;
  flex-wrap: wrap;
  padding-left: 0
}

@media only screen and (max-width: 767px) {
  .inactivityRep {
    text-align: center
  }
}

.inactivityRep li {
  width: calc(25% - 1.2rem);
  display: inline-block;
  margin: 0 .6rem;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 1.8rem;
  border-left: .1rem dashed #d9d9d9
}

@media only screen and (max-width: 767px) {
  .inactivityRep li {
    width: auto
  }
}

.inactivityRep li .icon {
  background-color: #a6a6a6;
  width: 9rem;
  height: 7rem;
  margin: 0 auto;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position-x: 50%;
  -webkit-mask-position-y: 50%;
  display: block
}

.inactivityRep li:first-child {
  border-left: 0
}

.inactivityRep .redVariant {
  color: #cc004b
}

.inactivityRep .card06Tl {
  font-size: 1.4rem;
  font-family: Roboto-Medium;
  line-height: 1.5
}

.inactivityRep .dateTime {
  color: #333;
  font-size: 1.4rem;
  padding-top: 1rem
}

.inactivityRep .item .count {
  font-size: 3.2rem;
  color: #333;
  padding-top: 1rem
}

.cardArea {
  height: 19.6rem;
  position: relative;
  padding: 2rem
}

@media only screen and (max-width: 575px) {
  .cardArea {
    height: 32rem
  }
}

.cardArea .cardData {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: calc(100% - 2.5rem);
  bottom: 1.5rem;
  padding-right: 2.5rem
}

.cardArea .cardData .iconAutomatic {
  background-color: #cc004b;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position-x: 50%;
  -webkit-mask-position-y: 50%;
  width: 9rem;
  height: 7rem;
  margin-bottom: 1rem
}

.cardArea .cardData .iconRecon {
  background-color: #651f93;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position-x: 50%;
  -webkit-mask-position-y: 50%;
  width: 9rem;
  height: 7rem;
  margin-bottom: 1rem
}

@media only screen and (max-width: 575px) {
  .cardArea .cardData {
    display: block
  }
}

.cardArea .dataList {
  width: 100%;
  font-family: Roboto-Medium
}

.cardArea .dataList .countTitle {
  font-size: 1.4rem;
  line-height: 1.9rem;
  color: #333
}

@media only screen and (max-width: 991px) {
  .cardArea .dataList .countTitle {
    margin-bottom: 0
  }
}

.cardArea .dataList .countData {
  font-size: 3.2rem;
  margin-bottom: 0;
  line-height: 1.5
}

.cardArea .dataList .blueVariant {
  color: #047abe
}

@media only screen and (max-width: 575px) {
  .manDel {
    height: 23rem
  }
}

.manDel .icon {
  background-color: #047abe;
  width: 18rem;
  height: 8rem;
  margin-bottom: 1rem;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position-x: 50%;
  -webkit-mask-position-y: 50%
}

.cardAreaBox {
  padding: 1rem
}

.cardDataCenter .crdDataCntrInr {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 2.5rem;
  border-bottom: .1rem solid #e6e6e6;
  margin-bottom: 1.3rem
}

.cardDataCenter .crdDataCntrInr .countData {
  font-size: 3.2rem;
  line-height: 1.5;
  font-family: Roboto-Medium
}

.cardDataCenter .crdDataCntrInr .countData.redVariant {
  color: #cc004b
}

.cardDataCenter .crdDataCntrInr .iconAutomatic {
  background-color: #cc004b;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position-x: 50%;
  -webkit-mask-position-y: 50%;
  width: 9rem;
  height: 8rem;
  margin-bottom: 1rem;
  margin-right: 2rem
}

.cardDataCenter .crdDataCntrInr p {
  font-family: Roboto-Medium
}

.cardDataCenter .crdDataCntrCount ul {
  padding: 0;
  width: 100%;
  display: flex
}

.cardDataCenter .crdDataCntrCount ul li {
  border-right: .1rem dashed #d9d9d9;
  padding: 0 1rem;
  display: inline-flex;
  width: 50%;
  justify-content: center
}

.cardDataCenter .crdDataCntrCount ul li span {
  font-size: 3.2rem;
  font-family: Roboto-Medium;
  color: #651f93
}

.cardDataCenter .crdDataCntrCount ul li:last-child {
  border-right: none
}

.widget {
  background: transparent linear-gradient(180deg, #047abe 0, #076fab 100%) 0 0 no-repeat padding-box;
  border: none;
  padding: 1.5rem;
  height: 19.6rem
}

.widget .icon {
  background-color: #79cbfb;
  width: 4.4rem;
  height: 6rem;
  margin-bottom: 1rem;
  display: block
}

.widget .wdTitle {
  color: #fff;
  font-size: 1.4rem;
  font-family: Roboto-Medium;
  line-height: 2rem
}

.widget .wdSubTl {
  color: #fff;
  font-family: Roboto-Regular;
  opacity: .5;
  padding-top: .5rem;
  padding-bottom: 1rem;
  font-size: 1.2rem;
  margin: 0;
  line-height: 1.3rem
}

.widget .wdInfo {
  color: #fff;
  font-family: Roboto-Medium;
  font-size: 2.8rem;
  line-height: 2.5rem
}

.remittanceCard {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0
}

@media only screen and (max-width: 991px) {
  .remittanceCard {
    padding: 0 3.5rem
  }
}

@media only screen and (max-width: 767px) {
  .remittanceCard {
    text-align: center
  }
}

.remittanceCard li {
  width: calc(20% - 1.2rem);
  display: inline-block;
  margin: 0 .6rem;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 1.8rem;
  border-left: .1rem dashed #d9d9d9;
  position: relative
}

@media only screen and (max-width: 991px) {
  .remittanceCard li {
    width: auto
  }
}

.remittanceCard li h6 {
  padding-top: 1rem
}

.remittanceCard li .icons span {
  border: .1rem solid #e6e6e6;
  background: transparent radial-gradient(closest-side at 50% 50%, #fff 0, #f2f2f2 100%) 0 0 no-repeat padding-box;
  box-shadow: 0 .2rem .2rem rgba(0, 0, 0, .16);
  font-size: 2.6rem;
  border-radius: 50%;
  color: #651f93;
  display: inline-block;
  width: 4.6rem;
  height: 4.6rem;
  margin-right: 1rem;
  line-height: 4.6rem
}

@media only screen and (max-width: 767px) {
  .remittanceCard li .icons span {
    margin-right: .2rem
  }
}

.remittanceCard li:first-child {
  border-left: 0
}

.userIcon {
  color: #ccc;
  font-size: 4.7rem;
  border: .1rem solid #d9d9d9;
  background: #f2f2f2;
  border-radius: 50%;
  width: 8rem;
  height: 8rem;
  display: block;
  margin: 0 auto;
  text-align: center;
  padding-top: 1rem
}

.agentView {
  border: .2rem solid #fb98bc;
  background: #fee7ef;
  font-family: Roboto-Regular;
  font-size: 1.4rem;
  color: #333;
  border-radius: .6rem;
  padding: 0 1rem;
  width: 50%;
  text-align: center;
  margin: -1rem auto 1rem auto;
  line-height: 1.5
}

@media only screen and (max-width: 767px) {
  .agentView {
    width: 100%
  }
}

@media only screen and (max-width: 991px) {
  .agentView {
    width: 75%
  }
}

.artistView {
  border: .2rem solid #98d7fb;
  background: #e7f5fe;
  font-family: Roboto-Regular;
  font-size: 1.4rem;
  color: #333;
  border-radius: .6rem;
  padding: 0 1rem;
  width: 50%;
  text-align: center;
  margin: -1rem auto 1rem auto;
  line-height: 1.5
}

@media only screen and (max-width: 767px) {
  .artistView {
    width: 100%
  }
}

@media only screen and (max-width: 991px) {
  .artistView {
    width: 85%
  }
}

.cardWidget {
  text-align: center
}

.cardWidget .subTitle01-2 {
  margin-bottom: 1rem
}

.cardWidget .urIcon {
  background-color: #bd910f;
  width: 6rem;
  height: 7rem;
  margin: 0 auto;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position-x: 50%;
  -webkit-mask-position-y: 50%;
  display: block
}

.cardWidget .dpIcon {
  background-color: #bd910f;
  width: 6rem;
  height: 7rem;
  margin: 0 auto;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position-x: 50%;
  -webkit-mask-position-y: 50%;
  display: block
}

.cardWidget img {
  padding-bottom: .5rem
}

.fixHeight {
  height: 27.8rem;
  display: flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center
}

.contentEllip {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

.noteArea {
  margin-bottom: 2.5rem
}

.noteArea .noteDiv {
  border-left: .5rem solid #cc004b
}

.noteArea .noteDiv h2 {
  color: #cc004b;
  font-family: Roboto-Medium;
  font-size: 1.6rem;
  padding-left: 4rem;
  padding-bottom: 1rem
}

.noteArea .noteDiv ul {
  line-height: 2.6rem;
  padding-bottom: .6rem
}

.noteArea .noteDiv ul li {
  color: #333
}

.noteArea .noteDiv ul li span {
  color: #cc004b;
  padding-right: .5rem
}

.toastArea {
  border-radius: .6rem;
  padding: .7rem;
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  border: .1rem solid
}

.toastArea .tContent {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.toastArea .tContent .tContentTxt {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.toastArea .toastTitle {
  font-size: 1.6rem;
  font-family: Roboto-Regular;
  line-height: 1.5;
  padding: 0
}

.toastArea span.bi {
  padding-right: .8rem;
  padding-left: .4rem
}

.toastArea span {
  font-size: 1.6rem
}

.toastArea span .moreLink {
  text-decoration: underline;
  cursor: pointer
}

.toastArea .closeToast {
  font-size: 2rem;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 50%;
  float: right;
  padding: .25rem;
  cursor: pointer
}

.toastArea.cognixAlert {
  border-color: #dab2f5;
  background: #f4e8fc
}

.toastArea.cognixAlert i {
  color: #651f93
}

.toastArea.cognixAlert span {
  color: #651f93
}

.toastArea.cognixAlert span .moreLink {
  color: #651f93
}

.toastArea.cognixAlert .toastTitle {
  color: #651f93
}

.toastArea.cognixAlert .closeToast {
  color: #651f93;
  background: #e7cdf9
}

.toastArea.primaryAlert {
  border-color: #b1e0fc;
  background: #e7f5fe
}

.toastArea.primaryAlert i {
  color: #076fab
}

.toastArea.primaryAlert .toastTitle,
.toastArea.primaryAlert span {
  color: #076fab
}

.toastArea.primaryAlert .closeToast {
  color: #076fab;
  background: #ceecfd
}

.toastArea.secondaryAlert {
  border-color: #ccc;
  background: #f2f2f2
}

.toastArea.secondaryAlert i {
  color: #666
}

.toastArea.secondaryAlert .toastTitle,
.toastArea.secondaryAlert span {
  color: #666
}

.toastArea.secondaryAlert .closeToast {
  color: #666;
  background: #e6e6e6
}

.toastArea.successAlert {
  border-color: #d9f89b;
  background: #edfccf
}

.toastArea.successAlert i {
  color: #4d6718
}

.toastArea.successAlert .toastTitle,
.toastArea.successAlert span {
  color: #4d6718
}

.toastArea.successAlert .closeToast {
  color: #4d6718;
  background: #cef57f
}

.toastArea.dangerAlert {
  border-color: #f8c1bf;
  background: #ffe7e6
}

.toastArea.dangerAlert i {
  color: #e62019
}

.toastArea.dangerAlert .toastTitle,
.toastArea.dangerAlert span {
  color: #e62019
}

.toastArea.dangerAlert .closeToast {
  color: #e62019;
  background: #fad7d6
}

.toastArea.warningAlert {
  border-color: #f8de91;
  background: #fcf7e8
}

.toastArea.warningAlert i {
  color: #79621b
}

.toastArea.warningAlert .toastTitle,
.toastArea.warningAlert span {
  color: #79621b
}

.toastArea.warningAlert .closeToast {
  color: #79621b;
  background: #f9e5aa
}

.toastArea.infoAlert {
  border-color: #acfcfc;
  background: #e7fefe
}

.toastArea.infoAlert i {
  color: #0b7f7f
}

.toastArea.infoAlert .toastTitle,
.toastArea.infoAlert span {
  color: #0b7f7f
}

.toastArea.infoAlert .closeToast {
  color: #0b7f7f;
  background: #c9fcfc
}

.toastArea.lightAlert {
  border-color: #ccc;
  background: #fff
}

.toastArea.lightAlert i {
  color: #7f7f7f
}

.toastArea.lightAlert .toastTitle,
.toastArea.lightAlert span {
  color: #7f7f7f
}

.toastArea.lightAlert .closeToast {
  color: #737373;
  background: #e6e6e6
}

.toastArea.darkAlert {
  border-color: #ccc;
  background: #e6e6e6
}

.toastArea.darkAlert i {
  color: #4d4d4d
}

.toastArea.darkAlert .toastTitle,
.toastArea.darkAlert span {
  color: #4d4d4d
}

.toastArea.darkAlert .closeToast {
  color: #4d4d4d;
  background: #d9d9d9
}

.iconSlctrWrap {
  padding: 2.3rem
}

.iconSlctrWrap .shadowBox {
  padding: 3.6rem
}

.mediaMainWrp {
  display: flex
}

.mediaMainWrp .previewMedia {
  width: 20.2rem;
  height: 20.2rem;
  border: .1rem solid #e6e6e6;
  border-radius: .6rem;
  padding: .8rem
}

.mediaMainWrp .previewMedia.hidePrvwPlchldr {
  display: none
}

.mediaMainWrp .previewMedia .pMdainner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e6e6e6
}

.mediaMainWrp .selectIcon button {
  margin: 0;
  width: 100%
}

.mediaMainWrp .mediaWrp {
  position: relative
}

.mediaMainWrp .mediaWrp .input-group.file-upload-wrp {
  margin-top: 1.7rem;
  position: relative
}

.mediaMainWrp .mediaWrp .input-group.file-upload-wrp .custom-file.gClr input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden
}

.mediaMainWrp .mediaWrp .input-group.file-upload-wrp .custom-file.gClr .custom-file-label {
  background-color: #558000;
  height: 4.2rem;
  color: #fff;
  font-size: 1.4rem;
  border-radius: .6rem;
  cursor: pointer;
  font-family: Roboto-Medium;
  border: .2rem solid #558000;
  text-transform: uppercase;
  transition: .5s ease;
  justify-content: center
}

.mediaMainWrp .mediaWrp .input-group.file-upload-wrp .custom-file.gClr .custom-file-label:after {
  content: "";
  display: none
}

.mediaMainWrp .mediaWrp .input-group.file-upload-wrp .custom-file.gClr .custom-file-label:hover {
  background-color: #fff;
  color: #558000;
  border-color: #558000
}

.mediaMainWrp .previewSlctdMda {
  width: 18.5rem;
  border: .1rem solid #e6e6e6;
  border-radius: .6rem;
  display: none
}

.mediaMainWrp .previewSlctdMda .iPrvw {
  height: 15rem;
  padding: 2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative
}

.mediaMainWrp .previewSlctdMda i.cgx-i,
.mediaMainWrp .previewSlctdMda span.cgx-i {
  width: 10rem;
  height: 9rem;
  display: inline-flex;
  background-repeat: no-repeat;
  background-position: center
}

.mediaMainWrp .previewSlctdMda .iNameSec {
  padding: .9rem .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: .1rem solid #e6e6e6
}

.mediaMainWrp .previewSlctdMda .iNameSec p {
  margin: 0
}

i.cgx-i,
span.cgx-i {
  background-color: #4d4d4d;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center
}

.iconListModalCls.modal .modal-dialog {
  width: 85%;
  max-width: 115.6rem;
  border-radius: .9rem;
  overflow: hidden
}

@media only screen and (max-width: 1199px) {
  .iconListModalCls.modal .modal-dialog {
    width: 95%
  }
}

@media only screen and (max-width: 575px) {
  .iconListModalCls.modal .modal-dialog {
    width: auto
  }
}

.iconListModalCls.modal .modal-dialog .modal-content .modal-header {
  padding: 1.4rem 1.5rem;
  width: 100%
}

.iconListModalCls.modal .modal-dialog .modal-content .modal-body {
  padding: 0
}

.iconListMainSec {
  display: flex;
  max-height: calc(100vh - 9rem);
  overflow-y: auto
}

.iconListMainSec .icnLstLeft {
  width: 19.5rem;
  height: 100%;
  position: sticky;
  top: 0
}

.iconListMainSec .icnLstLeft .catTitle {
  padding-top: 1rem;
  padding-left: 1.2rem
}

.iconListMainSec .icnLstLeft .catDropDown {
  display: none;
  padding: 0 1.2rem
}

.iconListMainSec .icnLstLeft ul.categoryUl {
  height: calc(100vh - 13rem);
  overflow-y: auto;
  padding-top: 1rem;
  padding-bottom: 1rem
}

.iconListMainSec .icnLstCntnt {
  width: calc(100% - 42.3rem);
  border-left: .1rem solid #e6e6e6;
  border-right: .1rem solid #e6e6e6;
  padding: 4rem .8rem 4rem 2.8rem;
  height: 100%
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul li {
  width: calc(25% - 2.4rem);
  border: .1rem solid #e6e6e6;
  border-radius: .6rem;
  margin: 0 2.4rem 2.4rem 0
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul li.active {
  background-color: #f4e8fc;
  border: .1rem solid #ccc
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul li.active .iNameSec {
  border-top: .1rem solid #ccc
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul li:hover {
  background-color: #f2f2f2
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul li label {
  display: block;
  cursor: pointer
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul li .iPrvw {
  height: 11.5rem;
  padding: 2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul li .iPrvw .chckBxCrcl {
  position: absolute;
  right: 3rem;
  top: 1rem
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul li .iPrvw .chckBxCrcl .formRow {
  margin: 0
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul li .iPrvw .chckBxCrcl .radioButton {
  margin: 0
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul li .iPrvw .chckBxCrcl .radioButton label:not(:empty) {
  padding: 0
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul li .iPrvw .chckBxCrcl .radioButton label::before {
  border-radius: 50%;
  border: none;
  background-color: #fff
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul li .iPrvw .chckBxCrcl .radioButton input[type=radio]:checked+label:before {
  border: .1rem solid #999
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul li i.cgx-i,
.iconListMainSec .icnLstCntnt .icnPreviewList ul li span.cgx-i {
  width: 7.5rem;
  height: 7.5rem;
  display: inline-flex;
  background-repeat: no-repeat;
  background-position: center
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul li .iNameSec {
  padding: .9rem .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: .1rem solid #e6e6e6
}

.iconListMainSec .icnLstCntnt .icnPreviewList ul li .iNameSec p {
  margin: 0;
  text-align: center
}

.iconListMainSec .icnLstRight {
  width: 22.8rem;
  position: sticky;
  top: 0;
  height: calc(100vh - 8rem)
}

.iconListMainSec .icnLstRight .iconsSlctdSec {
  height: calc(100% - 8rem);
  padding: 1.6rem 1.2rem;
  background-color: #f2f2f2
}

.iconListMainSec .icnLstRight .iconsSlctdSec ul {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap
}

.iconListMainSec .icnLstRight .iconsSlctdSec ul li {
  width: 100%;
  max-width: 20.2rem;
  border: .1rem solid #e6e6e6;
  border-radius: .6rem;
  background-color: #fff
}

.iconListMainSec .icnLstRight .iconsSlctdSec ul li .deleteIcn {
  position: absolute;
  top: 2rem;
  right: 2rem
}

.iconListMainSec .icnLstRight .iconsSlctdSec ul li .deleteIcn i {
  color: #e62019;
  font-size: 1.6rem
}

.iconListMainSec .icnLstRight .iconsSlctdSec ul li .iPrvw {
  height: 16.6rem;
  padding: 2rem 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative
}

.iconListMainSec .icnLstRight .iconsSlctdSec ul li i.cgx-i,
.iconListMainSec .icnLstRight .iconsSlctdSec ul li span.cgx-i {
  width: 10rem;
  height: 9rem;
  display: inline-flex;
  background-repeat: no-repeat
}

.iconListMainSec .icnLstRight .iconsSlctdSec ul li .iNameSec {
  padding: .9rem .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: .1rem solid #e6e6e6
}

.iconListMainSec .icnLstRight .iconsSlctdSec ul li .iNameSec p {
  margin: 0;
  text-align: center
}

.iconListMainSec .icnLstRight .actnSlctdIcns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.8rem 1.5rem
}

.iconListMainSec .icnLstRight .actnSlctdIcns.formRow {
  margin: 0;
  width: 100%
}

.iconListMainSec .icnLstRight .actnSlctdIcns.formRow button {
  margin: 0;
  width: calc(50% - .5rem)
}

@media only screen and (max-width: 1199px) {
  .iconListMainSec .icnLstCntnt .icnPreviewList ul li {
    width: calc(33.3333333333% - 2.4rem)
  }
}

@media only screen and (max-width: 991px) {
  .iconListMainSec {
    flex-wrap: wrap
  }

  .iconListMainSec .icnLstLeft {
    width: 100%;
    border-bottom: .1rem solid #e6e6e6;
    padding-bottom: .5rem;
    position: relative
  }

  .iconListMainSec .icnLstLeft .catDropDown {
    display: block
  }

  .iconListMainSec .icnLstLeft .catDropDown .dropDown {
    max-width: 30rem
  }

  .iconListMainSec .icnLstLeft ul.categoryUl {
    display: none
  }

  .iconListMainSec .icnLstCntnt {
    width: calc(100% - 22.8rem);
    border-left: none
  }

  .iconListMainSec .icnLstCntnt .icnPreviewList ul li {
    width: calc(33.3333333333% - 2.4rem)
  }

  .iconListMainSec .icnLstRight {
    height: calc(100vh - 19rem)
  }
}

@media only screen and (max-width: 767px) {
  .iconListMainSec .icnLstCntnt .icnPreviewList ul li {
    width: calc(50% - 2.4rem)
  }
}

@media only screen and (max-width: 575px) {
  .iconListMainSec {
    overflow: hidden
  }

  .iconListMainSec .icnLstCntnt {
    width: 100%;
    border-right: none;
    border-bottom: .1rem solid #e6e6e6;
    height: calc(100vh - 26.8rem);
    overflow-y: auto
  }

  .iconListMainSec .icnLstCntnt .icnPreviewList ul li {
    width: 100%;
    max-width: 25rem;
    margin: 0 auto 2rem
  }

  .iconListMainSec .icnLstRight {
    width: 100%;
    height: auto
  }

  .iconListMainSec .icnLstRight .iconsSlctdSec {
    display: none
  }
}

ul.categoryUl {
  padding: 0 1rem 0 0
}

ul.categoryUl li.catList.active a {
  background-color: #f4e8fc;
  box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .16)
}

ul.categoryUl li.catList a {
  width: 100%;
  min-height: 3.4rem;
  padding-left: 1.2rem;
  border-radius: 0 6rem 6rem 0;
  display: flex;
  align-items: center
}

ul.categoryUl li.catList a:hover {
  background-color: #f2f2f2;
  box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .16)
}

ul.categoryUl li.catList a p {
  margin-bottom: 0;
  text-transform: capitalize
}

.calListWrp {
  padding: 0
}

.calListWrp li {
  display: flex;
  align-items: flex-start;
  width: 100%;
  cursor: pointer
}

.calListWrp li:not(:last-child) {
  margin-bottom: 1rem
}

.calListWrp li .calListDateWrp {
  min-width: 5.3rem;
  border: .1rem solid #d9d9d9;
  border-right: 0;
  border-radius: .6rem 0 0 .6rem;
  text-align: center;
  overflow: hidden;
  background: #fff
}

.calListWrp li .calListDateWrp span {
  display: block
}

.calListWrp li .calListDateWrp .calListMnth {
  font-size: 1.4rem;
  color: #333;
  margin-top: .4rem
}

.calListWrp li .calListDateWrp .calListDate {
  font-size: 3.2rem;
  color: #333;
  line-height: 3.2rem
}

.calListWrp li .calListDateWrp .calListYear {
  font-size: 1.4rem;
  color: #fff;
  display: block;
  background-color: #0081cc
}

.calListWrp li .calListCont {
  border: .1rem solid #d9d9d9;
  border-radius: 0 .6rem .6rem 0;
  position: relative;
  padding: .4rem .7rem;
  min-height: 8rem;
  width: 100%;
  align-items: stretch;
  background: #fff
}

.calListWrp li .calListCont .calListTitle {
  display: inline-block;
  margin-bottom: .5rem
}

.calListWrp li .calListCont p {
  margin-bottom: 0
}

.calListWrp.scrollable {
  max-height: 25.3rem;
  overflow-y: auto
}

.calListClose {
  margin: auto 0
}

.calListClose a {
  cursor: pointer
}

.calListClose a i,
.calListClose a span {
  background: #651f93;
  display: flex;
  align-items: center;
  color: #fff;
  border-radius: .4rem;
  padding: .2rem;
  font-size: 1.2rem;
  margin-left: .5rem
}

.calAction {
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}

.calAction:after {
  content: "";
  position: absolute;
  height: calc(100% - 1rem);
  width: .1rem;
  background-color: #d9d9d9;
  top: .5rem;
  right: 5.6rem
}

.calAction .calListAction {
  display: flex;
  align-items: center
}

.calAction .calListAction .formRow button {
  margin-top: 0
}

.calListData {
  position: relative;
  display: flex
}

.calAction .calListData {
  justify-content: space-between;
  width: 100%
}

.calContent {
  width: 75%
}

.calDateTime {
  width: 25%;
  text-align: right;
  padding-right: .5rem
}

.formRow.checkButton {
  margin: 0
}

.formRow.checkButton button {
  margin-left: .7rem
}

.formRow.checkButton button i {
  margin-right: 0
}

.pageStepDiv {
  width: 70%;
  margin: 0 auto
}

.pageStepDiv ul {
  display: flex;
  justify-content: space-between;
  padding: 2rem 0 1rem
}

.pageStepDiv ul li {
  width: calc(33.666% - 1.5rem);
  text-align: center;
  position: relative
}

.pageStepDiv ul li div.iconBg {
  background-color: #999;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  display: inline-block;
  font-size: 1.8rem;
  padding: .8rem .8rem;
  border: .1rem solid #999;
  color: #fff
}

.pageStepDiv ul li span.wizardHeading {
  font-size: 1.2rem;
  color: #333;
  padding: 1rem 0 0;
  display: block
}

.pageStepDiv ul li::after {
  content: "";
  position: absolute;
  border-bottom: .4rem solid #d9d9d9;
  width: 100%;
  top: 1.6rem;
  z-index: -1
}

.pageStepDiv ul li.currentActive div.iconBg {
  background-color: #cc004b;
  border-color: #cc004b
}

.pageStepDiv ul li.currentActive span.wizardHeading {
  color: #cc004b
}

.pageStepDiv ul li.activeOver div.iconBg {
  background-color: #fff;
  color: #cc004b
}

.pageStepDiv ul li.activeOver::after {
  border-color: #cc004b
}

.pageStepDiv ul li:last-child::after {
  border: none
}


.CGX-BL-001 {
  background-color: #DF3501;
  fill: #DF3501;
  color: #DF3501;
}

.CGX-BL-002 {
  background-color: #017D84;
  fill: #017D84;
  color: #017D84;
}

.CGX-BL-003 {
  background-color: #A56403;
  fill: #A56403;
  color: #A56403;
}

.CGX-BL-004 {
  background-color: #578000;
  fill: #578000;
  color: #578000;
}

.CGX-BL-005 {
  background-color: #008573;
  fill: #008573;
  color: #008573
}

.CGX-BL-000 {
  background-color: #0079A8;
  fill: #0079A8;
  color: #0079A8;
}