h3.section-heading a, form a, div.modal-body a {
	color: #226db2 !important;
}

h3.section-heading a:hover, form a:hover {
	color: #1a8cf5 !important;
}



::selection {
	background: #5fd3f2 !important;
}

BODY {
	font-family: 'Quicksand', serif !important;
	margin: 0px;
	background:#DAECF3 !important;
}

h1, h2, h3, h4, h5, h6, header .intro-text .intro-heading, .btn, .nav li a {
	font-family: 'Quicksand', serif !important;
}

#page-top > header > div > div > div.intro-heading {
	/* text-decoration: underline; */
}

p, label , input, textarea, div.btn-group.bootstrap-select.open  ul > li > a, .form-group {
	font-family: 'Quicksand', sans-serif !important;
}

h3.section-subheading.text-muted {
	font-family: 'Quicksand', sans-serif !important;
	font-style: normal;
	color: #999;
}

/* Header */
header:not(.no-resize) {
	height: 70px;
}

.underheaderpage{
	background: #4082C4;
    text-align: center;
    color: #fff;
    min-height: 200px;
    display: flex;
}

.titlesubpages{
	
}

#page-top > section:first-of-type.competition-index {
	padding-top: 0px !important;
}

#page-top > nav.navbar-default {
	/*
	background-color: #FFF;
	opacity: 0.9;
	
	background: #FFF;
    opacity: 0.8;
    border-bottom: solid 1px #20a0af; */	
	padding: 10px 0 !important; 
}

.navbarcustom{
	background: #FFF;
	box-shadow:0px 2px 4px rgba(0, 0, 0, 0.14);
	-moz-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.14);
	-webkit-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.14);
}

.navbarcustom .nav li a {
	color:#000 !important;
}

#page-top > nav.navbar-default > div > div.navbar-header.page-scroll > a > img {
	/* margin-top: -10px; disable since on mobile */ 
	
    /* padding-top: 0px;	*/
}

#page-top > nav.navbar-shrink > div > div.navbar-header.page-scroll > a > img {
	margin-top: 0px;
	height: 50px !important;
}

#page-top > nav.navbar-shrink {
	background-color: #FFF;
	box-shadow:0px 2px 4px rgba(0, 0, 0, 0.14);
	-moz-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.14);
	-webkit-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.14);
}

div.overlay {
	position: absolute;
    width: 100%;
    height: 500px;
    z-index: 2;
    /* background-color: #080d15; */
    opacity: .65;	
	
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 10%, #00BCD4 30%, #000000 100%);
}

div.header {
    z-index: 3;
    position: relative;	
}

#page-top > nav.navbar-default .nav li a {
	text-transform: uppercase !important;
	color: #fff;
	font-weight: bold;
	border: solid 1px transparent;
}
    
#page-top > nav.navbar-default .nav li a:hover, #page-top > nav.navbar-default .nav li a.active {	
	/* border-bottom: solid 3px #3f7fb8; 
	border: solid 1px #3f7fb8;
	border-radius: 4px;*/
	color:#ccc;
}
	
#page-top > nav.navbar-shrink  .nav li a {
	text-transform: uppercase !important;
	color: #333 !important;
	border-bottom: solid 1px #FFF;
}

#page-top > nav.navbar-shrink  ul li.active a {
	background: transparent !important;
	border-bottom: solid 1px #3f7fb8;
}

header .intro-text {
	padding-top: 200px;
}

#page-top > header div.intro-heading {
	font-size: 4.5rem;
    line-height: 4.5rem;	
    font-weight: 500;	
}

/* Button */
.btn-xl {
	background: none !important;
    border-radius: 30px;
	border: solid 1px #FFF;
    padding: 15px;
    min-width: 200px;
    text-transform: capitalize !important;	
}

.btn-xl:hover {
	/* border: solid 1px #FF5722; */
	border: solid 1px #333;
}

/*.btn-signup:hover {
	 border: solid 1px #1de325; 
	border: solid 1px #03A9F4;
}*/

.btn-signup {
	
    border-radius: 30px;
	
    padding: 15px;
    min-width: 200px;
    text-transform: capitalize !important;	
	
}

.form-control:focus {
	border-color: #1c70b6 !important;
}

/* Subdomain Icons */
span.capsule {
	font-size: 1em !important;
    text-transform: uppercase;
}

#subdomain a:hover {
	border-bottom: solid 3px #176aae;
}

/* Sections */
section[id] {
	padding: 30px 0 !important;
	/* min-height: 420px; */
}

/* For First Section after header */
#addHolder,#editHolder {
	padding-top: 50px !important;
}

