body {
  font-size: .85rem !important;
      background: #f4f4f4;
	  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 *  *  *  * Sidebar
 *   *   *   */

.sidebar {
  position: fixed;
  top: 0;
  /* rtl:raw:
 *  *  *   right: 0;
 *   *   *     */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 60px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
  transition: all 0.5s ease;
}
main.col-lg-10{
	transition: all 0.5s ease;
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
  .navbar-brand {
    box-shadow: inset 0px 0 0 rgba(0, 0, 0, .25) !important;
}
header.bg-light {
    background-color: #2980b9 !important;
}
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}

.sidebar .nav-link.active {
  color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 *  *  *  * Navbar
 *   *   *   */

.navbar-brand {
  padding-top: .125rem;
  padding-bottom: 0rem;
  font-size: .75rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .25);
}

.navbar .navbar-toggler {
  top: .25rem;
/*  right: 1rem;*/
}

.navbar .form-control {
  /*padding: .75rem 1rem;*/
  border-width: 0;
  border-radius: .25rem;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

.smallest{
    font-size: .7em;
}
.smallest.text-warning{
	    color: #ffffff!important;
}
.navbar-light .navbar-brand {
    background: #66B9AC;
    color: #000;
    font-weight: bold;
}
.btn-info {
    color: #fff;
	background-color: #1db5e3;
	border-color: #0791bb;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #000!important;
    font-weight: bold;
    background-color: #66b9ac!important;
}
#pills-tab .nav-link {
    color: #000000;
	}

/*------Theme Customizer start----------*/
.bg-primary-theme-clr {
    background-color: #2980b9;
    color: #fff;
}
.bg-theme01 {
    background-color: #2980b9!important;
}

.bg-topthemeLight {
    background-color: #66b9ac!important;
}
.bg-topthemeDark {
    background-color: #313533!important;
}

.bg-primary-txt {
    color: #1D5C86;
}

/*------Dark Topbar start----------*/
.bg-topthemeDark .dropdown .nav-link {
    color: #fff!important;
}
.bg-topthemeDark .dropdown .nav-link .fa-inverse {
    color: #2e2e2e;
}
.bg-topthemeDark .navbar-brand {
    background: #313533!important;
	 color: #fff!important;
}
.bg-topthemeDark .h5.text-dark
{	
	color: #fff!important;
}
/*------Dark Topbar end----------*/

/*------Sidebar theme2 start----------*/
.bg-theme02 .bg-primary-theme-clr {
    background-color: #343957!important;
    color: #fff;
}
.bg-theme02 #sidebarUL .sidebarULBtn {
    background: #3a5670;
    color: #fff;
}
.bg-theme02 .navbar-light .navbar-brand {
    background: #2f344f;
    color: #fff;
    font-weight: bold;
}
.bg-theme02 .btn-check:focus+.btn,.bg-theme02 .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(224 237 255 / 25%);
}

.bg-theme02 #sidebarUL .active {
    background: #fbfbfb;
    color: #33495d;
}
.bg-theme02 #formTabs .nav-item.show .nav-link,.bg-theme02 #formTabs .nav-link.active {
    color: #fff !important;
    background-color: #3a5670 !important;
    border-color: #242841 ;
}
.bg-theme02 #formTabs .nav-link.active .fa-stack i.fa-stack-1x.fa-inverse {
    color: #2f344f;
}
.bg-theme02 .btn-primary {
    color: #2f344f;
    background-color: #ffffff;
    border-color: #ffffff;
}
.bg-theme02 .btn-secondary {
    color: #fff;
    background-color: #161616;
    border-color: #000000;
}
.bg-theme02 .btn-info {
    color: #fff;
	background-color: #1db5e3;
	border-color: #0791bb;
}
.bg-theme02 .bg-topthemeLight {
    background-color: #2f344f!important;
}
.bg-theme02 #pills-tab .nav-link {
    color: #fff;
}
.bg-theme02 .nav-pills .nav-link.active,.bg-theme02 .nav-pills .show>.nav-link {
    color: #fff!important;
    font-weight: bold;
    background-color: #394ba7!important;
}
.bg-theme02 .bg-dark {
    background-color: #394ba7!important;
}
.bg-theme02 .bg-primary-txt {
    color: #fff;
}
.bg-theme02 table.dataTable thead tr {
	background-color: #4c6780 !important;
	border-color: #3a5670 !important;
    color: #fff;
}
.bg-theme02 #pills-pendingDash .card-header {
        background-color: #fbfbfb;
    color: #2f344f;
}
.bg-theme02 #pills-penDash1 .card-header {
    background-color: #2f344f;
    color: #ffffff;
}
.bg-theme02 .card {
    color: #fff;
    background-color: #2f344f;
	}
.bg-theme02 .table th {
  color: #fff;
  background: #2f344f;
}
.bg-theme02 .table tbody td {
  color: #fff;
  background: #2f344f;
}
.bg-theme02 .h5.text-dark {
	color: #fff !important;
}
.bg-theme02	.dashboard .card-header {
    padding: . 5rem 1.25rem;
    margin-bottom: 0;
    background-color: #282c46;
    border-bottom: 1px solid #1b1f32;
}
.bg-theme02 #pills-alerts span.h4 a {
    color: #fff;
}
.bg-theme02 div.card-header.text-center.h6 span{
	    color: #ffffff !important;
}
.bg-theme02 .countcoldiv.bg-light{
	    background-color: #2f344f!important;
}
 .bg-theme02{
	background: #21253a;
	color:#fff ;
 }
  .bg-theme02 #OAAE1chart button.active {
    background: #394ba7;
	color: #fff;
}
  .bg-theme02 .dropdown-toggle{
	    color: #ffffff !important;
  }
    .bg-theme02 text[fill="#373d3f"]{
	fill: rgb(255, 255, 255);
  }
    .bg-theme02 .fa-inverse {
    color: #000;
}
    .bg-theme02 .dropdown-menu text[fill="#373d3f"]{
	fill: rgb(255,255,255);
  }

