body {
  font-family: 'SegoeUIRegular', 'sans-serif';
  font-weight: normal;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

@font-face {
    font-family: 'SegoeUIBold';
    src: url('/static/fonts/SegoeUI/SegoeUIBold.woff') format('woff');
}
@font-face {
    font-family: 'SegoeUIRegular';
    src: url('/static/fonts/SegoeUI/SegoeUIRegular.woff') format('woff');
}
@font-face {
    font-family: 'SegoeUISemiBold';
    src: url('/static/fonts/SegoeUI/SegoeUISemiBold.woff') format('woff');
}

@media (max-width:767px){
  .hidden-xs{display:none!important}
  .p-5{padding: 1rem!important}
  a.brand-logo{width:120px !important}
  .container-navigation.d-inline-flex {
    width: 100%;
    float: left;
    display: inline-flex;
    flex-flow: unset;
}
ul.navbar-nav.top-nav {
  display: inline-block;
}}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}
@media (min-width:1200px){.hidden-lg{display:none!important}}
#footer {
  background-color: white;
  box-shadow: 10px 5px 15px rgb(0 0 0 / 0.3);
  padding: 20px !important;
  flex-shrink: 0;
}
body{
    background-color: #f0f2f7;
}
img{
    width:100%
}
.icon-lg {
    font-size: 2.5rem;
}
nav.navbar {
    background-color: #fff;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
}
.stretch-card {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
}
.stretch-card > .card {
    width: 100%;
    min-width: 100%;
}
.disc {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}
.progress {
    border-radius: 6px;
    height: 6px;
}
#content {
  width: calc(100% - 250px);
  flex-grow: 1;
  padding: 25px 10px;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #f2f2f2;
    border-radius: 1px;
    border: 0;
    box-shadow: 0 2px 16px -11px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 16px -11px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 16px -11px rgba(0, 0, 0, 0.5);
}
.table td, .jsgrid .jsgrid-table td, .table th, .jsgrid .jsgrid-table th {
    vertical-align: middle;
    font-size: 0.875rem;
    padding-top: 6px;
    padding-bottom: 8px;
    line-height: 1;
    padding: 16px 10px;
}
.rounded-circle {
    border-radius: 50% !important;
}
td span i {
  font-size: 20px;
  position: relative;
  top: 2px;
}
.table td img, .jsgrid .jsgrid-table td img, .table th img, .jsgrid .jsgrid-table th img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}
.nav-item.nav-profile img {
    width: 26px;
    height: 26px;
    vertical-align: middle;
    border-radius: .25rem;
}
.container-navigation{
  width: calc(100% - 240px);
  display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
a.brand-logo {
  width: 240px;
  float: left;
  padding: 5px 25px;
}
a.brand-logo img {
  width: 120px;
  top: 10px;
  float: left;
}
a.nav-link {
    color: #020202;
    transition: all 150ms;
}
a.nav-link:hover {
    color: #4e9d29;
    transition: all 150ms;
    text-decoration: none;
}
img.about_img {
    border-radius: 50%;
    max-height: 260px;
}
.flex{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.seperator-horizontal::after {
    content: " ";
    height: calc(100% - 25%);
    border-right: 3px solid #B305FD;
    position: absolute;
    right: 15px;
}
.list-group .item {
    color: #fff;
    display: block;
    padding: 5px 0;
}
.list-group .item i {
    padding-right: 10px;
}
.profile-page .profile-header {
    width: 100%;
    background: url(../images/profile/profile_header_banner.jpg) no-repeat center center;
    background-size: cover;
    padding: 60px 0;
    border-radius: 5px;
}
.img-lg {
    max-width: 80px;
}
.profile-page .profile-header .details {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.profile-page .profile-header .details .detail-col {
    padding-right: 15px;
    border-right: 1px solid rgba(242, 242, 242, 0.3);
    margin-right: 15px;
}
.white{
    color: #fff!important;
}
.reconfirm tr td {
  padding: 9px 0;
}
text.c3-chart-arcs-title {
  font-weight: bold;
  font-size: 20px;
}


#scroll::-webkit-scrollbar-button {
  background-image:url('');
  background-repeat:no-repeat;
  width:5px;
  height:0px
}
  
  #scroll::-webkit-scrollbar-track {
  background-color:transparent
}
  
  #scroll::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color:transparent;
}
  
  #scroll::-webkit-scrollbar-thumb:hover{
  background-color:transparent;
}
  
  #scroll::-webkit-resizer{
  background-image:url('');
  background-repeat:no-repeat;
  width:4px;
  height:0px
}
  
  #scroll::-webkit-scrollbar{
  width: 4px;
}
.wrapper {
  display: flex;
  min-height: 100vh;
	align-items: stretch;
}
.active-bg {
  background-color: white;
  padding-top: 70px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.07);
}
#sidebar {
  min-width: 250px;
  max-width: 250px;
  margin-top: 50px;
  color: #ffffff;
  transition: all 0.3s;
  min-height: auto;
}
.scroll-nav {
  height: calc(100% - 80px);
  overflow-y: scroll;
  position: fixed;
}
#sidebar.active {
	min-width: 80px;
  max-width: 80px;
  z-index: 1;
}
/* #content {
  width: calc(100% - 240px);
  margin-right: auto;
  margin-left: auto;
}
#content.wide {
  width: calc(100% - 80px);
  margin-right: auto;
  margin-left: auto;
} */
footer.active {
	margin-left: 80px;
}
#sidebar.active .sidebar-header .logo {
	display: none;
}
#sidebar.active .sidebar-header .minimal-logo {
	display: block;
}
#sidebar ul li a {
	text-align: left;
}
#sidebar ul li ul.list-unstyled a{
	color: rgba(255,255,255,0.7);
}
#sidebar.active ul li a {
	padding: 10px 25px;
	font-size: 0px;
	text-align: left;
}
#sidebar.active ul li a span {
	margin-right: 0;
	display: inline-flex;
	font-size: 20px;
	margin-bottom: 5px;
}
#sidebar.active ul li a:hover  {
  display: inline-flex;
  color: #ffffff;
  font-size: 15px;
  z-index: 999;
  text-align: left;
}
#sidebar.active ul ul a {
	padding: 10px !important;
	text-align: left;
	font-size: 12px;
}
#sidebar.active a[aria-expanded="false"]::before,
#sidebar.active a[aria-expanded="true"]::before {
	top: 45%;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
}
#sidebar .sidebar-header {
	padding: 20px;
}
#sidebar .sidebar-header .minimal-logo {
	display: none;
	margin: 5px 0px;
}
#sidebar ul.components>li {
	position: relative;
	margin: 2px 0;
}
#sidebar.active ul.components>li {
	position: relative;
}
#sidebar.active ul.components>li:hover {
	background: #555555;
}
#sidebar.active ul.components>li .collapsing,
#sidebar.active ul.components>li .collapse {
	display: none;
}
#sidebar.active ul.components>li:hover .collapse {
	position: absolute;
	z-index: 3;
	left: 100%;
	top: 0%;
	box-shadow: none;
	min-width: 170px;
	display: block;
}
#sidebar ul li a {
  padding: 10px 25px;
  font-size: 16px;
  display: block;
}
#sidebar ul li a i {
	margin-right: 10px;
}
#sidebar ul li.active>a,
#sidebar a[aria-expanded="true"] {
	color: #fff;
	background: #555555;
}
#sidebar a[data-toggle="collapse"] {
	position: relative;
}
#sidebar a[aria-expanded="false"]::before,
#sidebar a[aria-expanded="true"]::before {
	content: '\e64b';
	display: block;
	position: absolute;
	right: 20px;
	font-family: 'themify';
	font-size: 0.6em;
	top: 40%;
}
#sidebar a[aria-expanded="true"]::before {
	content: '\e648';
}
ul.navbar-nav.icons li.nav-item span {
  font-size: 22px;
  cursor: pointer;
}
.nav-help {
	padding: 25px;
	background: rgba(0,0,0,.1);
}
.nav-help h5{
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding-bottom: 5px;
}
.nav-help h6 {
	margin: 20px 0px;
	letter-spacing: 1px;
	font-size: 14px;
}
#sidebar.active .nav-help {
	display: none;
}
.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: none;
  font-size: 20px;
  color: #333 !important;
  line-height: 25px;
  text-decoration: none !important;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #fff;
  padding: 5px 10px;
  transform: scale(0.98);
  transition: all 150ms;
}
.back-to-top:hover {
transform: scale(1.01);
transition: all 150ms;
}

