.relyon-enrol-btn {background-color: #fbb031;color: #00323D;padding: 1.6rem 1.4rem;font-size: 16px;letter-spacing: 0.01rem;margin-right: 3px;display: block;border-radius: 0;text-decoration: none;text-align:center;}

.relyon-enrol-btn:hover {color: #fbb031;background-color: #00323D;}

.ax-table table thead tr {background-color: #efefef;}
.ax-table table tbody tr:nth-child(even) {background-color: #efefef;}
.ax-table table tr:hover {
  background-color: #F8EEE7 !important;
}

.ax-course-instance-list {padding-bottom:10px;}

.ax-course-instance-list table {width:100%}

.ax-course-instance-list.ax-table thead td {font-weight: 600;}

.ax-course-instance-list td {text-align: center;border:1px solid #ddd;padding: 9px 6px;font-size: 0.8em;}

.ax-course-button a {padding: 7px 18px;font-size: 16px;font-weight: 700;background-color: #00323D;transition: all .3s;color: #ffffff;text-transform: uppercase;text-decoration: none;}

.ax-course-button a[disabled="disabled"] span{font-size:12px;white-space: nowrap;}
.ax-course-button a[disabled="disabled"]{padding:3px 7px 7px;background-color: #aaa;}

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



	div.ax-course-instance-list.ax-table thead {display: none;}



	div.ax-course-instance-list.ax-table tbody, 

	div.ax-course-instance-list.ax-table tr,

	div.ax-course-instance-list.ax-table td,

	div.ax-shopping-cart-list table td,

	div.ax-shopping-cart-list table tbody,

	div.ax-shopping-cart-list table tr {

        display: block !important;

        border-right: none;

        width: 100%;

        white-space: normal;

    }



    div.ax-course-instance-list.ax-table tr {background: #f7f7f7;margin-bottom: 15px;padding:10px}



	.instance_date:before{ font-weight: bold; content:"Date: ";}

	.instance_time:before{font-weight: bold;  content: "Time: "}

	.instance_location:before{font-weight: bold; content: "Location: "}

	.instance_vacancy:before{ font-weight: bold; content: "Available Spaces: "}

	.instance_cost:before{font-weight: bold; content:"Price: "}

	.instance_start:before{font-weight: bold; content:"Start Date: "}

	.instance_finish:before{font-weight: bold; content:"End Date: "}

	.ax-course-instance-list.ax-table a.button {display: block;}

	div.ax-course-instance-list table, div.ax-course-instance-list td {border: none; padding:2px !important;}

	.ax-course-instance-list.ax-table table tbody tr td { text-align: center !important;}

	div.ax-course-instance-list td:first-child { font-weight: bold;}

}