@font-face {
	font-family: 'subjecticons';
	src:  url('/resources/fonts/subjectfont/subjecticons.eot?4zlsgd');
	src:  url('/resources/fonts/subjectfont/subjecticons.eot?4zlsgd#iefix') format('embedded-opentype'),
    url('/resources/fonts/subjectfont/subjecticons.ttf?4zlsgd') format('truetype'),
    url('/resources/fonts/subjectfont/subjecticons.woff?4zlsgd') format('woff'),
    url('/resources/fonts/subjectfont/subjecticons.svg?4zlsgd#subjecticons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-56 [class^="icon-"], .icon-56 [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'subjecticons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size:2rem;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-56 i{color:#fff; height:32px; width:32px; border-radius: 50%; text-align: center;display: block;line-height: 32px !important;
background: rgba(112,207,245,1);
background: -moz-linear-gradient(left, rgba(112,207,245,1) 0%, rgba(112,207,245,1) 50%, rgba(69,182,230,1) 51%, rgba(69,182,230,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(112,207,245,1)), color-stop(50%, rgba(112,207,245,1)), color-stop(51%, rgba(69,182,230,1)), color-stop(100%, rgba(69,182,230,1)));
background: -webkit-linear-gradient(left, rgba(112,207,245,1) 0%, rgba(112,207,245,1) 50%, rgba(69,182,230,1) 51%, rgba(69,182,230,1) 100%);
background: -o-linear-gradient(left, rgba(112,207,245,1) 0%, rgba(112,207,245,1) 50%, rgba(69,182,230,1) 51%, rgba(69,182,230,1) 100%);
background: -ms-linear-gradient(left, rgba(112,207,245,1) 0%, rgba(112,207,245,1) 50%, rgba(69,182,230,1) 51%, rgba(69,182,230,1) 100%);
background: linear-gradient(to right, rgba(112,207,245,1) 0%, rgba(112,207,245,1) 50%, rgba(69,182,230,1) 51%, rgba(69,182,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70cff5', endColorstr='#45b6e6', GradientType=1 );
}

.icon-90:before {
  content: "\e91c"; /* Physical Education */
}

.icon-229:before {
  content: "\e925"; /* Yoga */
}

.icon-1:before {
  content: "\e900"; /* Maths Icon */
}
.icon-2:before {
  content: "\e901"; /* Physics Icon */
}
.icon-3:before {
  content: "\e902"; /* Chemistry Icon */
}
.icon-7:before {
  content: "\e903"; /* Biology Icon */
}
.icon-8:before {
  content: "\e904"; /* Science Icon */
}
.icon-9:before {
  content: "\e905"; /* Social Science Icon */
}
.icon-10:before {
  content: "\e906"; /* Geography Icon */
}
.icon-11:before {
  content: "\e907"; /* History Icon */
}
.icon-13:before {
  content: "\e908"; /* Civics Icon */
}
.icon-14:before {
  content: "\e909"; /* Economics Icon */
}
.icon-18:before {
  content: "\e90a"; /* English Icon */
}
.icon-19:before {
  content: "\e90b"; /* Environmental Science Icon */
}
.icon-20:before {
  content: "\e90c"; /* Botany Icon */
}
.icon-22:before {
  content: "\e90d"; /* English Grammar Icon */
}
.icon-29:before {
  content: "\e90e"; /* Business Studies Icon */
}
.icon-30:before {
  content: "\e90f"; /* Statistics */
}
.icon-31:before {
  content: "\e911"; /* Accountancy Icon */
}
.icon-22:before {
  content: "\e90d"; /* English Writing Skills */
}
.icon-43:before {
  content: "\e90d"; /* English lit */
}
.icon-45:before {
  content: "\e912"; /* Hindi Icon */
}
.icon-47:before {
  content: "\e912"; /* Hindi grammer Icon */
}
.icon-64:before {
  content: "\e913"; /* Psychology Icon */
}
.icon-66:before {
  content: "\e914"; /* Political Science Icon */
}
.icon-67:before {
  content: "\e915"; /* Biotechnology Icon */
}
.icon-68:before {
  content: "\e916"; /* Sociology Icon */
}
.icon-79:before {
  content: "\e917"; /* Computer Science Icon */
}
.icon-91:before {
  content: "\e918"; /* Sanskrit Icon */
}



/* subject icons background */
i.icon-1, i.icon-30, i.icon-31, i.icon-79{
	background: rgba(255,149,0,1) !important;
	background: -moz-linear-gradient(left, rgba(255,149,0,1) 0%, rgba(255,149,0,1) 50%, rgba(255,115,0,1) 51%, rgba(255,115,0,1) 100%) !important;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,149,0,1)), color-stop(50%, rgba(255,149,0,1)), color-stop(51%, rgba(255,115,0,1)), color-stop(100%, rgba(255,115,0,1))) !important;
	background: -webkit-linear-gradient(left, rgba(255,149,0,1) 0%, rgba(255,149,0,1) 50%, rgba(255,115,0,1) 51%, rgba(255,115,0,1) 100%) !important;
	background: -o-linear-gradient(left, rgba(255,149,0,1) 0%, rgba(255,149,0,1) 50%, rgba(255,115,0,1) 51%, rgba(255,115,0,1) 100%) !important;
	background: -ms-linear-gradient(left, rgba(255,149,0,1) 0%, rgba(255,149,0,1) 50%, rgba(255,115,0,1) 51%, rgba(255,115,0,1) 100%) !important;
	background: linear-gradient(to right, rgba(255,149,0,1) 0%, rgba(255,149,0,1) 50%, rgba(255,115,0,1) 51%, rgba(255,115,0,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9500', endColorstr='#ff7300', GradientType=1 ) !important;
	/* Sass */
	/* background-color: rgba(255,149,0,1);
	background: @include filter-gradient(#ff9500, #ff7300, horizontal);
	background: @include background-image(linear-gradient(left, rgba(255,149,0,1) 0%, rgba(255,149,0,1) 50%, rgba(255,115,0,1) 51%, rgba(255,115,0,1) 100%)); */
}
i.icon-2, .icon-90{
	background: rgba(0,189,170,1) !important;
	background: -moz-linear-gradient(left, rgba(0,189,170,1) 0%, rgba(0,189,170,1) 50%, rgba(3,169,152,1) 51%, rgba(3,169,152,1) 100%) !important;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,189,170,1)), color-stop(50%, rgba(0,189,170,1)), color-stop(51%, rgba(3,169,152,1)), color-stop(100%, rgba(3,169,152,1))) !important;
	background: -webkit-linear-gradient(left, rgba(0,189,170,1) 0%, rgba(0,189,170,1) 50%, rgba(3,169,152,1) 51%, rgba(3,169,152,1) 100%) !important;
	background: -o-linear-gradient(left, rgba(0,189,170,1) 0%, rgba(0,189,170,1) 50%, rgba(3,169,152,1) 51%, rgba(3,169,152,1) 100%) !important;
	background: -ms-linear-gradient(left, rgba(0,189,170,1) 0%, rgba(0,189,170,1) 50%, rgba(3,169,152,1) 51%, rgba(3,169,152,1) 100%) !important;
	background: linear-gradient(to right, rgba(0,189,170,1) 0%, rgba(0,189,170,1) 50%, rgba(3,169,152,1) 51%, rgba(3,169,152,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bdaa', endColorstr='#03a998', GradientType=1 ) !important;
	/* Sass */
	/* background-color: rgba(0,189,170,1);
	background: @include filter-gradient(#00bdaa, #03a998, horizontal);
	background: @include background-image(linear-gradient(left, rgba(0,189,170,1) 0%, rgba(0,189,170,1) 50%, rgba(3,169,152,1) 51%, rgba(3,169,152,1) 100%)); */
}

i.icon-3{
	background: rgba(60,176,238,1) !important;
	background: -moz-linear-gradient(left, rgba(60,176,238,1) 0%, rgba(60,176,238,1) 50%, rgba(36,156,221,1) 51%, rgba(36,156,221,1) 100%) !important;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(60,176,238,1)), color-stop(50%, rgba(60,176,238,1)), color-stop(51%, rgba(36,156,221,1)), color-stop(100%, rgba(36,156,221,1))) !important;
	background: -webkit-linear-gradient(left, rgba(60,176,238,1) 0%, rgba(60,176,238,1) 50%, rgba(36,156,221,1) 51%, rgba(36,156,221,1) 100%) !important;
	background: -o-linear-gradient(left, rgba(60,176,238,1) 0%, rgba(60,176,238,1) 50%, rgba(36,156,221,1) 51%, rgba(36,156,221,1) 100%) !important;
	background: -ms-linear-gradient(left, rgba(60,176,238,1) 0%, rgba(60,176,238,1) 50%, rgba(36,156,221,1) 51%, rgba(36,156,221,1) 100%) !important;
	background: linear-gradient(to right, rgba(60,176,238,1) 0%, rgba(60,176,238,1) 50%, rgba(36,156,221,1) 51%, rgba(36,156,221,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cb0ee', endColorstr='#249cdd', GradientType=1 ) !important;
	/* Sass */
	/* background-color: rgba(60,176,238,1) !important;
	background: @include filter-gradient(#3cb0ee, #249cdd, horizontal);
	background: @include background-image(linear-gradient(left, rgba(60,176,238,1) 0%, rgba(60,176,238,1) 50%, rgba(36,156,221,1) 51%, rgba(36,156,221,1) 100%)); */
}

i.icon-7{
	background: rgba(171,107,255,1) !important !important;
	background: -moz-linear-gradient(left, rgba(171,107,255,1) 0%, rgba(171,107,255,1) 50%, rgba(155,85,248,1) 51%, rgba(155,85,248,1) 100%) !important;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(171,107,255,1)), color-stop(50%, rgba(171,107,255,1)), color-stop(51%, rgba(155,85,248,1)), color-stop(100%, rgba(155,85,248,1))) !important;
	background: -webkit-linear-gradient(left, rgba(171,107,255,1) 0%, rgba(171,107,255,1) 50%, rgba(155,85,248,1) 51%, rgba(155,85,248,1) 100%) !important;
	background: -o-linear-gradient(left, rgba(171,107,255,1) 0%, rgba(171,107,255,1) 50%, rgba(155,85,248,1) 51%, rgba(155,85,248,1) 100%) !important;
	background: -ms-linear-gradient(left, rgba(171,107,255,1) 0%, rgba(171,107,255,1) 50%, rgba(155,85,248,1) 51%, rgba(155,85,248,1) 100%) !important;
	background: linear-gradient(to right, rgba(171,107,255,1) 0%, rgba(171,107,255,1) 50%, rgba(155,85,248,1) 51%, rgba(155,85,248,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab6bff', endColorstr='#9b55f8', GradientType=1 ) !important;
	/* Sass */
	/* background-color: rgba(171,107,255,1);
	background: @include filter-gradient(#ab6bff, #9b55f8, horizontal);
	background: @include background-image(linear-gradient(left, rgba(171,107,255,1) 0%, rgba(171,107,255,1) 50%, rgba(155,85,248,1) 51%, rgba(155,85,248,1) 100%)); */
}

i.icon-8, i.icon-289{
	background: rgba(29,123,230,1) !important !important;
	background: -moz-linear-gradient(left, rgba(29,123,230,1) 0%, rgba(29,123,230,1) 50%, rgba(1,99,212,1) 51%, rgba(1,99,212,1) 100%) !important;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(29,123,230,1)), color-stop(50%, rgba(29,123,230,1)), color-stop(51%, rgba(1,99,212,1)), color-stop(100%, rgba(1,99,212,1))) !important;
	background: -webkit-linear-gradient(left, rgba(29,123,230,1) 0%, rgba(29,123,230,1) 50%, rgba(1,99,212,1) 51%, rgba(1,99,212,1) 100%) !important;
	background: -o-linear-gradient(left, rgba(29,123,230,1) 0%, rgba(29,123,230,1) 50%, rgba(1,99,212,1) 51%, rgba(1,99,212,1) 100%) !important;
	background: -ms-linear-gradient(left, rgba(29,123,230,1) 0%, rgba(29,123,230,1) 50%, rgba(1,99,212,1) 51%, rgba(1,99,212,1) 100%) !important;
	background: linear-gradient(to right, rgba(29,123,230,1) 0%, rgba(29,123,230,1) 50%, rgba(1,99,212,1) 51%, rgba(1,99,212,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d7be6', endColorstr='#0163d4', GradientType=1 ) !important;
	/* Sass */
	/* background-color: rgba(29,123,230,1) !important;
	background: @include filter-gradient(#1d7be6, #0163d4, horizontal) !important;
	background: @include background-image(linear-gradient(left, rgba(29,123,230,1) 0%, rgba(29,123,230,1) 50%, rgba(1,99,212,1) 51%, rgba(1,99,212,1) 100%)) !important; */
}

i.icon-9, i.icon-29, i.icon-66{
	background: rgba(255,78,43,1) !important !important;
	background: -moz-linear-gradient(left, rgba(255,78,43,1) 0%, rgba(255,78,43,1) 50%, rgba(255,16,16,1) 51%, rgba(255,16,16,1) 100%) !important;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,78,43,1)), color-stop(50%, rgba(255,78,43,1)), color-stop(51%, rgba(255,16,16,1)), color-stop(100%, rgba(255,16,16,1))) !important;
	background: -webkit-linear-gradient(left, rgba(255,78,43,1) 0%, rgba(255,78,43,1) 50%, rgba(255,16,16,1) 51%, rgba(255,16,16,1) 100%) !important;
	background: -o-linear-gradient(left, rgba(255,78,43,1) 0%, rgba(255,78,43,1) 50%, rgba(255,16,16,1) 51%, rgba(255,16,16,1) 100%) !important;
	background: -ms-linear-gradient(left, rgba(255,78,43,1) 0%, rgba(255,78,43,1) 50%, rgba(255,16,16,1) 51%, rgba(255,16,16,1) 100%) !important;
	background: linear-gradient(to right, rgba(255,78,43,1) 0%, rgba(255,78,43,1) 50%, rgba(255,16,16,1) 51%, rgba(255,16,16,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4e2b', endColorstr='#ff1010', GradientType=1 ) !important;
	/* Sass */
	/* background-color: rgba(255,78,43,1) !important;
	background: @include filter-gradient(#ff4e2b, #ff1010, horizontal) !important;
	background: @include background-image(linear-gradient(left, rgba(255,78,43,1) 0%, rgba(255,78,43,1) 50%, rgba(255,16,16,1) 51%, rgba(255,16,16,1) 100%)) !important; */
}


i.icon-14, i.icon-19, i.icon-28{
	background: rgba(82,197,97,1) !important !important;
	background: -moz-linear-gradient(left, rgba(82,197,97,1) 0%, rgba(82,197,97,1) 50%, rgba(60,183,66,1) 51%, rgba(60,183,66,1) 100%) !important;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(82,197,97,1)), color-stop(50%, rgba(82,197,97,1)), color-stop(51%, rgba(60,183,66,1)), color-stop(100%, rgba(60,183,66,1))) !important;
	background: -webkit-linear-gradient(left, rgba(82,197,97,1) 0%, rgba(82,197,97,1) 50%, rgba(60,183,66,1) 51%, rgba(60,183,66,1) 100%) !important;
	background: -o-linear-gradient(left, rgba(82,197,97,1) 0%, rgba(82,197,97,1) 50%, rgba(60,183,66,1) 51%, rgba(60,183,66,1) 100%) !important;
	background: -ms-linear-gradient(left, rgba(82,197,97,1) 0%, rgba(82,197,97,1) 50%, rgba(60,183,66,1) 51%, rgba(60,183,66,1) 100%) !important;
	background: linear-gradient(to right, rgba(82,197,97,1) 0%, rgba(82,197,97,1) 50%, rgba(60,183,66,1) 51%, rgba(60,183,66,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52c561', endColorstr='#3cb742', GradientType=1 ) !important;
	/* Sass */
	/* background-color: rgba(82,197,97,1) !important;
	background: @include filter-gradient(#52c561, #3cb742, horizontal) !important;
	background: @include background-image(linear-gradient(left, rgba(82,197,97,1) 0%, rgba(82,197,97,1) 50%, rgba(60,183,66,1) 51%, rgba(60,183,66,1) 100%)) !important; */
}

i.icon-11, i.icon-45, i.icon-47{
	background: rgba(139,208,34,1) !important !important;
	background: -moz-linear-gradient(left, rgba(139,208,34,1) 0%, rgba(139,208,34,1) 50%, rgba(90,194,25,1) 51%, rgba(90,194,25,1) 100%) !important;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(139,208,34,1)), color-stop(50%, rgba(139,208,34,1)), color-stop(51%, rgba(90,194,25,1)), color-stop(100%, rgba(90,194,25,1))) !important;
	background: -webkit-linear-gradient(left, rgba(139,208,34,1) 0%, rgba(139,208,34,1) 50%, rgba(90,194,25,1) 51%, rgba(90,194,25,1) 100%) !important;
	background: -o-linear-gradient(left, rgba(139,208,34,1) 0%, rgba(139,208,34,1) 50%, rgba(90,194,25,1) 51%, rgba(90,194,25,1) 100%) !important;
	background: -ms-linear-gradient(left, rgba(139,208,34,1) 0%, rgba(139,208,34,1) 50%, rgba(90,194,25,1) 51%, rgba(90,194,25,1) 100%) !important;
	background: linear-gradient(to right, rgba(139,208,34,1) 0%, rgba(139,208,34,1) 50%, rgba(90,194,25,1) 51%, rgba(90,194,25,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bd022', endColorstr='#5ac219', GradientType=1 ) !important;
	/* Sass */
	/* background-color: rgba(139,208,34,1) !important;
	background: @include filter-gradient(#8bd022, #5ac219, horizontal) !important;
	background: @include background-image(linear-gradient(left, rgba(139,208,34,1) 0%, rgba(139,208,34,1) 50%, rgba(90,194,25,1) 51%, rgba(90,194,25,1) 100%)) !important; */
}

i.icon-18, i.icon-22, .icon-43, i.icon-41, i.icon-68, i.icon-305{
	background: rgba(222,89,204,1) !important !important;
	background: -moz-linear-gradient(left, rgba(222,89,204,1) 0%, rgba(222,89,204,1) 50%, rgba(213,42,187,1) 51%, rgba(213,42,187,1) 100%) !important;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(222,89,204,1)), color-stop(50%, rgba(222,89,204,1)), color-stop(51%, rgba(213,42,187,1)), color-stop(100%, rgba(213,42,187,1))) !important;
	background: -webkit-linear-gradient(left, rgba(222,89,204,1) 0%, rgba(222,89,204,1) 50%, rgba(213,42,187,1) 51%, rgba(213,42,187,1) 100%) !important;
	background: -o-linear-gradient(left, rgba(222,89,204,1) 0%, rgba(222,89,204,1) 50%, rgba(213,42,187,1) 51%, rgba(213,42,187,1) 100%) !important;
	background: -ms-linear-gradient(left, rgba(222,89,204,1) 0%, rgba(222,89,204,1) 50%, rgba(213,42,187,1) 51%, rgba(213,42,187,1) 100%) !important;
	background: linear-gradient(to right, rgba(222,89,204,1) 0%, rgba(222,89,204,1) 50%, rgba(213,42,187,1) 51%, rgba(213,42,187,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de59cc', endColorstr='#d52abb', GradientType=1 ) !important;
	/* Sass */
	/* background-color: rgba(222,89,204,1) !important;
	background: @include filter-gradient(#de59cc, #d52abb, horizontal) !important;
	background: @include background-image(linear-gradient(left, rgba(222,89,204,1) 0%, rgba(222,89,204,1) 50%, rgba(213,42,187,1) 51%, rgba(213,42,187,1) 100%)) !important; */
}

i.icon-10, i.icon-67{
	background: rgba(223,40,40,1) !important !important;
	background: -moz-linear-gradient(left, rgba(223,40,40,1) 0%, rgba(223,40,40,1) 50%, rgba(209,28,34,1) 51%, rgba(209,28,34,1) 100%) !important;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(223,40,40,1)), color-stop(50%, rgba(223,40,40,1)), color-stop(51%, rgba(209,28,34,1)), color-stop(100%, rgba(209,28,34,1))) !important;
	background: -webkit-linear-gradient(left, rgba(223,40,40,1) 0%, rgba(223,40,40,1) 50%, rgba(209,28,34,1) 51%, rgba(209,28,34,1) 100%) !important;
	background: -o-linear-gradient(left, rgba(223,40,40,1) 0%, rgba(223,40,40,1) 50%, rgba(209,28,34,1) 51%, rgba(209,28,34,1) 100%) !important;
	background: -ms-linear-gradient(left, rgba(223,40,40,1) 0%, rgba(223,40,40,1) 50%, rgba(209,28,34,1) 51%, rgba(209,28,34,1) 100%) !important;
	background: linear-gradient(to right, rgba(223,40,40,1) 0%, rgba(223,40,40,1) 50%, rgba(209,28,34,1) 51%, rgba(209,28,34,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df2828', endColorstr='#d11c22', GradientType=1 ) !important;
	/* Sass */
	/* background-color: rgba(223,40,40,1) !important;
	background: @include filter-gradient(#df2828, #d11c22, horizontal) !important;
	background: @include background-image(linear-gradient(left, rgba(223,40,40,1) 0%, rgba(223,40,40,1) 50%, rgba(209,28,34,1) 51%, rgba(209,28,34,1) 100%)) !important; */
}


i.icon-13{
	background: rgba(70,147,180,1) !important !important;
	background: -moz-linear-gradient(left, rgba(70,147,180,1) 0%, rgba(70,147,180,1) 50%, rgba(41,132,171,1) 51%, rgba(41,132,171,1) 100%) !important;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,147,180,1)), color-stop(50%, rgba(70,147,180,1)), color-stop(51%, rgba(41,132,171,1)), color-stop(100%, rgba(41,132,171,1))) !important;
	background: -webkit-linear-gradient(left, rgba(70,147,180,1) 0%, rgba(70,147,180,1) 50%, rgba(41,132,171,1) 51%, rgba(41,132,171,1) 100%) !important;
	background: -o-linear-gradient(left, rgba(70,147,180,1) 0%, rgba(70,147,180,1) 50%, rgba(41,132,171,1) 51%, rgba(41,132,171,1) 100%) !important;
	background: -ms-linear-gradient(left, rgba(70,147,180,1) 0%, rgba(70,147,180,1) 50%, rgba(41,132,171,1) 51%, rgba(41,132,171,1) 100%) !important;
	background: linear-gradient(to right, rgba(70,147,180,1) 0%, rgba(70,147,180,1) 50%, rgba(41,132,171,1) 51%, rgba(41,132,171,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4693b4', endColorstr='#2984ab', GradientType=1 ) !important;
	/* Sass */
	/* background-color: rgba(70,147,180,1) !important;
	background: @include filter-gradient(#4693b4, #2984ab, horizontal) !important;
	background: @include background-image(linear-gradient(left, rgba(70,147,180,1) 0%, rgba(70,147,180,1) 50%, rgba(41,132,171,1) 51%, rgba(41,132,171,1) 100%)) !important; */
}

/* subject class and colors */

@font-face {
  font-family: "subjectfont";
  src: url("/resources/fonts/subjectfont/subjectfont.eot?5fhdjf");
  src: url("/resources/fonts/subjectfont/subjectfont.eot?5fhdjf#iefix") format("embedded-opentype"),
    url("/resources/fonts/subjectfont/subjectfont.ttf?5fhdjf") format("truetype"),
    url("/resources/fonts/subjectfont/subjectfont.woff?5fhdjf") format("woff"),
    url("/resources/fonts/subjectfont/subjectfont.svg?5fhdjf#subjectfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
i[class*="lms-subject-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "subjectfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lms-subject-computersandcommunicationtechnology:before {
  content: "\e904";
}

.lms-subject-accountancy:before {
  content: "\e900";
}

.lms-subject-biology:before {
  content: "\e901";
}

.lms-subject-biotechnology:before {
  content: "\e902";
}

.lms-subject-botany:before {
  content: "\e903";
}

.lms-subject-businessstudies:before {
  content: "\e90c";
}

.lms-subject-chemistry:before {
  content: "\e90d";
}

.lms-subject-civics:before {
  content: "\e90e";
}

.lms-subject-economics:before {
  content: "\e915";
}

.lms-subject-english:before {
  content: "\e91b";
}

.lms-subject-englishgrammar:before {
  content: "\e91c";
}

.lms-subject-englishlab:before {
  content: "\e91d";
}

.lms-subject-generalscience:before {
  content: "\e923";
}

.lms-subject-geography:before {
  content: "\e924";
}

.lms-subject-history:before {
  content: "\e92d";
}

.lms-subject-lifescience:before {
  content: "\e92e";
}

.lms-subject-mathslab:before {
  content: "\e92f";
}

.lms-subject-maths:before {
  content: "\e930";
}

.lms-subject-phonetics:before {
  content: "\e93a";
}

.lms-subject-physicaleducation:before {
  content: "\e93b";
}

.lms-subject-physics:before {
  content: "\e93c";
}

.lms-subject-politicalscience:before {
  content: "\e93d";
}

.lms-subject-psychology:before {
  content: "\e93e";
}

.lms-subject-science:before {
  content: "\e942";
}

.lms-subject-socialscience:before {
  content: "\e948";
}

.lms-subject-sociology:before {
  content: "\e949";
}

.lms-subject-writingskills:before {
  content: "\e94c";
}

.lms-subject-yoga:before {
  content: "\e94d";
}

.lms-subject-zoology:before {
  content: "\e94e";
}

.lms-subject-environmentalscience:before,
.lms-subject-evs:before {
  content: "\e92e";
}

.lms-subject-computerscience:before {
  content: "\e904";
}

.icon-staff-from-editor:before {
  content: "\e96c";
}

.subject_icon.size_36 {
	font-size: 36px;
    color: #fff;
}