.sidebar-folded .sidebar .sidebar-header {
  width: 70px; }


.table-team span.badge {
  margin-top: -5px;
}
.footer-bottom {
    background: #4e9d29;
    border-top: 4px solid #ed9701;
    padding: 25px 0;
    color: #fff;
}
.legend-label {
    width: 10px;
    height: 10px;
    float: left;
    margin-top: 8px;
    border-radius: 50%;
    margin-right: 7px;
}
.auth {
  min-height: 100vh;
}
.container-scroller {
  overflow: hidden;
}
.page-body-wrapper.full-page-wrapper {
  min-height: 100vh;
}
.page-body-wrapper {
  background: #f0f2f7;
  padding-left: 0;
  padding-right: 0;
}
.align-items-stretch, .email-wrapper .message-body .attachments-sections ul li {
  align-items: stretch !important;
}
.auth.signin .banner-section {
  padding-right: 0;
}
.justify-content-center, .email-wrapper .message-body .attachments-sections ul li .thumb {
  justify-content: center !important;
}
.auth.signin .auto-form-wrapper {
  position: relative;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  padding: 110px 5% 5%;
  border-radius: 4px;
}
.auth.signin .banner-section .slide-content.bg-1 {
  background: url(/static/images/signin.jpg) no-repeat center center;
  background-size: cover;
}
.auth.signin .banner-section .slide-content {
  width: 100%;
}
table.fixedHeader-floating{
  position:fixed !important;
  background-color:white
}
table.fixedHeader-floating.no-footer{
  border-bottom-width:0
}
table.fixedHeader-locked{
  position:absolute !important;
  background-color:white
}
@media print{
  table.fixedHeader-floating{
    display:none
  }
}

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
  }
  table.dataTable td,
  table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  table.dataTable td.dataTables_empty,
  table.dataTable th.dataTables_empty {
    text-align: center;
  }
  table.dataTable.nowrap th,
  table.dataTable.nowrap td {
    white-space: nowrap;
  }
  
  div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
  }
  div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block;
  }
  div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
  }
  div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
  }
  div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
  }
  div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
    white-space: nowrap;
  }
  div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
  }
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
  }
  div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
  }
  
  table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
  table.dataTable thead > tr > td.sorting_asc,
  table.dataTable thead > tr > td.sorting_desc,
  table.dataTable thead > tr > td.sorting {
    padding-right: 30px;
  }
  table.dataTable thead > tr > th:active,
  table.dataTable thead > tr > td:active {
    outline: none;
  }
  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_desc,
  table.dataTable thead .sorting_asc_disabled,
  table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
  }
  table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
  table.dataTable thead .sorting_asc:before,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_desc:before,
  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting_asc_disabled:before,
  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:before,
  table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 0.3;
  }
  table.dataTable thead .sorting:before,
  table.dataTable thead .sorting_asc:before,
  table.dataTable thead .sorting_desc:before,
  table.dataTable thead .sorting_asc_disabled:before,
  table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "\2191";
  }
  table.dataTable thead .sorting:after,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5em;
    content: "\2193";
  }
  table.dataTable thead .sorting_asc:before,
  table.dataTable thead .sorting_desc:after {
    opacity: 1;
  }
  table.dataTable thead .sorting_asc_disabled:before,
  table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0;
  }
  
  div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important;
  }
  
  div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  div.dataTables_scrollBody table thead .sorting:after,
  div.dataTables_scrollBody table thead .sorting_asc:after,
  div.dataTables_scrollBody table thead .sorting_desc:after {
    display: none;
  }
  div.dataTables_scrollBody table tbody tr:first-child th,
  div.dataTables_scrollBody table tbody tr:first-child td {
    border-top: none;
  }
  
  div.dataTables_scrollFoot > .dataTables_scrollFootInner {
    box-sizing: content-box;
  }
  div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
    margin-top: 0 !important;
    border-top: none;
  }
  
  @media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
      text-align: center;
    }
  }
  table.dataTable.table-sm > thead > tr > th {
    padding-right: 20px;
  }
  table.dataTable.table-sm .sorting:before,
  table.dataTable.table-sm .sorting_asc:before,
  table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: 0.85em;
  }
  table.dataTable.table-sm .sorting:after,
  table.dataTable.table-sm .sorting_asc:after,
  table.dataTable.table-sm .sorting_desc:after {
    top: 5px;
  }
  
  table.table-bordered.dataTable th,
  table.table-bordered.dataTable td {
    border-left-width: 0;
  }
  table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
  table.table-bordered.dataTable td:last-child,
  table.table-bordered.dataTable td:last-child {
    border-right-width: 0;
  }
  table.table-bordered.dataTable tbody th,
  table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
  }
  
  div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
  }
  
  div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0;
  }
  div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
    padding-left: 0;
  }
  div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
    padding-right: 0;
  }
  
  /* Data Tables */
  .dataTables_wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  
  .dataTables_wrapper label {
    font-size: 0.8125rem;
  }
  
  .dataTables_wrapper select {
    padding: 0.4rem;
  }
  
  .dataTables_wrapper .dataTables_length select {
    /*margin-left: 0.25rem;*/
    margin-right: 0.25rem;
  }
  
  .dataTables_wrapper .dataTable .btn, .dataTables_wrapper .dataTable .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .dataTables_wrapper .dataTable .ajax-file-upload, .dataTables_wrapper .dataTable .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .dataTables_wrapper .dataTable .swal2-styled, .dataTables_wrapper .dataTable .wizard > .actions a, .wizard > .actions .dataTables_wrapper .dataTable a {
    padding: 0.1rem 1rem;
    vertical-align: top;
  }
  
  .dataTables_wrapper .dataTable thead .sorting:after, .dataTables_wrapper .dataTable thead .sorting:before,
  .dataTables_wrapper .dataTable thead .sorting_asc:after,
  .dataTables_wrapper .dataTable thead .sorting_asc:before,
  .dataTables_wrapper .dataTable thead .sorting_asc_disabled:after,
  .dataTables_wrapper .dataTable thead .sorting_asc_disabled:before,
  .dataTables_wrapper .dataTable thead .sorting_desc:after,
  .dataTables_wrapper .dataTable thead .sorting_desc:before,
  .dataTables_wrapper .dataTable thead .sorting_desc_disabled:after,
  .dataTables_wrapper .dataTable thead .sorting_desc_disabled:before {
    line-height: 3.5;
    font-family: "simple-line-icons";
    font-size: 0.65rem;
  }
  
  .dataTables_wrapper .dataTable thead .sorting:before,
  .dataTables_wrapper .dataTable thead .sorting_asc:before,
  .dataTables_wrapper .dataTable thead .sorting_asc_disabled:before,
  .dataTables_wrapper .dataTable thead .sorting_desc:before,
  .dataTables_wrapper .dataTable thead .sorting_desc_disabled:before {
    content: "\e607";
    right: 1.2em;
  }
  
  .dataTables_wrapper .dataTable thead .sorting:after,
  .dataTables_wrapper .dataTable thead .sorting_asc:after,
  .dataTables_wrapper .dataTable thead .sorting_asc_disabled:after,
  .dataTables_wrapper .dataTable thead .sorting_desc:after,
  .dataTables_wrapper .dataTable thead .sorting_desc_disabled:after {
    content: "\e604";
    right: 0.2em;
  }
  
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 20px;
  }
  
  .dataTables_wrapper .dataTables_info {
    font-size: 0.875rem;
  }
  g.c3-legend-item-hidden {
    text-decoration: line-through;
    opacity: .4;
}
/*-- Tooltip --*/
.c3-tooltip-container {
  z-index: 10;
}

.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  -webkit-box-shadow: 7px 7px 12px -9px #777777;
  -moz-box-shadow: 7px 7px 12px -9px #777777;
  box-shadow: 7px 7px 12px -9px #777777;
  opacity: 0.9;
}

.c3-tooltip tr {
  border: 1px solid #CCC;
}

.c3-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF;
}

.c3-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999;
}

.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}

.c3-tooltip .value {
  text-align: right;
}

/*.preloader {*/
/*  display: none;*/
/*}*/
#before-load {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 1001;
}

#before-load i {
  font-size: 70px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -35px 0 0 -35px;
  color: #3174af;
}

.loader {
  position:fixed;
  top: 50%; left: 50%;
  z-index: 1001;
  width: 70px;
  height: 70px;
  border: 7px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #28a745;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  background: rgba(255,255,255,0.9);
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

.input__file {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.input__file-icon-wrapper {
  height: 60px;
  width: 60px;
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: 1px solid #fff;
}

.input__file-button-text {
  line-height: 1;
  margin-top: 1px;
}

.input__file-button {
  width: 100%;
  height: 50px;
  background: #ced4da;
  color: #495057;
  font-size: 1.125rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 auto;
}