﻿


  /*Viewport 4*/
@media screen and (min-width: 1200px) {
}

/*Viewport 3*/
@media screen and (min-width: 980px) and (max-width: 1199px) {
      table.nccd-rd-table.rd-tableA {
    overflow:auto;
      }
}

/*Viewport 2*/
@media screen and (min-width: 768px) and (max-width: 979px) {
}

/*Viewport 1*/
@media (max-width: 767px) {

/*NCCD-RD-TABLE*/
.flex-control-nav {
    display:none;}

    /* Force table to not be like tables anymore */
	table.nccd-rd-table, table.nccd-rd-table thead, table.nccd-rd-table tbody, table.nccd-rd-table th, table.nccd-rd-table td, table.nccd-rd-table tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.nccd-rd-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.nccd-rd-table tr { border: 1px solid #ccc; }
	
	table.nccd-rd-table td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
	
	}
	
	table.nccd-rd-table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

        table.nccd-rd-table td {
        border-bottom:1px solid#c0c0c0;}

    table.nccd-rd-table tr {
    border:none;}


/*NCCD-RD-TABLEA*/
  table.nccd-rd-table.rd-tableB thead { display: none; }
  table.nccd-rd-table.rd-tableB tbody td { 
    display: block; padding: .6rem; 
  }
 
	table.nccd-rd-table.rd-tableB tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
    display: inline-block;
  }

  
/*NCCD-RD-TABLEB*/
        table.nccd-rd-table th {
        display:none;}
   

  table.nccd-rd-table.rd-tableB thead { display: none; }
  table.nccd-rd-table.rd-tableB tbody td { 
    display: block; padding: .6rem; 
  }
 
	table.nccd-rd-table.rd-tableB tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
    display: inline-block;
  }
    
    /*RESPONSIVE TABLE B THEME*/
/*BLUE*/
.theme-blue table.nccd-rd-table th {background: #075290; color:#fff;}
.theme-blue table.nccd-rd-table.rd-tableB tbody tr td:first-child {background: #075290; color:#fff;}
.theme-blue table.nccd-rd-table.rd-tableB {background: #075290; color:#fff;}
.theme-blue table.nccd-rd-table.rd-tableB th tr td:nth-child(odd){background: red; color:#fff;}

/*GREEN*/
.theme-green table.nccd-rd-table th {background: #085100; color:#fff;}
.theme-green table.nccd-rd-table.rd-tableB tbody tr td:first-child  {background: #085100; color:#fff;}

/*ROSE*/
.theme-rose table.nccd-rd-table th {background: #621919; color:#fff;}
.theme-rose table.nccd-rd-table.rd-tableB tbody tr td:first-child{background: #621919; color:#fff;}

/*TEAL*/
.theme-teal table.nccd-rd-table th {background: #084239; color:#fff;}
.theme-teal table.nccd-rd-table.rd-tableB tbody tr td:first-child {background: #084239; color:#fff;}

/*ORANGE*/
.theme-orange table.nccd-rd-table th {background: #612E1F; color:#fff;}
.theme-orange table.nccd-rd-table.rd-tableB tbody tr td:first-child {background: #612E1F; color:#fff;}

/*PURPLE*/
.theme-purple table.nccd-rd-table th{background: #3D316A; color:#fff;}
.theme-purple table.nccd-rd-table.rd-tableB tbody tr td:first-child {background: #3D316A; color:#fff;}

/*TAN*/
.theme-tan table.nccd-rd-table th{background: #503608; color:#fff;}
.theme-tan table.nccd-rd-table.rd-tableB tbody tr td:first-child {background: #503608; color:#fff;}


}