section[id=""] {
	padding: 30px 0 !important;
	min-height: 0px;
}

section h2.section-heading {
	font-size: 3rem;
    font-weight: 400;	
	
	padding-bottom: 20px; /* Allow Separator Spacing */
}

#subdomain {
	padding-top: 30px;
}

#contest {
	background: #176aae;
}

#contest h2.section-heading, #contest h3.section-subheading {
	color: #FFF;
}

/* Special For Pages Sections */
section.pages {
	padding: 0 0 !important;	
}

section.pages .pages-inside {
	/* padding: 80px; */
	
	padding: 5vw;
		
	/* padding-right: 80px; */
	min-height: 600px;
	/* background: #a7bbc0; */
}

section.pages .pages-inside-right {
	padding: 0px;
	/* background: #000; */
	min-height: 600px;
}

.features-bg {
    position: relative;
    /* min-height: 400px; */
    background-size: cover;
}

/* Pagination */
.pagination>li>a, .pagination>li:last-child>span {
	border-radius: 50% !important;
    background: transparent;
    color: #FFF !important;	
	
    width: 40px;
    height: 40px;
    padding: 8px 8px;
    text-align: center;	
	border: solid 2px;
}

#result > ul {
    display: table;
    margin: 0 auto;	
	width: 100%;
}

.pagination>li>a:hover {
	background: rgb(27, 136, 225);
}

#archived  h4 {
	color: #176aae;
	font-size: 1.4rem;
}

#archived  h4.subheading a, #archived  h4.subheading a:hover {
	color: #49b3de;
	font-size: 2rem;
}

#archived  div.timeline-panel {
	margin-top: 55px;
}

.timeline > li .timeline-image {
	background-color: #FFF !important; 
	border: 4px solid #176aae;
	padding: 15px;	
}

#archived  li.timeline-inverted  h4 > a {
	color: #176aae !important;
    font-size: 2rem !important;	
}

/* Timeline Line Connector */
.timeline:before {
    width: 3px;
    /* background-color: #176aae; */
	background: linear-gradient( to bottom, #176aae, #176aae 50%, #FFF 50%, #FFF );
    background-size: 100% 6px;	
}

/* News */
#forum_post #result div.row {
	background: transparent !important;
	font-family: "Open Sans", sans-serif;
	color: #000;
}

#news a.btn {
	border: solid 2px #000;
    color: #333;
}

#news a.btn:hover {
	border: solid 2px #1a6db4;
    color: #1a6db4;
}

#news div.item, #forum_post #result div.item {
	border: solid 1px #c4c4c4;
	margin: 0.8vw;
    width: 30%;
    min-height: 550px;
}

a[data-original-title=Dashboard], a[data-original-title=Back] {
	/*border: solid 1px #176aae !important;
    border-radius: 30px;
	*/
	background-color: #FFF;
	border-radius: 4px;
	border: none !important;
}	

a[data-original-title=Dashboard]:hover, a[data-original-title=Back]:hover {
	background-color: #5fd3f2 !important;
	border: none !important;
}

#news div.item  h3, #forum_post #result div.item h3 {
    font-family: 'Open Sans', sans-serif !important;
    text-align: center;
    font-size: 1.8rem;	
	padding-top: 230px;
    z-index: 3;
    position: inherit;	
}

#news div.item h3 > a, #forum_post #result div.item h3 > a {
	color: #333;
}

#news  h5, #forum_post #result div.item  h5 {
	display: block;
    font-weight: normal;
    position: absolute;
    top: -10px;
    right: 30px;
    background: #1969b2;
    padding: 10px;
    color: #FFF;
    font-family: 'Open Sans', sans-serif !important;
	z-index: 3;
}

#news > div > div > div > img, #forum_post #result div.item  > img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;	
    width: 100%;
    height: 230px;	
}


/* section  h2:after     { */
	/* content: ""; */
	/* position: absolute; */
	/* background: url(/images/sep-black.png);	 */
	/* left: calc(50% - 80px); */
    /* top: calc(55%); */
    /* width: 172px; */
    /* height: 8px; */
    /* display: block;	 */
/* } */

#Login  h2, #Login h3, #Login label {
	color: #FFF;
}

#Login  h2, #Login h3 {
	text-align: center;
}

#Login  h2:after  {
	content: "";
	position: absolute;
	background: url(/images/sep-white.png);	
	left: calc(50% - 80px);
    top: calc(55%);
    width: 172px;
    height: 8px;
    display: block;	
}

/* Social */

.social{
  position: relative;
  margin:35px;
  background:#fff;
  width:27%;
  border: 1px solid #a7a7a7;
  border-bottom: 4px solid #a7a7a7;
  min-height: 450px;
}

