/* Custom CSS */
a:hover, a:active, a:focus{
	color: #034e8e;
}
.container-blank{
	background: #FFF;
	padding: 15px;
	margin: 0 15px;
}
.alert-top{
	border-radius: 0;
}
#file-manager{
	border: 0;
	width: 100%;
	min-height: 500px;
	background: #FFF;
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover{
	background: none;
	text-decoration: none;
}

.sidebar-menu>li.header {
	color: #f4f4f4 !important;
	background: #3c8dbc !important;
	font-weight: bold;
	font-size: 1.2em;
}
.sidebar-menu hr{
	border-top: 1px solid rgb(236,240,245,.1);
	margin-top: 10px;
	margin-bottom: 10px;
}
.sidebar-menu .treeview-menu{
	box-shadow: inset 0px 5px 8px rgb(0 0 0 / 50%);
	border-top: 1px solid #101e24;
	border-bottom: 1px solid #2e4148;
	background: #141d20!important;
}
.sidebar-menu .treeview>ul.treeview-menu{
	padding: 5px 0 !important;
}
.sidebar-menu .treeview-menu li.title-menu{
	color: #b8c7ce;
	padding: 5px 5px 5px 15px;
}
.sidebar-menu .treeview-menu .sub-category {
	max-height: 130px;
	overflow: hidden;
	overflow-y: scroll;
	background-color: #0b0f10;
	margin-bottom: 1em;
	padding: 5px 0;
}
.sidebar-menu .treeview-menu .sub-category li a {
	padding: 1px 5px 1px 15px;
	display: block;
	font-size: 12px;
	overflow: hidden;
    text-overflow: ellipsis;
}
.sidebar-menu .treeview-menu .sub-category li a:hover {
	color: #FFF;
}
.sidebar-menu .treeview-menu .sub-category li.active a {
	color: #FFF;
}
.sidebar-menu .treeview-menu>li>a{
	overflow: hidden;
	text-overflow: ellipsis;
}
.info-box-icon{
	background: #EEE;
	overflow: hidden;
}
.info-box-text{
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 5px;
}
.info-box-number{
	font-weight: normal;
	font-size: 13px;
	line-height: 1.2em;
}

.content-body .content-info h4{
	overflow: hidden;
	text-overflow: ellipsis;
}

.status-led,
.inactive-status-led{
	height: 20px;
	width:  20px;
	display: inline-block;
	cursor: pointer;
}
.inactive-status-led{
	cursor: initial;
}
.featured-led{
	cursor: pointer;	
}
.item-status,.item-featured{
	display: none;
}

.box-footer .breadcrumb{
	margin-bottom: 0;
	font-size: .9em;
}

/*#search-results h3.box-title{
	
}*/
.result-image{
	display: inline-block;
	max-height: 24px;
	margin-right: 8px;
	margin-top: -5px;
}
#search-results .error-page>.error-content{
	margin-left: 140px;
}

.table-align-middle td{
	vertical-align: middle!important;
}

.img-profile-32{
	max-width: 32px;
	width: 32px;
	max-height: 32px;
	height: 32px;
}

.img-profile-64{
	max-width: 64px;
	width: 64px;
	max-height: 64px;
	height: 64px;
}

/* Viewers */
#pdf-viewer{
	width: 100%;
	/*height:  calc(100vh - 220px);*/
	height: calc(100vh - 110px);
}
#office-viewer{
	width: 100%;
	height:  calc(100vh - 220px);
}
#media-viewer{
	max-width: 100%;
}

/* platforms  */
.platform{
	font-size: .8em;
	border-radius: 3px;
	padding: 2px 4px;
	margin-right: 4px;
	font-family: Arial, Helvetica, sans-serif;
}

/* jQuery Validate Custom */
label.error{
	background: #F00;
	color: #FFF;
	padding: 0 8px;
	border-radius: 0 0 5px 5px;
	box-shadow: inset 0 4px 8px rgb(0 0 0 / 20%);
}
.checkbox > label > label.error{
	margin-left: -20px;
	bottom: -20px;
	position: absolute;
	z-index: 1;
	font-weight: 700;
}

/* Login */
#login-help{
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 999;
}
.login-help-wrapper{
	background: #FFF;
	width: 300px;
	position: absolute;
	height: 100%;
	right: 0;
	box-shadow: 1px 1px 5px rgba(0,0,0,.8);
	padding: 0 15px;
}
.login-help-wrapper ul{
	padding-left: 18px;
}
.login-help-wrapper ul li{
	margin-bottom: 1em;
}