.bg-theme02 .rightSidebar {
    background-color: #21253a;
	}
.bg-theme02 .apexcharts-data-labels text{
	fill: rgb(255, 255, 255);
}
.bg-theme02 footer.bg-light {
    background-color: #1c2034!important;
}
.bg-theme02 footer .border-top {
    border-top: 1px solid #4f5574!important;
}
.bg-theme02 footer a.link-dark {
    color: #ffffff;
}

.bg-theme02 .progress {
    background-color: #7a7e99;
}
.bg-theme02 .progressText {
    position: absolute!important;
    color: #fff;
    background: rgb(255 255 255 / 0%);
}


.bg-theme02 .apexcharts-legend-text{
	color:#fff !important;
}

.bg-theme02 #footer-container {
	background: #21253A;
 }

.bg-theme02 #footer-container .topfooter {
  background: #21253A;
  padding: 10px;
}
.bg-theme02 .btn-check:checked + .btn,.bg-theme02 .btn.active,.bg-theme02 .btn.show,.bg-theme02 .btn:first-child:active,.bg-theme02 :not(.btn-check) + .btn:active {
  color: #fff;
  background-color: #394ba7;
  border-color: #384aa6;
}
.bg-theme02 table.dataTable tr.even {
  background-color: #21253a;
  color: #fff;
}
.bg-theme02 table.dataTable tr.odd {
  background-color: rgb(47, 52, 79);
  color: #fff;
}

.bg-theme02 table.dataTable td a {
  color: #fff;
}

.bg-theme02 table.dataTable tfoot {
  background: #21253a;
}

.bg-theme02 .dataTables_wrapper .dataTables_length,.bg-theme02 .dataTables_wrapper .dataTables_filter,.bg-theme02 .dataTables_wrapper .dataTables_info,.bg-theme02 .dataTables_wrapper .dataTables_processing,.bg-theme02 .dataTables_wrapper .dataTables_paginate {
  color: #fff;
}
.bg-theme02 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.bg-theme02 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.bg-theme02 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: #fff !important;
}

.bg-theme02 .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #fff !important;
  }

 .bg-theme02 .apexcharts-subtitle-text, .bg-theme02 .apexcharts-datalabel-label{
	fill:white;
 }
 .bg-theme02 .table-hover > tbody > tr:hover > * {
  color: #b1beff;
}
 .bg-theme02 #pills-alerts span.h4 a:hover {
  color: #b1beff;
  text-decoration: underline;
}
.apexcharts-tooltip {
    color: #000;
}
.bg-theme02 .modal-dialog-scrollable .modal-content {
    background: #21253a;
}

 .bg-theme02 .modal-content .modal-header .btn-close{
        filter: invert(1);
}

.topheader ul li:nth-child(4) {  
      border-left: 5px solid #66b9ac;
}
 .bg-theme02 .topheader ul li:nth-child(4) {  
      border-left: 5px solid #2F344F;
}

 .bg-theme02 button.dt-button,.bg-theme02 div.dt-button,.bg-theme02 a.dt-button {
    color: white;
  }
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 1px !important;
}
table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-left-width: 1px !important;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}

 .bg-theme02 .dropdown-menu{
    background: #2f344f;
    color: #fff;
}

.bg-theme02 .apexcharts-menu{
    background: #262626;
  }

.bg-theme02 .apexcharts-theme-light .apexcharts-menu-item:hover {
    background: #2f344f;
}
.bg-theme02 .apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid #e3e3e3;
    background: #2f344f;
}
.bg-theme02 .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: #222222;
    border-bottom: 1px solid #ddd;
}
.bg-theme02 .dropdown-item {
    color: #ffffff;
  }


.bg-theme02 p.text-dark{
  color:#fff !important;
}
.bg-theme02 a{
  color:#fff;
}

 .bg-theme02 .text-primary {
    color: #bcc7fb !important;
}
 .bg-theme02 span[style="color:#4866AF"]
{
  color:#A1B2D3 !important;
}
 .bg-theme02 span[style="color:#337ab7;"]
{
  color:#A1B2D3 !important;
}
/*------Sidebar theme2 end----------*/

/*------Sidebar theme3 start----------*/
.bg-theme03 .bg-primary-theme-clr {
    /*background-color: #34C38F!important;*/
    color: #fff;
	background: rgb(52,195,143)!important;
	background: linear-gradient(45deg, #00bcd4 0%, rgb(46 192 139) 100%)!important;
}
.bg-theme03 #sidebarUL .sidebarULBtn {
    background: #009688;
    color: #fff;
}
.bg-theme03 .navbar-light .navbar-brand {
    background: #239c76;
    color: #fff;
    font-weight: bold;
}
.bg-theme03 .btn-check:focus+.btn,.bg-theme03 .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(224 237 255 / 25%);
}

.bg-theme03 #sidebarUL .active {
    background: #fbfbfb;
    color: #33495d;
}
.bg-theme03 #formTabs .nav-item.show .nav-link,.bg-theme03 #formTabs .nav-link.active {
    color: #fff !important;
    background-color: #009688 !important;
    border-color: #027268;
}
.bg-theme03 #formTabs .nav-link.active .fa-stack i.fa-stack-1x.fa-inverse {
    color: #009688;
}
.bg-theme03 .btn-primary {
    color: #fff;
    background-color: #009688;
    border-color: #00796d;
}
.bg-theme03 .btn-secondary {
    color: #fff;
    background-color: #33495d;
    border-color: #243443;
}
.bg-theme03 .bg-topthemeLight {
    background-color: #239c76!important;
}
.bg-theme03 #pills-tab .nav-link {
    color: #000000;
}
.bg-theme03 .nav-pills .nav-link.active,.bg-theme03 .nav-pills .show>.nav-link {
    color: #fff!important;
    font-weight: bold;
    background-color: #239c76!important;
}
.bg-theme03 .bg-dark {
    background-color: #5a5a5a!important;
}
.bg-theme03 .bg-primary-txt {
    color: #009688;
}
.bg-theme03 .navbar-brand .text-warning {
    color: #00685e!important;
}
.bg-theme03 table.dataTable thead tr {
	background-color: #1e7279 !important;
	border-color: #125e64 !important;
    color: #fff;
}
.bg-theme03 #pills-pendingDash .card-header {
       background-color: #fbfbfb;
    color: #239c76;
}
.bg-theme03 #pills-penDash1 .card-header {
        background-color: #fbfbfb;
    color: #239c76;
}
/*------Sidebar theme3 end----------*/