.social:after, .social:before {
    top: 100%;
    left: 32%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.social:after {
    border-color: rgba(136, 183, 213, 0);
    border-top: 1px solid #ffffff;
    border-left: 1px;
    border-width: 14px;
    margin-left: -14px;
}

.social:before {
    border-color: rgba(194, 225, 245, 0);
    border-top: solid #a7a7a7;
    border-left: 1px;
    border-width: 19px;
    margin-left: -16px;
}

.social_name{
  position: absolute;
    bottom: -75px;
    left: 0;
}

.social_name img{
  width:60px;
  border-radius:5px;
  
}

.social_name span{
      display: inline-table;
}

.social_name span h5{
      margin-bottom: 0;
}

.social_name span p{
      color: #909090;
}

#twitter a, #twitter a:hover {
	color: #1a6db4;
}

/* Search */
#result > div > table {
	font-family: 'Open Sans', sans-serif !important;
	color: #FFF;	
}

#result > div > table a, #result > div > table a:hover {
	color: #FFF;
}

#result > div > table td {
	border-bottom: dotted 1px #FFF;
	border-top: none;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background: rgb(28, 115, 186);
}

#btsearch {
	margin-right: 0px;
}

#keyword, #contest #subject {
	font-family: 'Open Sans', sans-serif !important;
	color: #176aae;	
	border: solid 2px #FFF;
}

#keyword::-webkit-input-placeholder {
   color:  #176aae;	
}

#keyword:-moz-placeholder { /* Firefox 18- */
   color:  #176aae;	 
}

#keyword::-moz-placeholder {  /* Firefox 19+ */
   color:  #176aae;	 
}

#keyword:-ms-input-placeholder {  
   color:  #176aae;	  
}

.form-group .form-control {
	padding: 15px;
	/* border-radius: 8px; */

    border-radius: 4px;
    display: inline-block;
	
	line-height: 1.5em;
    padding: 0.75em 3.5em 0.75em 0.75em;	
	
    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;	
	
}

#contest .form-control:focus {
	border: solid 2px #FFF !important;
}

#contest button {
    color: #176aae;
    background: #FFF;
    border: solid 2px #FFF;
    padding: 7px;	
}

#contest select option {
	background: #2196F3;
	color: #FFF;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}

select {
	background-image: linear-gradient(45deg,transparent 50%,#176aae 50%) , linear-gradient(135deg,#176aae 50%,transparent 50%) , linear-gradient(to right,#176aae,#176aae) !important;
    background-position: calc(100% - 21px) calc(1em + 2px), calc(100% - 14px) calc(1em + 2px), calc(100% - 3em) 0.5em;
    background-size: 8px 8px , 8px 8px , 1px 2em !important;
    background-repeat: no-repeat;
    color: #176aae !important;
}

select:focus {
	background-image: linear-gradient(45deg,#176aae 50%,transparent 50%) , linear-gradient(135deg,transparent 50%,#176aae 50%) , linear-gradient(to right,#176aae,#176aae) !important;
    background-position: calc(100% - 13px) 1em , calc(100% - 21px) 1em , calc(100% - 3em) .5em;
	outline: 0;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

#contest button.btn {
	margin: 0 !important;
}

section#contact .form-group input, section#contact .form-group textarea {
	padding: 0.75em 3.5em 0.75em 0.75em !important;
	font-family: 'Open Sans', sans-serif !important;
}

#method {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    color: #bbb !important;
    font-weight: 900;	
}

/* Override formatting for TableFilter select elements */
select.rspg, select.pgSlc, select.flt {
    background-image: none !important;
}

select.flt + button {
	margin: 0px;
}

/* Toggle Button Menu On Small Display */
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: transparent;
    border: none;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #176aae !important;
}

/* Result */
#result>div>table a, #result>div>table a:hover {
	color: #92e0fc;
    font-weight: bold;
}

/* Warning */
ul[role=alert] {
    margin-left: 0;
    padding-left: 0;
    list-style: none;	
}

ul[role=alert] li {
	border-radius: 4px;
    background: rgba(255, 87, 34, 0.23);
    border: solid 1px #c18989;
    padding: 5px;
    font-weight: bold;	
	padding-left: 2em;
}	

ul[role=alert] li:before {
	content: "\f071";
	font-family: FontAwesome;
	margin-left: -1.3em; 
	width: 1.3em;
	display: inline-block;
}

