*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

*{
   font-family: 'CerebriSans-Regular', 'CerebriSans', 'Helvetica Neue', Arial, sans-serif; 
   font-size: 14px;
}

/* Cerebri Sans - Light */
@font-face{ 
	font-family: 'CerebriSans-Light';
	src: url('../fonts/CerebriSans/CerebriSans-Light.eot');
	src: url('../fonts/CerebriSans/CerebriSans-Light.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/CerebriSans/CerebriSans-Light.woff') format('woff'),
	     url('../fonts/CerebriSans/CerebriSans-Light.ttf') format('truetype'),
	     url('../fonts/CerebriSans/CerebriSans-Light.svg#webfont') format('svg');    
}
.csl {font-family: 'CerebriSans-Light'; font-weight:300;}
/* / Cerebri Sans - Light */

/* Cerebri Sans - Regular */
@font-face{ 
	font-family: 'CerebriSans-Regular';
	src: url('../fonts/CerebriSans/CerebriSans-Regular.eot');
	src: url('../fonts/CerebriSans/CerebriSans-Regular.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/CerebriSans/CerebriSans-Regular.woff') format('woff'),
	     url('../fonts/CerebriSans/CerebriSans-Regular.ttf') format('truetype'),
	     url('../fonts/CerebriSans/CerebriSans-Regular.svg#webfont') format('svg');    
}
.csr {font-family: 'CerebriSans-Regular'; font-weight:400;}
/* / Cerebri Sans - Regular */

/* Cerebri Sans - Medium */
@font-face{ 
	font-family: 'CerebriSans-Medium';
	src: url('../fonts/CerebriSans/CerebriSans-Medium.eot');
	src: url('../fonts/CerebriSans/CerebriSans-Medium.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/CerebriSans/CerebriSans-Medium.woff') format('woff'),
	     url('../fonts/CerebriSans/CerebriSans-Medium.ttf') format('truetype'),
	     url('../fonts/CerebriSans/CerebriSans-Medium.svg#webfont') format('svg');    
}
.csm {font-family: 'CerebriSans-Medium'; font-weight:500;}
/* / Cerebri Sans - Medium */

/* Cerebri Sans - SemiBold */
@font-face{ 
	font-family: 'CerebriSans-SemiBold';
	src: url('../fonts/CerebriSans/CerebriSans-SemiBold.eot');
	src: url('../fonts/CerebriSans/CerebriSans-SemiBold.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/CerebriSans/CerebriSans-SemiBold.woff') format('woff'),
	     url('../fonts/CerebriSans/CerebriSans-SemiBold.ttf') format('truetype'),
	     url('../fonts/CerebriSans/CerebriSans-SemiBold.svg#webfont') format('svg');    
}
.cssb {font-family: 'CerebriSans-SemiBold'; font-weight:600;}
/* / Cerebri Sans - SemiBold */
    
html, body {
    font-size: 14px;
    line-height:1.5;
    letter-spacing: 0.3px;    
    width: 100%;
    height: 100%;
    padding: 0;
	margin: 0;
	color: #050F2D;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
	font-family: 'CerebriSans-Regular', 'CerebriSans', 'Helvetica Neue', Arial, sans-serif;   
}

/* Header */
header {
    background-color: #4D59A5; 
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
	z-index: 100;
}
/* / Header */

/* Container */
.bc-container {
    margin: 10px 30px;
}
/* / Container */

/* Spacing */
.ma-0	{margin:0!important;}
.ml-0	{margin-left:0!important;}
.mr-0	{margin-right:0!important;}
.mt-0	{margin-top:0!important;}
.mb-0	{margin-bottom:0!important;}

.pa-0	{padding:0!important;}
.pl-0	{padding-left:0!important;}
.pr-0	{padding-right:0!important;}
.pt-0	{padding-top:0!important;}
.pb-0	{padding-bottom:0!important;}
/* / Spacing */

/* Typography */
.bc-h1, .bc-h2, .bc-h3, .bc-h4, .bc-h5, .bc-h6, .bc-p,
h1, h2, h3, h4, h5, h6, p {
	display:block;
    margin-bottom: 10px!important;
}
.bc-h1, h1 {font-size: 24px;}
.bc-h2, h2 {font-size: 22px;}
.bc-h3, h3 {font-size: 20px;}
.bc-h4, h4 {font-size: 18px;}
.bc-h5, h5 {font-size: 16px;}
.bc-h6, h6 {font-size: 14px;}
.bc-p[small], p[small] {font-size:12px;}
.bc-p[data-vis], p[data-vis] {font-size:24px;}

.bc-h1, .bc-h2,
h1, h2 {
    font-family: 'CerebriSans-SemiBold'; font-weight:600!important;
}