/*------Sidebar theme4 start----------*/
.bg-theme04 .bg-primary-theme-clr {
    background-color: #f4f4f4!important;
    color: #fff;
}
.bg-theme04 #sidebarUL .sidebarULBtn {
    background: #f4f4f4;
    color: #545a6d;
}
.bg-theme04 .navbar-light .navbar-brand {
    background: #e6e6e6;
    color: #5156be;
    font-weight: bold;
}
.bg-theme04 .btn-check:focus+.btn,.bg-theme04 .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(224 237 255 / 25%);
}

.bg-theme04 #sidebarUL .active {
    background: #ececec;
    color: #5156be;
}
.bg-theme04 #formTabs .nav-item.show .nav-link,.bg-theme04 #formTabs .nav-link.active {
    color: #fff !important;
    background-color: #5156be !important;
    border-color: #393d99;
}
.bg-theme04 #formTabs .nav-link.active .fa-stack i.fa-stack-1x.fa-inverse {
    color: #5156be;
}
.bg-theme04 .btn-primary {
    color: #fff;
	background-color: #5156be;
    border-color: #5156be;
}
.bg-theme04 .btn-secondary {
    color: #fff;
    background-color: #74788d;
    border-color: #74788d;
}
.bg-theme04 .bg-topthemeLight {
    background-color: #e6e6e6!important;
}
.bg-theme04 .bg-dark {
    background-color: #5a5a5a!important;
}
.bg-theme04 #pills-tab .nav-link {
    color: #000000;
}
.bg-theme04 .nav-pills .nav-link.active,.bg-theme04 .nav-pills .show>.nav-link {
    color: #000!important;
    font-weight: bold;
    background-color: #cfcfcf!important;
}
.bg-theme04 .bg-primary-txt {
    color: #5156be;
}
.bg-theme04 .navbar-brand .text-warning {
    color: #5156be!important;
}
.bg-theme04 #sidebarMenu .btn-toggle:hover,.bg-theme04 #sidebarMenu .btn-toggle:focus {
    color: #5156be!important;
    background-color: #eeeeee;
}
.bg-theme04 .navbar .dropdown .nav-link {
    color: #5156be;
}
.bg-theme04 table.dataTable thead tr {
	background-color: #74788d  !important;
	border-color: #8c8c8c !important;
    color: #fff;
}
.bg-theme04 #pills-pendingDash .card-header {
    background-color: #fbfbfb;
    color: #5559bf;
}
.bg-theme04 #pills-penDash1 .card-header{
    background-color: #fbfbfb;
    color: #5559bf;
}
.bg-theme04 span.h5.text-white{
	color:#000 !important;
	    text-shadow: 0px 0px 0px rgb(0 0 0 / 40%) !important;
}
/*------Sidebar theme4 end----------*/


.btn-toggle {
  display: inline-flex;
  align-items: center;
  padding: .25rem .25rem;
  font-weight: 600;
  color: rgba(0, 0, 0, .65);
  background-color: transparent;
  border: 0;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(0, 0, 0, .85);
  background-color: #d2f4ea;
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  /*content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");*/
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(0, 0, 0, .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  display: list-item;
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 0rem;
  text-decoration: none;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: #d2f4ea;
}

.scrollarea {
  overflow-y: auto;
}

.fw-semibold { font-weight: 600; }
.lh-tight { line-height: 1.25; }

.sidebarULBtn{
width: 100% !important;
text-align: left !important;
font-size: 0.9rem;

}
#sidebarUL {
  padding: 0.25rem;
}
#sidebarUL .sidebarULBtn {
  background: #33495d;
  color:#fff;
}
.sidebarULBtn i{
  margin-right: .5rem;
}
.sidebarUL ul{
  background: #fff;
}
.sidebarUL  ul li a::before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

#formTabs .nav-item.show .nav-link, #formTabs .nav-link.active {
    color: #fff !important;
    background-color: #3499db !important;
    border-color: #1a76b2 ;
}
#formTabs .nav-link {
    color: #344555 !important;
    border-color: #bcbcbc ;
}
#formTabs .nav-link {
    background: #ccc;
    margin-right: .25rem!important;
	padding: .25rem 0.75rem !important;
}
#formTabs .nav-link:focus, #formTabs .nav-link:hover {
    color: #fff !important;
    background: #1a76b2  !important;
}
#formTabs .fa-stack i.fa-circle{
  color:#fff;
}
#formTabs .nav-link.active .fa-stack i.fa-stack-1x.fa-inverse{
  color:#3499db;
}
#formTabs .fa-stack i.fa-stack-1x.fa-inverse{
  color:#344555;
}
.red_star{
  color: red;
}
#formTabsContent{
  background: #fff;
}
/*-------LOGIN-------------*/
.loginDiv:before{
  content: " ";
    position: absolute;
    display: block;
    width: 80%;
    right: 40%;
    z-index: -1;
    background: #f8f1f1;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-20deg, 0deg);
    transform-origin: 5% -9%;
    height: 92vh;
}
@media (max-width: 767.98px) {
.loginContent .container{
	margin-top: 5rem !important;
	margin-bottom:1rem !important;
}
.mainrow.vh-92{
	    height: 55vh!important;
}
.loginDiv:before{
  content: " ";
    position: absolute;
    display: block;
    width: 80%;
    right: 40%;
    z-index: -1;
    background: #f8f1f1;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
    transform-origin: 5% -9%;
    height: 80vh;
}
.loginlogoBG{
  background: #f2ebeb;
    transform-origin: 0 -90% !important;
    padding: .5rem;
    padding-left: 3.5rem!important;
    transform: skew(0deg, 0deg);
}
.loginlogoBG .col{
  transform: skew(0deg, 0deg);
}
.dashboard #pendash1chart {
    padding: 0.5rem !important;
	height:100vh;
}
.navbar-brand span.d-block.h6
{
	    font-size: 0.8rem !important;
}
.navbar-brand span.h5.text-white
{
	    font-size: 1rem !important;
}
 }