.breadcrumb-custom{
	list-style: none;
    padding: 0;
    margin: 0 auto;
    margin-top: -85px;
    background: #ffffff;
    display: table;
    margin-bottom: 70px;
    padding: 9px;
    border-radius: 25px;
    box-shadow: 0px 2px 4px rgba(204, 204, 204, 0.72);
}


.breadcrumb-custom li{
	position: relative;
    margin-bottom: 0px;
    margin-right: 16px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    padding-left: 12px;
}

.breadcrumb-custom li a{
	font-weight: normal;
}

.breadcrumb-custom li::before{
	content: "\f0da";
    font-family: "FontAwesome";
    position: absolute;
    left: 43px;
	
}

.breadcrumb-custom li:last-child::before{
	content:"";
}

/* Screen Sizes Fixes */
@media screen and (max-width: 768px){
	.pages-inside-right, .pages-inside-left {
		display: none;
	}
}	

@media screen and (min-width: 1024px){
	#page-top > nav.navbar-shrink > div > div.navbar-header.page-scroll > a > img {
      height: 50px !important;
      margin-top: 0px;
      padding-top: 0px;
      
      /*
		margin-top: 0px;
		height: 60px !important;
      */
	}
}

@media screen and (max-width: 768px){
	#page-top>header div.intro-heading {
		font-size: 3rem;
		line-height: 3rem;
	}
	
	#archived li.timeline-inverted h4>a {
	    font-size: 1.2rem!important;
		margin-top: -15px;
		margin-left: -1.2rem;
		display: inline-block;
	}
	
	section.pages .pages-inside {
		padding: 20px;
	}

	section.pages div.pages-inside > div:nth-child(2) {
		overflow-y: scroll;
		overflow-x: hidden;
		height: 80%;
		text-overflow: ellipsis;
		display: block;		
	}	
	
	#news div.item {
		width: 48%;
	}
	
	.social{
		margin: 15px;
		margin-bottom: 75px;
		width: 45%;
	}	
	
}

@media screen and (max-width: 425px){
	#contest button.btn {
		margin-top: 10px !important;
	}
	
	#news div.item {
		width: 98%;
	}
	
	.social{
	  margin: 0;	
	  margin-bottom: 75px;
	  width: 98%;
	}
	
	
}

/* Force Collaps on 768px since we got lot of menus */
@media (min-width: 768px) and (max-width: 1024px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
	
	.navbar-right {
		float: left !important;
		margin-top: 10px;
	}
	
}

.navbar-default .navbar-brand img {
	height: 60px !important;
}

/* Specific Pages */
.btn-primary {
	background-color: #2196F3 !important;
    border-color: #2196F3 !important;
}

.btn-primary:hover {
	background-color: #2196F3 !important;
    border-color: #2196F3 !important;
}

.btn-success {
	color: #FFF !important;
}

.btn-success:hover {
	color: #FFF !important;
}


div.form-forgot, div.form-edit, div.form-add {
	background: transparent !important;
	border-radius: 0px;
}

form .btn-xl   {
	border: solid 1px #2196F3 !important;	
	color: #237dc4 !important;
	padding: 10px;
	border-radius: 5px;
}

div.form-edit a.btn-signup {
	/* border: solid 1px #FF5722 !important;	 */
	color: #FF5722 !important;
	padding: 10px;
	border-radius: 5px;	
}

form .btn-signup {
	/* border: solid 1px #FFF !important;	 */
	color: #FFF !important;
	padding: 10px;
	border-radius: 5px;
}

form .btn-xl:hover, div.form-edit a.btn-signup:hover  {
	border: solid 1px #000 !important;	
	color: #000 !important;
}

body.admin section, body.user section, body.teacher, body.creator section  {
	padding-top: 20px !important;
}

/* Upload Button */
#frmCover div.input-group-btn > div.btn-file, div.btn-file, button.btn.btn-default.fileinput-remove.fileinput-remove-button {
	margin-left: -20px !important;
    padding: 14px;
    margin-top: 0px;
    background: #237dc4;
    border: none;	
	color: #FFF;
}

#result > div:nth-child(3) > div > div:nth-child(4) > a > i {
	display: inline-block;
}

/* Dashboard */

#Dashboard  a {
	color: #0f6a95;
}

#Dashboard a:hover, #Dashboard  a:active {
	color: #0a94d6
}

#Dashboard h4 {
	font-size: 1.1rem !important;
	font-weight: bold;
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif !important;
}

#page-top>section div.icon>.col-md-2:hover {
	background-color: #96e6f5 !important;
}

#result {
	font-family: 'Open Sans', sans-serif !important;
}

#result > div > table > thead {
	color: #000;
}

/* Pagination Inside */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #26b8ff !important;
}

