@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('Lato-Regular.eot'); /* IE9 Compat Modes */
	src: local('Lato Regular'), local('Lato-Regular'), url('Lato-Regular.eot?#iefix') format('embedded-opentype'), url(Lato-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('Lato-Bold.eot'); /* IE9 Compat Modes */
	src: local('Lato Bold'), local('Lato-Bold'), url('Lato-Bold.eot?#iefix') format('embedded-opentype'), url(Lato-Bold.woff) format('woff');
}

html {
	height: 100%;
	padding: 0;
	margin: 0;
}
body {
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: Lato;
	/* background-color: #efefef; */

}

a { color: #1ab0f1; }
.panel-default.app-content { border-color:transparent; }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { background-color:#1ab0f1; }

	.lo-wrapper {
		height: 100%;
		position: relative;
	}
	
		.content {
			min-height: 100%;
			height: auto;
			/* margin: 0 auto -40px; */
			margin: 0 auto;
			padding: 0 0 40px;
			margin-top: 52px;
			padding-top: 52px;
		}
		
			.content > ol.breadcrumb {
				padding: 8px 15px;	
				margin-bottom: 10px;
			}
			.content > hr {
				display: none;
			}

				.appcontent_box {
					padding: 0 15px;		
					min-height: 400px;		
				}
					/*
					.inner-content {
						background-color: #fff;
						padding: 20px;
						padding-top: 10px;
						min-height: 400px;	
						border-left: 1px solid #dddddd;
						border-right: 1px solid #dddddd;
						border-bottom: 1px solid #dddddd;
					}
					*/

		.footer {
			color: #aaa;
			font-size: 12px;
			text-align: center;
			height: 40px;
			padding-top: 10px;
			padding-bottom: 10px;
		}
		
.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu .menu-icon {
    display:none;
}
@media (max-width: 991px){
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu .menu-icon {
	    display:inline-block;
	}
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu .menu-icon .sidebar-body-menu-item-icon {
		width: 25px;
		height: 25px;
		padding: 0px;
	}
}
@media (max-width: 767px){
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas{
		box-shadow: none;
	}
}


.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-submenu .menu-icon {
    display:inline-block;
}
		
		
.sidebar-offcanvas {

  	/*-webkit-box-shadow: 3px 0 3px 0px #aaaa;
        box-shadow: 3px 0 3px 0px #aaaa;*/
    /*
    -moz-box-shadow: 1px 0px 12px 1px #cacaca;
    -webkit-box-shadow: 1px 0px 12px 1px #cacaca;
    box-shadow: 1px 0px 12px 1px #cacaca;
    */

/*
    -moz-box-shadow: 1px 0px 12px 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 1px 0px 12px 1px rgba(0,0,0,.1);
	box-shadow: 1px 0px 12px 1px rgba(0,0,0,.1);
*/
    border-right: 1px solid #e0e0e0;

}

/* icons */
.icon-container {
	display: inline-block;
	padding:0px;
	-moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
	margin-right: 10px;
}

.menu-icon-blue { background-color: #19b0f1; }
.menu-icon-red { background-color: #e84768; }
.menu-icon-yellow { background-color: #e1ca01; }
.menu-icon-green { background-color: #24c799; }
.menu-icon-purple { background-color: #c25dff; }
/*
  .menu-icon-blue { background-color: #50d2ed; }
  .menu-icon-red { background-color: #ee7e7b; }
  .menu-icon-yellow { background-color: #fab555; }
  .menu-icon-green { background-color: #acbb5b; }
  .menu-icon-purple { background-color: #a48dc1; }
*/

.menu-icon-student {
	display:inline-block !important;
}


.nav-brand {
	font-size:19px;
	color:#fff;
}
.sidebar-head{
	/*background-color: #1ab0f1;*/
	background-color: #f9fcff;
	height: 100px ;
}



.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas {
	/*background-color: #354052;*/
	/*background-color: #fff;*/
	background-color: #f9fcff;
}

.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a:hover {
	background-color: transparent;
	color: #000000;
}

.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu-item.active,
.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu-item.active:hover {
	/*background-color: #354052;*/
	background-color: #fff;
	color: #000000;
}

.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a.has-subitems:not(.collapsed),
.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu .sidebar-body-submenu {
	/* background-color: #2a343e; */
	background-color: #fff;
	font-weight: bold!important;
}
	X .lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a.has-subitems:not(.collapsed) .sidebar-body-menu-item-label{
		color: #50d2ef;
		
	}
		
		.lo-single-col-view-w-offcanvas-sidebar-bs.sidebar-sm .sidebar-offcanvas .sidebar-body-menu li a.has-subitems:not(.collapsed){
			border-right: 5px solid #1ab0f1;
		}
		
			.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a.sidebar-body-menu-item.active,				
			.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a.sidebar-body-menu-item:hover,
			.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li .sidebar-body-submenu a.active,				
			.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li .sidebar-body-submenu a:hover {
				
				color: #555;
				font-weight: normal;
				background-color:#f8f8f8;
			}

.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-head {position:relative;}
.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-head .navbar-brand {
	background:url(sparkle-tots-tlp-logo.png) no-repeat; 
	background-position:45% 50%; 
	background-size:30px;
	text-indent: -9999px;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	transform: translate(-50%, -50%);
	padding: 0px;
}
.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-head .navbar-brand-logo-a {
	text-indent: inherit;
	background: none;
	position: inherit;
}
.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-head .navbar-brand-label{
	word-wrap: break-word;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-top: 0px;
	font-size:inherit;
	white-space: inherit;
}
@media (min-width: 992px){
	
	.lo-single-col-view-w-offcanvas-sidebar-bs.sidebar-sm .sidebar-offcanvas {
		width: 80px;
	}
	
	.lo-single-col-view-w-offcanvas-sidebar-bs.sidebar-sm #top-nav, .lo-single-col-view-w-offcanvas-sidebar-bs.sidebar-sm.lo-single-col-view-w-offcanvas-sidebar-w-subnavbar-bs #sub-nav {
		left: 90px;
	}
	
	.lo-single-col-view-w-offcanvas-sidebar-bs.sidebar-sm .content-wrapper {
		padding-left: 86px;
	}
	
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a {
		padding: 10px 25px;
	}
	
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu .sidebar-body-submenu li a {
		padding-left: 35px;
		padding-right: 20px;
		font-size: 14px;
		line-height:20px;
	}
	
	.lo-single-col-view-w-offcanvas-sidebar-bs #top-nav, .lo-single-col-view-w-offcanvas-sidebar-bs.lo-single-col-view-w-offcanvas-sidebar-w-subnavbar-bs #sub-nav {
		left: 279px;
	} 
	
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas {
		width: 270px;
	}
	
	.lo-single-col-view-w-offcanvas-sidebar-bs .content-wrapper {
		padding-left: 279px;
	}
	
	.lo-single-col-view-w-offcanvas-sidebar-bs.sidebar-sm .sidebar-offcanvas .sidebar-body-menu .menu-icon {
		display: inline-block;
	}

	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-head .navbar-brand-label{
		/*padding-top: 10px;*/
		font-size: 20px;
		text-align: center;
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 991px ){
	
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a {
		padding: 12px 18px 13px 15px; /* 45px icon on a 70 container lol  */
	}
	
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu .sidebar-body-submenu li a {
		padding-left: 18px;
		padding-right: 20px;
		font-size: 14px;
		line-height:20px;
	}

	.lo-single-col-view-w-offcanvas-sidebar-bs #top-nav{
		left:70px;
	}
}

.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu .sidebar-body-menu-item-label {
	font-size: 14px;
	line-height:36px;
}

.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu-item-icon {
	width: 38px;
  	height: 38px;
	margin:0px;   
    padding: 3px;
}
.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a .glyphicon-chevron-right, .lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a .glyphicon-chevron-down {
	line-height:36px;
	font-size:14px;
	-webkit-text-stroke: 1px #fff;
}

.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a.sidebar-body-menu-item, .lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li .sidebar-body-submenu li a {
	color: #000000;
}

.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a.sidebar-body-menu-item.active, 
.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li .sidebar-body-submenu a.active {
		border-right: 5px solid #1ab0f1; 
		/* background-color: #2a343e; */
		background-color: #f2f2f2;
		/*color:#939393;*/
		color:#333;
		font-weight: bold;
}


.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas a {
	color:#fff;
}

.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas a:hover {
    /*color: #e6e6e6;*/
	color:#666;
}

.lo-single-col-view-w-offcanvas-sidebar-bs.sidebar-sm .sidebar-body{
	top: 60px;
}
.lo-single-col-view-w-offcanvas-sidebar-bs.sidebar-sm .sidebar-menu-item-submenu-popover{
	min-width: 280px;
}
@media (min-width: 768px){
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-body { top: 60px; }
	.lo-single-col-view-w-offcanvas-sidebar-bs.sidebar-sm .sidebar-offcanvas .sidebar-head{	height: 50px; }
	.lo-single-col-view-w-offcanvas-sidebar-bs.sidebar-sm .sidebar-offcanvas .sidebar-head .navbar-brand { background-size:30px; }
}
@media (min-width: 992px){
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-body{ top:110px; }
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-head { height: 100px; }
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-head .navbar-brand { background-size:100px; }
}
.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-head .navbar-brand{ padding-top: 25px;line-height: inherit; }
.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-head .navbar-brand:hover { color:#ffffff; }






.modal .modal-dialog {
	z-index: 1041;
}

.navbar-inverse{
	border:0px;
}






/* popover side menu */
.sidebar-menu-item-submenu-popover .popover-content{
	margin: 10px 20px;
}
.sidebar-menu-item-submenu-popover .popover-content a{
	color: rgb(147, 147, 147);
}
.sidebar-menu-item-submenu-popover .popover-content a:focus, .sidebar-menu-item-submenu-popover .popover-content a:hover {
	font-weight: bold;
	text-decoration: none;
}
.sidebar-menu-item-submenu-popover .popover-content .menu-icon {
	margin-top: 12px;
	margin-bottom: 13px;
}
.sidebar-menu-item-submenu-popover .popover-content .menu-icon .sidebar-body-menu-item-icon {
	width: 40px;
	height: 40px;
	padding: 3px;
}
.sidebar-menu-item-submenu-popover .popover-title{
	font-weight: bold;
	background-color: transparent;
	margin: 18px 24px !important;
	color: rgb(147, 147, 147) !important;
	padding: 0px;
	padding-bottom: 8px;
	margin-bottom: 0px !important;
	line-height: inherit !important;
	font-size: inherit !important;
	font-family: inherit;
}



/* Layout specific */
.lo-full-screen-layout-bs .navbar-default { background-color: #fff; }


.slimScrollBar{     background: rgb(147, 147, 147) !important; }

.navbar.navbar-inverse .breadcrumb-default a { color:#777; }
.navbar.navbar-inverse .breadcrumb-default li.active { color:#777; }
.navbar-inverse .navbar-toggle {  border-color: #fff;  }
.navbar-inverse .navbar-toggle .icon-bar{ background-color: rgb(147, 147, 147); }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{	background-color: rgb(147, 147, 147); }
.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar{	background-color: #fff; }

#sub-nav{  top: 50px; }
.lo-full-screen-layout-w-navbar-w-subnavbar-bs .content.container{ padding-top:100px; }
.lo-single-col-view-w-offcanvas-sidebar-bs.lo-single-col-view-w-offcanvas-sidebar-w-subnavbar-bs #sub-nav{ top:50px; }



/*navbar-brand logo*/
@media (min-width: 768px){
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-head .navbar-brand-logo {
	    display: none;
	}
}
@media (min-width: 992px){
	.lo-single-col-view-w-offcanvas-sidebar-bs.sidebar-sm .sidebar-offcanvas .sidebar-head .navbar-brand-logo {
	    /*display: none;*/
	}
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-head .navbar-brand-logo {
	    display: inline-block;
	}
}
.navbar-brand-logo-a{
	height: 100%; padding: 10px !important;text-align: center;
}
.navbar-brand-logo-a .navbar-brand-logo{
	height: 100%;
}
.navbar-brand-logo-a .navbar-brand-logo img{
	height: 100%;  display: inline-block;
}
.sidebar-head-config-transparent{
	background-color: transparent;
}
.sidebar-head-config-white{
	background-color: white;
}
@media (min-width: 992px){
	.lo-single-col-view-w-offcanvas-sidebar-bs.sidebar-sm .sidebar-offcanvas .sidebar-head .navbar-brand-logo img{
	    display: block;
	}
}


/*Quick links*/
.nav-menu-quick_links .quick_links-table{	padding: 10px;	}
.nav-menu-quick_links .quick_links-table-row{	display:table-row;	}
.nav-menu-quick_links .quick_links-table-row .quick_links-table-cell{	display: table-cell; min-width: 140px; border: 1px solid transparent; vertical-align: top; }
.nav-menu-quick_links .quick_links-table-row .quick_links-table-cell a{ text-decoration:none; color:#333;display: inline-block; width: 100%; padding:10px; }
.nav-menu-quick_links .quick_links-table-row .quick_links-table-cell .icon-container { margin: 0px;padding:8px; margin-bottom: 5px; border: 5px solid #fff; padding: 5px;}
.nav-menu-quick_links .quick_links-table-row .quick_links-table-cell .icon-container img { width:30px;height: 30px; }
.nav-menu-quick_links .quick_links-table-row .quick_links-table-cell a:hover{ border-radius: 4px; font-weight: bold; background-color: #f5f5f5; 	}
.nav-menu-quick_links .quick_links-table-row .quick_links-table-cell a:hover .icon-container{	 padding: 10px; border: 0px; /*opacity: 0.5;*/ }





/* Language */
.menu_lang_icon{
	width: 20px;
	display: inline !important;
}


/*For HQ*/
.lo-hq .lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas{
	/*background-color: #354152;*/
	background-color: #f9fcff;
}
	
	.lo-hq .lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a.sidebar-body-menu-item, .lo-hq .lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li .sidebar-body-submenu li a{
		/*color: #a0acbd;*/
		color: #333;
	}
	.lo-hq .lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a.sidebar-body-menu-item.active, .lo-hq .lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li .sidebar-body-submenu a.active {
		border-right: 5px solid #50d2ef;
		/*background-color: #29353e;*/
		/*color: #fff;*/
		background-color: #f8f8f8;
		color: #000;
		font-weight: bold;
	}

		.lo-hq .lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a .glyphicon-chevron-right, .lo-hq .lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a .glyphicon-chevron-down {
			line-height: 36px;
			font-size: 14px;
			-webkit-text-stroke: 1px #29353e;
		}
		.lo-hq .lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a.has-subitems:not(.collapsed), .lo-hq .lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu .sidebar-body-submenu{
			/*background-color: #354152;*/
			background-color: #eaeaea;
		}
		.lo-hq .lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu li a.has-subitems:not(.collapsed) .sidebar-body-menu-item-label{
			/*color: #fff;*/
			color: #000;
		}
		.lo-hq .lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu .sidebar-body-submenu{
			/*background-color: #29353e;*/
			background-color: #f1f1f1;
		}

/** custom icon css**/
.sidebar-body-submenu a, .sidebar-body-submenu-popover-list a{ display: flex !important; align-items: center; }


/* after bootstrap4 */
/*.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu .sidebar-body-submenu.collapse{ display:none !important; }
.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu .sidebar-body-submenu.collapse.show{ display:block !important; }
@media (max-width: 768px){
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu .sidebar-body-submenu {
    		display: none !important;
	}
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu .sidebar-body-submenu.collapse.show {
    		display: none !important;
	}

}
@media (max-width: 992px){
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu .sidebar-body-submenu {
    		display: none !important;
	}
	.lo-single-col-view-w-offcanvas-sidebar-bs .sidebar-offcanvas .sidebar-body-menu .sidebar-body-submenu.collapse.show {
    		display: none !important;
	}
}
@media (min-width: 992px){
	.lo-single-col-view-w-offcanvas-sidebar-bs.sidebar-sm .sidebar-offcanvas .sidebar-body-menu .sidebar-body-submenu {
    		display: none !important;
	}
	.lo-single-col-view-w-offcanvas-sidebar-bs.sidebar-sm .sidebar-offcanvas .sidebar-body-menu .sidebar-body-submenu.collapse.show {
    		display: none !important;
	}
}*/

pre { margin-left:60px; }
pre:first-child { margin-top:50px; }

.appcontent_box h1, #lo_main h1, .appcontent_box h2, #lo_main h2, .appcontent_box h3, #lo_main h3,
.popup_body h1, .popup_body h2, .popup_body h3 { margin-top:0; }
.glyphicon, .fa { line-height:1.5; }