.loginContent{
  
}
.vh-92 {
    height: 92vh!important;
}
.loginlogoBG{
  background: #f2ebeb;
    transform-origin: 0;
    padding: .5rem;
    padding-left: 1.5rem;
    transform: skew(-20deg, 0deg);
}
.loginlogoBG .col{
  transform: skew(20deg, 0deg);
}
.loginContent .container{
  width: 320px;
}
.form_container {
      
    }
    .login_btn {
      width: 100%;
      background: #33495d !important;
      color: white !important;
    }
    .login_btn:focus {
      box-shadow: none !important;
      outline: 0px !important;
    }
    .login_container {
      padding: 0 2rem;
    }
    .input-group-text {
      background: #33495d !important;
      color: white !important;
      border: 0 !important;
      border-radius: 1.5rem 0 0 1.5rem !important;
    padding: 1rem;
    }
    .input_user,
    .input_pass {
      border-radius:0  1.5rem 1.5rem 0 !important;
    }
    .input_hcourt{
      border-radius:1.5rem!important;
    }
    .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
      background-color: #c0392b !important;
    }
    .btn-success-theme {
    color: #fff;
    background-color: #5cb85c;
    border-color: #3d963d;
}
    .btn-secondary-theme {
    color: #fff;
    background-color: #33495d;
    border-color: #23384a;
}
    .btn-check:active+.btn-success-theme, .btn-check:checked+.btn-success-theme, .btn-success-theme.active, .btn-success-theme:active, .show>.btn-success-theme.dropdown-toggle {
    color: #fff;
    background-color: #5cb85c;
    border-color: #3d963d;
}
.roundedBtn {
    border-radius: 1.5rem!important;
}
.login-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 1rem;
    background-color: #f5f5f5;
	z-index: 1059;
}
.wow { visibility: hidden; } 
.w-120{
  width: 120px;
}
.alert-success-cust {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger-cust {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
#validateError .modal-dialog {
	max-width: 600px!important;
}
.loader {
  position: relative;
  text-align: center;
  margin: 15px auto 35px auto;
  z-index: 9999;
  display: block;
  width: 80px;
  height: 80px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
 -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
label.error {
    font-size: .75rem;
    color: #fff ! important;
    background-color: rgba(220,53,69,.9);
    font-weight: normal !important;
    max-width: 100%;
    padding: 0rem .5rem;
    border-radius: .25rem !important;
	position:absolute;
	z-index:1;
}
.col-form-label{
	font-weight:bold;
	color:#151515;
}
header.bg-light {
    background-color: #f9f0ee !important;
}
.navbar-brand img{
	height:50px;
}
.dropdown-menu {
    font-size: .75rem !important;
	}
#formTabs span.h6 {
    font-size: 0.9rem;
    font-weight: bold;
    margin-left: 0.1rem;
}

main{
	padding-bottom: 3rem !important;
}

#sidebarUL .active {
    background: #fbfbfb;
    color: #33495d;
}

main h1{
	margin-top: 0 rem !important;
	margin-bottom: 0 !important;
}
#smallSidebar{
	position: absolute;
	left: 14%;
	font-size: .9rem;
	    padding: 0.2rem !important;
}
#sidebarMenu{
	overflow: hidden auto;
	height:100%;
}
.sidebar-collapsed #sidebarMenu{
	overflow:visible;
	width:7%!important;
	transition: width 600ms;

 }
 .sidebar-collapsed #sidebarMenu .sidebarULBtn{
	display: table-cell;
	text-align: center !important;
	font-size: 0.35rem;
 }
 .sidebar-collapsed #sidebarMenu .sidebarULBtn i{
	display: block !important;
	margin-right: 0;
	margin-bottom: 0.25rem;
	font-size: 1.5rem !important;
 }
 .sidebar-collapsed main.col-lg-10{
	width:93% !important;
	transition: all 0.5s ease;
 }
  .sidebar-collapsed #sidebarMenu #sidebarUL .collapse {
	position: absolute;
	left: 77px;
	z-index: 100;
	top: 7px;
	width: 200px;
	border-radius: 10px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	height: 65vh;
	overflow:auto;
	background:#fff;
}
  .sidebar-collapsed #sidebarMenu #sidebarUL .collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0s ease !important;
}
 .sidebar-collapsed #sidebarMenu #sidebarUL {
	height: calc(100vh - 100px);
    overflow: auto;
	scrollbar-width: thin;
}

media (min-width:768px) {
.sidebar-collapsed #sidebarMenu{
  overflow:visible;
  width:5%!important;
  transition: width 600ms;

 }
 .sidebar-collapsed #sidebarMenu .sidebarULBtn{
	display: table-cell;
	text-align: center !important;
	font-size: 0.35rem;
 }
 .sidebar-collapsed #sidebarMenu .sidebarULBtn i{
	display: block !important;
	margin-right: 0;
	margin-bottom: 0.25rem;
	font-size: 1.5rem !important;
 }
 .sidebar-collapsed main.col-lg-10{
	width:95% !important;
	transition: all 0.5s ease;
 }
  .sidebar-collapsed #sidebarMenu #sidebarUL .collapse {
	position: absolute;
	left: 77px;
	z-index: 100;
	top: 70px;
	width: 200px;
	border-radius: 10px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
  .sidebar-collapsed #sidebarMenu #sidebarUL .collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0s ease !important;
}
}