.pagination>li>a, .pagination>li:last-child>span {
	background: #26b8ff !important;
}

/* Forum */
#forum_cat a, #forum_cat a:hover  {
	color: #FFF;
}

/* Force no Border on smaller display */
.table-responsive {
	border: none !important;	
}

/* Gallery */
#gallery i.fa-plus{
	display: none;
}


div.blockUI, div.blockOverlay {
	z-index: 999999 !important;
}

div.bootstrap-dialog-footer-buttons .btn {
	margin: 5px !important;
	display: inline-block;
	font-family: "Open Sans", sans-serif !important;
}

.bootstrap-dialog .modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;	
}

.modal-content {
	border-radius: 2px;
}

div.modal-dialog {
	font-family: "Open Sans", sans-serif;
	margin-top: 25vh;
}

/* Grid Buttons */
#result a.btn.btn-success, #result a.btn.btn-danger {
	/* background: transparent; */
	background: initial;
	border: none;
}

#result ul.sortable a.btn {
	background: #2196F3 !important;
}

#result a.btn.btn-success:hover {
	background: #2196F3 !important;
}

#result a.btn.btn-danger:hover{
	background: #ff1100 !important
}

#result a > i.fa-calendar {
	color: #FFF;
}

/* Navigateable Link */
#result div.col-md-8.data > a {
	color: #FFF;
	font-weight: bold;
}

#result > ul a.btn.btn-small.btn-success {
	margin-left: -10px;
    padding: 7px;
    background: #f00 !important;
}

div.col-lg-8.pages-inside, div.col-lg-8.pages-inside h3{
	font-family: "Open Sans", sans-serif !important;
}

/* PopR */
#navTab div.popr_content {
	text-align: left;
}

/* f054 */

#navTab div.popr_content > a > div:before {
	content: "\f105"; 
	display: inline-block;
	font-family: FontAwesome;
    left:-5px;
    position:relative;
}

#accordion div.panel-heading > h4 > a {
	display: block;
}

#accordion div.panel-heading > h4 > a[aria-expanded=false]:before, #accordion div.panel-heading > h4 > a:before {
	content: "\f054"; 
	display: inline-block;
	font-family: FontAwesome;
    left:-5px;
    position:relative;	
}

#accordion div.panel-heading > h4 > a[aria-expanded=true]:before {
	content: "\f078"; 
	display: inline-block;
	font-family: FontAwesome;
    left:-5px;
    position:relative;	
}

@keyframes pulse-border {
    0% {transform: translateX(-50 % ) translateY(-50 % ) translateZ(0) scale(1);opacity: 1}
    100% {transform: translateX(-50 % ) translateY(-50 % ) translateZ(0) scale(1.5);opacity: 0}
}

a.btn.toolbar {
	border: solid 1px #2f9ed4 !important;
}

table.withpadding > tbody > tr > td {
	padding: 10px !important;
}

div.col-lg-8.pages-inside.match a {
	color: #1e6bc2;
}

#bs-example-navbar-collapse-1 > ul > li {
	/* font-size: 0.85em !important; */
   font-size: 0.70em !important;
}

.nav>li>a {
   padding: 10px 10px !important; 
}

#socialForm, #socialForm a, #socialForm h3  {
	color: #FFF;
	font-family: "Quicksand", serif;	
}

#socialForm a {
	margin: 20px;
	line-height: 80px;	
}

#socialForm h3 {
	border-top: dotted 1px #FFF;
    padding: 10px;
}	

/* CONTENTS RELATED */
/* Style the tab */
div.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #2196f3;
    width: 30%;
    height: 375px;
}

/* Style the buttons inside the tab */
div.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 12px 12px;
    width: 100%;
    border: none;
    outline: none;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color:  #66d9ff;
}

/* Create an active/current "tab button" class */
div.tab button.active {
    background-color: #e6ffff;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 375px;
	background: #FFF;
}


@media (min-width: 1024px) and (max-width: 1200px)  {
	
	#page-top > header {
		margin-top: 80px;
	}
	
}

@media (min-width: 1200px) {
	#page-top > header {
		margin-top: 20px;
	}	
}	

/* Hide Right Pic Panel on Small Display */
@media (max-width: 1200px)  {
	div.col-lg-4.pages-inside-right.match {
		display: none;
	}
}


#result div.popover-content.text-center  a.btn.btn-small.btn-success {
	background: #5cb85c	!important;
	border: solid 1px #4cae4c;
}

a.portfolio-link img {
   background: #FFF !important;   
}

/* .v-center{ */
	/* display: inline-block; */
    /* vertical-align: middle; */
    /* float: none;	 */
/* } */