

/*
.content .view-diagnostic-tests thead,
.content .view-diagnostic-tests th,
.content .view-diagnostic-tests td,
.content .view-diagnostic-tests tr {
    padding: 0.5rem 0.75rem;
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
}

.content .view-diagnostic-tests th:last-of-type,
.content .view-diagnostic-tests td:last-of-type {
   border-right: 0px solid #ccc;
}

.content .view-diagnostic-tests th:last-of-type,
.content .view-diagnostic-tests tr:last-of-type {
   border-bottom: 0px solid #ccc;
}

.content .view-diagnostic-tests table {
    border: 0px solid #ccc;
}

.content .view-diagnostic-tests tbody {
    width: 100%;
    border: 0px solid #ccc;
}
*/



.diagnostic-tests-table .views-field-field-turn-around,
.diagnostic-tests-table .views-field-field-specimen,
.diagnostic-tests-table .views-field-field-file-attachment,
.diagnostic-tests-table .views-field-body {
	display: none;
}




.node-diagnostic-test .field:not(:last-child) {
    margin-bottom: 0rem;
}



/*
@media screen and (max-width: 800px){
.content .view-diagnostic-tests thead,
.content .view-diagnostic-tests th
{
    /*font-size: 75%;* /
    font-size: 2vw;
}
}
*/

/*
@media screen and (max-width: 800px){
.content .view-diagnostic-tests tr
{
    background: #fff;
    width: 100%;
    display: block;
    border-bottom: 2px solid #bbb;
}}

@media (max-width: 800px){
.content .view-diagnostic-tests td {
    display: table-row;
    border-top: 0;
}

.content .view-diagnostic-tests tr.even td {
    background: #fff;
}
}
*/

@media screen and (max-width: 800px){

	.content .diagnostic-tests-table .views-exposed-widgets {
		display: block;
		margin-bottom: .5em;
	}

	.content .diagnostic-tests-table thead,
	.content .diagnostic-tests-table th
	{
		/*font-size: 75%;*/
		font-size: 2vw;
	}

	.content .diagnostic-tests-table tr
	{
		background: #fff;
		width: 100%;
		display: block;
		border-bottom: 2px solid #bbb;
	}

	.content .diagnostic-tests-table td {
		display: table-row;
		border-top: 0;
	}

	.content .diagnostic-tests-table tr.even td {
		background: #fff;
	}
}


@media print {
	.content .diagnostic-tests-table { 
		font-size: 12px;
	}

	.content .diagnostic-tests-table a {
		font-size: 12px !important; 
	}
}


/**********************************************/
/*Fees Overlay CSS*/
/**********************************************/

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    /*background-color: rgb(0,0,0);*/
    background-color: rgba(255, 255, 255, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a, {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay p {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    /*color: #fff;*/
    color: #333;
    display: block;
    transition: 0.3s;
    line-height: 1.5em;
    text-align: left;
    margin: 0 auto;
    width: 50%;
    background-color: white;
    border: #333 solid 2px;
    border-radius: 10px;
    font-size: 1.5em;
    /*font-size: 2vw;*/
}


.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    /*position: absolute;*/
    position: inherit;
    float: right;
    top: 20px;
    right: 45px;
    font-size: 60px;
    padding: 0px 20px 20px 20px;
}

@media screen and (max-width: 800px) {
.overlay p {
    width: 90%;
    font-size: 1em;
    /*font-size: 6vw;*/
}
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}



/**********************************************/
/* End of Fees Overlay CSS */
/**********************************************/