.rightSidebar {
    height: 100%;
    width: 20rem;
    background-color: #fff;
    position: fixed!important;
    z-index: 1100;
    overflow: auto;
	right:0;
	top:0;
}

.w3-animate-right {
    position: relative;
    animation: animateright 0.4s;
}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}

#report_tab{
	overflow:auto;
	height:75vh;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 1px 10px !important;
    vertical-align: middle !important;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 5px 10px !important;
}
/*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: 0.4em!important;
 *   *   *         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.1em!important;
 *       *       *                 content: "\2193";
 *        *        *                 }*/
#report_tab table.dataTable {
    margin-bottom: 0px !important;
	}

	/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    padding-bottom: 1px !important;
}
.dashboard .card-header .card-title{
	font-size:1rem;
	    font-weight: bold;
}
.dashboard .card-header {
    padding: .	5rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #e9e9ef;
}
.dashboard .card-body {
    padding: 0.5rem !important;
}
#alertDashboard td{
	font-size:.95rem;
	padding:0.35rem 0.5rem !important;
}
#alertDashboard td a,.NJDGReports td a{
	text-decoration:underline	 ;
    color: #00bcd4 !important;
	font-weight:bold !important;
}
#alertDashboard td:nth-child(2),#alertDashboard td:nth-child(3),#alertDashboard td:nth-child(4){
	font-size:1rem;
	font-weight:bold;
	text-align:center;
}
#SvgjsText1028,#SvgjsText1066,#SvgjsText1104,#SvgjsText1277{
	font-size:12px !important;
}
.apexcharts-canvas{
	margin:0 auto;
}

.stateDistDiv .chosen-container-single{
	width: 32% !important;
}
.stateDistDiv #sel_year_chosen{
	width: 20% !important;
}

table.NJDGReports tbody th, table.NJDGReports tbody td {
    padding: 6px 10px !important;
    vertical-align: middle !important;
}

.breadcrumb-item.active {
    color: #495057 !important;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem;
}
.breadcrumb-item>a {
    color: #0869f8;
	text-decoration:none;
}

#ui-id-1 {z-index:1100 !important}


.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #6693bc !important;
    font-weight: bold !important;
    color: #ffffff !important;
} 
.csMenu {color:red !important; font-size:15px;}
.csOption {color:#287fb8 !important; font-size:12px;text-decoration: none;margin-left:10px; display: block;}

 .ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }

.ellipsis-vIcon .dropdown-toggle::after {
    display:none !important;
}
.dashboard .row> [class*='col-xl-'] {
    padding-right: calc(var(--bs-gutter-x) * .2) !important;
    padding-left: calc(var(--bs-gutter-x) * .2) !important;

}

#pills-pendingDash .card-body{
background: #e1dcec;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #fefdff, #f4f1f9);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #fefdff, #f4f1f9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
#pills-pendingDash .card-header {
    background-color: #72609a;
    color: #fff;
}

#pills-disposedDash .card-header {
    background-color: #72609a;
    color: #fff;
}

#treeview,#treeview1,#treeview2 {
    padding: 0px 0 !important;
	}
#treeview ul,#treeview1 ul,#treeview2 ul {
    padding: 0;
    padding-left: 5px;
}
#treeview ul li{
    padding: 0px;
    padding-top: 0px;
    color: #0071bd;
    background: #fff;
    margin-bottom: 0px;
    border: 1px solid #fff;
}
#treeview ul ul li{
    border: 0px solid #ccc;
    height: auto;
    width: 100%;
    background: #fff;
    padding: 0px 0px 0px 0px;
    color: #555;
    margin: 0px;
}
#treeview1 ul li {
    padding: 0px;
    padding-top:0px;
    color: #555;
    background: #fff;
    margin-bottom: 0px;
    border: 1px solid #fff;
}
#treeview1 ul ul li {
    border: 0px solid #ccc;
    height: auto;
    width: 100%;
    background: #fff;
    padding: 0px 0px 0px 0px;
    color: #555;
    margin: 0px;
},
#treeview2 ul li {
    padding: 0px;
    padding-top:0px;
    color: #555;
    background: #fff;
    margin-bottom: 0px;
    border: 1px solid #fff;
}
#treeview2 ul ul li {
    border: 0px solid #ccc;
    height: auto;
    width: 100%;
    background: #fff;
    padding: 0px 0px 0px 0px;
    color: #555;
    margin: 0px;
}
#treeview ul ul ,#treeview1 ul ul,#treeview2 ul ul {
    padding: 0;
    padding-left: 20px;
    border-top: 0px solid #8fc1e2;
    margin-bottom: 0px;
    background: #fff;
}
.hummingbird-treeview,
.hummingbird-treeview *
{
    list-style: none;
    font-size: 0.9rem;
    line-height: 1rem;
}

.hummingbird-treeview label {
    font-weight: normal;
}


.hummingbird-treeview input[type=checkbox] {
    width : 16px;
    height :16px;
    padding: 0px;
    margin: 0px;
	margin-right: 4px;
}

.hummingbird-treeview ul:not(.hummingbird-base) {
    display: none;
}

.hummingbird-treeview .fa {
    font-style: normal;
    cursor: pointer;
}
#pills-pendingDash .btn-group-sm>.btn, #pills-pendingDash .btn-sm {
    padding: .1rem 0.5rem;
    font-size: 0.75rem;
    border-radius: .2rem;
}

.pdf_btn{
	border-radius:50%;
	background:#1472BB;
	border:1px solid #1472BB;
	color:#fff;
	border:1px solid #ccc;
	height:35px;
	width:35px;
	text-align:center;
	padding:3px;
	box-shadow:0 1px 3px rgba(0,0,0,.4);
}
.pdf_btn:hover{
	background:#fff;
	border:1px solid #ccc;
	color:#555;
}