.bc-h3, .bc-h4, .bc-h5, .bc-h6, .bc-tabs,
h3, h4, h5, h6, .bc-tabs {
    font-family: 'CerebriSans-Medium'; font-weight:500!important;
}

button {
    font-family: 'CerebriSans-Regular'; font-weight:400!important;
}

.text-left 		{text-align: left!important;}
.text-center 	{text-align: center!important;}
.text-right 	{text-align: right!important;}
.text-lhn		{line-height: normal!important;}
/* / Typography */

/* Tabs */
ul.bc-tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-bottom: 4px solid #eee;
}

ul.bc-tabs li{
    background: none;
    color:#7E8494;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}

ul.bc-tabs li.current{
    color: #4D59A5;
    position: relative;
}

ul.bc-tabs li.current:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 4px;
    width: 100%;
    background-color: #4D59A5;
    border-radius: 2px;
}

.bc-tab-content{
    display: none;
    padding: 30px 0;
}

.bc-tab-content.current{
    display: inherit;
}
/* / Tabs */

/* Buttons */
bc-button,
button {
    text-transform: none;
    border-radius: 4px;
    box-shadow: none!important;
    align-items: center;
    display: inline-flex;
    height: 36px;
    padding: 0 16px;
    flex: 0 0 auto;
    font-size: 14px;
    justify-content: center;
    margin: 6px 8px;
    min-width: 80px;
    outline: 0;
    text-decoration: none;
    position: relative;
    vertical-align: middle;
    border-width: 1px;
    background-color: #ddd;
    border-style: none;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.3s ease;
}

bc-button[primary],
button[primary] {
    background-color: #4D59A5;
    color: #fff;
}

button[secondary] {
    background-color: #fff;
    color: #4D59A5;
    border-style: solid;
    border-color: #4D59A5;
    height: 34px;
    padding: 0 15px;
}

button[tertiary] {
    background-color: #ECEDF1;
}

button[ghost] {
    background-color: #fff;
}

button[danger] {
    background-color: #F02D1F;
    color: #fff;
}

button[disabled] {
    background-color: rgba(0,0,0,.10);
    color: rgba(0,0,0,.20);
    cursor: not-allowed;
    pointer-events: none;
}

button[disabled] > i {
    color: rgba(0,0,0,.50)!important;
}

bc-button[primary]:hover,
button[primary]:hover {
	background-color: #3F4A8D;
}

button[secondary]:hover {
    background-color: #EFF1FA;
}

button[tertiary]:hover {
    background-color: #E0E1E6;
}

button[ghost]:hover {
    background-color: #ECEDF1;
}

button[danger]:hover {
    background-color: #D71509;
}

bc-button:focus:before,
button:focus:before {
	content: '';
	position: absolute;
	top: -2px;
	width: 100%;
	height: 100%;
	border:2px solid #89B7F4;
	border-radius: 6px;	
}

button[secondary]:focus:before {
	top: -3px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
}

button[small] {
	height: 28px;
    padding: 0 8px;
    font-size: 13px;
    min-width: 60px;
}

button[secondary small] {
	height: 26px;
    padding: 0 7px;
}

bc-button > i,
button > i {
	min-width: 19px;
	font-size: 18px;
	margin-right: 5px;
	transition: all 0.3s;
}

button > i[right] {
	margin: 0 0 0 5px;
}

button[small] > i {
	font-size: 16px;
	min-width: 16px;
}

button[icon] {
	min-width: auto;
	width: 28px;
	height: 28px;
	padding: 0;
	margin: 2px;
	border-radius: 100%;
	background-color: #fff;
}

button[icon]:hover {
    background-color: #ECEDF1;
}

button[icon]:focus:before {
	border-radius: 100%;	
}

button[icon] > i {
	padding: 0;
	margin: 0;
	font-size: 14px;
	min-width: auto;
}

button[icon].white {
	background-color: transparent;
	color: #fff;
}

button[icon].white:hover {
	background-color: #ECEDF1;
	color: #4D59A5;
}

.bc-icon-button-group {
    display: inline-flex;
}

.bc-icon-button-group > button {
    margin:1px!important;
}
/* / Buttons */

/* Table */
.bc-table {
	/*border-collapse: collapse;*/
	border-spacing: 0;
	width: 100%;
	margin-bottom: 20px;
}

.bc-table tr th {
    text-transform: uppercase;
}

