/* @import url('demo.css');
@import url('font-awesome.css'); */

/* GLOBALS */

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

::selection {
    background: transparent; 
}

::-moz-selection {
    background: transparent; 
}

.wrapper-demo {
    margin: 60px 0 0 0;
    *zoom: 1;
    font-weight: 400;
}

.wrapper-demo:after {
    clear: both;
    content: "";
    display: table;
}

/* DEMO 1 */
.wrapper-demo.dropdown-cards {
	margin: 0;
	margin-left: 15px;
}
.col-md-3.col-sm-4.col-xs-12.text-center.year-dropdown-flex {
	display:flex;
	
	}
	
.wrapper-demo.dropdown-cards .dropdown {
	box-shadow: 2px 10px 21px #ddd;
	z-index: 1;
}
.wrapper-demo.dropdown-cards .dropdown li {
	border-bottom: 1px #f9f5f5 solid;
}
.wrapper-dropdown-1 {
    position: relative;
    width: 100px;
    padding: 7px 10px;
    margin: 0 auto;
    background: none;
    color: #221638;;
	outline: none;
	cursor: pointer;
	font-weight: bold;
	border:1px solid #EEEEEE;
	border-radius:3px;
	font-weight:normal;
	
}
.wrapper-dropdown-1 {
    background-image: url(../images/arrow-downdown.png);
    background-size: 10%;
    background-repeat: no-repeat;
    background-position: center right 7px;
    width: 98px;
    height: 36px;
}

.text-center.year-dropdown-flex span {
	color: #221638;
	font-weight: 600;
	float:left;
}
.year-text{padding: 10px 0;}

.wrapper-dropdown-1 .dropdown {
    position: absolute;
    top:42px;
    left: 0;
    right: 0;
   /* Styles */
    background: #fff;
    list-style: none;
    font-weight: normal; /* Cancels previous font-weight: bold; */

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-1 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #9e9e9e;
    padding: 10px 20px;
}

/* Hover state */
.wrapper-dropdown-1 .dropdown li:hover a {
    background: #f3f8f8;
}

/* Active state */
.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}




/* No CSS3 support */

.no-opacity       .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
    display: block;
}


.examboardcustom .wrapper-demo.dropdown-cards .wrapper-dropdown-1 {
    width: 198px;
	background-size: 4%;
}
.examboardcustom .wrapper-demo.dropdown-cards .wrapper-dropdown-1 .dropdown li a, .examboardcustom .wrapper-demo.dropdown-cards .wrapper-dropdown-1 .dropdown li{
    display: block;
    text-decoration: none;
    color: 
    #221638;
    padding: 6px 20px;
    font-size: 12px;
}
.examboardcustom .wrapper-demo.dropdown-cards .dropdown.selectgcseTopic {
    max-height: 300px;
    overflow-y:auto;
    width: 290px;
	min-height:auto;
	z-index: 11;
}
.maingroup {
    color: #221638;
    padding: 6px 10px !important;
    font-size: 14px !important;
    background: #eee;
    cursor: default;
    font-weight: 500;
	pointer-events: none;
}
.examboardcustom .wrapper-demo .wrapper-demo.dropdown-cards{margin-left:0;}
.examboardcustom .wrapper-demo.dropdown-cards .wrapper-dropdown-1 span{margin-bottom:0;white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; width:150px;}
.examboardcustom .main .wrapper-demo.dropdown-cards {
    margin: 0;
        margin-left: 0px;
    margin-left: 0;
}
.examboardcustom .main .wrapper-demo.dropdown-cards .wrapper-dropdown-1 .dropdown  li {padding:0px;}
.examboardcustom .main .wrapper-demo.dropdown-cards .wrapper-dropdown-1 .dropdown  li a {padding: 8px 15px; }




.check-box-wrapper.eleven-plus-section  .wrapper-demo.dropdown-cards {
    margin-left: 0 !important;
}
.check-box-wrapper.eleven-plus-section .year-text {
    margin: 0 !important;
    text-align: left !important;
    float: left;
    width: 100%;
}

