.sub-discipline-button-list {list-style-type:none; padding:0;}

.main-content .sub-discipline-button-list {clear:both; list-style-type:none; margin:20px 0 0 0; padding:0;}
.sub-discipline-button-list li {font-family:'Roboto bold',sans-serif; margin-bottom:4px; text-align:center;}
.sub-discipline-button-list button {background:#fff url(/__data/assets/file/0010/806653/chevron-sm-e42312.svg) no-repeat right center; background-size:32px; border:1px solid #ccc; color:#555; display:block; padding:12px; text-decoration:none; width:100%;}
@media (min-width:768px) {
    .sub-discipline-button-list {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center;}
    .sub-discipline-button-list li {margin-bottom:24px;}
    .sub-discipline-button-list button {min-height:64px; padding:12px 24px;}
    .sub-discipline-button-list button:hover {background-color:#f4f4f4;}
}
@media (min-width:768px) and (max-width:1023px) {
    .sub-discipline-button-list li {-webkit-flex:0 0 50%; flex:0 0 50%;}
    .sub-discipline-button-list button {width:calc(100% - 12px);}
    .sub-discipline-button-list li:nth-child(even) button {margin-left:12px;}
    .sub-discipline-button-list li:nth-child(odd) button {margin-right:12px;}
}
@media (min-width:1024px) {
    .sub-discipline-button-list li {-webkit-flex:0 0 33.333%; flex:0 0 33.333%;}
    .sub-discipline-button-list button {min-height:76px; width:calc(100% - 24px);}
    .sub-discipline-button-list li:nth-child(3) button, .sub-discipline-button-list li:nth-child(6) button, .sub-discipline-button-list li:nth-child(9) button {width:100%;}
}

.main-content .filters {list-style-type:none; margin:0; padding:0;}
.filters label {font:normal 16px/20px Roboto,sans-serif;}
#ajax-course-list article .D, #ajax-course-list article .I {display:none;}
#ajax-course-list.D article .D {display:inline;}
#ajax-course-list.I article .I {display:inline;}

.course-list {clear:both; margin-bottom:24px;}
#filters {box-sizing:border-box; -webkit-flex:1 0 25%; flex:1 0 25%; padding:0; perspective:2000px; position:relative; z-index:2;}
#filters.show {height:auto;}
.filter-wrapper {-webkit-animation:accordion-closed 0.2s 1 ease-in-out forwards; animation:accordion-closed 0.2s 1 ease-in-out forwards; background-color:rgba(255,255,255,0.95); box-shadow:0 0 4px rgba(0,0,0,0.3); box-sizing:border-box; height:50vh; overflow:auto; padding:20px; position:absolute; -webkit-transform-origin:top; transform-origin:top; width:100%; z-index:2;}
.show .filter-wrapper {-webkit-animation:accordion-open 0.2s 1 ease-in-out forwards; animation:accordion-open 0.2s 1 ease-in-out forwards;}
.filters .disabled {color:#999; cursor:none; cursor:not-allowed;}
#filter-toggle {background-color:#f4f4f4; font-size:18px; margin:0;}
#filter-toggle button {border:none; padding:11px 12px; width:100%;}
#filter-toggle button:before {content:"Show ";}
#filter-toggle img {padding:0;}
.show #filter-toggle button:before {content:"Hide ";}
#filter-title {background-color:#f4f4f4; display:none; font-size:16px; line-height:20px; margin:0; padding:12px 20px; text-transform:uppercase;}
#filters legend {font-size:16px; line-height:20px; margin-bottom:4px;}
@media (min-width:1024px) {
    .course-list {display:-webkit-flex; display:flex;}
    #filters {height:auto; margin-top:0; max-height:inherit; position:static;}
    #filter-toggle {display:none;}
    #filter-title {display:block;}
    .filter-wrapper {-webkit-animation:none; animation:none; background-color:transparent; box-shadow:none; height:auto; padding:12px 0 0 2px; position:static;}
    #filters fieldset {-webkit-animation:none; animation:none; border-bottom:1px solid #ccc; margin-bottom:12px; padding-bottom:12px;}
    #filters li {margin-bottom:0;}
}
#ajax-course-list {box-sizing:border-box; -webkit-flex:1 0 75%; flex:1 0 75%; padding-top:18px;}
#ajax-course-list.no-filters {display:block; margin-bottom:24px; padding:0;}
@media (min-width:1024px) {
    #ajax-course-list {margin-top:0; padding:0 0 0 12px;}
}
#selected-sub-discipline-title {background-color:#666; color:#fff; margin-bottom:8px; padding:12px 20px;}
#selected-sub-discipline-title:focus {outline:none;}
#ajax-course-list {opacity:1; transition:opacity 0.3s ease-in;}
#ajax-course-list[data-fade] {opacity:0; transition:opacity 0s;}
#ajax-course-list article {background-color:#f4f4f4; box-shadow:0 2px 0 #e42312; box-sizing:border-box; margin-bottom:24px; padding:20px; position:relative; -webkit-transform-origin:top; transform-origin:top;}
#ajax-course-list article.hide {display:none;}
#ajax-course-list article.SC {background-color:#f4f4f4;}
#ajax-course-list article h3 {display:inline-block; margin-bottom:20px; width:calc(100% - 64px);}
#ajax-course-list article.HON h3, #ajax-course-list article.SC h3, #ajax-course-list article.SC h4 {margin:0;}
#ajax-course-list article p {font-size:16px; line-height:20px; margin:0 0 12px; padding-left:28px;}
#ajax-course-list .icon {margin-left:-28px;}
.course-list-atar span:not(.bold):not(:last-of-type):after {content:",";}
.atar-location:empty:after {content:" Not available";}
@media (min-width:1024px) {
    #ajax-course-list article.hero img {max-width:auto;}
}

.tag {background-color:#fff; border:1px solid #ccc; display:inline-block; font-size:14px; margin:0 16px 16px 0; padding:3px 8px;}
.tag + .tag {margin-left:0;}

#reset-sub-discipline {background-color:#fff; border:none; border-radius:0; box-shadow:0 0 4px rgba(0,0,0,0.6); font:16px/1 Roboto,sans-serif; margin-left:12px; padding:8px 12px;}

.save-course {display:inline-block; font-size:14px; position:absolute; right:10px; text-align:center; top:10px; vertical-align:bottom; width:48px;}
.save-course-icon {cursor:pointer; opacity:0; position:absolute;}
.save-course-icon:focus {outline:0 solid;}
.save-course label {box-sizing:border-box; cursor:pointer; cursor:pointer; display:block; height:48px; margin:0 auto;}
.save-course-icon:focus + label {outline:2px dotted red;}
.save-course-icon + label:hover {color:#e42312;}
.save-course-icon + label:before {content:url(/__data/assets/file/0003/854121/course-heart-outline.svg); display:inline-block;}
.save-course-icon:checked + label:before {content:url(/__data/assets/file/0020/854120/course-heart.svg);}

@media (min-width:1024px) {
    .save-course-icon + label:before {background-size:48px; height:48px; width:48px;}
}

#filters legend a.tag.pls-explain {
    border-width: 0 0 1px;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

#filters legend .tip-text {
    font-family: 'Roboto', Verdana, Helvetica, Arial, sans-serif;
}

#filters legend {
    width: calc(100% - 9px);
}

.filter-single-row-input {
    display: flex;
}

.filter-single-row-input input[type="text"] {
    flex: 1 1 auto;
    width: 1%;
}

.your-atar-group {
    font-weight: bold;
    font: 16px 'Roboto Bold', sans-serif;
}


.your-atar-group input[type="text"], .your-atar-group input[type="button"] {
    font-family: 'Roboto Bold', sans-serif;
    font-weight: bold;
}

.your-atar-group input[type="button"]:active, input.your-atar-group [type="button"]:focus {
    background-color: #e42312;    
}

.your-atar-group input[type="text"]:disabled {
    background-color: #e9ecef;
    cursor: not-allowed;
}

.your-atar-group input[type="button"]:disabled {
    background-color: #999;
    cursor: not-allowed;
}

.your-atar-group input[type="text"]:disabled:-ms-input-placeholder {color: #999;}
.your-atar-group input[type="text"]:disabled::-ms-input-placeholder {color: #999;}
.your-atar-group input[type="text"]:disabled:-moz-placeholder {color: #999;}
.your-atar-group input[type="text"]:disabled::-moz-placeholder {color: #999;}
.your-atar-group input[type="text"]:disabled::-webkit-input-placeholder {color: #999;}

.atar {
    margin-right: 6px;
}

.atar::after{
    margin-right: -3px;
}

.atar:first-child {
    margin-left: 3px;
}

.atar:last-child {
    margin-right: 0;
}

.atar.atar-match {
    background-color: #f8c8c7;
}

#filters legend .legend-note {
    font: 16px/20px 'Roboto', Verdana, Helvetica, Arial, sans-serif;
}