@font-face {
    font-family: "Century Schoolbook";
    src: url("/hgs/assets/fonts/CenturySchoolbookStdRegular.otf") format("opentype");
}

.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-school-header-name {float:left;font-size:22px;color: #2782D2;font-weight:bold;margin-top:25px;padding-left:10px;}
#general-left-menu-desktop {margin-top:10px;padding-left:10px;}
.ptb-dashboard .side-nav {padding-bottom: 40px; padding-right:40px; padding-top: 0; font-family:'Open Sans', sans-serif; }
.ptb-dashboard .side-nav li a, .ptb-dashboard .side-nav li a:focus {color: #151D2F; }
.ptb-dashboard .side-nav li { border-left: 3px transparent solid; font-size:15px;padding-left:0.725rem; padding-top: 8px; padding-bottom: 7px; margin-bottom: 0;}
.ptb-dashboard .side-nav li i {color: #151D2F; }
.ptb-dashboard .side-nav li.selected {background-color: #f1f1f1; border-left: 3px #666 solid; border-top-right-radius: 25px;border-bottom-right-radius: 25px;}
.ptb-dashboard .side-nav li.selected i {color: #000;}
.ptb-dashboard .side-nav li:hover i {color: #000; }
.ptb-dashboard .side-nav li a:not(.button) {display: inline-block; padding-left: 0.625rem;}

.ptb-dashboard .side-nav li a:not(.button):hover {color: #151D2F; background:none; text-decoration: none;}
.ptb-dashboard .side-nav li:hover a:not(.button) {colorxxxx: #fff; }
.ptb-dashboard .side-nav li:hover {border-left: 3px #666 solid; background-color:#f1f1f1; border-top-right-radius: 25px;border-bottom-right-radius: 25px;}

.js-qr-code-div img {display: inline !important; }

.ptb-content-area #home-hero-slide {margin-bottom: 20px;}
.ptb-dashboard #home-warning-reminder { margin-bottom: 50px; border: 1px #ed8d4b solid; border-radius: 10px; background-color: #FFCCBC; padding:1.525rem 1.525rem 1.125rem 1.525rem; }
.ptb-dashboard #home-warning-reminder .title {font-weight: bold;font-size: 1.225rem;margin-bottom: 12px;color: #B73F31; }
.ptb-dashboard #home-warning-reminder .msg {border-left: 6px #e8742f solid; padding: 0.875rem; font-size: 0.875rem; background-color: #fff; margin-bottom: 20px; color: #B73F31; }
.ptb-dashboard #home-warning-reminder .msg a {color: #666; text-decoration: underline;}

.ptb-dashboard #home-warning-reminder.green-warning-overwrite {background-color: #eff7f2 !important; border: 1px #469c21 solid !important;}
.ptb-dashboard #home-admin-setup-reminder { margin-bottom: 50px; border: 1px #d5d5d5 solid; border-radius: 10px; background-color: #E3F7FF; padding: 30px 0px;}
.ptb-dashboard #home-admin-setup-reminder .alert-item {padding: 0px 30px; height: 20px;}
.ptb-dashboard #home-admin-setup-reminder .alert-item div img {margin-right: 6px; margin-bottom: 2px;}
.ptb-dashboard #home-admin-setup-reminder .alert-item .alert-skip {float:right;font-size: 0.725rem; }

#home-content-section .welcome-title {font-weight: bold;font-size: 1.125rem;margin: 40px 0 30px 0;}
#home-content-section .welcome-title span {color: #e8742f;font-size: 0.975rem; }
#home-content-section .welcome-title span.join-school-link {color: #000;font-size: 16px;font-weight: bold;}
#home-content-section ul {background-color:#fff;}
.content-summary-section {border: 1px #d5d5d5 solid; border-radius: 10px; margin-bottom: 50px;}
.content-summary-section .header {color: #fff; padding: 16px 16px 16px 5px; font-size: 18px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.content-summary-section .header .view-all {float: right; font-size: 13px; margin-top: 7px;}
.content-summary-section .header .view-all a {color: #fff; text-decoration: underline; }
.content-summary-section ul {margin: 0; }
.content-summary-section ul li {list-style-type: none; padding: 25px 20px; }
.content-summary-section ul li:not(:last-child) {border-bottom: 1px #d5d5d5 solid; }
.content-summary-section ul li .title {color: #3099db; font-weight: bold; font-size: 1.025rem;}
.content-summary-section ul li .sub-title {font-size: 0.875rem; color: #777; }
.content-summary-section ul li a.view {color: #e8742f; font-weight: bold; float: right;}
.content-summary-section ul li .content {font-size: 0.875rem; margin-top: 10px;}
#reg-section.content-summary-section .header {background-color: #21b390; }
#ann-section.content-summary-section .header {background-color: #e8742f; }
#signup-section.content-summary-section .header {background-color: #2c97da; }
#form-section.content-summary-section .header {background-color: #21b390; }
#form-section.content-summary-section .img-wrapper {padding: 10px 20px 20px 0; text-align: center; }
#form-section.content-summary-section .form-desc {}
#form-section.content-summary-section .form-desc table {width: 100%; background: none; margin: 10px 0;}
#form-section.content-summary-section .form-desc table td {font-size: 0.875rem; padding: 2px 8px; }

#campaign-section.content-summary-section .header {background-color: #537ca6; }
#campaign-section.content-summary-section .img-wrapper {padding: 10px 20px 20px 0; text-align: center; }




.ptb-dashboard .columns.ptb-reminder-area {margin-top:11px;padding-right:5px;}
#upcoming-events {border: 1px #ed8d4b solid; border-radius: 10px; background-color: #ffd597; padding:1.525rem; margin-bottom: 30px; }
#upcoming-events .title {font-weight: bold; font-size: 0.95rem; margin-bottom: 12px;}
#upcoming-events ul {margin: 0;}
#upcoming-events ul li {list-style-type: none; border-left: 6px #e8742f solid; padding: 0.625rem 0.875rem; font-size: 1rem; background-color: #fff; margin-bottom: 15px;}
#upcoming-events ul li .time {color: #e98346; }
#upcoming-events ul li .desc {line-height: 16px;}
#upcoming-events ul li .desc a {color: #666; text-decoration: underline; font-size: 0.725rem;}
#upcoming-events ul li .detail {displayx:none; font-size: 0.825rem;}
#upcoming-events ul li .detail > div > span {font-weight: bold; }


#my-school {font-size: 0.785rem; line-height: 20px; border: 1px #60b0e3 solid; border-radius: 10px; padding:1.525rem; margin-bottom: 30px; background-color:#fff;}
#my-school .title {font-weight: bold; font-size: 0.95rem; margin-bottom: 12px;}
#my-school div span {color: #999;}





.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(https://www.ptboard.com/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 > a > div {font-size:13px;margin: 0 0 2px 7px; padding: 2px 2px 2px 20px; color: #151D2F; border-left: 3px transparent solid;}
.ptb-dashboard .side-nav div#class-group-submenu > a.current div {background-color: #f1f1f1; border-left: 3px #666 solid;}
.ptb-dashboard .side-nav div#class-group-submenu > a:hover {text-decoration: none;}
.ptb-dashboard .side-nav div#class-group-submenu > a:hover div {background-color: #f1f1f1; border-left: 3px #666 solid;}

.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(https://www.ptboard.com/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(https://www.ptboard.com/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-left: 3px transparent solid; padding: 10px 5px 10px 25px;}
.ptb-custom-nav li a:not(.button) { color: #151D2F; display:block;}

.breadcrumbs {border-radius: 10px; margin-bottom: 20px; background-color: #f7f7f7; border-widthxxx: 0;background-colorxxx: 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(https://www.ptboard.com/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(https://www.ptboard.com/hgs/img/goto.png);
	width: 25px;
	height: 25px;
	background-size: cover;}
.ptb-box-title-bar:hover .arrow {background: url(https://www.ptboard.com/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; }