.check-box-wrapper.eleven-plus-section  .wrapper-dropdown-1 {

   
    background-size: 6%;
    background-repeat: no-repeat;
    background-position: center right 7px;
    width: 158px;
    height: 36px;

}
.check-box-wrapper.eleven-plus-section  .wrapper-dropdown-1  span {
margin-bottom: 0 !important;
}

.check-box-wrapper.eleven-plus-section .select-resource .resource-text {

    padding: 10px 0 !important;

}
.select-resource .resource-text {
    margin: 0 !important;
}
.check-box-wrapper.eleven-plus-section .dropdown.selectplusTopic{
	 max-height: 300px;
    overflow-y:auto;
    min-height:auto;
	z-index: 11;
}
.check-box-wrapper.eleven-plus-section .wrapper-dropdown-1 span{margin-bottom:0;white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; width:110px;}

.check-box-wrapper.eleven-plus-sections .wrapper-dropdown-1 .dropdown  li {padding:0px;}
.check-box-wrapper.eleven-plus-section .wrapper-dropdown-1 .dropdown  li a {
	 color: #221638;
  font-size: 13px !important;
   cursor: default;
    font-weight: 500;
	padding: 8px 15px; }
	
.check-box-wrapper.send-place-dropdown-style .wrapper-dropdown-1 {
    background-size: 4%;
    width: 187px;
    height: 36px;
}	
.check-box-wrapper.send-place-dropdown-style .year-text { margin-bottom: 0 !important;padding-top: 0;}
.check-box-wrapper.send-place-dropdown-style .wrapper-dropdown-1 span{margin-bottom:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:110px;}
.check-box-wrapper.send-place-dropdown-style .wrapper-demo.dropdown-cards { margin: 0;margin-left: 0px;}	
.check-box-wrapper.send-place-dropdown-style .dropdown.selectYearul li, .check-box-wrapper.send-place-dropdown-style .dropdown.selectTopicul li 
{font-weight: 600;font-size: 13px;padding: 8px 15px;color:#737373;}
.check-box-wrapper.send-place-dropdown-style .dropdown.selectYearul, .check-box-wrapper.send-place-dropdown-style .dropdown.selectTopicul{
	max-height: 300px;
    overflow-y:auto;
    min-height:auto;
	z-index: 11;
}
.eleven-plus-hub .tab-content.white-bg {
    padding: 30px 20px;
}
.eleven-plus-hub .select-year {
    display: flex;
    align-items: center;
    padding-bottom:0px;
}
.paragraph-eleven {
    padding: 10px 0;
}
.eleven-plus-hub div#region-drop-down > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 110px;
}
.eleven-plus-hub ul.nav.nav-tabs li a {
    width: auto;
    padding: 0 15px;
}
.eleven-plus-hub div#region-drop-down {
    width: 152px;
    font-size: 15px;
    color: #737373;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 0;
    background-size: 6%;
}
.eleven-plus-hub span.year-text {
    color: #737373;
    font-weight: 600;
    font-size: 12px;
}
.eleven-plus-hub ul.dropdown.selectplusYear li {
    border-bottom: 1px #f9f5f5 solid;
    padding-bottom: 0;
}

.eleven-plus-hub ul.dropdown.selectplusYear li a {
    color: #221638;
    font-size: 13px !important;
    cursor: default;
    font-weight: 500;
    padding: 8px 15px;
}
ul.eleven-plus-bradcums {
    padding: 0;
}
.eleven-plus-hub ul.eleven-plus-bradcums li a.active {
    color:#E184A7;
}
.pipe-seprator{margin-left: 5px;}
.eleven-plus-hub  ul.dropdown.selectplusYear{
    max-height: 300px;
    overflow-y:auto;
    min-height:auto;
	z-index: 11;
}
ul.eleven-plus-bradcums li {
    display: inline-block;
    font-size: 13px;
    color: #000;
    margin-right:5px;
}
.eleven-plus-hub .paragraph-eleven > p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    padding-bottom:0;
}
/* .eleven-plus-hub .view-outer{justify-content: flex-start;}
.eleven-plus-hub .check-box-wrapper{justify-content: flex-start;} */