/* Dashboard */
#dashboard .h-250 {
	height: 250px;
	overflow: hidden;
	overflow-y: scroll;
}

/* Course Menu */
.treeview.fader{
	opacity: .3;
}

/* Fixes */
.form-control{
	border-radius: 4px;
}
.input-group-btn{
	vertical-align: top;
}
.control-sidebar,.control-sidebar-bg{
	width: 500px;
	right: -500px;
}
.user-block .username{
	font-size: 14px;
}
.box-comments .box-comment{
	border-color: #e5e5e5;
}
.sidebar-menu{
	border-top: 1px solid #555;
	/*padding-top: 10px;*/
}
#main-sidebar #search-form.sidebar-form,
.skin-green-pmc .sidebar-form{
	margin: 0;
	border: 0;
	padding: 10px;
}
.navbar-nav .tasks-menu .menu li.menu-label:hover{
	filter: brightness(120%);
}
.navbar-nav .tasks-menu .year-label{
	font-size: 18px;
	font-weight: normal;
	padding: .2em .5em;
	list-style: none;
	background-color: #222d32;
	color: #FFF;
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{
	padding: 0;
	height: 51px;
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>img{
	max-height: 50px;
	margin-right: 10px;
	overflow: hidden;
	border-radius: 25px;
	padding: 5px;
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3{
	padding: 10px;
}
.main-header .dropdown-menu{
	width: 338px !important;
	box-shadow: 5px 5px 10px rgba(0,0,0,.3);
	border-top-left-radius: 10px!important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow: hidden;
}

/* Scrollbars */
.main-sidebar *::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.main-sidebar *::-webkit-scrollbar-thumb:hover {
	background-color: #337ab7;
}
.main-sidebar *::-webkit-scrollbar-thumb:hover {
	background-color: #337ab7;
}
.main-sidebar *::-webkit-scrollbar-thumb {
	background-color: #6a95b9;
}
.main-sidebar *::-webkit-scrollbar-thumb {
	background-color: #6a95b9;
}

.content-wrapper *::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.content-wrapper *::-webkit-scrollbar-thumb:hover {
	background-color: #337ab7;
}
.content-wrapper *::-webkit-scrollbar-thumb:hover {
	background-color: #337ab7;
}
.content-wrapper *::-webkit-scrollbar-thumb {
	background-color: #6a95b9;
}
.content-wrapper *::-webkit-scrollbar-thumb {
	background-color: #6a95b9;
}

/* BS3 Extensions */
hr.white-line{
	border-color: #FFF;
}
hr.light-grey-line{
	border-color: #e5e5e5;
}
hr.dark-grey-line{
	border-color: #4b4b4b;
}
hr.black-line{
	border-color: #000;
}
.ml-0{
	margin-left: 0 !important;
}
.mr-0{
	margin-right: 0 !important;
}
.mt-0{
	margin-top: 0 !important;
}
.mb-0{
	margin-bottom: 0 !important;
}
.mf-0{
	margin: 0 !important;
}
.mx-0{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.my-0{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.ml-05{
	margin-left: .5em !important;
}
.mr-05{
	margin-right: .5em !important;
}
.mt-05{
	margin-top: .5em !important;
}
.mb-05{
	margin-bottom: .5em !important;
}
.mf-05{
	margin: .5em !important;
}
.mx-05{
	margin-left: .5em !important;
	margin-right: .5em !important;
}
.my-05{
	margin-top: .5em !important;
	margin-bottom: .5em !important;
}
.ml-1{
	margin-left: 1em !important;
}
.mr-1{
	margin-right: 1em !important;
}
.mt-1{
	margin-top: 1em !important;
}
.mb-1{
	margin-bottom: 1em !important;
}
.mf-1{
	margin: 1em !important;
}
.mx-1{
	margin-left: 1em !important;
	margin-right: 1em !important;
}
.my-1{
	margin-top: 1em !important;
	margin-bottom: 1em !important;
}
.ml-2{
	margin-left: 2em !important;
}
.mr-2{
	margin-right: 2em !important;
}
.mt-2{
	margin-top: 2em !important;
}
.mb-2{
	margin-bottom: 2em !important;
}
.mf-2{
	margin: 2em !important;
}
.mx-2{
	margin-left: 2em !important;
	margin-right: 2em !important;
}
.my-2{
	margin-top: 2em !important;
	margin-bottom: 2em !important;
}
.ml-3{
	margin-left: 3em !important;
}
.mr-3{
	margin-right: 3em !important;
}
.mt-3{
	margin-top: 3em !important;
}
.mb-3{
	margin-bottom: 3em !important;
}
.mf-3{
	margin: 3em !important;
}
.mx-3{
	margin-left: 3em !important;
	margin-right: 3em !important;
}
.my-3{
	margin-top: 3em !important;
	margin-bottom: 3em !important;
}
.ml-4{
	margin-left: 4em !important;
}
.mr-4{
	margin-right: 4em !important;
}
.mt-4{
	margin-top: 4em !important;
}
.mb-4{
	margin-bottom: 4em !important;
}
.mf-4{
	margin: 4em !important;
}
.mx-4{
	margin-left: 4em !important;
	margin-right: 4em !important;
}
.my-4{
	margin-top: 4em !important;
	margin-bottom: 4em !important;
}
.ml-5{
	margin-left: 5em !important;
}
.mr-5{
	margin-right: 5em !important;
}
.mt-5{
	margin-top: 5em !important;
}
.mb-5{
	margin-bottom: 5em !important;
}
.mf-5{
	margin: 5em !important;
}
.mx-5{
	margin-left: 5em !important;
	margin-right: 5em !important;
}
.my-5{
	margin-top: 5em !important;
	margin-bottom: 5em !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;
}
.pf-0{
	padding: 0 !important;
}
.px-0{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.py-0{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.pl-05{
	padding-left: .5em !important;
}
.pr-05{
	padding-right: .5em !important;
}
.pt-05{
	padding-top: .5em !important;
}
.pb-05{
	padding-bottom: .5em !important;
}
.pf-05{
	padding: .5em !important;
}
.px-05{
	padding-left: .5em !important;
	padding-right: .5em !important;
}
.py-05{
	padding-top: .5em !important;
	padding-bottom: .5em !important;
}
.pl-1{
	padding-left: 1em !important;
}
.pr-1{
	padding-right: 1em !important;
}
.pt-1{
	padding-top: 1em !important;
}
.pb-1{
	padding-bottom: 1em !important;
}
.pf-1{
	padding: 1em !important;
}
.px-1{
	padding-left: 1em !important;
	padding-right: 1em !important;
}
.py-1{
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}
.pl-2{
	padding-left: 2em !important;
}
.pr-2{
	padding-right: 2em !important;
}
.pt-2{
	padding-top: 2em !important;
}
.pb-2{
	padding-bottom: 2em !important;
}
.pf-2{
	padding: 2em !important;
}
.px-2{
	padding-left: 2em !important;
	padding-right: 2em !important;
}
.py-2{
	padding-top: 2em !important;
	padding-bottom: 2em !important;
}
.pl-3{
	padding-left: 3em !important;
}
.pr-3{
	padding-right: 3em !important;
}
.pt-3{
	padding-top: 3em !important;
}
.pb-3{
	padding-bottom: 3em !important;
}
.pf-3{
	padding: 3em !important;
}
.px-3{
	padding-left: 3em !important;
	padding-right: 3em !important;
}
.py-3{
	padding-top: 3em !important;
	padding-bottom: 3em !important;
}
.pl-4{
	padding-left: 4em !important;
}
.pr-4{
	padding-right: 4em !important;
}
.pt-4{
	padding-top: 4em !important;
}
.pb-4{
	padding-bottom: 4em !important;
}
.pf-4{
	padding: 4em !important;
}
.px-4{
	padding-left: 4em !important;
	padding-right: 4em !important;
}
.py-4{
	padding-top: 4em !important;
	padding-bottom: 4em !important;
}
.pl-5{
	padding-left: 5em !important;
}
.pr-5{
	padding-right: 5em !important;
}
.pt-5{
	padding-top: 5em !important;
}
.pb-5{
	padding-bottom: 5em !important;
}
.pf-5{
	padding: 5em !important;
}
.px-5{
	padding-left: 5em !important;
	padding-right: 5em !important;
}
.py-5{
	padding-top: 5em !important;
	padding-bottom: 5em !important;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}