.xls_btn{
	border-radius:50%;
	background:#3EB677;
	border:1px solid #3EB677;
	color:#fff;
	height:35px;
	width:35px;
	text-align:center;
	padding:3px;
	box-shadow:0 1px 3px rgba(0,0,0,.4);
}
.xls_btn:hover{
	background:#fff;
	border:1px solid #ccc;
	color:#555;
}

.csv_btn{
	border-radius:50%;
	background:#ED754D;
	border:1px solid #ED754D;
	color:#fff;
	height:35px;
	width:35px;
	text-align:center;
	padding:3px;
	box-shadow:0 1px 3px rgba(0,0,0,.4);
}
.csv_btn:hover{
	background:#fff;
	border:1px solid #ccc;
	color:#555;
}
button.dt-button, div.dt-button, a.dt-button {
    border: 0px solid #999 !important;
    background-color: transparent !important;
    background-image: none !important;
	padding: 0.25em  0 !important;
}
.dataTables_filter {
    float: left !important;
    text-align: right !important;
        width: 20%;
    margin-left: 1vw;
    margin-right: 5vw;
}
.dt-buttons {
    float: right !important;
}
.graphic01{
	background: #2980B9;
    padding: 1rem;
    border-radius: 10%;
	box-shadow: 10px 10px 30px rgba(0,0,0,.4);
}
table.dataTable tr.dtrg-level-1 td {
    background-color: #7bd0cc !important;
    color: #1d3561;
    font-size: 1.1em !important;
	font-weight:bold;
}
tr.dtrg-level-0 > td > a{
	    color: #95deff;
    padding: 5px 0;
    display: block;
}

.delayTblClr1,.delayTblClr8,.delayTblClr15 {
background:#fff;
/*background: rgb(91,144,42);
 *  *  * background: linear-gradient(90deg, rgba(108 163 58,1) 0%, rgba(90 141 42,1) 100%);*/
color:#028376;
}
.delayTblClr2,.delayTblClr9 {
background:#fff;
/*background: rgb(133,42,144);
 *  *  * background: linear-gradient(90deg, rgba(133,42,144,1) 0%, rgba(103,32,111,1) 100%);*/
color:#2d8b31;
}
.delayTblClr3,.delayTblClr10 {
background:#fff;
/*background: rgb(13,85,130);
 *  *  * background: linear-gradient(90deg, rgba(13,85,130,1) 0%, rgba(10,66,101,1) 100%);*/
color:#1a6ca3;
}
.delayTblClr4,.delayTblClr11 {
background:#fff;
/*
 *  *  * background: rgb(231,43,42);
 *   *   * background: linear-gradient(90deg, rgba(231,43,42,1) 0%, rgba(183,34,33,1) 100%);*/
color:#784F41;
}
.delayTblClr5,.delayTblClr12 {
background:#fff;
/*
 *  *  * background: rgb(195,124,47);
 *   *   * background: linear-gradient(90deg, rgba(195,124,47,1) 0%, rgba(154,98,37,1) 100%);*/
color:#b93a31;
}
.delayTblClr6,.delayTblClr13 {
background:#fff;
/*
 *  *  * background: rgb(27,150,61);
 *   *   * background: linear-gradient(90deg, rgba(27,150,61,1) 0%, rgba(21,118,48,1) 100%);*/
color:#406374;
}
.delayTblClr7,.delayTblClr14 {
background:#fff;
/*
 *  *  * background: rgb(149,47,47);
 *   *   * background: linear-gradient(90deg, rgba(149,47,47,1) 0%, rgba(120,35,35,1) 100%);*/
color:#583166;
}

#delayReasonList .text-warning {
    color: #404040!important;
}

.delayCountDiv{
	background: rgba(0,0,0,0.1);
	text-align:center;
}
.delayMoreBtn{
	background: rgba(0,0,0,0.6);
	text-align:center;
	color:#fff;
	    border-color: rgba(0,0,0,0.6);
}

.delayMoreBtn:hover,.delayMoreBtn:focus{
	background: rgba(0,0,0,0.7);
	color:#fff;
	    border-color: rgba(0,0,0,0.7);
}
#delayReasonList .col-md-4{
	padding:0 0.35rem !important;
}
#tbl_delay_cases tr th{
	text-align:left !important;
}
#delayReasonList table tbody{
display: block;
  max-height: 200px;
  overflow-y: scroll;
  }

  #delayReasonList table thead,#delayReasonList table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#delayReasonList table thead th:nth-child(1),
#delayReasonList table tbody td:nth-child(1){
	width:30px;
}

#delayReasonList .table-sm>:not(caption)>*>* {
    padding: 0.05rem 0.15rem;
}

.caseLoadStats p{
	margin-bottom:0;
}
.caseLoadStats h1{
	font-size:1.7rem !important;
}
.caseLoadStats h2{
	font-size:1rem !important;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-body {
    min-height: 70vh;
    overflow-y: auto;
}
#OAAE1chart  {
	width:80%;
	padding: 0; margin: 0;
}

/*#OAAE1chart .oriDiv {
 *  *  * 	width:50%;
 *   *   * 	}
 *    *    * 	#OAAE1chart .appDiv {
 *     *     * 		width:20%;
 *      *      * 		}
 *       *       * 		#OAAE1chart .applDiv {
 *        *        * 			width:15%;
 *         *         * 			}
 *          *          * 			#OAAE1chart .exeDiv{
 *           *           * 				width:5%;
 *            *            * 				}*/
#OAAE1chart  button{
	color:#fff;
	border:none;
	width:100%;
	padding: 5px 0; 
	position:relative;
	display:inline-block;
	    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#OAAE1chart .oriDiv  button{
	background: #6c757d;
    font-weight: bold;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 40%);
}
#OAAE1chart .appDiv button{
    background: #6c757d;
    font-weight: bold;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 40%);
}
#OAAE1chart .applDiv button{
    background: #6c757d;
    font-weight: bold;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 40%);
}
#OAAE1chart .exeDiv button{
    background: #6c757d;
    font-weight: bold;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 40%);
}
#OAAE1chart button.active{
	background: #3DAAAF;
	color: #000;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
}

