@charset "utf-8";
/* One Column Responsive Table CSS */

.table-responsive-stack thead {
    display: none !important;
}
.onecolumn-responsive-table-module {}		
.onecolumn-responsive-table-module-main-container {position: relative;height: auto;max-width: 100%;}
.onecolumn-responsive-table-module-inner-container {position: relative;height: auto;max-width: 1200px;margin:0 auto;}
.onecolumn-responsive-table-module-content {position: relative;left: 0px;max-width: 100%;height: auto;padding: 40px 20px 60px 20px;}
.onecolumn-responsive-table-module-content h2 {font-size:26px;font-weight:700;line-height:32px;padding-bottom:10px;}
.onecolumn-responsive-table-module-content p {font-size:16px;font-weight:300;line-height:24px;padding-bottom:30px;}
.onecolumn-responsive-table-module-tab-nav {padding-bottom:30px;}


.risk-based-module3-pie-graphs {min-width: 100%; height: 300px; max-width: 100%; margin: 0 auto}
rect.highcharts-background {fill: #f2f2f2; fill-opacity:0;}
ul.piekey-ul {list-style:none;padding-left:30px;max-width:100%;}
.piekey-ul li {padding-bottom:0px;font-size:12px;}
li.box1:before {
    content: "";
    position: relative;
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    margin-top: -5px;
    margin-right: 10px;
    background-color: #092C56;
    display: inline-block;
    border: 1px solid #000000;
}
li.box2:before {
    content: "";
    position: relative;
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    margin-top: -5px;
    margin-right: 10px;
    background-color: #6A7C04;
    display: inline-block;
    border: 1px solid #000000;
}
li.box3:before {
    content: "";
    position: relative;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    margin-top: -5px;
    margin-right: 10px;
    background-color: #FCD100;
    display: inline-block;
    border: 1px solid #000000;
}
li.box4:before {
    content: "";
    position: relative;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    margin-top: -5px;
    margin-right: 10px;
    background-color: #7C4790;
    display: inline-block;
    border: 1px solid #000000;
}
li.box5:before {
    content: "";
    position: relative;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    margin-top: -5px;
    margin-right: 10px;
    background-color: #BD5A14;
    display: inline-block;
    border: 1px solid #000000;
}



/* Responsive Table CSS */
.table-header-color {}
table {}
.table > thead {
    color: #fff;
    --bs-table-color: #fff;
}
tbody, td, tfoot, th, thead, tr {border-style: none;}
a.enrollment-year-th {font-size: 16px;
    font-weight: 300;
    line-height: 24px;}
th {
	font-size:16px; 
	font-weight:500;
	line-height:24px;
	border-width: 1px 1px 1px 1px!important;
   
	
}
tr {
    background-color: #FFFFFF;
    --bs-table-bg: #ffffff;
}
th:first-child {
  
}
th:last-child {
	

	
}
td {
	border-left:none;
	font-size:16px; 
	font-weight:300;
	line-height:24px;
}
td:last-child{border-right:none;}

tr:nth-child(3){border-top:none}
.tbody tr:last-child{}

.table-responsive-stack tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.table-responsive-stack td,
.table-responsive-stack th {
   display:block;
/*      
   flex-grow | flex-shrink | flex-basis   */
   -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.table-responsive-stack .table-responsive-stack-thead {
	font-size: 18px;
	font-weight: 300;
}
.color {background-color: #fff;}




@media screen and (max-width: 992px) {
   .table-responsive-stack tr {
	   border-radius:20px;
	   box-shadow: 0 .5rem 1rem rgba(0,0,0,.2)!important;
	   padding:20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      border: none;
      display:block;
	   margin-bottom:20px;
      
   }
   /*  IE9 FIX   */
   .table-responsive-stack td {
      float: left\9;
      width:100%;
   }
	
	
}


* {
  box-sizing: border-box;
}



/**
  Tab button controls
*/

.tablist {
    text-align: center;
    padding-bottom: 20px;
}
.tab {
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    padding: 10px 0px 10px 0px;
    text-align: center;
    margin-bottom: 10px;
    background: 0 0;
    color: #002D5D;
    background-color: #F2F2F2;
    width: 170px;
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-right: 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

 /** Hover state */
  .tab:hover {
    outline-offset: 4px;
    text-decoration: none;
  }

/** Focus state */
  .tab:focus {
    outline-offset: 4px;
    text-decoration: none;
  }
/** Active state */
  .tab:active {
    outline-offset: 4px;
    text-decoration: none;
  }

  /** Selected state (tabpanel visible) */
  .tab[aria-selected="true"] {
    color: #ffffff!important;
    background-color: #002D5D;
    border: none;
  }

    .tab[aria-selected="true"]:focus {
      border-color: #e9ecef #e9ecef #dee2e6;
		isolation: isolate;
		
    }

  /** Disabled state */
  .tab[disabled="true"] {
    cursor: not-allowed;
    text-decoration: line-through;
  }


/**
  Tab panels
*/
.tabpanel {
  display: none;

 
}

  .tabpanel.is-visible {
    display: block;
  }

  .tabpanel h2 {
    margin-top: 0;
}
	  
@media (min-width: 320px) {
	
}

@media (min-width: 360px) {
.onecolumn-responsive-table-module-tab-nav .nav-link {width:90px;font-size:20px;}	
}

@media (min-width: 375px) {

.onecolumn-responsive-table-module-tab-nav .nav-link {width:100px;font-size:22px;}		
}

@media (min-width: 576px) {
	
}		

@media (min-width: 768px) {
	
/* Responsive Table CSS */	
tbody, td, tfoot, th, thead, tr {border-style: none;}
th {
	font-size:16px; 
	font-weight:500;
	line-height:24px;
	border-width: 1px 1px 1px 1px!important;
}
th:first-child {}
th:last-child {
	
}
td {

	font-size:16px; 
	font-weight:300;
	line-height:24px;
}

td:last-child {

}

tr:nth-child(3){border-top:none;}
.tbody tr:last-child{
	
}
	

th a {

}

.tab {width: 220px;}
	
	
}

@media screen and (min-width: 991px) {
    .table-responsive-stack tbody td {border: none;}
    .table-responsive-stack .table-responsive-stack-thead {display: inline-block !important;}
}
	
@media (min-width: 992px) {
.risk-based-module3-pie-graphs {min-width: 200px; height: 175px; max-width: 200px; margin: 0 auto;}	

.onecolumn-responsive-table-module-tab-nav {padding-bottom:0px;}
    .tablist {
        text-align: left;
        padding-bottom: 0px;
    }
.tab {
	font-size: 14px;
	width:140px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	margin-bottom: -2px;
	margin-right:-2px;
	border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
	
/* Responsive Table CSS */	
.table>:not(caption)>*>* {
    padding: 10px 30px 10px 30px;
}
.table-header-color {background-color: #002D5D!important;}
tr{}
	td { border-left: 1px solid #cecac8;}

    tr.stripe {
        background-color: #f2f2f2;
        --bs-table-bg: #f2f2f2;
    }
}

@media screen and (min-width: 993px) { 
.table-responsive-stack .table-responsive-stack-thead {display: none !important;}
.table-responsive-stack thead {display: block !important;}
.table-responsive-stack tbody td {border-left: 1px solid #cecac8;}
.table-responsive-stack tbody br {display: none !important;}
}

@media (min-width: 1200px) {
	
}

@media (min-width: 1440px) {
	
}

@media (min-width: 1500px) {
	
}

@media (min-width: 1650px) {
	
}
	
		

