.off-canvas-wrap .inner-wrap section.main-section {min-height: 800px; }
.ptb-school-header-logo {height:80px; display: table;}
.ptb-school-header-logo a {vertical-align: middle; display: table-cell;}
.ptb-school-header-logo img {max-height:80px;max-width:300px;margin:5px 0 0 5px; }
.ptb-dashboard .side-nav {padding-bottom: 40px; padding-right:15px;}
.ptb-dashboard .side-nav li a, .ptb-dashboard .side-nav li a:focus {color: #151D2F; }
.ptb-dashboard .side-nav li {border-bottom: 1px #b5b5b5 solid; font-size:15px;padding-left:28px;background: url(/hgs/img/dashboard-icons.png) no-repeat;}
.ptb-dashboard .side-nav li.i-announcement {background-position: 5px 8px;}
.ptb-dashboard .side-nav li.i-signup {background-position: 5px -31px;}
.ptb-dashboard .side-nav li.i-sharingcenter {background-position: 5px -73px;}
.ptb-dashboard .side-nav li.i-calendar {background-position: 5px -111px;}
.ptb-dashboard .side-nav li.i-formandpayment {background-position: 5px -152px;}
.ptb-dashboard .side-nav li.i-openregistration {background-position: 5px -924px;}
.ptb-dashboard .side-nav li.i-schooldirectory {background-position: 5px -190px;}
.ptb-dashboard .side-nav li.i-mymessagess {background-position: 5px -223px;}
.ptb-dashboard .side-nav li.i-myschools {background-position: 5px -256px;}
.ptb-dashboard .side-nav li.i-shoolyear {background-position: 5px -494px;}
.ptb-dashboard .side-nav li.i-classgroup {background-position: 5px -535px;}
.ptb-dashboard .side-nav li.i-user {background-position: 5px -585px;}
.ptb-dashboard .side-nav li.i-preference {background-position: 5px -630px;}


.ptb-dashboard .side-nav li a:not(.button):hover {color: #fff; background:none; text-decoration: none;}
.ptb-dashboard .side-nav li:hover a:not(.button) {color: #fff; }
.ptb-dashboard .side-nav li:hover {background-image: url(/hgs/img/dashboard-icons_w.png); background-color:#2782D2;}
.ptb-dashboard .side-nav li.i-home {background:none;font-size: 16px;padding-left:10px;}
.ptb-dashboard .side-nav li.i-home i {font-size:30px; line-height:36px;float:left; margin-right:12px;}
.ptb-dashboard .side-nav li.i-home:hover {background-color:#2782D2;}
.ptb-dashboard .side-nav li.i-home:hover i {color:#fff;}
.ptb-dashboard .side-nav li.i-home:hover a {color:#fff;}

.ptb-dashboard .columns.ptb-reminder-area {color: #2782D2;margin-top:20px;padding-right:5px;}
.ptb-dashboard .ptb-content-area {padding:0  15px 0 0; margin-left:-25px; font-size:14px;}
.ptb-dashboard .ptb-box-title1,
.ptb-dashboard .ptb-box-title2,
.ptb-dashboard .ptb-box-title3 {border:1px #C0BFC1 solid; background:#2782D2;padding:3px 0 3px 20px;margin:20px 0 0 0;color: #fff;}
.ptb-dashboard .ptb-box-title2 {background: #E55417;}
.ptb-dashboard .ptb-box-title3 {background:#151D2F;}
.ptb-dashboard .ptb-box	{border:1px #C0BFC1 solid; background:#EBEBEB;margin-top:10px;padding:5px 10px 10px 5px;}
.ptb-dashboard .ptb-view-button-wrapper {float:right;margin: 8px 0 10px 10px;}
.ptb-dashboard .ptb-view-button-wrapper a {color:#fff;padding:8px 15px;}
.ptb-dashboard .ptb-content-title {color: #2782D2; font-size:16px;}
.ptb-dashboard .ptb-content-key-info {margin-top:5px; color: #000;}
.ptb-dashboard .ptb-content-desc {margin-top:5px; color: #666; font-size:13px; max-height: 60px; overflow: hidden;}
#ptboard-schooldirectory, #ptboard-openregistration, #ptboard-formandpayment,
#ptboard-signups, #ptboard-announcements, #ptboard-teachersnotes, #ptboard-whatsnew {displayx:none;}

.ptb-box-icon {float: right; width:40px; height: 30px; background: url(/hgs/img/dashboard-icons.png) 0 -194px no-repeat;}
#ptboard-schooldirectory .ptb-box-icon {}
#ptboard-openregistration .ptb-box-icon {height: 35px; background-position: 0 -924px; }
#ptboard-formandpayment .ptb-box-icon {height: 40px; background-position: 0 -345px; }
#ptboard-signups .ptb-box-icon {height: 45px; background-position: 0 -395px; }
#ptboard-announcements .ptb-box-icon { background-position: 0 4px; }
#ptboard-teachersnotes .ptb-box-icon {height: 40px; background-position: 0 -788px; }
#ptboard-photo .ptb-box-icon {height: 40px; background-position: 0 -678px; }
#ptboard-document .ptb-box-icon {height: 40px; background-position: 0 -732px; }
#ptboard-whatsnew .ptb-box-icon.M {height: 40px; background-position: 0 -870px; }
#ptboard-whatsnew .ptb-box-icon.D {height: 40px; background-position: 0 -730px; }
#ptboard-whatsnew .ptb-box-icon.P {height: 40px; background-position: 0 -670px; }

.off-canvas-wrap .tab-bar {background: #151D2F;}
.off-canvas-wrap .left-off-canvas-menu,  .off-canvas-wrap .right-off-canvas-menu  {background: #EBEBEB;}
.off-canvas-wrap .off-canvas-list li label {background: #2782D2;margin-bottom:1px;}
.off-canvas-wrap .off-canvas-list a:hover,
.off-canvas-wrap .off-canvas-list a:focus {background:#2782D2; color:#fff; text-decoration: none;}
.off-canvas-wrap .off-canvas-list a {color: #2782D2;}
.off-canvas-list .left-submenu  {background: #EBEBEB;}
.off-canvas-list .left-submenu li.back a {background: #2782D2; color:#fff;}

.ptb-dashboard .side-nav div#class-group-submenu {margin-left: 10%;}
.ptb-dashboard .side-nav div#class-group-submenu > a > div {font-size:13px;margin: 0 0 2px 0; padding: 2px 2px 2px 30px;}
.ptb-dashboard .side-nav div#class-group-submenu > a.current div {background-color: #5087ae; color: #fff}
.ptb-dashboard .side-nav div#class-group-submenu > a.current:hover {text-decoration: none;}



.ptb-dashboard .ptb-content-area .ptb-classroom .ptb-selection-box {border:1px #C0BFC1 solid; width:250px;text-align:left;}
.ptb-dashboard .ptb-content-area .ptb-classroom .ptb-selection-box .ptb-selection-box-title {border-bottom: 1px #C0BFC1 solid; padding:5px 0 8px 55px; font-size:18px; background: url(/hgs/img/dashboard-icons_w.png) no-repeat; color: #fff;}
.ptb-dashboard .ptb-content-area .ptb-classroom .ptb-selection-box .ptb-selection-box-title.title-sharingcenter {background-color: #2782D2; background-position: 15px -70px;}
.ptb-dashboard .ptb-content-area .ptb-classroom .ptb-selection-box .ptb-selection-box-title.title-signups {background-color: #E55417; background-position: 15px -29px;}
.ptb-dashboard .ptb-content-area .ptb-classroom .ptb-selection-box .ptb-selection-box-title.title-teachersnote {background-color: #151D2F; background-position: 15px -922px}
.ptb-dashboard .ptb-content-area .ptb-classroom .ptb-selection-box a.button {padding: 10px 25px;margin-top: 10px; margin-bottom:20px;}



a[data-dropdown="ptb-my-account"] > b {border-top:4px solid #666; border-right:4px solid transparent;border-left:4px solid transparent;width:1px;display:inline-block;}
a[data-dropdown="ptb-account-alert"]  {padding: 0px 0 6px 12px; background: url('/hgs/images/icon/flag.png') 8px 4px no-repeat;}
a[data-dropdown="ptb-account-alert"] > span {background-color: #990000; padding:1px 7px;border-radius: 9px;color:#fff;font-size:11px;}
#ptb-account-alert {overflow: auto; max-height: 400px !important;}
#ptb-account-alert .ptb-alert-content {font-size:14px;line-height:18px;}
#ptb-account-alert .ptb-alert-time {float:left;color:#999;font-size:13px;}
#ptb-account-alert .ptb-alert-button-area {float:right;padding-top:5px;}
#ptb-account-alert .ptb-alert-button-area a.button {margin-bottom:10px;}

#calevents .ptb-upcoming-header-title {background: url(/hgs/img/dashboard-icons.png) 0 -446px no-repeat;padding:0 0 5px 30px;font-size:20px;}
#calevents .ptb-upcoming-wrapper {border:1px #C0BFC1 solid; background:#EBEBEB;font-size:14px;line-height:28px; margin-bottom: 30px;}


#calevents .ptb-upcoming-wrapper .ptb-event-detail-wrapper {display:none;}
#calevents .ptb-upcoming-wrapper .ptb-upcoming-date {padding:8px 0 0px 10px;color: #151D2F; line-height: 22px;border-left: 4px solid #2782D2; border-top: 4px #efefef solid;}
#calevents .ptb-upcoming-wrapper .ptb-upcoming-content {padding:0px 10px 4px 20px; border-left:4px solid #2782D2; color:#151D2F;line-height: 22px;border-bottom: 4px #efefef solid;}
#calevents .ptb-upcoming-wrapper .ptb-upcoming-item-title {font-weight:bold;}
#calevents .ptb-upcoming-wrapper .ptb-upcoming-date.alt,#calevents .ptb-upcoming-wrapper .ptb-upcoming-content.alt
{border-left-colorxx: #E55417;background: #fff; border-bottom-color: #fff; border-top-color: #fff;}

.ptb-custom-nav {display: block;list-style-position: outside;list-style-type: none; margin: 0; padding: 0.875rem 0; padding-right:15px;}
.ptb-custom-nav li { font-size: 0.875rem;font-weight: normal; margin: 0; border-bottom: 1px #b5b5b5 solid; padding: 10px 0 5px 28px;}
.ptb-custom-nav li a:not(.button) { color: #151D2F; display:block;}
.ptb-custom-nav li:hover a:not(.button), .sub-side-nav li:focus a:not(.button) {color: #fff;  text-decoration: none; }
.ptb-custom-nav li:hover, .sub-side-nav li:focus {background-color:#2782D2; }
.ptb-custom-nav li.divider { border-top: 1px solid;height: 0; list-style: none; padding: 0; border-top-color: #e6e6e6; }

.breadcrumbs {border-width: 0;background-color: inherit;}
.breadcrumbs > * {font-size: 0.7875rem; text-transform: initial;line-height: 1rem;}
.f-dropdown li:hover, .ptb-more-dropdown li:focus {background: #2782D2;}
.f-dropdown li a:hover, .ptb-more-dropdown li a:focus{color: #fff; text-decoration: none;}

body > div.off-canvas-wrap {min-height: 540px; }

.ptb-box-title-bar {background:#414654 url(/hgs/img/dashboard-icons_w.png) 10px 10px no-repeat;
	color:#fff;border-top:10px #206CC7 solid;font-size:18px;padding: 0;
	cursor:pointer; margin-top:30px;position:relative;}
.ptb-box-title-bar:hover {color: #EFAF41;}
.ptb-box-title-bar:hover div.title {text-decoration: underline;}
.ptb-box-title-bar div.title {margin:5px 0 0 50px;padding-bottom:8px;}
.ptb-box-title-bar div.arrow {position: absolute;
	right: 20px;
	top: 7px;
	background: url(/hgs/img/goto.png);
	width: 25px;
	height: 25px;
	background-size: cover;}
.ptb-box-title-bar:hover .arrow {background: url(/hgs/img/goto-hover.png);background-size: cover;}
.ptb-box-title-bar.form {background-position: 10px -152px; border-top-color: #0078AE; }
.ptb-box-title-bar.signup {background-position: 10px -31px; border-top-color: #2782D2; }
.ptb-box-title-bar.announcement {background-position: 10px 8px; border-top-color: #20AFA5; }
.ptb-box-title-bar.groupnotes {background-position: 10px -788px; border-top-color: #20AFA5; }
.ptb-box-title-bar.groupnotesinclass {background-position: 10px -788px; border-top-color: #20AFA5; }
.ptb-box-title-bar.whatsnew {background-position: 10px -870px; border-top-color: #7CBE31; }
.ptb-box-title-bar.photoalbum {background-position: 10px -674px; border-top-color: #c53e1d; }
.ptb-box-title-bar.docs {background-position: 10px -730px; border-top-color: #c53e1d; }
.ptb-box-title-bar.registration {background-position: 10px -924px; border-top-color: #7CBE31; }

.ptb-box-title-bar.groupnotes:hover {color:#fff; cursor: default;}
.ptb-box-title-bar.groupnotes:hover div.title {text-decoration: none;}
.ptb-box-title-bar.whatsnew:hover {color:#fff; cursor: default;}
.ptb-box-title-bar.whatsnew:hover div.title {text-decoration: none;}

@media only screen and (max-width: 64em) {
	.ptb-dashboard .ptb-content-area {padding-left:5px;margin-left:0;}
	.ptb-dashboard .ptb-content-area-school-home {padding-left:5px;}
}
@media only screen and (max-width: 40em) {
	.ptb-dashboard .columns.ptb-reminder-area {padding:0 10px;}
	.ptb-dashboard .ptb-content-area {padding: 0 10px; margin-left:0;}
	.ptb-dashboard .ptb-content-area-school-home {padding: 0 10px;}
}

div.invalid, input.invalid, select.invalid {border: 1px solid red !important; border-radius: 3px;}

.ptb-dashboard .ptb-box-question {border:1px #81BEF7 solid; color: #2782D2; background:#EFF5FB;margin-top:10px;padding: 5px 5px 5px 20px;cursor: pointer; display: block;}
.ptb-dashboard .ptb-box-question:hover {background: #FBFBEF; }
.ptb-dashboard .ptb-box-question:hover { color: #2782D2; text-decoration: none; }