#OAAE1chart button.active::before{
	 position: absolute;
  bottom: -2px;
  height: 0;
  width: 0;
  left: 40%;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white;
  content: "";
}
#pills-penDash1 .card-header{
	background-color: #f6f6f6;
	color: #555;
}


#pills-penDash1  .btn-group-sm>.btn,#pills-penDash1 .btn-sm {
    padding: 0.15rem 0.25rem;
   font-size: 0.85rem;
  /*   border-radius: 0.2rem;
 *    *    *   	line-height: 0.7;*/
}
#OAAE1dispchart  {
	width:90%;
	padding: 0; margin: 0;
}

#OAAE1dispchart  button{
	color:#fff;
	border:none;
	width:100%;
	padding: 5px 0; 
	position:relative;
	display:inline-block;
	    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#OAAE1dispchart .oriDiv  button{
	background:#e36d61;
	font-weight:bold;
}
#OAAE1dispchart .appDiv button{
	background:#efbf34;
	font-weight:bold;
}
#OAAE1dispchart .applDiv button{
	background:#2dbcaa;
	font-weight:bold;
}
#OAAE1dispchart .exeDiv button{
	background:#5d728f;
	font-weight:bold;
}

#OAAE1dispchart button.active::before{
	 position: absolute;
  bottom: -2px;
  height: 0;
  width: 0;
  left: 40%;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white;
  content: "";
}
#pills-dispDash1 .card-header{
	background-color: #f6f6f6;
	color: #555;
}


#pills-dispDash1  .btn-group-sm>.btn,#pills-dispDash1 .btn-sm {
    padding: 0.15rem 0.25rem;
   font-size: 0.85rem;
  /*   border-radius: 0.2rem;
 *    *    *   	line-height: 0.7;*/
}

.stgeWiseSelect1 label {
		    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	width: 60px;
}
#treeview {
	padding: 5px !important;
	background: #fff;
	border: 1px solid #ccc;
}

#treeview ul{
	padding:0;
	padding-left:30px;
}
#treeview ul ul{
	padding:0;
	padding-left:10px;
	border-top:1px solid #8fc1e2;
	margin-bottom: 0px;
	    background: #fefefe;
}
#treeview ul ul li{
	border:0px solid #ccc;
	height: auto;
    width: 100%;
background: #fefefe;
	padding:5px;
	color:#555;
	margin:0px;
}
#treeview ul ul li label{
	margin-bottom: 0px;
	font-weight:normal;
	color:#555;
	 font-size:1em;
   }
#treeview ul li{
    padding: 0px;
    padding-top: 8px;
    color: #0071bd;
    background: #bce6ff;
    margin-bottom: 5px;
	border:1px solid #8fc1e2;
}
#treeview li label{
   font-weight:bold;
   color:#0071bd;
   font-size:1.1em;
   }
#treeview li label input{
   padding-right:10px;
       margin-right: 5px;
   }

  .fff_4 .progress-bar {
    background-color: #ffc107 !important;
}
  .fff_1 .progress-bar {
    background-color: #02b8ab !important;
}
  .fff_2 .progress-bar {
    background-color: #e5ac07 !important;
}
  .fff_3 .progress-bar {
    background-color: #0869f8 !important;
}
.fff_1 i,.fff_2 i,.fff_3 i,.fff_4 i {
	margin-left:5px;
}
.CCBbtns button{
	 padding: 0.5rem 0.75rem !important;
    font-size: 0.9rem !important;
    border-radius: 0.2rem !important;
	line-height: .8 !important;
}
.CCBbtn1{
    color: #fff;
    background-color: #00B59E;
    border-color: #049582;
}
.CCBbtn1:hover,.CCBbtn1:active,.CCBbtn1:focus{
    color: #fff;
    background-color: #049582;
    border-color: #027c6c;
}
.CCBbtn2{
    color: #fff;
    background-color: #93C166;
    border-color: #76a549;
}
.CCBbtn2:hover,.CCBbtn2:active,.CCBbtn2:focus{
    color: #fff;
    background-color: #76a549;
    border-color: #679738;
}
.CCBbtn3{
    color: #fff;
    background-color: #496176;
    border-color: #354A5D;
}
.CCBbtn3:hover,.CCBbtn3:active,.CCBbtn3:focus{
    color: #fff;
    background-color: #354A5D;
    border-color: #2d4254;
}
#stageGroup_chosen{
	width:45% !important;
	    float: right;
}

/*.btn-info.active{
 *  *  *     color: #000;
 *   *   *         background-color: #3dd5f3;
 *    *    *             border-color: #25cff2;
 *     *     *             }*/

.countcoldiv{
	background:#ccc;
}

.text-inmg01 {
    color: #16a085!important;
}
.bg-inmg01 {
    background-color: #16a085!important;
}
.text-inmg02 {
    color: #2d92bd!important;
}
.bg-inmg02 {
    background-color: #2d92bd!important;
}
.text-inmg03 {
    color: #517393!important;
}
.bg-inmg03 {
    background-color: #517393!important;
}
.text-inmg04 {
    color: #2e5273!important;
}
.bg-inmg04 {
    background-color: #2e5273!important;
}

.progressText{
    position: absolute!important;
    color: #555;
    background: rgb(255 255 255 / 75%);
}

.bg-theme04 #sidebarMenu #sidebarUL li {
border-bottom:1px solid #ccc;
}
.bg-theme04 #sidebarMenu #sidebarUL .sidebarUL ul li {
border-bottom:none;
}

#ins_year_chosen{
    width: 58% !important;
}