.bc-table tr th,
.bc-table tr td {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.bc-table.counter tbody {
    counter-reset: rowNumber;
}

.bc-table.counter tbody tr {
    counter-increment: rowNumber;
}

.bc-table.counter tbody tr td:first-child::before {
    content: counter(rowNumber)'.';
    display: inline-block;
    min-width: 20px;
    margin-right: 1em;
    text-align: left;
}

.bc-table.counter thead tr th.sl-no:before {
    content: '#';
    display: inline-block;
    min-width: 20px;
    margin-right: 1em;
    text-align: left;
}

.bc-table.bc-typography tr th:nth-child(4),
.bc-table.bc-typography tr td:nth-child(4) {
    display: none;
}

.bc-table tbody tr td h1, 
.bc-table tbody tr td h2, 
.bc-table tbody tr td h3, 
.bc-table tbody tr td h4, 
.bc-table tbody tr td h5, 
.bc-table tbody tr td h6, 
.bc-table tbody tr td p {
    margin-bottom: 0;
}


.bc-table.bc-typography tr td:first-child, 
.bc-table.bc-typography tr th:first-child {
	padding-left: 0!important;
	width: 360px;
}

.bc-table.bc-buttons tr th:nth-child(1),
.bc-table.bc-buttons tr td:nth-child(1),
.bc-table.bc-buttons tr th:nth-child(2),
.bc-table.bc-buttons tr td:nth-child(2) {
	text-align: center;
	width: 150px;
}

.bc-table.bc-typography tr td:nth-child(2), 
.bc-table.bc-typography tr th:nth-child(2),
.bc-table.bc-buttons tr th:nth-child(3),
.bc-table.bc-buttons tr td:nth-child(3) {
	width: 400px;
}

.bc-table.bc-icons tr th:nth-child(1),
.bc-table.bc-icons tr td:nth-child(1) {
	padding-left: 0;
}

.bc-table.bc-icons tr th:nth-child(2),
.bc-table.bc-icons tr td:nth-child(2),
.bc-table.bc-icons tr th:nth-child(3),
.bc-table.bc-icons tr td:nth-child(3),
.bc-table.bc-icons tr th:nth-child(4),
.bc-table.bc-icons tr td:nth-child(4) {
    text-align: center;
    width: 30px;
}

.bc-datatable {
	border:1px solid #ddd;
	border-radius: 4px!important;
	font-size: 13px;
}	

.bc-datatable tr th {
	text-transform: capitalize;
}

.bc-datatable tr th {
    padding: 12px 8px;
}

.bc-datatable tr td {
    padding: 6px 8px;
}

.bc-datatable tr:last-child td {
	border-bottom: 0;
}

.bc-datatable tr:hover td {
	background-color:  rgba(239,241,250,.20);
}

.bc-datatable tr td button[icon] {
    width: 20px;
    height: 20px;
}    

/*
.bc-datatable th:nth-last-child(-n+3),
.bc-datatable td:nth-last-child(-n+3) {
	text-align: center;
	border-left: 1px solid #ddd;
}
*/

th.bl-1,
td.bl-1 {
	border-left: 1px solid #ddd;
}

/* / Table */

/* Font Awesome */
.fal {
	cursor: pointer;
}

.fal:hover {
	/*color: #539AF8;*/
}

.fas.disabled,
.fas[disabled],
.disabled>.fas,
[disabled]>.fas,
.far.disabled,
.far[disabled],
.disabled>.far,
[disabled]>.far,
.fal.disabled,
.fal[disabled],
.disabled>.fal,
[disabled]>.fal {
	opacity: 0.2; /*optional*/
	cursor: not-allowed; /*optional*/
	pointer-events: none;
	color: #ddd!important;
}

.fa-chevron-left.fa-first {
	border-left: 1px solid #000;
}

.fa-chevron-right.fa-last {
	border-right: 1px solid #000;
}

button:hover > .fa-chevron-left.fa-first,
button:hover > .fa-chevron-right.fa-last {
	border-width: 2px;
	padding: 0;
}

.fa-not {
	position: relative;
	opacity: 0.8;
}

.fa-not>i {
	position: absolute;
	left: 0;
	top: 45%;
	width: 100%;
	height: 1px;
	content: 'aaa';
	background-color: #000;
}

/* / Font Awesome */

/* eSD Icons */

.bc-icon-group {
    display: block;
    padding: 2px;
    text-align: center;
    white-space: nowrap;
}

.bc-icon-group > i {
	margin: 1px -1px;
}

.icon-no-results        {color:#ff0000;}
.icon-contact-alert     {color:#ff0000;}
.icon-alert             {color:#ff0000;}
.icon-pre-registered    {color:#2E7D4E;}
.icon-summer-school     {color:#FF9900;}
.icon-504               {color:#6EAD6A;}
.icon-rti               {color:#4FBDFE;}
.icon-spl-ed            {color:#935BD3;}
.icon-lep               {color:#049290;}
.icon-former-lep        {color:#49C379;}
.icon-nd				{color:#FFFD38;}
.icon-5709				{color:#4B0D80;}
.icon-5753				{color:#E0E1E6;}
.icon-0264				{color:#FD8024;}
/* / eSD Icons */

/* Code */
code {display: block;}
/* / Code */

/* Overwrites */

.esdLogo {
	background: none;
}	

.esdLogo input {
    background: url(../Images/logo-eSD-new.png) no-repeat center center;
	background-repeat: no-repeat;
	background-size: contain;
    width: 130px;
    height: 40px;
    margin-left: 10px;
}

.bannerBar {
	background: #4D59A5;
	border-bottom: 1px solid #AFB7E7;
}

.bannerRight {
	background: none;
}	

.menu_tab_bg {
    background: #606FCE;
	height: 36px;
}

.menu_tab,
.menu_tab_over {
	border: 0;
	height: 36px;
	line-height: 36px;
	margin-right:1px;
}

.menu_tab_over {
	background: #4D59A5;
}	

.menu_tab:hover {
	background: #4D59A5;
}

.bannerItem {
    padding: 8px 0;
}	

.esdControls {
    margin: 3px 10px 0 30px;
}

.submenu_tab_bg {
    background-color: #fff;
    border-bottom: 4px solid #eee;
	overflow: visible;
}	

.submenu_tab {
	position: relative;
	border:none;
	overflow: visible;
	color:#7E8494;
}

.submenu_tab_over {
	position: relative;
	border:none;
	overflow: visible;
	color: #4D59A5;
}	

.submenu_tab:hover {
	border:none;
}	

.submenu_tab:hover:after,
.submenu_tab_over:after {
    content: '';
    position: absolute;
    left: 2%;
    bottom: -7px;
    height: 4px;
    width: 96%;
    background-color: #4D59A5;
    border-radius: 2px;
}	

.navbar {
	height: 26px;
	margin-top: 4px;
	overflow:visible;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25)!important;
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25)!important;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25)!important;
}

.navbar > .drop-down-conatiner {
    width: 50%;
    margin: -6px 0 6px 0;
}

.collapse-button {
	display: none!important;
}

a,
input,
select,
th,
td {
   font-family: 'CerebriSans-Regular', 'CerebriSans', 'Helvetica Neue', Arial, sans-serif!important; 
}

th,
.menu_tab,
.menu_tab_over,
.submenu_tab,
.submenu_tab_over {
    font-family: 'CerebriSans-Medium'!important;
    font-weight: 500!important;
}

.menu_tab,
.menu_tab_over,
.submenu_tab,
.submenu_tab_over,
.f12 {
   font-size:12px!important; 
}

th, td,
td a,
.bannerItem span,
input,
select {
   font-size:13px!important; 
}

td input[type=text],
td select { 
   border-radius: 4px!important;
   margin: 3px 0!important;
   vertical-align: middle;
}

td input[type=text] {
	height: 20px!important;
   padding:2px 5px!important;
}

td select {
	height: 24px!important;
   padding:3px 5px!important;
}

.x-form-field-wrap {
	position:relative;
}

.x-form-field-wrap > input {	
	width:140px!important;
}

.ext-safari .x-form-field-wrap .x-form-trigger {
	position:absolute;
	right: 20px;
    top: 6px;
}	

table {
	width: 100%!important;
}	

.maintable, #tblMain {
    border: 1px solid #ddd !important;
    margin: 0!important;
	background:none!important;
	border-spacing:0!important;
	border-radius:4px;
	width:100%;
}

.maintable tr td,
.maintable tr td,
.sub_heading {
	background: none!important;
	border:0;
}	

.sub_heading {
	border-bottom: 1px solid #ddd!important;
	padding: 6px 10px;
	font-weight: bold;
}	

.sub_heading > input {
	margin: -3px 3px 0;
    vertical-align: middle;
    border: none;

}

#student_search > td {
	padding: 10px;
}	

#ContentPlaceHolder1_rtbStatus,
#ContentPlaceHolder1_ucSearchResults_ctl00 {
	width:auto!important;
}





#tblReport {
	border-spacing: 0;
	width: 100%;
	margin-bottom: 20px;
	border:1px solid #ddd;
	border-radius: 4px!important;
}	

#tblReport tr {
	background: none!important;
}

#tblReport tr th,
#tblReport tr td {
	border: none!important;
    border-bottom: 1px solid #ddd!important;
    text-align: left;
	background: none!important;
	font-size: 13px!important;
	line-height: 1.3;
	vertical-align: middle;
}

#tblReport tr:hover td {
	background-color:  rgba(239,241,250,.20)!important;
}

#tblReport tr th {
	text-transform: capitalize;
}

#tblReport tr th {
    padding: 12px 8px;
}

#tblReport tr td {
    padding: 6px 8px;
}

#tblReport tr:last-child td {
	border-bottom: 0;
}

#tblReport tr:hover td {
	background-color:  rgba(239,241,250,.20);
}

.result_heading {
	
}

/* / Overwrites */