@font-face{font-family:'Proxima Nova';src:url(../fonts/proxima/Proxima_Nova_Regular.eot);src:url(../fonts/proxima/Proxima_Nova_Regular.eot) format('embedded-opentype'),url(../fonts/proxima/Proxima_Nova_Regular.woff2) format('woff2'),url(../fonts/proxima/Proxima_Nova_Regular.woff) format('woff'),url(../fonts/proxima/Proxima_Nova_Regular.ttf) format('truetype'),url(../fonts/proxima/Proxima_Nova_Regular.svg#Proxima_Nova_Regular) format('svg');font-style:normal;font-weight:400}@font-face{font-family:'Proxima Nova';src:url(../fonts/proxima/Proxima_Nova_Regular_Italic.eot);src:url(../fonts/proxima/Proxima_Nova_Regular_Italic.eot) format('embedded-opentype'),url(../fonts/proxima/Proxima_Nova_Regular_Italic.woff2) format('woff2'),url(../fonts/proxima/Proxima_Nova_Regular_Italic.woff) format('woff'),url(../fonts/proxima/Proxima_Nova_Regular_Italic.ttf) format('truetype'),url(../fonts/proxima/Proxima_Nova_Regular_Italic.svg#Proxima_Nova_Regular_Italic) format('svg');font-style:italic;font-weight:400}@font-face{font-family:'Proxima Nova';src:url(../fonts/proxima/Proxima_Nova_Bold.eot);src:url(../fonts/proxima/Proxima_Nova_Bold.eot) format('embedded-opentype'),url(../fonts/proxima/Proxima_Nova_Bold.woff2) format('woff2'),url(../fonts/proxima/Proxima_Nova_Bold.woff) format('woff'),url(../fonts/proxima/Proxima_Nova_Bold.ttf) format('truetype'),url(../fonts/proxima/Proxima_Nova_Bold.svg#Proxima_Nova_Bold) format('svg');font-style:normal;font-weight:700}@font-face{font-family:'Proxima Nova';src:url(../fonts/proxima/Proxima_Nova_Bold_Italic.eot);src:url(../fonts/proxima/Proxima_Nova_Bold_Italic.eot) format('embedded-opentype'),url(../fonts/proxima/Proxima_Nova_Bold_Italic.woff2) format('woff2'),url(../fonts/proxima/Proxima_Nova_Bold_Italic.woff) format('woff'),url(../fonts/proxima/Proxima_Nova_Bold_Italic.ttf) format('truetype'),url(../fonts/proxima/Proxima_Nova_Bold_Italic.svg#Proxima_Nova_Bold_Italic) format('svg');font-style:italic;font-weight:700}@font-face{font-family:'Proxima Nova';src:url(../fonts/proxima/Proxima_Nova_Semibold.eot);src:url(../fonts/proxima/Proxima_Nova_Semibold.eot) format('embedded-opentype'),url(../fonts/proxima/Proxima_Nova_Semibold.woff2) format('woff2'),url(../fonts/proxima/Proxima_Nova_Semibold.woff) format('woff'),url(../fonts/proxima/Proxima_Nova_Semibold.ttf) format('truetype'),url(../fonts/proxima/Proxima_Nova_Semibold.svg#Proxima_Nova_Semibold) format('svg');font-style:normal;font-weight:600}@font-face{font-family:'Proxima Nova';src:url(../fonts/proxima/Proxima_Nova_Semibold_Italic.eot);src:url(../fonts/proxima/Proxima_Nova_Semibold_Italic.eot) format('embedded-opentype'),url(../fonts/proxima/Proxima_Nova_Semibold_Italic.woff2) format('woff2'),url(../fonts/proxima/Proxima_Nova_Semibold_Italic.woff) format('woff'),url(../fonts/proxima/Proxima_Nova_Semibold_Italic.ttf) format('truetype'),url(../fonts/proxima/Proxima_Nova_Semibold_Italic.svg#Proxima_Nova_Semibold_Italic) format('svg');font-style:italic;font-weight:600}@font-face{font-family:'Proxima Nova';src:url(../fonts/proxima/Proxima_Nova_Light.eot);src:url(../fonts/proxima/Proxima_Nova_Light.eot) format('embedded-opentype'),url(../fonts/proxima/Proxima_Nova_Light.woff2) format('woff2'),url(../fonts/proxima/Proxima_Nova_Light.woff) format('woff'),url(../fonts/proxima/Proxima_Nova_Light.ttf) format('truetype'),url(../fonts/proxima/Proxima_Nova_Light.svg#Proxima_Nova_Light) format('svg');font-style:normal;font-weight:300}@font-face{font-family:'Proxima Nova';src:url(../fonts/proxima/Proxima_Nova_Light_Italic.eot);src:url(../fonts/proxima/Proxima_Nova_Light_Italic.eot) format('embedded-opentype'),url(../fonts/proxima/Proxima_Nova_Light_Italic.woff2) format('woff2'),url(../fonts/proxima/Proxima_Nova_Light_Italic.woff) format('woff'),url(../fonts/proxima/Proxima_Nova_Light_Italic.ttf) format('truetype'),url(../fonts/proxima/Proxima_Nova_Light_Italic.svg#Proxima_Nova_Light_Italic) format('svg');font-style:italic;font-weight:300}
*{transition: all 300ms ease-in-out;}
body,button,html,input,select,textarea,a
{
  color: #273f5b;
  font-family:'Proxima Nova',sans-serif;
  line-height:1.4;
  text-rendering:optimizeLegibility;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  -moz-font-smoothing:antialiased;
  -o-font-smoothing:antialiased
}
body
{
	font-size: .9375rem;
}
a{
  color: #273f5b;
  font-family: 'Proxima Nova',sans-serif;
  font-size: .875rem;
  padding: .4rem;
}
a:hover
{
  text-decoration: none !important;
}
.app
{
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 100vh; 
}
.breadcrumb-menu
{
	display: none;
}
.align-items-center 
{
  -webkit-align-items: center !important;
  align-items: center !important; 
}
.flex-row 
{
  -webkit-flex-direction: row !important;
  flex-direction: row !important; 
}
.space-top
{
	margin-top: 3rem;
}
.space-bottom
{
	margin-bottom: 3rem;
}
a > .btn-primary
{
	color: #fff;
}
.red-border-bottom
{
	border-bottom: .3rem solid #dc3545;
}
.padding-top
{
	padding-top: 5rem;
}
.padding-bottom
{
	padding-bottom: 5rem;
}
.btn-inverse {
    color: rgb(255, 255, 255);
    background-color: #044F67;
    border: solid 1px #044F67;
}
.btn-inverse:hover {
  	color: rgb(255, 255, 255);
    background-color: #044F67;
    border: solid 1px #044F67;
}
section.login
{
	overflow: hidden;
}
.keep-engaged{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:#EEF5F9;
  /*background: #fff;*/
  z-index:999999 !important;
}
.top{
  margin-top: 25vh;
}
textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control, select, select.form-control {
 	font-family:'Proxima Nova',sans-serif;
  	font-size: inherit;
}
[class^="entypo-"]:before, [class*=" entypo-"]:before, [class^="ion-"]:before, [class*=" ion-"]:before {
  display: inline;
  margin-right: 0;
  margin-left: 0;
}
.blockquote{
  font-size: inherit;
}
label
{
  font-weight: bold;
}
.bold
{
	font-weight: bold;
}
.alert
{
	color: #fff;
}
.alert .alert-success, .alert .alert-danger, .alert .alert-info
{
	z-index: 3000;
}
form .input-group
{
	margin-top: .8rem;
	margin-bottom: 1.8rem;
}
.navbar {
    padding: .1rem .1rem;
}
.navbar-brand {
    font-size: 14px;
}
.navbar-toggler-icon {
    width: 1em;
    height: 1em;
}
.sidebar-nav li a span.title{
    margin-left: 0px;
    font-size: .9rem;
    display: inline;
}
.sidebar-nav li a span.icon
{
    margin-left: 0px;
    width: 38px;
    text-align: center;
    font-size: 1.3rem;
    display: inline;
    margin-right: 8px;
}
.fa
{
  display: inline;
}
.navbar-nav li a span.title{
    margin-left: 0px;
    font-size: .75rem;
    display: inline;
}
.navbar-nav li a span.icon
{
    margin-left: 0px;
    width: 38px;
    text-align: center;
    font-size: 1rem;
    display: inline-block;
}
.sidebar-nav li
{
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.sidebar-nav li a.active, .profile-active{
    text-decoration: none;
    background: #e43a45;
    /*background-color: #009688;*/
    /*background-color: rgba(0, 0, 0, .2);*/
    color: #FFF;
    /*border-left: 3px solid #009688;*/
}
.profile-name-active:after{
  content: "";
  width: 0px;
  height: 0px;
  right: 0px;
  border: 33px solid;
  position: absolute;
  border-color: transparent #EEF5F9 transparent transparent;
}
.navbar-nav li a.subactive{
  background-color: rgba(0, 0, 0, .2); 
  border-left: 4px solid #e43a45;
  /*border-right: 3px solid #009688;*/
  color: #e43a45;
}
.sidebar-nav li a.active:after{
  content: "";
  width: 0px;
  height: 0px;
  right: 0px;
  border: 13px solid;
  position: absolute;
  border-color: transparent #EEF5F9 transparent transparent;
}
li.dropdown-sidebar div.panel-body
{
  background-color: rgba(0, 0, 0, .2);
}

.header-title
{
    font-size: 1.25rem;
    font-weight: bolder;
    color: #34495e;
}
.breadcrumb
{
  background: inherit;
  padding: 0.75rem 0rem;
}
.breadcrumb-menu {
    position: absolute;
    top: 0;
    right: 1rem;
}
.breadcrumb-card-menu, .breadcrumb-card-menu-break, .breadcrumb-card-menu-sticker {
    position: absolute;
    right: 2.1rem;
    top: 0.9;
}
.breadcrumb-title{
  padding-left: 15px;
  padding-right: 15px;
  margin-top: .5rem;
}
.breadcrumb-item a
{
  font-size: 1.29rem;
}
.sidebar-brand
{
  /*background: #fff;*/
  color: #002440;
  font-weight: bolder;
}

.sidebar-nav > .sidebar-profile {
  /*  height: 65px;*/
    font-size: 18px;
    line-height: 60px;
    color: #fff;
}
.profile-name
{
    padding: .2em;
    margin: .1em;
}
.profile-name > .icon
{
    font-size: 3rem;
}
.fixed-bottom{
	z-index: 100;
}
textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control, select, select.form-control {
 	font-family:'Proxima Nova',sans-serif;
  	font-size: inherit;
}
[class^="entypo-"]:before, [class*=" entypo-"]:before, [class^="ion-"]:before, [class*=" ion-"]:before {
  display: inline;
  margin-right: 0;
  margin-left: 0;
}
.blockquote{
  font-size: inherit;
}
.badge
{
  color: #fff;
}
#page-content-wrapper {
  padding: 13px;
  padding-top: 0px;
}
table
{
    background: transparent;
}
.border-top
{
  border-top: 1px solid #ddd
}
.border-bottom
{
  border-bottom: 1px solid #ddd
}
div.border-style div{
  border-right: 1px solid #f5f5f5;
}
div.border-style div:last-child{
  border: none;
}
div.row .border-style
{
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 1rem;
}
.small-table-width
{
	width: 1%;
}
.fa-1x
{
	font-size: 1rem;
}
.fa-2x
{
	font-size: 1.5rem;
}
.fa-3x
{
	font-size: 2.5rem;
}
.fa-4x
{
	font-size: 3.5rem;
}
.fa-5x
{
	font-size: 4.5rem;
}
.fa-6x
{
	font-size: 6em;
}
.fa-7x
{
	font-size: 7em;
}
.fa-8x
{
	font-size: 8em;
}
.fa-9x
{
	font-size: 9em;
}
.fa-10x
{
	font-size: 10em;
}
.fa-11x
{
	font-size: 11em;
}
.card-header:first-child, .card-img-top + .card-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.remove-bottom-space, .remove-bottom-space > .breadcrumb
{
  margin-bottom: 0;
}
.padding
{
	padding: .5rem;
}
.header-title > a
{
    background: #e43a451f;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: 1em;
    padding-left: 1em;
    color: #e43a45;
    border-radius: 5px;
    cursor: pointer;
    border: 2px solid #e43a45;
}
.mark-input
{
	border: 1px solid #eee;
	background: #fff;
	font-size: .8rem;
	padding: .6rem;
	margin-right: .8rem;
}
.navbar{
	padding: .1rem .3rem;
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }
.modal-title
{
	font-size: 1.12em;
}
.badge
{
	padding: 5px 10px;
	font-size: 0.875rem;
}
label
{
	font-size: 0.875rem;
}
p > strong, p > b
{
	font-weight: 350;
}
/*.option-menu
{
	background: #EEF5F9;
	padding: .5rem;
	border-radius: 45%;
	border: 1px solid #EEF5F9;

}*/
.avatar 
{
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 50%;
    display: inline-block;
    background: #ced4da no-repeat center/cover;
    position: relative;
    text-align: center;
    color: #868e96;
    font-weight: 600;
    vertical-align: bottom;
    font-size: .875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.navbar-toggler {
    /*padding: .25rem .75rem;*/
    font-size: 1.25rem;
    line-height: 1;
     background: #ced4da no-repeat center/cover;
    /*background-color: #EEF5F9;
    border: 1px solid #EEF5F9;
    border-radius: .5rem;*/
}
.pagination, .pagination li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:1024px) {
	a{
		padding: .3rem;
	 }
	.breadcrumb-menu
	{
		display: block;
		position: inherit;
  		right: 0;
  		margin-bottom: 1rem;
	}

	textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control
	{
		padding-top: 1rem;
		padding-bottom: 1rem;
		margin-top: .3rem;
		margin-bottom: .3rem;
	}

	 select, select.form-control
	 {
		margin-top: .5rem;
		margin-bottom: .5rem;
	 }

	button, html [type="button"], [type="reset"], [type="submit"], .btn.btn-default, .btn.btn-primary, .btn.btn-secondary, .btn.btn-success, .btn.btn-info, .btn.btn-warning, .btn.btn-danger 
	{
		padding: .69rem;
		margin-right: .3rem;
		margin-top: .3rem;
		margin-bottom: .3rem;
	}
	.breadcrumb-card-menu, .breadcrumb-card-menu-break {
	    position: absolute;
	    right: 2.1rem;
	    top: 0;
	}
	div.border-style div
	{
		border-right: none;
	  	border-bottom: 1px solid #f5f5f5;
	}
}
.text-theme
{
	color: #e43a45;
}
.container-fluid{
  width: 100%;
}
.version
{
  margin-top: 1rem;
}
ul.timeline h4, ul.timeline h2
{
	font-size: inherit;
}
#menu-toggle
{
	font-size: 1.3rem;
	padding-top: 1rem;
	padding-left: .4rem;
	padding-right: .4rem;
	z-index: 1000;
	position: relative;
	top: .27rem;
	line-height: 1;
}
.dismiss-menu, .dismiss-menu:hover
{
	background: #e43a45;
	color: #fff;
}
.footer
{
    position: fixed;
    left: 0;
    bottom: 0;
    background: #EEF5F9;
    padding: .5rem;
}
.calendar-day
{
	font-size: .8rem;
	float: left;
	font-weight: 600;
}
.calendar-date
{
	float: right;
	font-size: 1.5rem;
	color: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width:991px) {
	.container {
		max-width: 98%;
	}
}
@media screen and (max-width:768px) {
  a{
	padding: .5rem;
  }
  body
  {
    font-size: 1rem;
  }
  .navbar {
    padding: .4rem .4rem;
  }
  .btn-reduce
  {
    padding: .3rem .3rem;
    font-size: 0.7rem;
  }
  .header-title {
    font-size: 1.1rem;
  }
  .school-name
  {
    font-size: 1.24em;
  }
  .container {
    width: 100%;
    max-width: none;
  }
  .breadcrumb-card-menu-sticker
  {
  	position: absolute;
  	right: .1;
  }
  .breadcrumb-card-menu-break{
    width: 100%;
    position: relative;
    margin-top: .1rem;
    margin-bottom: .1rem;
    right: 0;
  }
  #page-content-wrapper {
    padding: 13px;
  }
 .navbar-nav
  {
  	margin-top: 1rem;
  }
 /* ul.nav-head li.nav-item
  {
  	float: left;
  	display: inline-block;
  	width: 50%;

  }*/
  .switch-school
  {
  	margin-bottom: 1rem;
  }
  .nav-space
  {
  	margin-top: .5rem;
  	margin-bottom: .5rem;
  }

  .header-title
  {
  	margin-bottom: 1rem;
  }

  .breadcrumb-item {
  	margin-bottom: 1rem;
  }

  .breadcrumb-item+.breadcrumb-item::before {
    margin-bottom: 1rem;
	}

  	.space-sm-bottom
	{
	  margin-bottom: 1.5rem;
	}
	.space-sm-top
	{
	  margin-top: 1.5rem;
	}

	.collapse
	{
	  margin-top: -1rem;
	}

	textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control
	{
		/*padding-top: .7rem;
		padding-bottom: .7rem;*/
		margin-top: .5rem;
		margin-bottom: .5rem;
	}

	button, html [type="button"], [type="reset"], [type="submit"], .btn.btn-default, .btn.btn-primary, .btn.btn-secondary, .btn.btn-success, .btn.btn-info, .btn.btn-warning, .btn.btn-danger 
	{
		padding: 1rem;
		margin-right: .3rem;
		margin-top: .3rem;
		margin-bottom: .3rem;
	}

	.top{
	  margin-top: 10vh;
	}

	form .input-group
	{
		margin-top: .5rem;
		margin-bottom: .8rem;
	}
}