/*#stagetbl table,#agewisetbl table{
 *  *  * 	width:100% !important;
 *   *   * 	}*/
.countcoldiv .h4{
	font-size: 1.3rem;
	letter-spacing: -1px;
}
 #tbl_delay_cases tbody tr td{
        background:#a3d5a3;
        }
        #tbl_delay_cases tbody tr td:nth-child(1),#tbl_delay_cases tbody tr td:nth-child(2),#tbl_delay_cases tbody tr td:nth-child(3),#tbl_delay_cases tbody tr td:nth-child(4),#tbl_delay_cases tbody tr td:nth-child(5),#tbl_delay_cases tbody tr td:nth-child(6),#tbl_delay_cases tbody tr td:nth-child(7),#tbl_delay_cases tbody tr td:last-child,#tbl_delay_cases tbody tr td:nth-last-child(2){
        background:#fff;
        }


.sidebar-collapsed .sidebarULBtnText{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 52px;
    font-size: 0.85rem;
    display: block;
    margin: 0 auto;
}

.sidebar-collapsed .sidebarULBtnText3rd {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 0.75rem;
  display: block;
  margin: 0 auto;
  text-align: left;
}

.subcollapse ul{
  background: floralwhite !important;
}

#sidebarMenu div div div ul{
  background: floralwhite !important;
}

#sidebarMenu div div div ul li{
  margin-left: 15px !important;
}
.sidebar-collapsed #sidebarMenu div div div ul li{
  margin-left: 0px !important;
}
.sidebar-collapsed #sidebarMenu div div div{
  position: fixed !important;
  top: 124px !important;
  left: 276px !important;
  height: auto !important;
}

#pills-alerts table span.h4 {
    font-family: 'digital-7regular';
}
#pills-alerts span.h4 a{
	color: #000;
//	text-decoration: underline;
	 text-decoration: none;
}

#pills-alerts span.h4 a:hover{
        color: #2d92bd;
//        text-decoration:underline;
	text-decoration: none;
}


@font-face {
      font-family: 'digital-7regular';
      src: url("../font/digital-7-webfont.woff2") format('woff2'),
           url("../font/digital-7-webfont.woff") format('woff');
      font-weight: normal;
      font-style: normal;
}
#pills-alerts span.h2 {
    font-family: 'digital-7regular';
    font-size: 2.5rem;
}
#pills-alerts .card {
    border: 1px solid rgba(0,0,0,.25);
}
/*#example_casetype_details_wrapper {
 *  *  *     width: 950px;
 *   *   *         margin: 0 auto;
 *    *    *         }*/
#example_casetype_details_wrapper table.dataTable tbody th,#example_casetype_details_wrapper  table.dataTable tbody td,#example_details_wrapper table.dataTable tbody th,#example_details_wrapper  table.dataTable tbody td {
    padding: 5px 10px !important;
    vertical-align: middle !important;
}

#example_casetype_details_wrapper  table.dataTable tbody td a,#example_details_wrapper  table.dataTable tbody td a{
	color: #282828 !important;
}
#pills-alerts .progress{
	margin-bottom: 10px;
}
#frm .form-check-inline{
	margin-right: 0.5rem !important;
}
.NJDGReports tbody tr.dtrg-group {
	text-align:left;
}


.breadcrumb-badge{
display: inline-block;height: 24px;margin-top: 5px;    padding: 5px 10px;
}

#case_type_breadcrumb{
margin-left:2rem;
}
#sel_year_chosen{
margin-left:1rem;
}

#pendash1chart {
	height: 83vh;
}

#chart9tbl{
	    max-height: 85vh !important;
}
#modal-body-case #sel_search_by_chosen,#modal-body-dashcaselist #sel_search_by1_chosen{
	width: 150px !important;
	margin-left: 15% !important;
	position: absolute !important;	
	z-index:9999;
}

#tbl_cases_filter, #tbl_cases_dash_filter{
	    margin-left: 18% !important;
}


.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: #000;
  background-color: #3daaaf;
  border-color: #369599;
}


.topheader{
    background: #ffffff;
    color: #555;
    border-bottom: 1px solid #a5a5a563 !important;
}
.topheader ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.topheader ul li{
	float:left;
    border-right: 0.1rem solid #dedede !important;
	}
/*.topheader ul li:hover{
 * 	background:#f1f1f1;
 * 		}*/
.topheader ul li a {
    font-size: 100%;
    color: #555;
    line-height: 2rem;
    font-weight: 400;
	    padding: 0.5rem 0.75rem;
		text-decoration:none;
}
.topheader ul li a:hover{
    text-decoration:underline !important;

}
.footerL {
    position: fixed;
    height: auto;
    bottom: 0;
    width: 100%;
}

#footer-container {
    background: #3B3D42;
    font-family: calibri, Arial, sans-serif;
    text-align: left;
    line-height: 23px;
    color: #d0d0d0;
    margin-top: 15px;
	font-size:0.85rem;
}
#footer-container .topfooter ol > li {
    padding-left: 5px;
    list-style-type: none;
    color: #d0d0d0;
}
#footer-container .topfooter ol > li > a {
    color: #d0d0d0;
}
#footer-container .topfooter {
    background: #3B3D42;
    padding: 10px;
}
.fooimg {
    margin: 0 2px 10px 2px;
}

#footer-container .topfooter .border-right{
    border-right: 1px solid #5d5d5d!important;
}
.text-info1 {
    color: #EF9F71!important;
}
.footerlinks {
    column-count: 2;
}
.footerlogolist {
    list-style-type: none;
    margin-bottom: 0rem;
    padding: 0;
}
.footerlogolist li {
    float: left;
}
.footerlogolist li.logos {
    margin: 0 auto;
    text-align: center;
    display: contents;
}
#footer-container .topfooter .border-end {
    border-right: 1px solid #5d5d5d!important;
}

.static_con h1 {
    font-size: 1.5rem !important;
}
.static_con {
        text-align: justify !important;
}