@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('css/featherlight.css');
@import url('https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css');

/***
font-family: 'Roboto', sans-serif;
****/

/*** Google Icon Library | https://material.io/icons/ ***/
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/*****RESET*****/
html, body {width: 100%; font-size: 14px; line-height: 150%; color: #000; font-family: 'Roboto', sans-serif; background: #ececec; }
html, body, div, span, applet, object, iframe, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
input{-webkit-border-radius:0;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
.mob_show { display: none !important; }
:focus { outline:none !important; -webkit-box-shadow: 0 !important; }

a[href^="tel"] { cursor: default; }
a[href^="tel"]:hover { }

*::-webkit-input-placeholder{opacity:1;color: rgba(0,0,0,0.4); } 
*::-moz-placeholder{opacity:1;color: rgba(0,0,0,0.4); } 
*:-ms-input-placeholder{opacity:1;color: rgba(0,0,0,0.4); }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

img{ max-width: 100%;}

select, input{ font-family: 'Roboto', sans-serif; vertical-align: middle; max-width: 160px;}
select{ background-color: #fff !important;-webkit-appearance: none; -moz-appearance: none;  appearance: none; padding: 0px 15px 0px 10px !important; background-image: url('images/sort_desc.png'); background-repeat: no-repeat; background-position: right center; border: solid 1px #7c7c7c !important; border-radius: 5px;}
select.leftalign {padding-left:0;}
#nav-height{ position: absolute; height: 100%; z-index: -1;}

input[type="text"], input[type="text"], input[type="password"]{ background-color: #fff !important;-webkit-appearance: none; -moz-appearance: none;  appearance: none;  border: solid 1px #7c7c7c !important; border-radius: 5px;}

/*****GENERAL*****/
a { color:#0066cc; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s;}
a:hover{ text-decoration: none;}

input[type=submit], input[type=button] {
	box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #fff !important;
    border: 1px solid transparent;
    border-radius: 3px;
    color: white !important;
    border: 1px solid #1e4861;
    background-color: #1e4861;
    background: #1e4861;
}

p{ font-size: 14px; font-size: 1em; line-height: 150%; color: #000; font-family: 'Roboto', sans-serif;}

#pwr_main_sec{ width: 100%; margin: 0 auto; padding: 0px; float: left;}

i{ vertical-align: middle;}
i.far{  font-style: normal; font-size: 24px; vertical-align: middle;}

table.dataTable tbody th, table.dataTable tbody td{ padding: 15px 10px;}

.directory.dataTable tr th.col_address {
	min-width: 100px;
}

table a{ word-break: keep-all;}

.pwr_button{
	box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #fff !important;
    border: 1px solid transparent;
    border-radius: 3px;
    color: white !important;
    border: 1px solid #1e4861;
    background-color: #1e4861;
    background: #1e4861;
	box-shadow:0px 2px 10px 0px rgba(0,0,0,0.12);
	text-transform: uppercase;
}

/*** banner ****/
#pwr_banner{ width: calc( 100% - 250px); /* height: 400px; background-position: center; background-size: cover; */ margin-left: 250px; position: relative;}
#pwr_banner img{ width: 100%; height: auto;}
#pwr_banner.without_nav{ width: 100%; margin-left: 0px;}
#pwr_banner a{ display: inline-block; width: 100%;}

/*** Nav Logo ****/
#nav_logo_container{ width: 100%; text-align: center;}
#nav_logo_container img{ max-height: 60px; margin: 0 auto; max-width: 80%;}

/*****  EXIT PREVIEW *******/
#exit_preview_container{ width: 100%; float: left; background: #B8E986; position: fixed; border-bottom: #ececec 20px solid; z-index: 9996;}
#exit_preview_container .preview_content{ padding: 15px 20px;}
#exit_preview_container .preview_content p{ color: #000 !important; font-size: 14px; line-height: 150%;}
#exit_preview_container .preview_content .preview-left, #exit_preview_container .preview_content .preview-right{ width: 50%; float: left;}
#exit_preview_container .preview_content .preview-left svg{ display: inline-block; width: 30px; fill: #000; vertical-align: middle;}
#exit_preview_container .preview_content .preview-left a{ font-size: 25px; color: #000;}
#exit_preview_container .preview_content .preview-left a span{ font-size: 25px; padding-left: 10px;}
#exit_preview_container .preview_content .preview-left p{ text-align: left; padding-left: 41px;}
#exit_preview_container .preview_content .preview-right p{ text-align: right; padding-left: 20px;}

@media only screen and (max-width: 640px) {	
	#exit_preview_container .preview_content .preview-left, #exit_preview_container .preview_content .preview-right{ width: 100%; float: left;}
	#exit_preview_container .preview_content .preview-left p, #exit_preview_container .preview_content .preview-right p{ font-size: 14px; text-align: left; padding-left: 31px;}
	
	#exit_preview_container .preview_content .preview-left svg{ width: 21px;}
	#exit_preview_container .preview_content .preview-left a,#exit_preview_container .preview_content .preview-left a span{ font-size: 21px;}
}

/****** END EXIT PREVIEW ******/

/**** Standard Search ****/

/*** Directory Search Form ****/
.search_button input{ width: 72px; background: #1e4861; border: #1e4861 solid 1px; border-radius: 5px; color: #fff; text-transform: uppercase; box-shadow:0px 2px 10px 0px rgba(0,0,0,0.12); cursor: pointer;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: auto; line-height: 100%; padding: 5px 0px;}
.search_field{ position: relative; }
.search_field input{ padding-left: 28px;}
.search_field i{ font-size: 25px; vertical-align: middle; color: #7c7c7c; position: absolute; left: 0px; top: 0px; padding-left: 5px;}

/*** Main Navigation ***/
.pwr_nav-container{ width: 320px; position: fixed; left: -320px; top: 0px; height: 100%; z-index: 9999; background: #6d6d6d; color: #fff;}
.pwr_nav-overlay{ position: fixed; width: 100%; height: 100%; z-index: 9998; background-color: rgba(0,0,0,0.35); display: none;}
.pwr_nav-overlay.active{ display: block;}

.pwr_nav-logo{ width: 100%; border-bottom: solid 1px #fff; text-align: center; height: 56px; display: table;}
.pwr_nav-logo .logo{ display: table-cell; vertical-align: middle; font-weight: 700; font-size: 21px;}

/*** Header ***/
header{ position: fixed; top: 0px; left: 0px; width: 100%; background: #1e4861; float: left; height: 56px; z-index: 9997; box-shadow: 0px 3px 5px rgba(0,0,0,.25)}
.pwr_header-left{ float: left; height: 56px; display: table; padding-left: 8px;}
.pwr_header-right{ float: right; height: 56px; display: table; padding-right: 8px;}

.pwr_nav-button{ display: table-cell; vertical-align: middle; padding: 0px 10px; cursor: pointer;}
.pwr_nav-button i{ color: #fff; font-size: 24px; font-size: 1.71rem;}
.pwr_product-name{ display: table-cell; vertical-align: middle; padding-left:12px;}
.pwr_product-name a{ color: #fff; font-size: 18px; font-weight: 500; text-decoration: none;}

.pwr_org-info{ color: #fff; font-size: 11px; font-size: 0.786em; text-align: right; display: table-cell; vertical-align: middle; line-height: 150%; padding-right: 20px;}
.pwr_org-info a{ color: #fff;}

.pwr_mobile_user_info_icon{ display: none; color: #fff;}

.pwr_app-picker{ display: table-cell; vertical-align: middle; padding-right: 20px;}
.pwr_app-picker-button{ width: 40px; line-height: 40px; text-align: center; cursor: pointer;}
.pwr_app-picker-button i{ color: #fff; font-size: 24px; font-size: 1.71rem; }
.pwr_app-picker-button:hover{ background: rgba(255,255,255,0.25); border-radius: 50%;}
.pwr_app-container{ display: none; width: 246px; position: fixed; top: 56px; right: 8px; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12); min-height: 120px; background-color: #fff;}

.pwr_user{display: table-cell; vertical-align: middle; text-align: center; }
.pwr_user-button{ background: #fff; border-radius: 50%; width: 34px; height: 34px; color: #666666; font-size: 14px; font-size: 1em; line-height: 36px; cursor: pointer;}
.pwr_user-info{ display: none; width: 300px; position: fixed; top: 56px; right: 8px; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12); min-height: 120px; background-color: #fff; float: left;}
.pwr_user-info.active{ display: block !important;}
.pwr_user-info-container{ /* padding: 8px; */}
.pwr_divider{ width: 100%; /* float: left; */ border-bottom: solid 1px #9a9a9a;}

.pwr_user-info .pwr_user-top{  padding: 15px; /* width: 100%; */ height: 64px; display: table;}
.pwr_user-info .pwr_user-top .pwr_user-icon{ border: solid 2px #1e4861; border-radius: 50%; width: 64px; height: 64px; line-height: 64px; font-size: 28px; color: #1e4861; display: table-cell; vertical-align: middle; background-size: cover !important; background-position: center !important;}
.pwr_user-info .pwr_account_info{ display: table-cell; vertical-align: middle; text-align: left; padding-left: 8px;}
.pwr_user-info .pwr_user-links{ }
.pwr_user-info .pwr_user-links a{ font-size: 12px; font-weight: 700; text-decoration: none;}
.pwr_user-info .pwr_user-top .pwr_user-name{ font-size: 16px; font-size: 1.14em; color: #000; font-weight: 700; /* padding: 24px 5px 0px 8px; */}
.pwr_user-info .pwr_user-bottom{ padding: 15px 0px; float: left; width: 100%;}
.pwr_user-info .pwr_user-bottom a{ display: block; text-align: right; text-decoration: none; float:left; width: 50%; font-weight: 700; font-size: 14px;}
.pwr_user-info .pwr_user-bottom a:nth-child(1){text-align: left;}
.pwr_user-info .pwr_user-bottom a:hover{}
.pwr_user-info .pwr_user-bottom .pwr_user-links{ padding: 0px 15px;}

.pwr_uer_options_content h4{ padding: 10px; margin: 0;}
.pwr_options_select{ display: block; padding: 0px 0px 25px 25px;}
.pwr_languages{ border: 0; font-size: 14px;}

/***** CONTENT *****/

/**** Left Nav ****/
.pwr_left_nav{ position: fixed; /* left: -250px; */ left: 0px; top: 0px; padding-top: 56px; right: 0px; bottom: 0px; border-right: 1px solid rgba(0,0,0,.12); height: 100%; width: 250px; background: #6c6c6c; z-index: 102; box-shadow: 0 2px 4px 2px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12); }
.pwr_left_nav:hover{overflow-y: auto;}
.pwr_left_nav.active{box-shadow: none;}
.pwr_left_nav_container{ /* padding: 8px; */ }

.pwr_left_nav_top{ width: 100%; padding: 15px 0px; text-align: left;}
.pwr_left_nav_top .pwr_page_meta{ font-size: 16px; font-size: 1.14em; color: #fff; display: block; padding-bottom: 10px;}
.pwr_left_nav_top .pwr_page_links{ font-size: 14px; font-size: 1em; text-decoration: none;}
.pwr_left_nav_top .pwr_page_links a{ display: block; padding: 5px 0px 5px 30px; color: #fff;}
.pwr_left_nav_top .pwr_page_links a:hover{ }

.pwr_left_nav_top{}
.ui-accordion-header-icon{ display: none !important;}
/*.pwr_header-left .pwr_nav-button i, .pwr_left_nav_top li a i { color: #fff; }*/
.pwr_left_nav_top li a{ color: #fff; position: relative; font-size: 15px; font-weight: 300; line-height: 150%; cursor: pointer; display: block; padding: 15px 0px 15px 20px; text-decoration: none; max-width: calc(100% - 54px);}
.pwr_left_nav_top li.nav-hover a{ font-weight: 700; color: #6c6c6c;}
.pwr_left_nav_top li a i.pwr_header-icon{ padding-right: 15px; vertical-align: middle; margin-top: -6px;}
.pwr_left_nav_top li a svg{ padding-right: 9px; vertical-align: middle; width: 26px !important; height: auto !important;  fill: #fff;}
.pwr_left_nav_top li.nav-hover a i.pwr_header-icon{ color: #6c6c6c;}
.pwr_left_nav_top li.nav-hover a svg{ fill: #6c6c6c;}
.pwr_left_nav_top ul{ margin: 0 auto; padding: 0; width: 100%;}
.pwr_left_nav_top li.active ul{ display: block;}
.pwr_left_nav_top ul li{width: 100%; position: relative; }
.pwr_left_nav_top ul li.nav-hover{ background-color: rgba(255,255,255,1);}
.pwr_left_nav_top ul li.current_page{ background-color: rgba(255,255,255,1); font-weight: bold;}
.pwr_left_nav_top ul li ul li a{ color: #fff; font-size: 14px; font-size: 1em; text-decoration: none; text-align: left; padding: 15px 0px 15px 70px; display: block; font-weight: 300; line-height: 150%;}
.pwr_left_nav_top ul li ul li.nav-hover a{ color: #6c6c6c; font-weight: 300;}
.pwr_left_nav_top ul li.current_page a{ color: #6c6c6c !important; font-weight: 700;}
.pwr_left_nav_top li.nav-hover ul li a{  color: #fff; font-weight: 300;}
.pwr_left_nav_top .pwr_expand{ position: absolute; right: 0px; top: 15px; cursor: pointer; color: #fff; padding: 0px 10px;z-index:9999;}
.pwr_left_nav_top li .pwr_expand i{ font-size: 24px; color: #fff; font-size: 24px; font-size: 1.71rem;}
.pwr_left_nav_top li .pwr_expand.active{ 
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.pwr_left_nav_top li.nav-hover .pwr_expand i{ color: #6c6c6c;}

.pwr_left_nav_top ul li ul li.current_page.nav-hover a,
.pwr_left_nav_top ul li.active > a
            { font-weight: 700 !important;}


.pwr_left_nav_top ul li ul{ display: none; background-color: #6d6d6d;}
.pwr_left_nav_top ul li ul li{ background: none;}
.pwr_left_nav_top ul li ul li a{ /* padding: 15px 0px 15px 40px; */}

.pwr_left_nav_bottom{ width: 100%; padding: 15px 0px; text-align: left;}
.pwr_left_nav_bottom select{ width: 100%; border: 1px solid rgba(0,0,0,.12); font-size: 14px; font-size: 1em; padding: 5px; margin-bottom: 8px; }
.pwr_left_nav_top li.nav-hover ul li.current_page a{ font-weight: 700 !important;}

/**** Middle/Main Content ****/
.pwr_middle_containter{ margin-top: 56px; float: left; width: 100%; /* overflow-x: hidden; */ height: 100%; position: relative;}
.pwr_with_left_nav .pwr_middle_containter{}

.pwr_note{ padding: 40px; font-size: 12px; color:#6c6c6c;}
.pwr_note_center {text-align:center;}
.pwr_note_less{ padding: 10px 40px; font-size: 12px; color:#6c6c6c;}

/**** Page Properties Bar ******/
.pwr_page_properties_bar{ width: 100%; position: relative; background: #fff; height: 56px; display: table; border-bottom: 1px solid rgba(0,0,0,.12); margin-bottom: 85px;}
.pwr_properties_bar_container{ display: table-cell; vertical-align: middle; /* padding-left: 310px; */}
.pwr_properties_bar_wrapper{ margin: 0 auto; max-width: 930px;}
.pwr_with_left_nav .pwr_properties_bar_container{ padding-left: 250px;}
.pwr_properties_bar_container input{border: 1px solid #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 15px; height: 15px; position: relative; margin-right: 10px; vertical-align: middle;}
.pwr_properties_bar_container input:checked{ background: #ec7e1e; color: #fff;}
.pwr_properties_bar_container input:checked::after{ content:"\f00c"; font-size: 12px; color: #fff; text-align: center; position: absolute; top: 1px; left: 0px; font-family: fontawesome;}
.pwr_properties_bar_container .pwr_form-item{ padding-right: 30px; display: inline-block;}
.pwr_properties_bar_container .pwr_form-item span{ vertical-align: middle; font-size: 16px; font-size: 1.14em; color: #000;}

.pwr_page_properties_bar .pwr_left-nav_toggle{ display: none;}

ul.pwr_class_selection{ list-style: none; padding: 0; margin: 0;}
ul.pwr_class_selection li{ list-style: none; font-size: 16px; color: #616161; font-weight: 500; text-align: left;}

/***** Page Content (Middle or Main Content *****/
.pwr_middle_content{ margin: 0 auto; margin-top: 30px; padding-right: 20px;}
.pwr_middle_content.pwr_centered{ text-align: center;}
.pwr_content_wrapper{ margin: 0 auto; padding: 0px 20px;}
.pwr_with_right_toolbar .pwr_content_wrapper{}
.pwr_middle_content{  padding-left: 275px; /* max-width: 930px; */ padding-bottom: 60px;}
.pwr_middle_content.no_left_nav{ padding-left: 25px;}
.pwr_tool_container{ position: relative;}
.pwr_middle_content.pwr_photo-gallery, .pwr_middle_content.pwr_medical{ padding-left: 250px; padding-right: 0px; margin-top: 0px;}
.pwr_middle_content.no_left_nav.pwr_photo-gallery, .pwr_middle_content.no_left_nav.pwr_medical{ padding-left: 0px;}
.pwr_middle_content.pwr_financial{}

.pwr_card_content{ background: #fff; margin: 0 auto; max-width: 930px; padding: 15px 0px 0px 0px; box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.12); position: relative;}
.pwr_card_content.pwr_centered{ display: inline-block; width: 100%; text-align: left; max-width: 90%;}
.pwr_card_content.pwr_centered.calendar{ max-width: 100%; width: calc( 100% - 50px); margin-left: 25px; margin-right: 25px; padding: 0px;}
.pwr_twocol_container{ margin: 0 auto; display: inline-block; width: 100%; text-align: left; max-width: 90%; padding-top: 30px;}
.pwr_threecol_container{ margin: 0 auto; display: inline-block; width: 100%; text-align: left; max-width: 90%; padding-top: 30px;}
.pwr_twocol_container.top{ padding-top: 0px;}
.pwr_card_content.two_col, .pwr_card_content.three_col{ float:left;}
.two_col{ width: calc(50% - 16px);}
.three_col{ width: calc(33% - 18px);}
.three_col.school_home{ width: calc(50% - 130px); min-height: 300px;}
.school_home_classbndl{ width: 200px; height: 400px; padding-top:0;}

.pwr_card_content.narrow.with_graphic{ margin-top: -50px;}

.pwr_card_content.no_classes { clear: both; top: 30px;}

.pwr_card_content.two_col:nth-child(odd){ margin-right: 30px;}
.pwr_card_content.three_col:nth-child(2){ margin: 0px 30px;}

.pwr_card_content.two_col.famhome, .pwr_card_content.two_col.medical{ margin: 0px !important; margin-bottom: 30px !important;}
.pwr_card_content.two_col.famhome:last-child, .pwr_card_content.two_col.medical:last-child{ margin-left: 30px !important;}
.pwr_card_content.two_col.medical.medical_conditions, .pwr_card_content.two_col.medical.allergies{ padding-bottom: 15px;}
 
.pwr_card_content iframe, .pwr_card_content embed{ width: 100%;}

.pwr_tool_header_overlay{ position: absolute; top: 5px; right: 5px; z-index: 2; width: 130px;}
.pwr_tool_toggle{ display: table; width: 54px; height: 54px; background: #fafafa; border: 3px solid #CfCfCf; border-radius: 5px; float: left; text-align: center; margin-left: 5px; opacity: 0.6;}
.pwr_tool_toggle:hover{ opacity: 1; cursor: pointer;}
.pwr_tool_toggle a{ display: table-cell; vertical-align: middle;}
.pwr_tool_toggle span{ color: #CfCfCf; font-size: 30px;}

.pwr_tool_controls{ position: absolute; top: 68px; width: 100%; background: #ececec; box-shadow: 0px 2px 10px #666; right: 0px; height: 50px; line-height: 50px; display: none;}
.pwr_controls_container{ float: left; width: 100%;}
.pwr_controls_left{ float: left; width: 70%;}
.pwr_controls_right{ float: right; width: 30%; text-align: right;}

.pwr_tool_controls input{border: 1px solid #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 15px; height: 15px; position: relative; margin-right: 10px; vertical-align: middle; margin-top: 15px;}
.pwr_tool_controls input[type="text"]{ width: 50%; height: 40px; border: 0; margin-top: 4px;}
.pwr_tool_controls input[type="checkbox"]{ margin-top: 16px;}
.pwr_tool_controls input:checked{ background: #ec7e1e; color: #fff;}
.pwr_tool_controls input:checked::after{ content:"\f00c"; font-size: 12px; color: #fff; text-align: center; position: absolute; top: 1px; left: 0px; font-family: fontawesome;}

.pwr_tool_controls input,.pwr_tool_controls label{ float: left; margin-right:10px;}
.pwr_label_gen{ padding-left: 10px;}

.pwr_tool_controls .pwr_control_button{ display: inline-block; color: #666; font-size: 21px; line-height: 50px;}
.pwr_tool_controls .pwr_control_button span{ font-size: 21px; line-height: 50px;}

.pwr_tool_overlay_content{ position: absolute; top: 68px; width: 100%; background: #ececec; box-shadow: 0px 2px 10px #666; right: 0px; height: 50px; line-height: 50px; display: none; min-height: 300px; z-index: 999;}
.pwr_tool_overlay_content.active_heading{ top: 118px;}
.pwr_overlay_content_container{ float: left; width: 100%;}

.pwr_mobile_rotate_note{ width: 100%; display: none; font-size: 14px; color: #666; font-weight: 400; padding-bottom: 30px;}
.pwr_mobile_rotate_note i{ color: #666; font-size: 24px; margin-top: -3px;}

/**** CUSTOM CSS FOR FEATHERLIGHT OVERLAY *****/
.featherlight .featherlight-content{ width: 100%; max-width: 750px; text-align: right; background: #fff; padding: 0; box-shadow: 0px 3px 20px rgba(0,0,0,0.25); border-bottom: 0; padding-bottom: 10px; vertical-align: middle; margin-top: 2em; max-height: 50vh; }
.featherlight .featherlight-inner{ text-align: left;}

.pwr_overlay_buttons{ text-align: right;}
.featherlight .featherlight-button{ position: relative; display: inline-block; text-align: right; font-family: 'Roboto', sans-serif; font-size: 14px; font-size: 1em; font-weight: 700; width: auto; top: auto; right: auto; text-transform: uppercase; padding: 0px 25px; background: 0; color: #55b4f6; border: 0; cursor: pointer;}
.featherlight .featherlight-close-icon{ /* position: relative; display: inline-block; text-align: right; font-family: 'Roboto', sans-serif; font-size: 14px; font-size: 1em; font-weight: 700; width: auto; top: auto; right: auto; text-transform: uppercase; padding: 0px 25px; background: 0; color: #55b4f6; */}
.featherlight .featherlight-close-icon.x-icon{ color: #666; position: absolute; top: -15px; right: -15px; display: none;}

.featherlight-content button{ color: #55b4f6; margin-top: 20px; margin-bottom: 10px;}
.featherlight-content button:hover{ }

.featherlight:last-of-type{ background: rgba(108,108,108,0.8)}
.featherlight-loading.featherlight .featherlight-content{ min-height: 200px;}
.featherlight-loading.featherlight .featherlight-content:after{ content:''; background-image: url(/pwr/images/Spinner.GIF); position: absolute; top: 50%; margin-top: -32px; width: 64px; height: 64px; display: block; left:50%; margin-left: -32px; background-size: cover; }

/**** Family Details Overlay ***/
.pwr_family_details iframe{ width: 100%;}
.pwr_family_details h3{ font-size: 18px; color: #000000; padding: 0px 15px;}
.pwr_family_details .pwr_divider{ border-bottom: solid 1px #000; margin-bottom:15px;}
.pwr_family_details .wrapper{ padding: 15px;}

.pwr_family_members{ width: 100%; position: relative; max-height: 450px; overflow: auto; min-height: 275px;}
.pwr_family_members li{ width: 30%; display: block;}
.pwr_family_members li:hover{ }
.pwr_family_members li a{ color: #1e4861; font-weight: 400; font-size: 12px; padding: 5px 10px; display: inline-block; margin: 10px 0px; text-decoration: none;}
.pwr_family_members li a:hover, .pwr_family_members li:hover a, .pwr_family_members li.active a{ font-weight: 700; /* border-bottom: 1px solid #1e4861; text-decoration: none; */}
.pwr_family_members li ul{ position: absolute; width: 70%; display: none; top: 0px; right: 0px;}
/* .pwr_family_members li ul.active{ display: block; height: 100%;} */
.pwr_family_members li ul li{ width: 100%; height: 100%; display: table;}
.pwr_fam_member_detail{ display: table-cell; vertical-align: middle;}
.pwr_family_img{ width: 123px; height: 154px; background-size: cover; background-position: center; margin: 0 auto; /* float: left; */}
.pwr_member_info h5{ font-size: 14px; color: #000; font-weight: bold; line-height: 150%; padding: 0px; margin: 0;}
.pwr_member_info_content{ padding: 10px; text-align: left; font-weight: 400; font-size: 14px;}
.pwr_member_info_content span{ /* font-weight: 700; */ font-size: 14px;}
.classes_teacher_card .pwr_member_info_content span{ font-weight: 700; font-size: 14px;}
.pwr_member_info_content p:first-child span{font-weight: 700; font-size: 14px;}
.pwr_member_info_content p{ line-height: 100%;}
.pwr_family_members table{ height: 100%;}
.pwr_family_members td{ vertical-align: top; width: 35%; padding-top: 25%;}
.pwr_family_members td.pwr_member_info{ /* float: left; width: 60%; margin-left: 5%; */ width: 65%;}
span.marker { background-color: #FFFF00; }

/***** TABBED CONTENT IN OVERLAYS ******/
ul.pwr_tabs{ margin: 0px; padding: 0px; list-style: none; float: left; width: 100%; margin-bottom: 30px;}
ul.pwr_tabs li{	background: none; color: #000; float: left; padding: 10px 15px; cursor: pointer; font-size: 16px; font-size: 1.14em; width: 33.3333%; text-align: center;}

ul.pwr_tabs li.current{	background: #666666; color: #fff;}

.pwr_tab-container{ display: none;}
.pwr_tab-container.current{display: block;}

.pwr_tab-content{ padding: 15px;}
.pwr_tab-content .pwr_form-item{ display: block; margin-bottom: 25px; width: 100%;}
.pwr_tab-content label{ font-size: 14px; font-size: 1em; font-weight: 700; display: inline-block; width: 20%; vertical-align: middle; padding-right: 10px;}
.pwr_tab-content .pwr_form-item input{border: 1px solid #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 15px; height: 15px; position: relative; margin-right: 5px; margin-left: 15px; vertical-align: middle; border: #ececec solid 1px; background: #fff;}
.pwr_tab-content .pwr_form-item input:checked{ background: #ec7e1e; color: #fff;}
.pwr_tab-content .pwr_form-item input:checked::after{ content:"\f00c"; font-size: 12px; font-size: 0.86em; color: #fff; text-align: center; position: absolute; top: 0px; left: 1px; font-family: fontawesome;}
.pwr_tab-content .pwr_form-item span{ vertical-align: middle; font-size: 12px; font-size: 0.86em; color: #000; display: inline-block; padding-top: 5px; max-width: 90%;}
.pwr_tab-content select{ width: 78%; border: #ececec solid 1px; height: 35px; color: #666;}
.pwr_tab-content input[type="text"]{ text-align: center; background: #fff; width: 10%; height: 35px;}
.pwr_tab-content::placeholder, .pwr_tab-content:-ms-input-placeholder, .pwr_tab-content::-ms-input-placeholder{ color: #d3d3d3;} 

.pwr_tab-content .pwr_stacked-input{ width: 78%; display: inline-block; vertical-align: top;}
.pwr_tab-content .pwr_stacked-input-item{ display: block; width: 100%;}

/****** Card Styles ********/
.pwr_print_button{ position: absolute; top: 10px; right: 15px; color: #1e4861; font-size: 9px; text-align: center; font-weight:400; line-height: 100%; text-decoration: none;}
.pwr_print_button span{ display: block;}
.pwr_print_button i{ font-size: 30px;}
.pwr_print_button:hover{ opacity: 0.8; text-decoration: none;}

.pwr_print_button.classes{ top: 10px; right: 10px;}

.content_wrapper{ padding: 0px 15px;}
.content_wrapper.padding{ padding-top: 10px; padding-bottom: 10px;}

h3.pwr_card-heading{ font-size: 16px; color: #616161; vertical-align: middle; font-weight: 400; margin: 0px;}
h3.pwr_card-heading.alt{ color: #1e4861;}
h3.pwr_card-heading i{ font-size: 26px; color: #616161; padding-right:5px; vertical-align: middle; margin-top: -3px;}
h3.pwr_card-heading svg{ fill: #616161; vertical-align: middle; padding-right:5px; margin-top: -3px;}
h3.pwr_card-heading.alt i{ color: #1e4861; vertical-align: middle; margin-top: -3px;}
h3.pwr_card-heading.alt svg{ fill: #1e4861; vertical-align: middle;}
h3.pwr_card-heading img{ vertical-align: middle; padding-right:5px;}
.classes_calendar_card h3.pwr_card-heading i{ font-size: 21px; margin-top: -5px !important;}

/**** Tabbed Content ***/
.pwr_table_tabs{ list-style: none; margin: 0; padding: 0; margin-top: 20px;}
.pwr_table_tabs li{ display: table-cell; font-size: 16px; color: #1e4861; font-weight: 400; line-height: 200%; text-align: center; width: 128px; cursor: pointer; padding: 10px 0px;}
.pwr_table_tabs li.current, .pwr_table_tabs li:hover{ border-bottom: #1e4861 solid 3px;}

/*** Directory Search Form ****/
.pwr_directory_search{ margin-top: 30px; /* float: left; */ width: 100%; margin-bottom: 25px;}
.pwr_directory_form_item{ display: inline-block; margin-right: 18px; /* width: 20%; max-width: 202px; */ /* float: left; */}
.pwr_directory_form_item input{ border: solid 1px #7c7c7c; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; max-width: 100%; color: #7c7c7c; height: 25px; -webkit-appearance: none;   -moz-appearance: none; appearance:none; line-height: 25px; padding-top: 0px; padding-bottom: 0px; width: 175px;}
.pwr_directory_form_item select{ border: solid 1px #7c7c7c; width: 100%; color: #7c7c7c; height: 25px; -webkit-appearance: none;   -moz-appearance: none; appearance:none; width: 175px; line-height: 25px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.pwr_directory_form_item.search_button input{ width: 72px; background: #1e4861; border: #1e4861 solid 1px; border-radius: 5px; color: #fff; text-transform: uppercase; box-shadow:0px 2px 10px 0px rgba(0,0,0,0.12); cursor: pointer;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: auto; line-height: 100%; padding-top: 5px; padding-bottom: 5px;}
.pwr_directory_form_item.search_field{ position: relative; }
.pwr_directory_form_item.search_field input{ padding-left: 28px;}
.pwr_directory_form_item.search_field i{ font-size: 25px; vertical-align: middle; color: #7c7c7c; position: absolute; left: 0px; top: 0px;}
.filter-spot-right {
	margin-left: 5px;
    margin-top: 20px;
    font-size: 14px;
    color: #2c2d2d;
    font-weight: 400;
}




/**** Directory Tables ***/
table.directory{ width: 100% !important; text-align: left; border-collapse: collapse;}
table.directory tr.head{ background: #eceded; vertical-align: middle;}
table.directory th, th a{ font-size: 12px; color: #1e4861; font-weight: 500; padding: 12px 0px; border: 0 !important; text-decoration: none;}
table.directory th a span{ }
table.directory tr{ border-top: #d8d7d7 solid 1px;}
table.directory tr:nth-child(1){ border-top: 0;}
table.directory tr:nth-child(2n){ background: #f7f7f7;}
table.directory td{ vertical-align: middle;}
table.directory td, table.directory td a{ padding: 12px 0px; font-size: 12px; color: #2c2d2d; font-weight: 400;}
table.directory td a{ font-size: 12px; color: #0066cc ; font-weight: 400;}
table.directory .col_1{ padding-left: 5% !important;}
table.directory .last_col{ padding-right: 5% !important;}
table.directory .col_grade{ text-align: center;  /*padding: 0px 2.5%; */}
.dataTables_length, .dataTables_filter,.dataTables_info, .dataTables_wrapper .dataTables_paginate .paginate_button.previous{ display: none;}
.dataTables_paginate{ position: absolute; width: 100%; bottom: -120px; padding-bottom: 40px;}

.dataTables_wrapper > .dataTables_paginate:first-child {
	position: relative;
	top: 15px;
}

.dataTables_wrapper > .dataTables_paginate:last-child {
	position: relative;
	top: 20px;
}

.table-pager{left: 50%; width: 164px; margin-left: -82px; margin-top: -40px;}
.table-pager a{ background: #0066cc; border: #1e4861 solid 1px; border-radius: 5px; color: #fff; text-transform: uppercase; box-shadow:0px 2px 10px 0px rgba(0,0,0,0.12); cursor: pointer; display: inline-block; padding: 5px 12px;}
.table-pager input{ appearance: none; -webkit-appearance: none; -moz-appearance: none; background: 0; width: 35px; border: 0; text-align: center;}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  font-weight: 700;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  color: white !important;
  border: 1px solid #1e4861;
  background-color: #1e4861;
  background: #1e4861;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #1e4861;
  font-size: 17px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  padding: 5px 1em 6px 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 3px;
  border: 1px solid #1e4861;
  background-color: #1e4861;
  background: #1e4861;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  padding: 5px 1em 6px 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  font-weight: 400;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #1e4861;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{ font-weight: 700;}

/*** Pagination Buttons ****/
.paginate_button.next, .paginate_button.previous,
#results1-list_wrapper .dataTables_paginate .paginate_button.next,
#results1-list_wrapper .dataTables_paginate .paginate_button.previous{
	box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
	padding: 5px 1em 6px 1em !important;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    border: 1px solid #1e4861;
    background-color: #1e4861;
    background: #1e4861;
	box-shadow:0px 2px 10px 0px rgba(0,0,0,0.12);
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	min-height: 34px;
}
#results1-list_wrapper .dataTables_paginate .paginate_button.next,
#results1-list_wrapper .dataTables_paginate .paginate_button.previous{
	color: #fff !important;
}
#results1-list_wrapper .dataTables_paginate .paginate_button{
	margin: 0;
	padding: 0 !important;
}
button.paginate_button.num,
#results1-list_wrapper .dataTables_paginate .paginate_button{
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.5em;
	padding: 0.5em 1em;
	margin-left: 2px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	*cursor: hand;
	color: #0066cc !important;
	font-size: 17px;
	background: 0;
	border: 0;
}

button.paginate_button.num:hover{
	font-weight: 700;
}
#results1-list_wrapper .dataTables_paginate{
	top: 0px;
	padding: 10px 0px;
}
#results1-list_wrapper .dataTables_paginate .paginate_button.disabled{
	display: none;
}
button.paginate_button.num:disabled{ font-weight: 700;}

table.directory td, table.directory th{ padding-left: 10px !important; padding-top: 15px !important; padding-bottom: 15px;}

/**** Directory Table Column Widths ****/
/* table.directory .col_student{ width: 20% !important;}
table.directory .col_parents{ width: 15% !important;}
table.directory .col_grade{ width: 10% !important;}
table.directory .col_phone{ width: 15% !important;}
table.directory .col_address{ width: 25% !important;} */

table.directory .col_1{ width: 21%!important;}
table.directory .col_parents{ width: 20% !important;}
#pwr_tab-2 table.directory .col_1.col_parents{ width: 24%!important;}
#pwr_tab-3 table.directory .col_grade{ width: 15%!important;}
#pwr_tab-2 table.directory .col_1{ width: 25%!important;}
table.directory .col_phone{ width: 15% !important;}

/*** Directory Page Items ***/

.family_member_selector{ display: none; width: 100%; position: absolute; height: 35px; top: 105px; z-index: 998; cursor: pointer;}
.family_member_selector.featherlight-inner{ display: none;}
.pwr_family_members li i{ display: none; color: #1e4861; vertical-align: middle;}

/**** Forms and Surveys and other lists****/
.pwr_modified_header{ float: right; text-align: right; color: #3b393a; font-size: 13px; font-weight: 400; margin-top: -10px;}

.pwr_list{ width: 100%; border-collapse: collapse;}
.pwr_list tr{ width: 100%;}
.pwr_list tr:nth-child(2n){ background: #f7f7f7;}
.pwr_list .pwr_list_left{ text-align: left; color: #666; font-size: 14px; font-weight: 500; vertical-align: middle; border-top: 1px solid #6c6c6c; border-bottom: 1px solid #6c6c6c;}
.pwr_list .pwr_list_left a{ color: #666; font-size: 14px; font-weight: 500; text-decoration: none;  padding: 20px 0px 20px 25px; display: block;}
.pwr_list .pwr_list_right{ text-align: right; padding: 20px 25px 20px 0px; color: #3b393a; font-size: 13px; font-weight: 400; vertical-align: middle; border-top: 1px solid #6c6c6c; border-bottom: 1px solid #6c6c6c;}
.pwr_list tr:last-child .pwr_list_right, .pwr_list tr:last-child .pwr_list_left{ border-bottom: 0;}

.pwr_form_content{ margin-top: 20px;}
.pwr_content_normal{ padding: 20px 0;}
.pwr_back_button{ font-weight: 500; vertical-align: middle; padding: 15px 5px; display: inline-block;}
.pwr_back_button:hover{ }
.pwr_back_button i{ color: #666;}

/**** Tabs Alternate - As seen on Attendance/Behavior Screens ***/
.pwr_table_tabs.alt{ margin: auto; padding: 15px 0px; /* float: left; */ display: inline-block;}
.pwr_table_tabs.alt li{ width: auto; min-width: 50px; font-size:12px; padding: 0px 10px; display: inline-block; float: left;}

table.dataTable thead th, table.dataTable thead td{ padding: 10px 10px !important;}

table.attendance{ width: 100%; text-align: left; border-collapse: collapse;}
table.attendance tr.head{ background: #eaeef1; vertical-align: middle;}
table.attendance th, th a{ font-size: 12px; color: #1e4861; font-weight: 700 !important; padding: 12px 0px; border: 0 !important; text-decoration: none;}
table.attendance tr{ border-top: #d8d7d7 solid 1px;}
table.attendance tr:nth-child(1){ border-top: 0;}
/* table.attendance tr:nth-child(2n){ background: #f7f7f7;} */
table.attendance tr.odd{ background: #f7f7f7;}
table.attendance tr.even{ background: #fff;}
table.attendance td, table.attendance td a{ padding: 12px 0px; font-size: 12px; color: #2c2d2d; font-weight: 400;}
table.attendance td { border-bottom: 1px solid #d8d7d7; padding-top: 15px !important; padding-bottom: 15px !important; }
table.attendance td a{ font-size: 12px; color: #0066cc; font-weight: 400;}
table.attendance .col_1{ padding-left: 5% !important; min-width: 180px;}
table.attendance .last_col{ padding-right: 5% !important;}

table.attendance .col_date{ width: 15%!important;}
table.attendance .col_code{ width: 15%!important;}
table.attendance .col_class{ width: 15%!important;}
table.attendance .col_desc{ width: 20%!important;}
table.attendance .col_comment{ width: 35%!important;}

/* table.attendance .col_code, table.attendance .col_merits, table.attendance .col_demerits{ width: 10%!important;} */
table.attendance .col_merits, table.attendance .col_demerits{ /* text-align: center; */}
table.total_table .col_merits, table.total_table .col_demerits{ font-weight: 700; font-size: 14px;}
table.attendance .total{ text-align: center; font-weight: 700; font-size: 14px;}
table.attendance .col_event{ width: 20%!important;}
table.attendance .col_outcome{ width: 15%!important;}
table.attendance .col_comment{ width: 35%!important;}

table.attendance tr.odd > table.attendance tr.child{ background: #f7f7f7;}

table.attendance th span{ display: none;}

.pwr_custom_select{ position: absolute; margin: 0 auto; /* width: 100%; */ text-align: center; top: 18px; left: 50%; margin-left: -80px;}
.pwr_custom_select select{ border: 0; font-size: 16px; font-weight: 700; color: #1e4861;}
.pwr_custom_select .select-items div,.pwr_custom_select .select-selected{ border: 0; font-size: 16px; font-weight: 700;}

/****** PHOTO GALLERY ******/
.pwr_photo_grid{ float: left; width: 100%;}
.pwr_photo_grid .pwr_album{ float: left; width: 33.3333%; padding: 0px; margin: 0; height: 325px; position: relative;}
.pwr_photo_grid .pwr_album .pwr_album_info{ position: absolute; top: 0px; padding-top: 25px; left: 0px; width: 100%; min-height: 80px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.35) 60%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.35) 60%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.35) 60%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.pwr_photo_grid .pwr_album:hover{ opacity: 0.8;}
.pwr_photo_grid .pwr_album a{ width: 100%; height: 100%; display: block;}
.pwr_photo_grid .pwr_album .pwr_album_info h4{ color: #fff; font-size: 30px; font-weight: 400; padding-left: 20px; margin: 0px 0px 5px 0px; line-height: 115%;}
.pwr_photo_grid .pwr_album .pwr_album_info span{ color: #fff; font-size: 19px; font-weight: 400; padding-left: 20px; display: inline-block;}

/* .jgallery[data-jgallery-id="1"] .jgallery-thumbnails{ background: none !important;} */
.jgallery, .jgallery .zoom .jgallery-container{}
.pwr_photo_gallery_container{ margin-top: 20px;}

.jgallery img{ font-size: 10px; height: auto !important;}
.jgallery .overlay{ display: none !important;}

.pwr_tab_menu{ width: 100%; margin: 0 auto; background: #fff; box-shadow: 1px 1px 1px 3px rgba(0,0,0,0.12); margin-bottom: 30px; /* border-top: 1px solid; */ float: left; text-align: left; height: 70px; display: table;}
.pwr_photo-gallery .pwr_tab_menu{ margin-bottom: 0px;}
.pwr_tab_menu.classes, .pwr_tab_menu.calendar{ float: none; display: inline-block; margin-bottom: 0px;}
.pwr_tab_menu.classes{ display: table; height: 50px; border-top: 1px solid;}
.pwr_tab_menu.gradebook{ display: table; /* height: 122px; */ border-top: none;}
.pwr_tab_menu.calendar{ margin-bottom: 17px; display: table;}
.pwr_rd .pwr_tab_menu.calendar{ margin-bottom: 0px;}
.pwr_tab_menu ul{ list-style: none; margin: 0; padding: 0; display: table-cell; vertical-align: bottom;}
.pwr_tab_menu ul li{ float: left; }
.pwr_tab_menu ul li:hover{  }
.pwr_tab_menu ul li a{ color: #1e4861; font-weight: 400; font-size: 16px; padding: 15px 35px; display: inline-block; text-decoration: none;}
.pwr_tab_menu ul li:hover a, .pwr_tab_menu ul li.active a{ /* font-weight: 700; */ text-decoration: none; padding-bottom: 12px; border-bottom: #1e4861 solid 3px;}

.pwr_tab_menu_content{ margin-left: 30px; display: table-cell; vertical-align: middle;}

.pwr_tab_menu .pwr_note{ padding: 0px !important;}

/****** NEW PHOTO GALLERY ****/
.pwr_photo_gallery_container .cycle-slideshow{ padding-bottom: 100px;}
.pwr_photo_gallery_container img.cycle-slide{  max-height: 60vh; width: auto; right: 0px; margin: 0 auto;}
.cycle-prev,.cycle-next{ position: absolute; top: 50%; margin-top: -30px; z-index: 102;}
.cycle-prev i, .cycle-next i{ font-size: 60px;}
.cycle-next{ right: 5%;}
.cycle-prev{ left: 5%;}

.cycle-overlay{ /* position: absolute; */  text-align: left; width: 100%; background-color: rgba(255,255,255,.8); z-index: 101; padding: 15px 0px; bottom: 0px;}
.cycle-overlay div{ font-size: 14px; padding: 0px 25px;}

.cycle-pager{ display: block; width: 100%; margin: 15px 0px 25px 0px;}
.cycle-pager div{ display: inline-block; margin: 0px 10px; cursor: pointer; width: 80px; background-position: center;}
.cycle-pager div.cycle-pager-active, .cycle-pager div:hover{ opacity: 0.5;}

/*** GENERAL LIST ***/
ul.pwr_general_list{ list-style: none; margin: 0px; padding: 5px 15px 15px 15px;}
ul.pwr_general_list li{ text-align: left; display: block; padding: 10px 0px; color: #616161;}

/**** MEDICAL *****/
.pwr_card_content.medical{ max-width: 100%; margin-bottom: 30px;}
.pwr_card_content.medical.shot_block{ /* min-height: 665px; */}

.pwr_twocol_container.medical{ max-width: 100%; display: flex; padding-top: 0px;}

.pwr_medical_left{ float:left; width: 31%;}
.pwr_medical_right{ float:left; width: 65%;}
.pwr_medical_left{ margin-right: 30px; margin-left: 30px;}

table.medical{ width: 100%; text-align: left; border-collapse: collapse; margin-top: 10px !important;}
table.medical thead{ background: #eaeef1; vertical-align: middle;}
table.medical thead.pwr_medical_alt{ background: #fff; vertical-align: middle; font-weight: 700;}
table.medical th{ font-size: 12px; color: #616161; font-weight: 500; padding: 12px 0px; border: 0 !important;}
table.medical th a{ color: #1e4861;}
table.medical tr{ }
table.medical tr:nth-child(1){ border-top: 0;}
table.medical td:nth-child(1), table.medical th:nth-child(1){ padding-left: 5% !important; width: 20%;}
table.medical td:nth-child(1), table.medical.date_row td:nth-child(1){ width: auto;}
table.medical td:nth-child(2), table.medical th:nth-child(2){ width: 22%;}
table.medical td:nth-child(2), table.medical.date_row td:nth-child(2){ width: auto;}
table.medical td:nth-child(3), table.medical th:nth-child(3){ padding-right: 5% !important; width: 55%}
table.medical td{ padding: 15px 0px; font-size: 12px; vertical-align: middle;}

table.medical.date_row td{ text-align: center; vertical-align: middle;}

table.medical.date_row input, table.medical.date_row i{ display: inline-block; color: #1e4861;}
table.medical select{ border: 0; background: none; color: #1e4861; font-weight: 500;}

table.medical .pwr_calendar_switcher{ color: #1c3766; font-size: 26px; vertical-align: middle; padding: 0px 5px; margin: 0px 5px;}
table.medical .pwr_calendar_switcher i{ color: #1c3766; font-size: 26px; vertical-align: middle;}

table.medical.date_row i{ color: #1c3766;}
#medical_datepicker{ background: none; margin-left: 5px; border: 0; color: #1c3766;}

#event_record{}
table.medical th{ padding-left: 18px !important;}
table.medical td{ width: auto; padding-top: 15px; padding-bottom: 15px;}

.pwr_note.medical{ padding: 10px 0px 0px 0px;}
.medical .pwr_tab_menu_content{ padding-left: 30px;}

.medical .pwr_tab_menu_content select{ border: 0; font-size: 16px; font-weight: 700; color: #1e4861; padding-left: 10px;}

.medical .dataTables_scrollBody table.dataTable td, .medical .dataTables_scrollBody table.dataTable th, .medical .dataTables_scrollHead table.dataTable td, .medical .dataTables_scrollHead table.dataTable th{ width: 20% !important; padding: 8px 0 !important; margin: 0px !important;}
.medical .dataTables_scrollBody table.dataTable td:nth-child(1), .medical .dataTables_scrollBody table.dataTable th:nth-child(1), .medical .dataTables_scrollHead table.dataTable td:nth-child(1), .medical .dataTables_scrollHead table.dataTable th:nth-child(1){ padding-left: 20px !important;}
.medical .dataTables_scrollBody table.dataTable td:nth-child(2){ padding-left: 7px !important;}
.medical .dataTables_scrollBody table.dataTable tr:nth-child(2n){ background: #ececec;}
.medical .dataTables_scrollBody table.dataTable td.pwr_medical_shot_comments{ padding-right: 10px !important;}

.medical.med_event_record .dataTables_scrollBody table.dataTable td:nth-child(1), .medical.med_event_record .dataTables_scrollBody table.dataTable th:nth-child(1), .medical.med_event_record .dataTables_scrollHead table.dataTable td:nth-child(1), .medical.med_event_record .dataTables_scrollHead table.dataTable th:nth-child(1){ width: 30% !important;}
.medical.med_event_record .dataTables_scrollBody table.dataTable td:nth-child(2), .medical.med_event_record .dataTables_scrollBody table.dataTable th:nth-child(2), .medical.med_event_record .dataTables_scrollHead table.dataTable td:nth-child(2), .medical.med_event_record .dataTables_scrollHead table.dataTable th:nth-child(2){ width: 70% !important;}

.medical .dataTables_scrollHeadInner, .medical .dataTables_scrollHeadInner table{ width: 100% !important;}

.medical.medical_conditions ul.pwr_general_list, .medical.allergies ul.pwr_general_list{ height: 80px; overflow-y: scroll;}

/**** Custom DatePicker ****/
/* .ui-widget.ui-widget-content,table.ui-datepicker-calendar{ font-family: 'Roboto', sans-serif; font-size: 14px;}
.ui-datepicker{ width: 364px;}
table.ui-datepicker-calendar thead{ background: #eaeef1;}
.ui-widget-header{ background: none;}
table.ui-datepicker-calendar td a{ border: 0 !important; background: none !important; text-align: center; padding: 15px; position: relative;}
table.ui-datepicker-calendar td{}
table.ui-datepicker-calendar td:hover a:after{ border: 1px solid #1e4861 !important; border-radius: 50%; content: ""; position: absolute; width: 45px; height: 45px; top: 50%; margin-top: -22.5px; left: 50%; margin-left: -24.5px;} */

/***** CLASSES ********/

div.classes-list { display: none;}
div.classes-list.active{ display: block;}
div.classes-list table{ margin-top: 20px;}
.pwr_custom_select.classes{ top: 15px;}
.pwr_note.classes{ padding: 10px 0px 0px 0px;}

.pwr_tab_menu.classes.student_select{ float: left; display: table; width: 100%; height: 70px; /* box-shadow: 0px 5px 10px -10px rgba(0,0,0,0.12); */ box-shadow: none; border-top: none;}
.pwr_tab_menu.class_select{ float: left; width: 100%; /* box-shadow: 0px 5px 10px -10px rgba(0,0,0,0.12); */ box-shadow: none; margin-bottom: 0px;}
.pwr_classes_tabs{ box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.12);}
.pwr_tab_content{ margin-top: 30px;}

.pwr_classes_tab_content{ display: none; margin-top: 30px;}
.pwr_classes_tab_content.current{ display: block;}

.pwr_card_content.photo_part{ padding-top: 0px; max-width: 100%; width: 100%; background: rgba(255,255,255,0); margin-top: -30px; box-shadow: none;}
/* #pwr_photos_part{ margin-top: 0px;}
#pwr_photos_part .pwr_card_content.pwr_centered{ max-width: 100%; width: 100%;} */

.pwr_classes_tab_content iframe, .pwr_classes_tab_content embed, .gframeout_gb iframe, .gframeout_rc iframe { width: calc(100% - 60px); min-height: 550px; height: 100%; padding: 0px 30px;}
.pwr_classes_tab_content iframe, .pwr_classes_tab_content embed, .gframeout_gb iframe, .gframeout_rc2 iframe { width: calc(100% - 60px); min-height: 550px; height: 95%; padding: 0px 30px;}

.pwr_classes_tab_content .two_col{ width: calc( 50% - 16px); min-height:300px;}

.classes .pwr_tab_menu_content{ border-bottom: thin solid #666; display: table-row;}
.gradebook .pwr_tab_menu_content{ border-bottom: thin solid #666; display: table; height: 55px; width: 100%; margin-left: 0px; padding-left: 30px;}

.classes select{ border: 0; font-size: 16px; font-weight: 700; color: #1e4861;}
.classes .pwr_classes_select_item{ padding-left: 30px; display: table-cell; vertical-align: middle; padding-bottom: 0px;}

.pwr_classes_students select{ border: 0; font-size: 16px; font-weight: 700; color: #1e4861;}

.pwr_classes_select_item{ display: table-cell; padding-bottom: 0px; vertical-align: middle;}

.pwr_clases_mobile_menu{ display: none; padding: 15px; float: right; width: 100%; background: #fff; /* margin-top: -30px; */ margin-bottom: 30px; text-align: right; position: relative; border-top: thin solid #666666;}
.pwr_nav_button_classes{  font-size: 24px; color: #1e4861; vertical-align: middle; display: inline-block;}
.pwr_nav_button_classes.active.home-icon{ color: #fff;}
.pwr_classes_page_title{ font-size: 14px; color: #666666; font-weight: 700; display: inline-block;}

.pwr_nav_button_classes{ cursor: pointer; padding: 0px 8px 0px 10px;}
.pwr_tab_menu.classes ul{ list-style: none; margin: 0; padding: 0; width: 100%; vertical-align: bottom;}
.pwr_tab_menu.classes ul li{ float: left; padding: 15px 2%; }
.pwr_tab_menu.classes ul li:hover, .pwr_tab_menu.classes ul li.active_page, .pwr_tab_menu.classes ul li.current{   padding-bottom: 12px; border-bottom: #1e4861 solid 3px;}
.pwr_tab_menu.classes ul li a{ color: #1e4861; font-weight: 400; font-size: 15px; /* padding: 15px; */ padding: 0; display: inline-block; text-decoration: none !important;}
.pwr_tab_menu.classes ul li:hover a, .pwr_tab_menu.classes ul li.active_page a, .pwr_tab_menu.classes ul li.current a{ text-decoration: none; border-bottom: none;}

.classnews{ border: 5px solid #1e4861; padding-bottom: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.classnews.schoolhome{ margin-top: 20px;}
.classnews.schoolhome.with_graphic{ margin-top: -30px;}
.pwr_general_list.class_announcements{ position: relative; padding: 5px 0px 5px 0px;}
.pwr_general_list.class_announcements:after{ content: ""; position: absolute; width: 1px; height: 100%; background: #666666; top: 0px; left: 48%;}
.pwr_general_list.class_announcements li{ display: inline-block; width: 46%;}
.pwr_general_list.class_announcements li:nth-child(odd){ /* border-right: 1px solid #666; */ margin-right: 5%;}
.pwr_classnews_icon{ float: left; width: 10%;}
.pwr_classnews_icon img{ max-width: 40px;}
.pwr_classnews_content{ float: left; width: calc(90% - 8px); padding-left: 8px;}
.pwr_general_list.class_announcements li h4{ margin: 0; padding: 0; line-height: 125%;}
.pwr_general_list.class_announcements li p{ margin: 0; padding: 0; font-size: 12px;}
.pwr_general_list.class_announcements li.only-one-announcement{ border-right: 0;}

.col_classlist,.col_subject,.col_teacher{ width: 33% !important;}

table.pwr_classes_teacher{ padding: 40px 0px;}
table.pwr_classes_teacher tbody td{ vertical-align: middle;}
table.pwr_classes_teacher tbody td .pwr_family_img{ margin-left: 15px;}

table.pwr_classes_teacher .pwr_member_info_content p{ line-height: 175%;}

.pwr_classes_calendar_nav{ width: 100%; background-color: #eaeef1; padding: 10px 0px; margin: 10px 0px 0px 0px;}
.pwr_classes_calendar_arrows{ padding-left: 15px; display: inline-block;}
.pwr_classes_calendar_arrows a{ padding: 0px 10px; display: inline-block; text-decoration: none; color: #6D6D6D;}
.pwr_classes_calendar_arrows i{ vertical-align: middle; font-size: 24px; color: #6D6D6D; margin-top: -2px;}

.pwr_classes_calendar_select{ display: inline-block;}
.pwr_classes_calendar_select form{ margin-left: 20px; position: relative;}
.pwr_classes_calendar_select select{ border: 0; font-size: 14px; font-weight: 700; color: #1e4861; background: 0;-webkit-appearance: none; -moz-appearance: none;  appearance: none; padding: 0px 15px 0px 10px; background-image: url('images/sort_desc.png'); background-repeat: no-repeat; background-position: right center;}

table#pwr_classes_calendar.class_calendar{ border-collapse: collapse; width: 100%; margin-top: 10px;}
table#pwr_classes_calendar.class_calendar td{color: #666; vertical-align: middle; padding: 5px 5px;}
table#pwr_classes_calendar.class_calendar tr:nth-child(even){ background: #f7f7f7}
table#pwr_classes_calendar.class_calendar td.pwr_class_calendar_icon{ text-align: left; padding: 0px 10px 0px 15px;}
table#pwr_classes_calendar.class_calendar td i{color: #666;}
table#pwr_classes_calendar.class_calendar td.pwr_class_calendar_desc h5{ margin: 0; padding: 0; font-size: 14px; line-height: 150%;}
table#pwr_classes_calendar.class_calendar td.pwr_class_calendar_desc p{ font-size: 12px; line-height: 150%; color: #666; margin: 0; padding: 0;}
table#pwr_classes_calendar.class_calendar td.pwr_class_calendar_date{ font-size: 12px; width: 30%;}

/*** Classes - Gradebook ***/
/* .pwr_classes_gradebook .pwr_card_content{ height: 1000px;} */

.pwr_classes_term_select{ width: 100%; text-align: center; margin: 10px 0px; font-size: 14px; font-weight: 700; color: #1e4861;}
.pwr_classes_term_select select{ border: 0; font-size: 14px; font-weight: 700; color: #1e4861; background: 0;-webkit-appearance: none; -moz-appearance: none;  appearance: none; padding: 0px 15px 0px 10px; background-image: url('images/sort_desc.png'); background-repeat: no-repeat; background-position: right center;}

.pwr_classes_gradebook iframe { width: 615px !important; padding: 0px; max-width: 100% !important; overflow: auto;}
.gframeout_gb iframe { width: 725px !important; padding: 0px; max-width: 100% !important; overflow: auto;}
.gframeout_rc iframe { width: 825px !important; padding: 20px 0 0 0; max-width: 100% !important; overflow: auto;}
.gframeout_rc2 iframe { width: 825px !important; padding: 20px 0 0 0; max-width: 100% !important; overflow: auto;}

.gframeout_gb, .gframeout_rc {height:900px; text-align: center;}
.gframeout_gb, .gframeout_rc2 {height:900px; text-align: center;}

.gframeout{ margin: 0 auto; text-align: center; height: 900px;}


/**** Classes - Home work****/
.pwr_classes_homework_nav{ width: 100%; background-color: #eaeef1; padding: 10px 0px; margin: 15px 0px 15px 0px;}
.pwr_classes_calendar_arrows{ padding-left: 15px; display: inline-block;}
.pwr_classes_calendar_arrows a{ padding: 0px 10px; display: inline-block; vertical-align: middle;}
.pwr_classes_prev:after{ content: "Previous"; color: #1e4861; font-size: 9px; text-align: center; display: block;}
.pwr_classes_next:after{ content: "Next"; color: #1e4861; font-size: 9px; text-align: center; display: block;}
.pwr_classes_calendar_arrows i{ vertical-align: middle; font-size: 24px; color: #1e4861; margin-top: -2px;}

.pwr_homework_part_data {max-height: 550px; overflow:auto; min-height:300px;}
.hwdrop_result {display:inline-block; margin-left:10px;}
/*** Classes Resources ****/

table#pwr_classes_docs{ border-collapse: collapse; width: 100%; margin-top: 5px;}
table#pwr_classes_docs td{color: #666; vertical-align: middle; padding: 7px 10px;}
table#pwr_classes_docs tr:nth-child(even){ background: #f7f7f7}
table#pwr_classes_docs td.pwr_class_calendar_icon{ text-align: center; padding: 0px 5px;}
table#pwr_classes_docs td i{color: #1e4861;}
table#pwr_classes_docs td svg{fill: #1e4861;}
table#pwr_classes_docs td.pwr_class_calendar_desc h5, table#pwr_classes_docs td.pwr_class_calendar_desc h5 a{ margin: 0; padding: 0; font-size: 14px; line-height: 150%; color: #1e4861;}
table#pwr_classes_docs td.pwr_class_calendar_desc h5 a:hover{ text-decoration: none;}
table#pwr_classes_docs td.pwr_class_calendar_desc p{ font-size: 12px; line-height: 150%; color: #1e4861; margin: 0; padding: 0;}
table#pwr_classes_docs td.pwr_class_calendar_date{ font-size: 12px;}

table#pwr_classes_websites{ border-collapse: collapse; width: 100%; margin-top: 5px;}
table#pwr_classes_websites td{color: #666; vertical-align: middle; padding: 15px 10px;}
table#pwr_classes_websites tr:nth-child(even){ background: #f7f7f7}
table#pwr_classes_websites td.pwr_class_calendar_icon{ text-align: center; padding: 0px 5px;}
table#pwr_classes_websites td i{color: #1e4861;}
table#pwr_classes_websites td svg{fill: #1e4861;}
table#pwr_classes_websites td.pwr_class_calendar_desc h5, table#pwr_classes_websites td.pwr_class_calendar_desc h5 a{ margin: 0; padding: 0; font-size: 14px; line-height: 150%; color: #1e4861;}
table#pwr_classes_websites td.pwr_class_calendar_desc h5 a:hover{ text-decoration: none;}
table#pwr_classes_websites td.pwr_class_calendar_desc p{ font-size: 12px; line-height: 150%; color: #1e4861; margin: 0; padding: 0;}
table#pwr_classes_websites td.pwr_class_calendar_date{ font-size: 12px;}

/****** Classes - Syllabus *****/

.pwr_syllabus_left_part{ width: 30%; display: inline-block; vertical-align: top;}
.pwr_syllabus_right_part{ width: calc( 70% - 20px); display: inline-block; padding-left: 15px; vertical-align: top;}

.pwr_syllabus_tab_content{ display: none; padding: 0px 25px;}
.pwr_syllabus_tab_content.current{ display: block;}

.pwr_syllabus_left_part ul{ margin: 0; padding: 0; list-style: none;}
.pwr_syllabus_left_part ul li{ text-align: left; position: relative;}
.pwr_syllabus_left_part ul li:nth-child(even){background: #f7f7f7;}
/* .pwr_syllabus_left_part ul li:hover{ background: #e8e8e8;} */
.pwr_syllabus_left_part ul li a { padding: 10px; display: inline-block;}
.pwr_syllabus_left_part ul li.current a{ font-weight: 700;}
.pwr_syllabus_left_part ul li a.pwr_syllabus_left_link{ width: calc( 90% - 30px);}
.pwr_syllabus_left_part ul li a.pwr_syllabus_print { position: absolute; right: 0px;}

.pwr_syllabus_mobile_tab_select{ display: none; width: 100%; background-color: #f7f7f7; position: relative; background-image: url(images/sort_desc.png); background-repeat: no-repeat; background-position: right center;}
.pwr_syllabus_mobile_tab_select span, .pwr_syllabus_mobile_tab_select span a{padding: 10px; display: inline-block; color: #1e4861; font-weight: 700;}
.pwr_syllabus_mobile_tab_select span{ width: 90%;}
.pwr_syllabus_mobile_tab_select span a.pwr_syllabus_print{ float: right; display: none;}

.pwr_clases_mobile_menu .mobile_menu_button{ position: absolute; top: 18px; left: auto; right: -215px; color: #666666; z-index: 999; /* display: none; */}
.pwr_clases_mobile_menu .mobile_menu_button.first{ color: #fff;}

/****** SCHOOL HOME *******/
.pwr_table_tabs.alt.school_home_tabs{ /* padding: 15px 0px; */ margin-left: -15px;}

table#school_events{ border-collapse: collapse; width: 100%; margin-bottom: 10px;}
table#school_events td{color: #666; vertical-align: middle; padding: 5px 5px;}
table#school_events td.pwr_class_calendar_icon{ text-align: center; padding: 0px 10px;}
table#school_events td.pwr_events_date{ font-size: 13px; width: 55px;}
table#school_events td i{color: #666;}
table#school_events td.pwr_class_calendar_desc h5{ margin: 0; padding: 0; font-size: 14px; line-height: 150%;}
table#school_events td.pwr_class_calendar_desc p{ font-size: 12px; line-height: 150%; color: #666; margin: 0; padding: 0;}
table#school_events td.pwr_class_calendar_date{ font-size: 12px;}

.pwr_school_calendar{ margin-top: 5px;}

.calendar_event_title .occasionType,
.calendar_event_title .conferenceId,
.calendar_event_title .staffInfo,
.payload { display: none; }
img.calendar-spinner { margin: 200px auto; display: block; }
img.ptc-spinner { padding: 25px 20px 20px; margin: 200px auto; display: block; }
.ptc-modal, .register-modal { padding: 10px 20px; }
.ptc-modal .error { background: #dd4e41; color: #fff !important; border-radius: 4px; padding: 5px 15px; font-weight: bold;}
.ptc-modal .title, .register-modal .title { font-size: 22px;}
.ptc-modal .content_wrapper .material-icons { float: left; padding-bottom: 15px; padding-right: 10px;}
.ptc-modal .update-icons .accepted { color: #5dc343; }
.ptc-modal .update-icons .declined { color: #bb2d1f; }
.ptc-modal .content_wrapper { clear: both; }
.ptc-modal .subheading { font-size: 17px; margin: 0 0 -15px 0; }
.ptc-modal .subheading a { text-transform: uppercase; text-decoration: none; font-size: 13px; padding-left: 10px; font-weight: normal; }
.ptc-modal hr + .content_wrapper { padding-top: 10px; }
.ptc-modal .student span { padding-right: 15px; }
.ptc-modal .register, .ptc-modal .decline { overflow: unset; height: unset; padding: 0 0 10px 0; margin-top: -15px; }
.ptc-modal .decline .mdc-button { border-color: #c33c3c; color: #c33c3c; }
.ptc-modal .decline .mdc-button:hover { background: #ffe8e8; }
.ptc-modal .pwr_overlay_buttons { margin: -15px 0; }

.register-modal .register, .register-modal .cancel { overflow: unset; height: unset; padding: 0; }
.register-modal mdc-input-radio { display: block; }
.register-modal .options { margin: -15px 0 5px; }
.register-modal .options mdc-input-radio { padding: 0; height: 40px; }
.register-modal .buttons { margin-bottom: 10px; }

.schoolhome .pwr_general_list.class_announcements li h4 a{ color: #616161;}

#home_event_content p, #home_event_content span, #home_event_content h1, #home_event_content h2, #home_event_content h3, #home_event_content h4, #home_event_content h5, #home_event_content h6, #home_event_content blockquote, #home_event_content *{ line-height: 150% !important;}
#home_event_content img{ display: inline-block;}
#home_event_content .content_wrapper{ display: inline-block;}
#home_event_content .pwr_divider:nth-child(2){ margin-bottom: 10px;}

/******* CALENDAR PAGES *********/

.pwr_tab_menu.calendar .pwr_tab_menu_content{ padding-left: 0px;}
.pwr_tab_menu.calendar ul{ list-style: none; margin: 0; padding: 0;}
.pwr_tab_menu.calendar ul li{ float: left; /* padding: 20px; */ }
.pwr_tab_menu.calendar ul li:hover, .pwr_tab_menu.calendar ul li.active_page, .pwr_tab_menu.calendar ul li.current{ border-bottom: #1e4861 solid 3px;}
.pwr_tab_menu.calendar ul li a{ color: #1e4861; font-weight: 400; font-size: 16px; /* padding: 15px; */ padding: 0; display: inline-block;     padding: 20px; text-decoration: none !important;}
.pwr_tab_menu.calendar ul li:hover a, .pwr_tab_menu.calendar ul li.active_page a, .pwr_tab_menu.calendar ul li.current a{ text-decoration: none !important; border-bottom: none;}
.pwr_tab_menu_top, .pwr_tab_menu_bottom{ width: 100%; display: inline-block; float: left; position: relative;}

.pwr_tab_menu_top{ height: 70px; display: table;}

.pwr_tab_menu_top_right{ position: absolute; right: 8px; top: 50%; margin-top: -19px;}
.calendar_top_button{ display: inline-block; vertical-align: middle;}
.pwr_print_button.calendar_top_button{ position: relative; top: auto; right: 0px;}
.pwr_calendar_subscribe{ color: #fff; text-transform: uppercase; background: #1e4861; padding: 8px 10px; border-radius: 3px; margin-right: 15px; text-decoration: none !important; box-shadow:0px 2px 10px 0px rgba(0,0,0,0.12); text-transform: uppercase;}
.pwr_calendar_subscribe:hover{ text-decoration: none !important;}
.pwr_calendar_subscribe svg{ fill: #fff; vertical-align: middle; margin-top: -2px;}

.pwr_tab_menu_bottom{ border-top: 1px solid #666; padding-top: 10px; padding-bottom: 10px;}
.pwr_calendar_select_item{ display: inline-block; vertical-align: middle; /* float: left; */ text-align: left;}
.pwr_calendar_select_item .ui-datepicker-trigger{ display: none;}

.pwr_calendar_arrows{ padding-left: 15px; padding-right: 10px; display: inline-block; vertical-align: middle;}
.pwr_calendar_arrows a{ padding: 0px 10px; display: inline-block; text-align: center; text-decoration: none !important; color: #6D6D6D;}
.pwr_calendar_arrows i{ vertical-align: middle; font-size: 24px; color: #6D6D6D; margin-top: -2px;}
.pwr_calendar_prev:after{ content: "Previous"; color: #6D6D6D; font-size: 9px; text-align: center; display: block;}
.pwr_calendar_next:after{ content: "Next"; color: #6D6D6D; font-size: 9px; text-align: center; display: block;}

.pwr_calendar_current_month_mobile{ display: none;}

.pwr_calendar_select_item form{ margin-left: 10px; position: relative;}
.pwr_calendar_select_item select, .pwr_calendar_select_item input{ border: 0; font-size: 16px; font-weight: 700; color: #1e4861; background: 0;-webkit-appearance: none; -moz-appearance: none;  appearance: none; padding: 3px 15px 3px 10px; background-image: url('images/sort_desc.png'); background-repeat: no-repeat; background-position: right center; max-width: 150px; cursor: pointer;}

.pwr_tab_menu_bottom_left{ display: inline-block;}
.pwr_tab_menu_bottom_right{ float: right; display: inline-block; margin-right: 8px;}
.pwr_note.calendar{ padding: 0px;}
.pwr_tab_menu_bottom_right .pwr_calendar_select_item{ margin-left: 20px; }

.pwr_calendar_views{ padding-left: 15px; display: inline-block; vertical-align: middle;}
.pwr_calendar_views a{ /* padding: 3px 8px; */ width: 45px; display: inline-block; text-align: center; color: #6D6D6D; font-size: 9px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-decoration: none !important;}
.pwr_calendar_views i{ vertical-align: middle; font-size: 24px; color: #6D6D6D; margin-top: -2px; display: block;}
.pwr_calendar_views a:hover{ text-decoration: none !important; border: 1px solid #6D6D6D; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.pwr_calendar_views a.active{ border: 1px solid #6D6D6D; border-radius: 3px;}
.pwr_calendar_week{ margin-left: -1px;}

.calendar_grid{ display: table;}
.calendar_grid thead{ background: #fff;}
.calendar_grid tr:nth-child(even){ background: #ececec;}

.pwr_calendar_event{}
.pwr_calendar_event p{ font-size: 14px; color: #666;}

.overlay-class, .overlay-class p, .overlay-class div, .overlay-class th, .overlay-class td, .home_event_title, .pwr_mobile_overlay_heading { color: #666 !important; }

/**** bottom row of top bars ****/
.pwr_tab_menu_bottom{ display: table; width: 100%; height: 70px; padding: 0px;}
.pwr_tab_menu_bottom form{ display: table-row;}
.pwr_tab_menu_bottom_left{ display: table-cell; vertical-align: middle;}
.pwr_tab_menu_bottom_right{ display: table-cell; vertical-align: middle; padding-right: 8px; text-align: right; float: none;}

/****** Calendar List View ***********/

table.calendar_list_table{ width: 100%; text-align: left; border-collapse: collapse;}
table.calendar_list_table tr.head{ background: #eaeef1; vertical-align: middle;}
table.calendar_list_table th, th a{ font-size: 12px; color: #6D6D6D; font-weight: 700; padding: 12px 0px; border: 0 !important; text-decoration: none;}
table.calendar_list_table tr{ border-top: #d8d7d7 solid 1px;}
table.calendar_list_table tr:nth-child(1){ border-top: 0;}
/* table.calendar_list_table tr:nth-child(2n){ background: #f7f7f7;} */
table.calendar_list_table tr.odd{ background: #f7f7f7;}
table.calendar_list_table tr.even{ background: #fff;}
table.calendar_list_table td, table.calendar_list_table td a{ padding: 12px 0px; font-size: 12px; color: #6D6D6D; font-weight: 400;}
table.calendar_list_table td { border-bottom: 1px solid #d8d7d7; padding-top: 15px !important; padding-bottom: 15px !important; }
table.calendar_list_table td a{ font-size: 12px; color: #6D6D6D; font-weight: 400;}
table.calendar_list_table .col_1{ padding-left: 5% !important;}
table.calendar_list_table .last_col{ padding-right: 5% !important;}

/* table.calendar_list_table td, table.calendar_list_table tr{ width: 12% !important;}
table.calendar_list_table td.col_event_event, table.calendar_list_table tr.col_event_event{ width: 40% !important;} */

/* table.calendar_list_table .col_code, table.calendar_list_table .col_merits, table.calendar_list_table .col_demerits{ width: 10%!important;} */
table.calendar_list_table .col_merits, table.calendar_list_table .col_demerits{ /* text-align: center; */}
table.total_table .col_merits, table.total_table .col_demerits{ font-weight: 700; font-size: 14px;}
table.calendar_list_table .total{ text-align: center; font-weight: 700; font-size: 14px;}
table.calendar_list_table .col_event{ width: 20%!important;}
table.calendar_list_table .col_outcome{ width: 15%!important;}
table.calendar_list_table .col_comment{ width: 35%!important;}

table.calendar_list_table tr.odd > table.calendar_list_table tr.child{ background: #f7f7f7;}

table.calendar_list_table th span{ display: none;}

.pwr_overlay_close-x, .pwr_mobile_date{ display: none;}


/* * * Calendar Table - Grid View* * * */
.detail_calendar{font-size:75%}
.calendar_form{ float:left; width:100%; margin-bottom:2.833em; line-height:100%;}
.calendar_form .calendar_nav{ float:left; padding:0 1.667em 0 0}
.calendar_form .calendar_nav_month{ font-size:3em; font-weight:300; float:left; padding:0 0.417em 0 0; letter-spacing:-1px}
.calendar_form  .calendar_nav_previous, .calendar_form .calendar_nav_next{ float:left;}
.calendar_form .fa{ font-size:0.667em}
.calendar_form  a{ margin-left:1.083em}
.calendar_view_grid a{ margin:0;}
.calendar_view a .fa,.calendar_links a .fa{ font-size:1.500em}
.calendar_form  .calendar_nav_previous a, .calendar_form .calendar_nav_next a{font-size:2.500em; margin:0;}
.calendar_form .calendar_options{ float:right; }
.calendar_form .calendar_view{ float:right; padding:0 1.667em 0 0 ; border-right:1px solid; margin-right:1.250em;}
.calendar_form .calendar_options .fa{ font-size:0.875em; padding:0 0.833em}
.calendar_form .calendar_view_list{ float:left; padding:0 0.833em}
.calendar_form .calendar_view_grid{ float:left;}
.calendar_form select{ display:none}
.calendar_form  .calendar_links{ float:right}
.calendar_options div.categoryid {display:inline;position:relative; font-weight:bold; font-size:1.167em; line-height:18px}
.calendar_options div.categoryid a{ text-decoration:none; }
.calendar_options label{ position:relative; cursor:pointer; font-weight:bold; font-size:1.167em; line-height:18px}
.calendar_options label a{ text-decoration:none; }
.calendar_options .categoryid{ border-right:1px solid; margin-right:1.417em;}

.category{ list-style:none; width:165px; border:1px solid; padding:0 0.583em; position:absolute; top:2.500em; display:none; z-index:999}
.category li{ padding:0.583em 0;}
.category a{ margin:0; text-decoration:none}
.calendar_options input[type="text"]{ width:80px; -webkit-appearance:none !important; border:1px solid; border-radius:0; margin-left:0.417em; padding:0.167em 0.417em;}

.calendar_form  .calendar_links .calendar_links_print{ float:left}
.calendar_form  .calendar_links .calendar_links_ical{ float:left; padding:0 0.833em}
.calendar_form  .calendar_links .calendar_links_rss{ float:left}


.calendar_grid{ float:left; width:100%;border-collapse:separate; border:solid 1px #c4c4c4; border-width: 1px 0px 0 0px;}
.calendar_grid td{ border:solid 1px #c4c4c4;  border-width: 0 3px 1px 0; /* padding: 0.417em; */ height:115px; width:145px; text-align:left; vertical-align:top }
.calendar_grid td:last-child{ border-right: 0;}
.calendar_grid td:first-child{ border-left: 0;}
.calendar_grid .calendar_grid_current{ background:#f5f5f5;}
.calendar_grid td.active{ background:#d7d7d7;}
.calendar_grid td a{ text-decoration:none;  font-size:13px; line-height:100%; padding: 3px 3px 0px 0px;display: block; }
.calendar_grid td a:hover{ text-decoration:none}
.calendar_grid td span{ font-size:13px; text-decoration:none; font-weight:400; color: #666666;}
.calendar_grid td span.prev_month_day, .calendar_grid td span.next_month_day{ color: #c4c4c4;}
.calendar_grid .calendar_grid_day i{ display:none}

.pwr_mobile_event_holder{ display: none; width: 100%;}
.pwr_mobile_single_day_holder{ display: none;}
.pwr_mobile_single_day_holder.active{ display: block;}

.calendar_grid .calendar_grid_event, .pwr_mobile_event_holder .calendar_grid_event{ position:relative; padding:0.417em 0;  background: #acc6d6; margin-bottom: 2px;}
.pwr_mobile_event_holder .calendar_grid_event{ padding-left: 15px;}
.calendar_grid .calendar_grid_event.no-border{ border:none;}
.calendar_grid_event {border-top: 1px dashed #c4c4c4;}
.calendar_grid_event:first-of-type, .pwr_mobile_event_holder .calendar_grid_event {border-top:none;}
/*.calendar_grid .calendar_grid_event:hover .calendar_event_tooltip{ display:block; z-index:999}*/
.calendar_grid .calendar_grid_event .calendar_event_tooltip{ width:165px; position:absolute; bottom:2.333em; padding:1.083em;  text-align:left; border:1px solid; display:none; z-index:300;}
.calendar_grid .calendar_grid_event .calendar_event_tooltip:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 8px 0;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -0.750em;
	left: 1.000em;
}

.calendar_grid .calendar_grid_event .calendar_event_tooltip:before{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 11px 9px 0;
	border-color: #2f4054 transparent;
	display: block;
	width: 0;
	z-index: 0;
	bottom: -0.917em;
	left: 0.917em;
}
.calendar_grid_day{ margin-bottom: 3px; padding-left: 8px; padding-top: 5px;}

.calendar_event_title{ text-align:left;}
.calendar_event_title a{ color: #fff;}
.calendar_grid td .calendar_event_title a{ padding: 3px 3px 3px 6px;}
.calendar_grid .calendar_grid_event .calendar_event_tooltip a{ font-weight:600; }
.calendar_grid .calendar_grid_event .calendar_event_tooltip .calendar_tooltip_dt{ font-weight:600; font-size:0.833em; line-height:14px;}

.calendar_grid .calendar_grid_event .calendar_event_tooltip .calendar_tooltip_desc{ font-size:0.917em; line-height:14px; padding:0.833em 0 0}
.calendar_grid .calendar_grid_headings th{ padding:0.238em 0.714em; font-size:13px; line-height:125%; font-weight:700; border-bottom: 1px solid #c4c4c4; border-right: 3px solid #c4c4c4; text-align: center;}
.calendar_grid .calendar_grid_headings th:last-of-type { /* border: solid 1px; border-width: 0 1px 0 0; */}
.calendar_grid .calendar_grid_headings th:last-child { border-right: 0;}
.calendar_grid .calendar_grid_headings th:first-child { border-left: 0;}


.calendar_list{ display:inline-block; width:100%;}

.calendar_list .calendar_list_day{ float:left; width:100%; padding:1.667em 0 0}
.calendar_list .calendar_list_day:nth-child(1){ padding:0 }
.calendar_list .calendar_list_event{ float:left; width:100%; padding:0.333em 0;  }
.calendar_list .calendar_list_event.with_img{ margin-top:1.667em;}
.calendar_list .calendar_list_event .calendar_list_title{ font-size:1.500em; line-height:20px; display:block; padding:0;}

.calendar_list .calendar_list_event .calendar_list_title a{ text-decoration:none;}
.calendar_list .calendar_list_event .calendar_list_title a:hover{ text-decoration:underline}
 
.calendar_list .calendar_list_event .calendar_list_dt{ font-size:1.083em; line-height:17px; margin:0.417em 0; font-weight:600;}
.calendar_list .calendar_list_event .calendar_list_desc{ display:block; font-size:1.167em; font-weight:normal; line-height:18px;}
.calendar_list .calendar_list_event .details{ float:left; border-bottom: 1px solid #d7d7d7; margin-top:1em; width:100% }

.calendar_list .calendar_list_event .calendar_list_img{ float:left; margin:0 1.500em 0 0; max-width:100%;}
.calendar_list .calendar_list_date{ padding:0.238em 0.714em; font-size:1.750em; line-height:23px; font-weight:400; margin-bottom:1.000em}


.calender_00{ display:none}
.detail_calendar{ padding-bottom:2.500em; float:left;}
.calendar_nav_next{ margin-left:2em;}
.calendar_nav_previous{ margin-right:2em;}
.picker .fa-chevron-down{ display:none}
.calendar_form .left{ width:75.3%; float:left; line-height:3em;}
.calendar_form .icons{line-height:3em;}

/*adjustments for one sidebar pages*/
.with_left .calendar_grid .calendar_grid_headings th, .with_right .calendar_grid .calendar_grid_headings th{ font-size:1.250em;}
.with_left .calendar_grid .calendar_grid_headings th span, .with_right .calendar_grid .calendar_grid_headings th span{ display:none}
.with_left .calendar_form .calendar_options, .with_right .calendar_form .calendar_options {width:100%;} 
.with_left .calendar_form a, .with_right .calendar_form a {margin-left:0;}
.with_left .calendar_form .calendar_view, .with_right .calendar_form .calendar_view {padding-right:1em; margin-right:1.250em;}
.with_left .calendar_form .calendar_nav, .with_right .calendar_form .calendar_nav {padding-bottom: 1.333em;}
.with_left .calendar_form .category, .with_right .calendar_form .category {top:1em;}

/*adjustments for both sidebar pages*/
.with_both .calendar_grid .calendar_grid_headings th{ font-size:1.250em;}
.with_both .calendar_grid .calendar_grid_headings th span{ display:none}
.with_both .calendar_form .left {width:68%};
.with_both .calendar_form .calendar_options {width:100%;} 
.with_both .calendar_form a {margin-left:0;}
.with_both .calendar_form .calendar_view {padding-right:0.3em; margin-right:1em;}
.with_both .calendar_form .calendar_nav {padding-bottom: 1.333em;}
.with_both .calendar_form .category {top:1em;}
.with_both .calendar_grid .calendar_grid_event{ display:none}
.with_both .calendar_grid .calendar_grid_day i{ display:block}
.with_both .calendar_grid td{  height:70px; width:80px; text-align:center; vertical-align:middle}
.with_both .calendar_form .calendar_nav_month{font-size:2.5em;}

@media only screen and (max-width:1024px){
.detail_calendar{ width:100%}
	
}
@media only screen and (min-width: 992px)and (max-width:1024px){
.detail_calendar{ width:100%}
.calendar_form .calendar_options{ width:100%;}
.calendar_form .calendar_nav{ padding-bottom:1.667em}
	
}

@media only screen and (min-width: 768px)and (max-width:991px){
	
	
	/* .calendar_grid .calendar_grid_headings th{ font-size:1.333em;} */
	
		.calendar_form .calendar_nav{ width:100%; padding-bottom:1.667em }
	.calendar_form .calendar_options{ width:100%;}
	.calendar_list .calendar_list_event .calendar_list_img{ margin:0 1.667em 1.667em 0;}
	/*.calendar_list.calender_00 .calendar_list_event .calendar_list_title,.calendar_list.calender_00 .calendar_list_event .calendar_list_dt,.calendar_list.calender_00 .calendar_list_event .calendar_list_desc{ width:70%; float:left}*/
	.calendar_form .left{ width:68%}
}


@media only screen and (max-width: 48em) {
	
	.calendar_form .calendar_nav{ width:100%; padding-bottom:1.667em }
	
	.calendar_grid td{  height:70px; width:80px; text-align:right; vertical-align:top }
	.calendar_grid .calendar_grid_event{ display:none}

	.calendar_grid .calendar_grid_day i{ display:block}
	.detail_calendar{ width:100%}
}

@media only screen and (max-width:768px) {
	.calendar_grid .calendar_grid_headings th{ font-size:12px;}
	.calendar_list .calendar_list_event .calendar_list_img{text-align: center; width:100%;}
	.calendar_list .calendar_list_event .details {text-align: center; width: 100%;}
	.calendar_options label{ position:relative; cursor:pointer; font-weight:bold; color:#304257;font-size:1em; line-height:16px}
	
	.calendar_grid .calendar_grid_headings th span{ display:none}
	
	.calendar_grid td{ text-align:center; vertical-align:middle}
	.calendar_list .calendar_list_event .calendar_list_img{ margin:0 1.667em 1.667em 0;}
	/*.calendar_list.calender_00 .calendar_list_event .calendar_list_title,.calendar_list.calender_00 .calendar_list_event .calendar_list_dt,.calendar_list.calender_00 .calendar_list_event .calendar_list_desc{ width:70%; float:left}
*/
	.calendar_form .calendar_options{ width:66%; float:left}
	.calendar_options input[type="text"]{ width:90px;}
	.calendar_form .calendar_view{ padding:0 0.417em;}
	.calendar_form a{ margin:0;}
	
	.calendar_form .calendar_nav_month{ font-size:3.167em; padding:0 0.833em 0 0 }
	.calendar_grid .calendar_grid_day i {font-size: 1.083em;line-height: 19px; color: #666666; cursor: pointer;}
	.icons{ float:left}
	.calendar_form .left{ float:none; width:auto}
	.calendar_form .calendar_nav_previous, .calendar_form .calendar_nav_next{ margin-top:-0.167em}
	.calendar_form .calendar_options{ width:100%;float:left;margin-bottom:1.250em }
	.calendar_form .calendar_links .calendar_links_rss{ padding-left:3.250em}
	.calendar_form .calendar_view_list{ padding:0 3.333em}
	
	.calendar_form .calendar_links .calendar_links_print{ padding:0 3.250em}
	.calendar_options input[type="text"]{ width:150px}
	
	.pwr_mobile_event_holder{ display: inline-block;}
	.pwr_mobile_event_holder .pwr_mobile_date{ display: block;}
	
	.pwr_mobile_event_holder .calendar_grid_event{ border-bottom: dashed 1px #666666;}
	.pwr_mobile_event_holder .calendar_grid_event:last-child{ border-bottom: none;}
	
}
@media only screen and (max-width:479px) {
	.calendar_form .calendar_nav_month{ font-size:2em; padding-right:0;}
	.calendar_form .left{line-height:2.3em;}
	.calendar_form .icons{line-height:2.3em;}
	
	.calendar_options input[type="text"]{ width:60px;}
	.calendar_grid .calendar_grid_headings th{ padding:0.467em;}
	.calendar_grid td{ height:50px;}
	.calendar_list .calendar_list_event .calendar_list_img{ margin:0 0.833em 1.667em 0;}
	/*.calendar_list.calender_00 .calendar_list_event .calendar_list_title,.calendar_list.calender_00 .calendar_list_event .calendar_list_dt,.calendar_list.calender_00 .calendar_list_event .calendar_list_desc{ width:57%; float:left}	.calendar_list .calendar_list_event .calendar_list_title{ width:60%;}
.calendar_list .calendar_list_event .calendar_list_desc{ width:60%; }
	.calendar_list .calendar_list_event .calendar_list_dt{ width:60%; }*/
	
	.calendar_form .calendar_view{ margin-right:0}
	.calendar_form .calendar_view{ padding:0;}

	.calendar_form .calendar_links .calendar_links_ical{ padding:0}
	.calendar_options input[type="text"]{ width:87px}
	.calendar_nav_next{ margin-left:2.333em}
	.calendar_options input[type="text"]{ width:90px}
	
	.calendar_form .calendar_nav{ padding-right:0}	
}
/******* END CALENDAR GRID VIEW **************/

/*******  RESOURCES DOCUMENTS ****************/
.pwr_tab_menu_bottom.resources{ }

table.pwr_resources_table{ border-collapse: collapse !important; width: 100% !important; margin-top: 15px !important;}
table.pwr_resources_table td{color: #666; vertical-align: middle; padding: 5px 15px;}
table.pwr_resources_table td.pwr_class_calendar_icon{ text-align: left; /* padding: 0px 10px 0px 15px; */}
table.pwr_resources_table td i{color: #666;}
table.pwr_resources_table td a i{color: #666;}
table.pwr_resources_table td.pwr_class_calendar_desc h5{ margin: 0; padding: 0; font-size: 14px; line-height: 150%;}
table.pwr_resources_table td.pwr_class_calendar_desc h5 a{ margin: 0; padding: 0; font-size: 14px; line-height: 150%; font-weight: 700; }
table.pwr_resources_table td.pwr_class_calendar_desc p{ font-size: 12px; line-height: 150%; color: #666; margin: 0; padding: 0;}
table.pwr_resources_table td.pwr_class_calendar_desc p a{ font-size: 12px; line-height: 150%; margin: 0; padding: 0;}
table.pwr_resources_table td.pwr_class_calendar_date{ font-size: 12px; width: 30%;}

table.pwr_resources_table thead td{ font-weight: 700; color: #1e4861;}

table.pwr_resources_table td:nth-child(1){ width: 23% !important;}
table.pwr_resources_table td:nth-child(2){ width: 67% !important;}
table.pwr_resources_table td:nth-child(3){ width: 10% !important;}

.dataTables_wrapper.no-footer{ overflow: auto;}

.pwr_resources_download_column{ text-align: right;}
.pwr_resources_upload_order {text-align: center;}

.pwr_resources.pwr_search{ padding-left: 20px; display: table-cell; vertical-align: middle;}
.pwr_resources.pwr_search .search_field, .pwr_resources.pwr_search .search_button{ display: inline-block; margin-right: 18px;}

.pwr_resources_mobile_classes{ display: none; }
.pwr_resources_mobile_classes select{ line-height: 25px; height: 25px;}

.pwr_resources.pwr_search .search_field input{ border: solid 1px #7c7c7c; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; max-width: 100%; color: #7c7c7c; height: 25px; -webkit-appearance: none;   -moz-appearance: none; appearance:none; line-height: 25px; padding-top: 0px; padding-bottom: 0px; width: 175px;}

.pwr_resources.pwr_search .search_field i{font-size: 25px; vertical-align: middle; color: #7c7c7c; position: absolute; left: 0px; top: 0px;}

.mobile_note{ display: none;}
.desktop_note{ display: inline-block;}

/********* Student Home ************/
.pwr_studenthome .pwr_twocol_container{ display: flex; justify-content: center;}

.student_home_menu .pwr_classes_select_item{ padding-left: 30px; padding-bottom: 0px; display: table-cell; vertical-align: middle;}
.student_home_menu select{ border: 0; font-size: 16px; font-weight: 700; color: #1e4861;}

.pwr_table_tabs_weekly-summary{ list-style: none; margin: 0; padding: 0; margin-top: 20px;}
.pwr_table_tabs_weekly-summary li{ display: table-cell; font-size: 16px; color: #6d6d6d; font-weight: 400; line-height: 200%; text-align: center; width: 128px; cursor: pointer; padding: 10px 0px;}
.pwr_table_tabs_weekly-summary li.current, .pwr_table_tabs_weekly-summary li:hover{ border-bottom: #6d6d6d solid 3px;}

.pwr_table_tabs_weekly-summary.alt{ margin: auto; padding: 15px; /* float: left; */ display: inline-block;}
.pwr_table_tabs_weekly-summary.alt li{ width: auto; min-width: 50px; font-size:12px; padding: 0px 10px; display: inline-block; float: left;}

.pwr_tab-container_weekly-summary {display: none; max-height: 400px; overflow:auto; min-height:300px;}
.pwr_tab-container_weekly-summary.current{display: block;}

.pwr_table_tabs_sh_classes{ list-style: none; margin: 0; padding: 0; margin-top: 20px;}
.pwr_table_tabs_sh_classes li{ display: table-cell; font-size: 16px; color: #6d6d6d; font-weight: 400; line-height: 200%; text-align: center; width: 128px; cursor: pointer; padding: 10px 0px;}
.pwr_table_tabs_sh_classes li.current, .pwr_table_tabs_sh_classes li:hover{ border-bottom: #6d6d6d solid 3px; margin-bottom: -3px;}

.pwr_table_tabs_sh_classes.alt{ margin: auto; padding: 15px; /* float: left; */ display: flex; flex-flow: wrap;}
.pwr_table_tabs_sh_classes.alt li{ width: auto; min-width: 50px; font-size:12px; padding: 0px 10px; display: inline-block; float: left;}


.pwr_tab-container_sh_classes{ display: none;}
.pwr_tab-container_sh_classes.current{display: block;}

table.sh_classes td.col_1{ width: 40% !important}
table.sh_classes td:last-child{ width: 40% !important;}
table.sh_classes td:nth-child(2), table.sh_classes th:nth-child(2){ width: 20% !important; text-align: center;}

.sh_bottom_table{ /* margin: 15px 0px; */}
table.attendance.sh_bottom_table td{ border-bottom: 0; vertical-align: top;  color: #666;}
table.attendance.sh_bottom_table th{ font-weight: bold;}
table.attendance.sh_bottom_table td.col_1{ width:30%;}
table.attendance.sh_bottom_table tr{ border-top: 0;}
.pwr_sh_card_button{ text-align: center; margin-bottom: 15px; text-transform: uppercase;}
table.attendance.sh_bottom_table td.pwr_class_calendar_desc h5{ margin: 0; padding: 0; font-size: 13px; line-height: 150%; color: #666;}
table.attendance.sh_bottom_table td.pwr_class_calendar_desc p{ font-size: 12px; line-height: 150%; color: #666; margin: 0; padding: 0;}
table.attendance.sh_bottom_table td p{ color: #666; font-size: 12px; margin-top:0;}

/* .weekly-summary-table{ margin: 0;}
table.attendance.weekly-summary-table td{ border-bottom: 0; vertical-align: top;  color: #666; padding-top: 0 !important;}
table.attendance.weekly-summary-table tr{ border-top: 0;}
table.attendance.weekly-summary-table td p{ color: #666; font-size: 12px; clear:both;}
div.weekly-summary-subhead {background-color: #eaeef1; padding: 10px; min-height: 20px;}
table.attendance.weekly-summary-table td h5{ margin: 0; padding: 0; font-size: 13px; line-height: 150%; float:left; color: #1e4861;}
div.weekly-summary-print-day {float:right;} */
div.weekly-summary-td-data {margin:0 10px;}
div.weekly-summary-td-data h4{ font-size: 15px;}
div.weekly-summary-td-data ul{ padding: 0px 30px 20px 40px !important;}
div.weekly-summary-td-data ul li{ padding: 0px 25px !important; line-height: 175%;}
div.weekly-summary-td-data p{ padding: 20px !important; margin: 0 auto !important;}

.pwr_date_hr{ display: inline-block; width: 92%; margin: 25px 0px; position: relative; text-align: center;}
.pwr_date_hr:after{ content: ""; background: #666666; height: 1px; width: 100%; position: absolute; top: 50%; margin-top: -1px; z-index:0; left: 0px;}
.pwr_date_print { float:right; width: 8%; position: relative; margin-top: -25px; }
.pwr_date_box{ display: inline-block; width: 200px; padding: 15px 0px; background: #fff; border: 1px solid #666666; position: relative; z-index: 1;}
.pwr_date_box .pwr_day{ color: #1e4861; font-size: 15px; font-weight: 700; display: inline-block;}
.pwr_date_box .pwr_date{ color: #1e4861; font-size: 15px; font-weight: 400; display: inline-block; margin-left: 3px;}

.student_home_weekly_box .pwr_print_button{ top: 10px; right: 15px;}
.student_home_menu{ margin-bottom: 0px;}

.sh_table_container{ overflow-y: auto; margin: 15px 0px;}

/***** Gradebook *******/
.gradebook .pwr_tab_menu_content{ padding-bottom: 0px;}
.pwr_tab_menu ul.gradebook li{ width: auto;}
ul.pwr_tabs.gradebook li.current{ background: rgba(255,255,255,0);}

.gradebook.classes .pwr_classes_select_item{ margin-left: 0px; display: table-cell; vertical-align: middle; padding: 0px;}

.pwr_gradebook_section{ margin-top: 30px; display: none;}
.pwr_gradebook_section .pwr_card_content{ min-height: 275px;}
.pwr_gradebook_section .pwr_card_content.grades_attendance{ min-height:0; }
.pwr_gradebook_section.current{ display: block;}

.pwr_gradebook_selects{ text-align: center; margin-top: 15px;}
.pwr_gradebook_selects .pwr_classes_term_select{ display: inline-block; width: auto;}
.pwr_gradebook_selects .pwr_classes_term_select:nth-child(1){ margin-right: 20px;}

.pwr_clases_mobile_menu.gradebook{ display: none; padding: 15px; background: #fff; /* margin-top: -30px; */ text-align: right; position: relative; margin-bottom: 0px;}

table.gradebook{ margin-top: 15px !important;}
table.gradebook .gb_term{ text-align: center; width: 5% !important;}
#pwr_gb_tab4 table.gradebook .gb_term{ text-align: center; width: 18 !important;}

table.attendance.gradebook th span{ display: block;}
.gb_table_mobile_part, table.attendance.gradebook th span.gb_table_mobile_part{ display: none;}

#gb-transcripts th.transcripts_grades, #gb-transcripts td.transcripts_grades{ text-align: center;}

.pwr_gradebook_section .gframeout_gb iframe{ width: 615px !important;}

h3.gb_gpa{ text-align: center; color: #1e4861; font-size: 14px;}
#gb-transcripts th.credits_earned {white-space:nowrap;}

/********** REPORT CARD *******************/
.reportcard .pwr_card_content{ min-height: 600px;}
.reportcard .pwr_card_content iframe, .reportcard .pwr_card_content embed{ min-height: 525px; overflow-y: scroll; width: 100%;}

/********** SCHEDULES CARD *******************/
.schedules .pwr_card_content{ min-height: 700px;}
.schedules .pwr_card_content iframe, .schedules .pwr_card_content embed{ min-height: 700px; overflow-y: scroll; width: 730px !important;}
.schedules .gframeout_gb, .schedules .gframeout_rc{ height: auto; text-align: center;}

/********** LUNCH ************/
.lunch .pwr_classes_select_item { margin-left: 30px; margin-right: 15px; display: inline-block;}
.lunch select{ font-size: 16px; font-weight: 700; color: #1e4861;}

.button_icon{ padding-right: 5px; font-size: 30px; position: absolute; top: 50%; margin-top: -12px; left: 10px;}

.pwr_tab_menu_top_left {display: table-cell; vertical-align: middle;}
.lunch .pwr_calendar_subscribe { padding-left: 35px; position: relative; box-shadow:0px 2px 10px 0px rgba(0,0,0,0.12);}
div.createweborder {display: inline-block; vertical-align: middle;}

.pwr_calendar_legend{ vertical-align: middle; display: inline-block; margin-right: 10px;}
.pwr_calendar_legend p{ color: #666666; font-size: 13px; line-height: 125%; margin: 0;}
.pwr_calendar_legend span{ display: inline-block; width: 35px;}
.pwr_calendar_legend span.pwr_legend_red{ color: red;}
.pwr_calendar_legend span.pwr_legend_blue{ color: blue;}
.pwr_calendar_legend span.pwr_legend_green{ color: #00dd00;}

.lunch span.pwr_red{ color: red !important;}
.lunch span.pwr_blue{ color: blue !important;}
.lunch span.pwr_green{ color: #00dd00 !important;}

.pwr_calendar_legend.mobile{ display: none; width: auto;}
.pwr_calendar_legend span.pwr_lunch_desktop_part{ width: auto;}

.lunch .calendar_month_select i{color: #666666;}

.calendar_grid.lunch .calendar_grid_event { background: none;}
.calendar_grid.lunch .calendar_grid_event{ border-bottom: 1px solid #666666;}
.lunch .calendar_event_title{ padding-left: 10px;}
.calendar_grid.lunch .calendar_grid_event:last-child{ border-bottom: none;}
h2.lunch_submit_order_total {float:left;}
div.lunch_submit_order {position: absolute; right: 15px; bottom: 15px;}
div.lunch_submit_order_end {clear:both;}
/******** Lesson Plan **********/
.lessonplan .pwr_classes_select_item { margin-left: 30px; margin-right: 15px; display: inline-block;}
.lessonplan select{ font-size: 16px; font-weight: 700; color: #1e4861;}

.lessonplans h3{ font-weight: 700;}
.lessonplans .pwr_print_button i{ font-size: 24px;}
.lessonplan .calendar_month_select i{color: #666666;}

.pwr_date_hr{ display: block; width: 100%; margin: 25px 0px; position: relative; text-align: center;}
.pwr_date_hr:after{ content: ""; background: #666666; height: 1px; width: 100%; position: absolute; top: 50%; margin-top: -1px; z-index:0; left: 0px;}
.pwr_date_box{ display: inline-block; width: 200px; padding: 15px 0px; background: #fff; border: 1px solid #666666; position: relative; z-index: 1;}
.pwr_date_box .pwr_day{ color: #1e4861; font-size: 15px; font-weight: 700; display: inline-block;}
.pwr_date_box .pwr_date{ color: #1e4861; font-size: 15px; font-weight: 400; display: inline-block; margin-left: 3px;}

.pwr_card_content.lessonplans{ margin-top: 20px;}
.pwr_card_content.lessonplans.nomargin{ margin-top: 0px;}

/**** Homework *****/

.pwr_hw_calendar_checkbox_container{ font-size: 12px; color: #666666; margin-top: 15px;}
.pwr_hw_calendar_checkbox_container .pwr_hw_calendar_checkbox{ display: inline-block;}
.pwr_hw_calendar_checkbox_container .pwr_hw_calendar_checkbox_text{ display: inline-block; vertical-align: middle;}

.pwr_hw_calendar_checkbox_text span.mobile{ display: none;}

/**** Family Home ******/
.pwr_middle_content.pwr_family_home .pwr_card_content{ max-width: 100%;}
.fam-three-col{ margin-bottom: 30px;}

.fam-three-col_container{ display: flex; min-height: 100px; justify-content: space-around; margin-top: 10px;}
.pwr_famhome_col{ position: relative; width: 100%; border-right: 1px solid #666666;}
.pwr_famhome_col:last-child{ border-right: 0;}
h4.pwr_famhome_col_title{ display: block; text-align: center; color: #666666; background: #ececec; font-weight: 700; font-size: 13px; padding: 5px 0px; margin: 0 auto;}

#family-billing-table{ margin-top: 15px;}

.pwr_edit_button{ position: absolute; top: 3px; right: 5px;}
.pwr_edit_button i{ font-size: 24px; color: #666666;}
.pwr_edit_button span{ font-size: 12px; line-height: 24px;}
.pwr_edit_button_prefs {float:right; position: absolute; top: 3px; right: 5px;}
.famhome_contactinfo{ padding: 10px; font-size: 12px; line-height: 150%; width: 100%; color: #2c2d2d;}
.faminfo_title{ font-weight: bold; text-align: right; padding-right: 5px;}

#service_hours_table{ padding: 10px; font-size: 12px; line-height: 150%; width: 100%; text-align: left; border-collapse: collapse;}
#service_hours_table tr:nth-child(even){ background-color: rgba(0,0,0,0.05);}
.dataTables_scrollHead .famhome_servicehours tr.head{ background: #eaeef1; vertical-align: middle; font-weight: 700; font-size: 12px; text-align: left; color: #666666;}


.dataTables_scrollBody #service_hours_table thead tr.head{ background: #eaeef1; vertical-align: middle; font-weight: 700; font-size: 12px; text-align: left; color: #666666; text-align: center;}

.dataTables_scrollBody{ border-bottom: 0 !important;}
.service_hours_table_wrapper .dataTables_scrollHeadInner{ padding-right: 0px !important;}
#service_hours_table td{ padding: 5px 5px 5px 0px; vertical-align: middle; color: #2c2d2d;}
#service_hours_table td, #service_hours_table th{ padding: 5px 5px 5px 0px; vertical-align: middle; color: #666666;}
.famhome_date{ padding: 5px 0px 5px 10px !important; width: 20% !important;}
#service_hours_table .famhome_hours, #service_hours_table .famhome_edit{ text-align: center;}
#service_hours_table .famhome_edit i{ font-size: 21px; color: #666;}
.famhome_desc.total{ font-weight: bold;}
tfoot tr td.famhome_hours {text-align:right; padding-right:9px !important;}
#service_hours_table_wrapper .dataTables_scrollHeadInner{ padding-right: 0px !important; width: 100% !important;}
.famhome_servicehours{ width: 100% !important;}

/* #service_hours_table_wrapper .dataTables_scrollHeadInner .famhome_date{ padding-right: 0px !important; text-align: center;}
#service_hours_table_wrapper .dataTables_scrollHeadInner .famhome_desc{ padding-right: 0px !important; padding-left: 0px !important; text-align: center;}
#service_hours_table_wrapper .dataTables_scrollHeadInner .famhome_hours{ padding-right: 0px !important; padding-left: 0px !important; text-align: center;} */
#family-billing-table .col_balance, #family-billing-table .col_details, #family-billing-table .col_paynow {text-align:center;}
#fam_home_contacts_table_wrapper .dataTables_scrollHead{ background: #DCF3F7;}
#fam_home_contacts_table_wrapper .dataTables_scrollBody td{ font-size:12px; line-height: 150%; vertical-align: top;}
.dataTables_scrollBody thead{ display: none;}

.famhome_preferences{ font-size: 12px; line-height: 150%; width: 100%; text-align: left; border-collapse: collapse;}
.famhome_preferences td, .famhome_preferences th{ padding: 5px 5px 5px 0px; vertical-align: middle; color: #666666;}
.famhome_preferences td:first-child, .famhome_preferences th:first-child{ padding-left: 10px; width: 60%;}
.famhome_preferences td:last-child, .famhome_preferences th:last-child{ padding-left: 10px; text-align: center; width: 40%;}
.famhome_preferences tr:nth-child(even){ background-color: rgba(0,0,0,0.05);}
.famhome_preferences tr.head{ background-color: #fff;}

.pwr_family_home .pwr_modified_header{ position: absolute; right: 20px; top: 65px; font-weight: bold;}

.dataTables_scrollBody table.dataTable td, .dataTables_scrollBody table.dataTable th, .dataTables_scrollHead table.dataTable td, .dataTables_scrollHead table.dataTable th{ width: auto !important; padding: 5px 0 !important; margin: 0px !important;}

.dataTables_scrollBody table.dataTable td.famhome_date, .dataTables_scrollHead table.dataTable th.famhome_date{ width: 30% !important; text-align: center; }
.dataTables_scrollBody table.dataTable td.famhome_desc, .dataTables_scrollHead table.dataTable th.famhome_desc{ width: 40% !important; text-align: center; }
.dataTables_scrollBody table.dataTable td.famhome_hours, .dataTables_scrollHead table.dataTable th.famhome_hours{ width: 20% !important; text-align: center; }
.dataTables_scrollBody table.dataTable td.famhome_edit, .dataTables_scrollHead table.dataTable th.famhome_edit{ width: 10% !important; text-align: center; }

.pref_table_wrapper{ overflow-y: auto; max-height: 270px;}

/**** financial ***/
.pwr_financial .pwr_card_content.three_col{ padding-bottom: 20px;}

p.pwr_notification{ color: red; font-size: 14px; text-align: left; padding-left: 4px;}

h3.pwr_card-heading i.fa-icon{ font-size: 16px; background: #666; border-radius: 50%; width: 30px; height: 30px; color: #fff; text-align: center; line-height: 30px; padding: 0; margin-right: 5px;}
h3.pwr_card-heading i.fa-icon.old-fa{ font-family: FontAwesome;}

.pwr_finance_table{ font-size: 14px; line-height: 150%; width: 100%; text-align: left; border-collapse: collapse; margin: 15px 0px;}
.pwr_finance_table td, .pwr_finance_table th{ padding: 5px 5px 5px 0px; vertical-align: middle;}
.pwr_finance_table td{ color: #1e4861;}
.pwr_finance_table th{ color: #666666;}
.pwr_finance_table tr.head{ background-color: #ececec; font-size: 12px; font-weight: bold;}
.pwr_finance_table td:first-child, .pwr_finance_table th:first-child{ padding-left: 20px; width: 60%;}
.pwr_finance_table td:last-child, .pwr_finance_table th:last-child{ padding-right: 20px; text-align: right; width: 40%;}

.pwr_finance_button{ display: block; text-align: center;}
.pwr_finance_button .pwr_button{ font-size: 16px; text-transform: uppercase; max-width: 70%;}

.pwr_financial_links{ list-style: none; padding: 0px 20px;}
.pwr_financial_links li{ padding: 5px 0px;}
.pwr_financial_links li a{ font-weight: 700;}

.balances_note{ position: absolute; top: 15px; right: 15px; text-align: center; max-width: 120px; font-size: 12px; color: #666; line-height: 125%;}

/***** course request ******/

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
	top: 17px !important;
	background-color: #666 !important;
}

.pwr_courserequest{}
.pwr_courserequest p{ text-align: left; color: #666666;}
.pwr_courserequest .pwr_note{ padding: 0px; text-align: center;}
.pwr_courserequest span.red{ color: red;}
.pwr_courserequest form img{ width: auto !important; height: auto !important;}

.cr_card_content{ padding: 15px 35px;}

.course_request_form{ text-align: center;}
.cr_form_item{ display: block; color: #666; margin-bottom: 20px;}
.cr_form_item .pwr_note{ display: block;}
.cr_form_item .cr_form_select{ display: inline-block;}
.cr_form_item .cr_form_select select{ width: 125px;}
.cr_form_item .cr_form_select select:nth-child(2){ margin-left: 25px;}

.pwr_note.cr_bottom{ text-align: left; padding: 20px 0px;}
.pwr_button.cr_bottom{ text-align: center; text-transform: uppercase; padding: 0.5em 35px;}

/* 03/13/19 gv added this to fix course requests */
.pwr_courserequest .cr_card_content table tr td {
}
.pwr_courserequest .cr_card_content p {
	line-height: initial;
	padding-bottom: 0;
}
 

/************************************ GLOBAL MEDIA QUERIES ************************************/
@media only screen and (max-width: 1250px) {
	.balances_note{ font-size: 10px; right: 5px; width: 100px; top: 18px;}
}

@media only screen and (max-width: 1150px) {
	/* .pwr_medical_left{ margin-right: 2%;} */
	
	table.medical select{ font-size: 10px;}
	
	.pwr_tab_menu.classes ul li a{ font-size: 13px;}
	
	.balances_note{ font-size: 9.5px; right: 5px; width: 70px; top: 10px;}
}

@media only screen and (max-width: 1024px) {
	.col_1{ padding-left: 2% !important;}
	.last_col{ padding-right: 2% !important;}
	
	.pwr_left_nav{left: -250px;}
	.pwr_middle_content{ padding-left: 20px !important;}
	.pwr_middle_content.pwr_medical{ padding-right: 0px; padding-left: 0px !important;}
	.pwr_middle_content.pwr_photo-gallery{ padding-left: 0px !important;}
	
	#pwr_banner{ width: 100% !important; /* height: 300px; */ margin-left: 0px !important;}
	
	.pwr_left_nav_top li a{ padding-left: 20px;}
	
	.pwr_card_content.pwr_centered.calendar{ margin-left: 8px; width: calc( 100% - 16px);}
}

@media only screen and (min-width: 851px) {
	.pwr_tab_menu.classes ul{ display: inline-block !important;}
	
	.mobile_menu_button{ display: none !important;}
}

@media only screen and (max-width: 850px) {
	.pwr_tab_menu.classes{ position: relative; /* display: inline-block; */ height: auto;}
	.pwr_clases_mobile_menu{ display: table; height: 60px; padding: 0px;}
	
	
	.pwr_tab_menu.classes ul{ width: 250px;background: #fff;box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.12);position: absolute;right: 0px;top: 0px; z-index: 999; right: -250px; display: none;}
	.pwr_tab_menu.classes ul.active{ d}
	.pwr_classes_tab_content{ margin-top: 0px;}
	.pwr_tab_menu.classes ul li{float: none;display: block;padding: 0px;text-align: right;height: 58px;display:  table;width:  100%;padding-bottom:  0px !important;}
	
	.pwr_classes_page_title{ display: table-cell; vertical-align: middle;}
	.pwr_nav_button_classes{ display: table-cell; vertical-align: middle; width: 24px;}
	.pwr_nav_button_classes.gradebook{ float:right;}
	.gradebook .pwr_tab_menu_content{ padding: 10px 0px; }
	
	.pwr_tab_menu.classes.gradebook ul li .mobile_menu_button{ display: none !important; color: #666;}
	.pwr_tab_menu.classes.gradebook ul li.current .mobile_menu_button{ display: inline-block !important;}
	.pwr_tab_menu.classes.gradebook ul li .mobile_menu_button.first{ color: #fff;}
	
	.classes .pwr_classes_select_item{ margin-left: 0px; /* padding-left: 30px; */}
	.gradebook.classes .pwr_classes_select_item{ padding-left: 20px;}
	.classes.student_select .pwr_classes_select_item{  padding-left: 30px;}
	.pwr_tab_menu.classes.student_select, .pwr_tab_menu.class_select{ display: table; height: 70px;}
	.pwr_classes_select_item{ display: table-cell; vertical-align: middle; padding-bottom: 0px;}
	.pwr_classes_select_item .pwr_note.classes{ padding: 0px;}
	.pwr_calendar_subscribe{ margin-top: 0px;}
	.pwr_tab_menu.classes.student_select .pwr_note.classes{ padding: 0px !important;}
	
	/* .pwr_tab_menu.classes ul li.current:before{ content:''; background-image: url(images/mobile_nav_button_dark.png); display: block; width: 24px; height: 24px; background-repeat: no-repeat; position: absolute; top: 13px; left: 10px;}
	.pwr_tab_menu.classes ul li#pwr_home_part.current:before{ content:''; background-image: url(images/mobile_nav_button_light.png);} */
	.pwr_tab_menu.classes ul li .mobile_menu_button{content:'';/* background-image: url(images/mobile_nav_button_dark.png); */display: none;width: 24px;height: 24px;background-repeat: no-repeat;position: absolute;top: 17px;left: 10px;margin: 0;padding: 0; color: #666; font-size: 24px;}
	.pwr_tab_menu.classes ul li .mobile_menu_button.first{ content:''; /* background-image: url(images/mobile_nav_button_light.png); */ color: #fff; }
	.pwr_tab_menu.classes ul li.current .mobile_menu_button{ display: none; padding: 0px;}
	.pwr_tab_menu.classes ul li.current .mobile_menu_button:nth-child(1){display: table-cell;vertical-align: middle;}
	
	.pwr_tab_menu.classes ul li:hover{ border-bottom: none;}
	.pwr_tab_menu.classes ul li.current{ background: #6c6c6c;}
	.pwr_tab_menu.classes ul li a{ display: block; padding: 0px 15px; font-size: 15px; display: table-cell; vertical-align: middle;}
	.pwr_tab_menu.classes ul li.current a{ color: #fff; display: table-cell; vertical-align: middle;}
	
	.pwr_nav_button_classes.active{ position: absolute; z-index: 9999; right: 210px; top: 8px;}
	.pwr_nav_button_classes.active.white{ color: #fff;}
	
	.pwr_clases_mobile_menu.gradebook{ display: block; height: 60px;  padding: 0px;}
	.pwr_classes_page_title.gradebook{ display: none; padding-top: 18px;}
	.pwr_nav_button_classes.gradebook{ padding-top: 17px;}
	.pwr_classes_page_title.gradebook.current{ display: inline-block;}
	
	.pwr_tab_menu.classes.gradebook ul{ top: 64px;}
	
	.pwr_calendar_legend span.pwr_lunch_mobile_part{ display: inline-block;}
	.pwr_calendar_legend span.pwr_lunch_desktop_part{ display: none;}
	
	.right_sidebar_overlay{ display: none;position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 998;}
	
	.classes .pwr_tab_menu_content{ border-bottom: 0; }
	.gradebook .pwr_tab_menu_content{ width: auto;}
}

@media only screen and (max-width: 768px) {
	#pwr_banner{ display: none;}
	
	.classnews.schoolhome.with_graphic, .pwr_card_content.narrow.with_graphic{ margin-top: 30px;}
	
	html{ overflow-x: hidden; position: relative;}
	
	table.directory .col_1{ padding-left: 15px !important;}
	table.directory .last_col{ padding-right: 15px !important;}
	
	.pwr_mobile_rotate_note{ display: block; text-align: center;}
	
	.pwr_family_members{   margin:0; padding: 0; max-height: 100%; height: 100%; overflow: hidden;}
	.pwr_family_members li{  display: none; text-align: center; width: 100%; background: #fff;}
	.pwr_family_members li a{ font-size: 14px; font-weight: 700;}
	.pwr_family_members li.active, .pwr_family_members.open{ display: block; z-index:999;}
	.family_member_selector{ display: block;}
	.pwr_member_info h5.pwr_title, .pwr_member_name{ display: none;}
	.pwr_member_label{ display: block;}
	.family_member_selector.featherlight-inner{ display: block;}
	
	#directory.pwr_divider{ display: none;}
	.featherlight .featherlight-content{ height: 100%; /*overflow: hidden;*/}
	.featherlight .featherlight-close-icon.x-icon{ display: block;}
	
	.pwr_directory_form_item select,.pwr_directory_form_item input{ width: 125px; font-size: 10px;}
	
	.pwr_family_members table{ height: auto !important;}
	
	h3.pwr_mobile_overlay_heading{ text-align: center; font-size: 20px; padding-top: 40px;}
	
	.pwr_family_members li ul{ width: 100%; top: 65px; text-align: center; left: 0px; padding:0px; right: auto; display: none !important;}
	
	.pwr_family_members li i{ display: none !important;}
	.pwr_family_members li.actv i,.pwr_family_members li.active i, .pwr_family_members.open li.actv i{ display: block !important; text-align: right; float: right; margin-left: 5px;}
	.pwr_family_members.open li.active i{ 
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	
	.pwr_medical_left{ float:left; width: 100% !important; margin-right: 0; margin-left: 0px;}
	.pwr_medical_right{ float:left; width: 100% !important;}
	.pwr_card_content.medical{ margin-left: 15px; margin-right: 15px;}
	.pwr_card_content.medical.two_col{ width: calc( 100% - 30px) !important; margin-left: 15px !important;}
	
	table.medical.date_row td{ display: block; width: 100%; text-align: center;}
	table.medical td:nth-child(1), table.medical th:nth-child(1), table.medical td:nth-child(2), table.medical th:nth-child(2){ width: 30%; }
	table.medical td:nth-child(3), table.medical th:nth-child(3){ width: 40%;}
	table.medical.date_row td:nth-child(1){ padding-left: 0px !important;}
	
	.pwr_general_list.class_announcements:after{ display: none;}
	.pwr_general_list.class_announcements li{ width: 100%;}
	.pwr_general_list.class_announcements li:nth-child(odd){ margin-right: 0; border-right: 0;}
	
	
	.pwr_card_content.two_col, .pwr_card_content.three_col{ width: 100% !important; height: auto !important; margin-right: 0px; margin-bottom: 30px;}
	.pwr_card_content.three_col.school_home_classbndl{ width: 200px !important; height: 400px !important; left: 50%; margin-left: -100px;}
	.pwr_card_content.two_col:nth-child(odd){ margin-right: 0px;}
	.pwr_card_content.three_col:nth-child(2){ margin: 0px 0px 30px 0px;}
	.pwr_card_content.two_col.famhome:last-child, .pwr_card_content.two_col.medical:last-child{ margin-left: 15px !important;}
	
	table.pwr_classes_teacher{ height: auto; margin: 20px 0px;}
	
	/**** Calendar ***/
	.pwr_print_button.calendar_top_button, .pwr_calendar_prev:after, .pwr_calendar_next:after, .calendar_format, .pwr_calendar_views, .calendar_month_select, .calendar_year_select{ display: none;}
	.lessonplan .pwr_print_button, .pwr_calendar_select_item.lessonplan{ display: inline-block;}
	.pwr_calendar_current_month_mobile{ display: inline-block; color: #1e4861; font-size: 12px; font-weight: 700;}
	.pwr_calendar_arrows{ padding-left: 0px; padding-right: 0px;}
	.pwr_calendar_arrows a{ padding: 0px 5px;}
	.pwr_calendar_select_item select{ font-size: 12px;}
	.pwr_tab_menu_bottom_right .pwr_calendar_select_item{ border-bottom: 0; }
	.pwr_tab_menu_bottom_left{ /* margin-top: 8px; */}
	.pwr_tab_menu_bottom_right{ /* margin-top: -15px; */}
	.pwr_tab_menu_top_right{ margin-top: -22px;}
	
	.pwr_tab_menu.calendar ul li{}	
	.pwr_tab_menu.calendar ul li a{ font-size: 12px;  padding: 15px 10px;}
	.pwr_tab_menu.calendar ul li:hover, .pwr_tab_menu.calendar ul li.active_page, .pwr_tab_menu.calendar ul li.current{}
	.pwr_tab_menu_bottom.resources{ /* padding-top: 13px; padding-bottom: 13px; */}
	
	.pwr_calendar_subscribe{ background: 0; text-align: right; color: #1e4861; font-size: 9px; padding: 3px; margin-top: 0px; margin-right: 0px;}
	.pwr_calendar_subscribe svg{ fill: #1e4861; display: block; margin: 0 auto; box-shadow: none;}
	
	.pwr_overlay_close-x{ display: block; position: absolute; top: 0px; right: 0px; color: #1e4861;}
	.pwr_overlay_close-x button{ display: inline-block !important; color: #1e4861;}
	.pwr_overlay_close-x i{ color: #1e4861; }
	
	.pwr_mobile_date{ text-align: center; color: #666666; font-size: 16px; font-weight: 700;}
	.pwr_mobile_event_holder.active .pwr_mobile_date{ display: block;}
	
	.homework .pwr_tab_menu_top_right, .lessonplan .pwr_tab_menu_top_right{ margin-top: 0px; top: 8px;}

	
	/**** Gradebook - Progress Report Table ****/
	.gb_comment, .gb_instructor{ display: none;}
	table.gradebook{ width: 100% !important;}
	/* table.gradebook tr.child{ display: none;} */
	
	.gb_table_mobile_hide, table.attendance.gradebook th span.gb_table_mobile_hide{ display: none;}
	.gb_table_mobile_part, table.attendance.gradebook th span.gb_table_mobile_part{ display: block;}
	
	/***** Lunch ******/
	
	.pwr_calendar_legend.desktop{ display: none;}
	.pwr_calendar_legend.mobile{ display: inline-block;}
	.lunch .pwr_calendar_select_item{ display: none;}
	
	
	.lunch .pwr_tab_menu_top_left{ width: 100%; height: 65px;}
	.lunch .pwr_calendar_subscribe{ color: #fff; text-transform: uppercase; background: #1e4861; padding: 8px 10px 8px 35px; border-radius: 3px; margin-right: 0px; font-size: 13px; float: right; margin-top: 15px;}
	.lunch .pwr_tab_menu_bottom{ padding: 0; height: 50px;}
	.lunch .pwr_tab_menu_bottom_left{ margin-top: 15px;}
	.lunch .pwr_tab_menu_bottom_right{ margin-top: 10px;}
	
	/***** Student Home ****/
	.pwr_studenthome .pwr_twocol_container{ display: inline-block;}
	
	/**** Lesson Plan ****/
	.lessonplan .pwr_classes_select_item{ margin-left: 15px; padding-top: 5px;}
	.lessonplan .pwr_tab_menu_bottom{ padding-top: 10px;}
	
	.balances_note{ font-size: 10px; right: 5px; width: 100px; top: 18px;}
	
	.schedules .pwr_card_content iframe, .schedules .pwr_card_content embed, .gframeout_rc iframe,.pwr_classes_tab_content iframe, .pwr_classes_tab_content embed, .gframeout_gb iframe, .gframeout_rc iframe{ width: 100% !important; overflow: scroll !important;}
	
	.gframeout_rc{ -webkit-overflow-scrolling: touch; overflow: scroll;}
	}

@media only screen and (max-width: 640px) {	
	/*.pwr_left_nav, header{ position: absolute;}*/
	.pwr_left_nav{ overflow-y: auto;}

	table.directory td, table.directory th{ display: none;}
	table.directory td.col_1, table.directory th.col_1{ display: table-cell;}
	.pwr_directory_search{ text-align: center;}
	.pwr_directory_form_item{ /* width: 100%; */ margin: 0 auto; margin: 5px auto; display: block; float: none;}
	.pwr_directory_form_item.search_field{ display: inline-block;}
	.pwr_directory_form_item select,.pwr_directory_form_item input{ width: 200px; font-size: 12px; max-width:200px;}
	.pwr_directory_form_item.search_button {padding-top: 8px;}
	table.directory th a span{ display: inline-block;}
	
	table.attendance .col_date{ width: 3%!important;}
	table.attendance .col_code{ width: 3%!important;}
	table.attendance .col_class{ width: 60%!important;}
	table.attendance .child{ border-top: 0; background: #fff !important; padding}
	table.attendance .child.odd{ background: #f7f7f7 !important;}
	table.attendance .child td{ display: table-cell; width: 100% !important; padding: 10px 20px; border-bottom:0;}
	table.attendance .child h4, table.attendance .child h4{ margin: 0px 0px 10px 0px;}
	
	table.attendance .col_desc, table.attendance .col_comment, table.attendance .col_outcome, table.attendance .col_merits, table.attendance .col_demerits, table.attendance.total_table{ display: none;}
	
	table.attendance th span{ display: inline-block;}
	
	.pwr_custom_select{ right: 10px; left: auto; }
	
	.pwr_behavior_info_left, .pwr_behavior_info_right{ width: 48%; display: inline-block; vertical-align: top;}
	
	.pwr_photo_grid .pwr_album{ /* width: 100%; */}
	.pwr_photo_grid .pwr_album .pwr_album_info{ padding-top: 10px;}
	.pwr_photo_grid .pwr_album .pwr_album_info h4{ font-size: 14px; line-height: 100%; padding-left: 10px;}
	.pwr_photo_grid .pwr_album .pwr_album_info span{ font-size: 10px; line-height: 100%; padding-left: 10px;}
	
	
	.classes .pwr_tab_menu_content{ padding-left: 10px;}
	
	.pwr_tab_menu.classes ul{ /* top: 0px; right: -250px; */ display: none;}
	.pwr_clases_mobile_menu .mobile_menu_button{ display: none;}
	.pwr_tab_menu.classes.gradebook ul{ top: 59px;}
	.pwr_tab_menu.classes.gradebook ul li{ padding: 0px;}
	.pwr_tab_menu.classes.gradebook ul li a{ padding: 17px 15px;}
	.pwr_tab_menu.classes ul.active{ display: block;}
	
	.pwr_classes_term_select{ text-align: left; padding-left: 12px;}
	
	.pwr_syllabus_left_part{ width: 100%; display: inline-block; vertical-align: top;}
	.pwr_syllabus_left_part ul{ display: none;}
	.pwr_syllabus_mobile_tab_select{ display: block;}
	.pwr_syllabus_right_part{ width: 100%; display: inline-block; padding-left: 0px; vertical-align: top;}
	.pwr_syllabus_left_part ul li a.pwr_syllabus_print{ display: none;}
	
	.pwr_tab_menu_top.resources, .pwr_resources.pwr_search .search_button{ display: none;}
	.pwr_resources_mobile_classes{ display: table-cell; padding-left: 10px; width: calc( 50% - 20px); vertical-align: middle;}
	.pwr_resources.pwr_search{ display: table-cell; vertical-align: middle;}
	.pwr_resources.pwr_search .search_field input, .pwr_resources_mobile_classes select{ width: 100%;}
	
	.reportcard .pwr_print_button{ display: none;}
	.schedules .pwr_print_button{ display: none;}
	.reportcard .pwr_custom_select select{ /* font-size: 12px; */ max-width: 100px; padding-right: 15px;}
	.schedules .pwr_custom_select select{ /* font-size: 12px; */ max-width: 100px; padding-right: 15px;}
	
	/*** homework ***/
	.pwr_hw_calendar_checkbox_container{ text-align: center;}
	.pwr_hw_calendar_checkbox_container .pwr_hw_calendar_checkbox{ display: block; margin-top: 10px;}
	.pwr_hw_calendar_checkbox_container .pwr_hw_calendar_checkbox_text{ display: block; font-size: 10px;}
	
	.pwr_hw_calendar_checkbox_text span.desktop{ display: none;}
	.pwr_hw_calendar_checkbox_text span.mobile{ display: inline-block;}
	
	.pwr_calendar_select_item.lessonplan.homework input{ max-width: 100px;}
	
	.homework .pwr_calendar_arrows{ padding-left: 0px; padding-right: 0px;}
	.homework .pwr_calendar_arrows a{ padding: 0px 8px;}
	.lessonplan .pwr_calendar_arrows{ padding-left: 0px; padding-right: 0px;}
	.lessonplan .pwr_calendar_arrows a{ padding: 0px 8px;}
	
	/**** family home *****/
	.fam-three-col_container{ display: block; width: 100%; margin-top: 50px;}
	.pwr_famhome_col{ border-right: 0;}
	.pwr_family_home .pwr_custom_select{ left: 50%; right: auto; top: 50px;}
	
	div.lunch_submit_order {float:none; margin-top: 10px;}
	
	.lessonplan .pwr_calendar_select_item select, .lessonplan .pwr_calendar_select_item input{ max-width: 80px;}
	
	.pwr_reportcard .pwr_print_button{ display: none;}
	
	.cycle-pager{ display: flex; flex-flow: wrap; justify-content: space-between;}
	.cycle-pager div{ /* width: calc(33% - 24px); height: 75px; */ flex-basis: 30%; margin: 10px 0px;}
	.cycle-prev,.cycle-next{ display: none;}
	.cycle-overlay{ position: relative; background-color: rgba(255,255,255,.95)}
	
	.pwr_twocol_container.medical{ display: inline-block; height: auto;}
	
	#fam_home_contacts_table thead {display:none !important;}
	#fam_home_contacts_table td {display:block; padding-left:10px !important;}
	#fam_home_contacts_table td:first-child {font-weight: bold;}
}

@media only screen and (max-width: 460px) {
	.pwr_with_left_nav .pwr_content_wrapper{ padding-left: 0px !important;}
	
	#pwr_banner{ height: 200px;}
	
	.pwr_mobile_user_info_icon{display: table-cell; vertical-align: middle; height: 34px; cursor: pointer;}
	.pwr_user-button{ margin-left: 12px;}
	.pwr_org-info{ display: none; width: 100%; position: fixed; top: 56px; right: 0px; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12); min-height: 120px; background-color: #fff; float: left;}
	.pwr_org-info.active{ display: table; padding: 0px; color: #000; text-align: left;}
	.pwr_org-text{ text-align: center; padding: 15px; font-size: 18px; line-height: 150%; display: table-cell; vertical-align: middle;}
	.pwr_org-text a{ color: #000;}
	
	.pwr_user-info.active{ width: 100%; right: 0px;}
	
	.pwr_list .pwr_list_right, .pwr_modified_header{ display: none;}
	.pwr_list{ margin-top: 30px;}
	.pwr_family_home .pwr_list{ margin-top: 0px;}
	
	.pwr_note{ padding: 40px 20px;}
	
	.pwr_classnews_icon{ width: 25%; text-align: center;}
	.pwr_classnews_content{ width: 75%;}
	
	.pwr_table_tabs.alt li{ margin-bottom: 10px;}
	
	.pwr_resources_download_column{ /* display: none; */}
	.mobile_note{ display: inline-block;}
	.desktop_note{ display: none;}
	.pwr_gradebook_section .mobile_note{ padding: 5px 0px; font-size: 12px;}
	#gb-midterm-report{ margin-top: 0px !important;}
	
	.pwr_table_tabs_weekly-summary.alt li, .pwr_table_tabs_sh_classes.alt li{ padding: 0px 5px; font-size: 10px;}
	
	.pwr_calendar_select_item.lessonplan.homework input{ max-width: 90px;}
	
	.pwr_family_home .pwr_modified_header{ display: none;}
	
	/*** course request ***/
	.pwr_courserequest{}
	.pwr_courserequest .pwr_custom_select{ top: 15px; margin: 0 auto;}
	.cr_card_content{ padding-top: 55px;}
	.cr_form_item .cr_form_select select{ margin-bottom: 10px;}
	.cr_form_item .cr_form_select select:nth-child(2){ margin-left: 0px;}
	
}

/*** media queries for mobile rotate notes ***/

/* ----------- iPhone 4 and 4S ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	.pwr_mobile_rotate_note{ display: block; text-align: center;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	.pwr_mobile_rotate_note{ display: none;}
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  .pwr_mobile_rotate_note{ display: block; text-align: center;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  .pwr_mobile_rotate_note{ display: none;}

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  .pwr_mobile_rotate_note{ display: block; text-align: center;}

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  .pwr_mobile_rotate_note{ display: none;}

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
.pwr_mobile_rotate_note{ display: block; text-align: center;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  .pwr_mobile_rotate_note{ display: none;}

}

/* ----------- iPhone X ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  .pwr_mobile_rotate_note{ display: block; text-align: center;}

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
.pwr_mobile_rotate_note{ display: none;}
}

/* ----------- Google Pixel ----------- */

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
	  .pwr_mobile_rotate_note{ display: block; text-align: center;}

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
.pwr_mobile_rotate_note{ display: none;}
}

/* ----------- Google Pixel XL ----------- */

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
	  .pwr_mobile_rotate_note{ display: block; text-align: center;}

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {
.pwr_mobile_rotate_note{ display: none;}
}

/* ----------- Galaxy S3 ----------- */

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {
	.pwr_mobile_rotate_note{ display: block; text-align: center;}
}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {
	.pwr_mobile_rotate_note{ display: none;}
}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
	.pwr_mobile_rotate_note{ display: block; text-align: center;}
}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
.pwr_mobile_rotate_note{ display: none;}
}

/* ----------- Galaxy S6 ----------- */

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
	.pwr_mobile_rotate_note{ display: block; text-align: center;}
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {
.pwr_mobile_rotate_note{ display: none;}
}

table tbody a{ color: #0066cc !important;}
th, th a{ font-weight: bold !important;}
.gframeout_gb iframe{ max-width: 100% !important; overflow: auto;}

select{ font-size: 15px !important;}

.col_zipcode {
  min-width: 120px;
}
.col_grade {
  min-width: 85px;
}