.eleven-plus-hub .nav-tabs>li>a {
   background-color: #E184A7;
}
.eleven-plus-hub .view-outer .pagesclickable a.active {background-color: #E184A7;}
.breadcumbs-dropdown-card {
    display: flex;
    align-items: center;
    
}
.breadcumbs-dropdown-card ul.eleven-plus-bradcums {
    width: 100%;
}
.eleven-plus-hub .check-box-wrapper{margin-top: 0px;}
@media only screen and (max-width:1180px){

.eleven-plus-hub ul.nav.nav-tabs li a {
    width: auto;
    padding: 0 9px;
}
}
@media only screen and (min-width:993px) and (max-width:1180px){

.tab-content {
    padding: 65px 30px 40px 30px;
   
}	
.check-box-wrapper.send-place-dropdown-style {
    display: flex;
   justify-content: flex-start;
   margin-top: 18px;
  flex-wrap: wrap;
}
.check-box-wrapper.send-place-dropdown-style .select-year {
margin-left: 15px;}
.check-box-wrapper.send-place-dropdown-style .topic {margin: 12px 0 0;}
}
@media only screen and (max-width:1060px){
    .view-outer .pagesclickable a {
        padding: 8px 7px;
        font-size: 13px;
    }
    .check-box-wrapper.eleven-plus-section .wrapper-demo.dropdown-cards {
        margin-right: 15px !important;
    }
    .subject {
        width: 100%;
        margin-bottom: 10px;
    }
    .eleven-plus-hub ul.nav.nav-tabs li a {
        width: auto;
        padding: 0 7px;
        font-size: 13px;
    }
	.tab-content {
    padding: 65px 30px 40px 30px;
   
}
.topic {

    margin-left: 0 !important;

}
.check-box-wrapper.send-place-dropdown-style .topic { margin: 8px 0 0px 16px;}
}
@media only screen and (max-width:992px){
   
    .eleven-plus-hub ul.nav.nav-tabs li a {
        width: auto;
        padding: 0px 4px;
        font-size: 10px;
    }
	
	.check-box-wrapper.send-place-dropdown-style .select-year {
	margin-right: 15px;
}
.check-box-wrapper.send-place-dropdown-style .topic { margin: 0px 0 0px 16px;}
}	
	
	
	
@media only screen and (max-width:767px){
    .breadcumbs-dropdown-card {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        
    }
.check-box-wrapper.eleven-plus-section .wrapper-dropdown-1 { background-size: 2.5%;width: 100%;}
.check-box-wrapper.eleven-plus-section .main {width: 100%;}	
.check-box-wrapper.eleven-plus-section .dropdown.selectplusBoard li, .dropdown.selectplusYear li, .dropdown.selectplusTopic li{
    width: 100%;
}
.check-box-wrapper { margin-bottom: 0px;}
.check-box-wrapper.eleven-plus-section .subject.select-board {
    margin-bottom: 5px;
}
.topic {
    margin-top: 0;
    margin-bottom: 20px;
}
.check-box-wrapper.send-place-dropdown-style .main {width: 100%;}	
.check-box-wrapper.send-place-dropdown-style .wrapper-dropdown-1{background-size: 2.5%;}
.check-box-wrapper.send-place-dropdown-style .topic {margin-top: 10px; margin-bottom: 20px; margin-left:0;}
.check-box-wrapper.send-place-dropdown-style .wrapper-dropdown-1 { width: 100%;}
.check-box-wrapper.send-place-dropdown-style .dropdown.selectYearul {padding: 0;}
.check-box-wrapper.send-place-dropdown-style .dropdown.selectYearul li {width: 100%;}
.check-box-wrapper.send-place-dropdown-styl .dropdown.selectTopicul {padding: 0;}
.tab-content {padding: 65px 20px 40px 20px;}
}	
@media only screen and (min-width:480px) and (max-width:767px){
.check-box-wrapper.eleven-plus-section .wrapper-dropdown-1 { background-size:1.5%;width: 100%;}
.check-box-wrapper.eleven-plus-section .wrapper-dropdown-1 {
    background-size: 1.5%;
    width: 100%;
}	
	
}