/* ------------------
 styling for Responsive the tables  
 https://goo.gl/ShZStS [upcoming event horizontal]
 https://goo.gl/QuyCYA [upcoming event vertical]
 https://goo.gl/rA6dHq [rooster horizontal]
 https://goo.gl/6cwnK0 [Schedule and score]
ver 14
   ------------------   */


@media only screen and (max-width: 760px),(min-device-width: 760px) and (max-device-width: 979px)  {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		tr { /* border: 1px solid #ccc;*/ }
    #hor-minimalist-b tr { 
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
    }
		#hor-minimalist-b td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid transparent;
			position: relative;
			padding-left: 50%!important;
			padding-top: 0px;
			padding-bottom: 0px;
		}

		#hor-minimalist-b td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: auto;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

}
    table#hor-minimalist-b {
        width:100%;
        table-layout: fixed;
        border-collapse: collapse;
         
        }
        
        th#vzebra-comedy {
    vertical-align:text-top;
    white-space: pre-line;
    }
    

    #tableNew-header {
    margin: 0px!important;
    font-size: 24px!important;
    }
    #tableNew-body {
    width: auto!important;
    overflow: hidden!important;
    padding:0px;
    }
    #hor-minimalist-b tbody tr:nth-child(odd) {
    background: #efefef;
    }
    thead.persist-header.floatingHeader {
    width: 100%!important;
    }

    

    td.cols_limit {
    width: auto !important;
    max-width: 100%!important;
    }
    .cols_limit label:nth-child(2) {
    display: block;
    padding: 0px;
    }
@media (min-width: 980px) {    
    th#vzebra-comedy {
        color: #000!important;
        padding: 15px 8px; 
    }
    
}


  /* iPads (portrait and landscape) ----------- */
@media (min-width: 1025px),(min-width: 980px) and (max-width: 1024px) {
   table#hor-minimalist-b thead.persist-header:nth-of-type(1) th#vzebra-comedy {
   width: auto!important;
   }
  
}


@media (min-width: 480px) and (max-width: 979px) {
   table#hor-minimalist-b thead.persist-header:nth-of-type(1) th#vzebra-comedy {
   width: auto!important;
   }
  
}

@media (min-width: 480px) and (max-width: 1024px) {
   #hor-minimalist-b th {
   word-spacing: 100px!important;
   }
}
@media (max-width: 1023px) {
    #tableNew-header {
    margin: 0px!important;
    }
    
    
    td.cols_limit {
    width: auto !important;
    max-width: 150px !important;
    }
    td.cols_limit label {
    padding: 10px 10px 10px 0px;
    }
    #hor-minimalist-b {
    /*border-left: #ccc 1px solid;*/
    }
    #tableNew-footer {
    margin: 0px!important;
    padding: 5px 2px;
    min-height: 20px;
    }
    #moreEvents {
    float: right;
    margin-right: 15px;
    line-height: 16px;
    }  
}



/* Smartphones (portrait and landscape) ----------- */

@media (max-width: 320px) {
    #hor-minimalist-b {
    font-size: 11px!important;
    letter-spacing: -0.5px;
    }
    #hor-minimalist-b th {
    padding: 10px 2px;
    font-size: 10px !important;
    }
    #hor-minimalist-b td {
    padding: 0px 2px;
    }
    .cols_limit {
    width: auto !important;
    max-width: 100%!important;
    }
    #tableNew-footer a {
    font-size: 12px!important;
    }
}



/* for test----------- */
    thead.persist-header {
    }
        #hor-minimalist-b tbody {
    width: 100%;
    overflow: auto;
    }