.mnGroup:hover
{
  color:initial;
  background-color: initial;
  font-weight: bolder;
}

.FilterBox { font-size: 100%; }

.wsfPageedMembers .FilterBox { background-color: #FFEB3B; }
.wsfPageedClasss .FilterBox { background-color: #00bcd4; }
.wsfPageedStudents .FilterBox { background-color: #ffc107; }

.wsfPanelShow 
{
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  padding: 5px;
  margin-top: 5px;
  background-color: #ffffff6e;
}

.sisPrintBtn { float:right; margin-right: 10px; }
.wsfMobileView .sisPrintBtn { display:none; }

.USRLoginForm, .USRPwdChgForm { min-width: 300px; }

.sisTopPhone A, sisTopFB A
{
  text-decoration:none;
  color:#fff;
}

.sisTopPhone, .sisTopFB
{
  display:inline-block;
  vertical-align: bottom;
  padding-left: 5px;
}

.wsfMobileView .sisTopPhone { display:none; }

.sisTopFB img
{
  width: 35px;
  filter: grayscale(80%);
  border-radius: 4px;
}

.sisHomeInstructions
{
  position: absolute;
  z-index: 12;
  top: 45%;
  left: 0;
  right: 0;
  width: 60vw;
  min-width: 300px;
  margin: auto;
  border-radius: 4px;
  padding: 20px;
  height: 150px;
  overflow:auto;
  background-color: rgba(255, 255, 255, 0.89);
}

.sisCustomerProfileCmds
{
  text-align: center;
  padding-bottom: 5px;
}

.sisCustomerProfileCmds .wsfBtnSave 
{
    font-size: 150%;
    padding: 20px;
    border-radius: 5px;
}

#oUserTimeRecords .wsfTBTitle { float: none; text-align: left; display: block } 

#oReportProgressMarkRecords { padding-bottom:50px; text-align: left; }
#oReportProgressMarkRecords .BandTable td { border: 1px solid #c0c0c0; }
#oReportProgressMarkRecords .BandTable td:last-child { background-color: #cddc397a; }

.sisTopTlbArrow
{
  display: inline-block;
  padding: 8px;
  background-color: yellow;
  color: #000;
  font-size: 10pt;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  vertical-align: bottom;
  margin-right: 10px;

  animation: arrow-right 500ms 3 forwards;
  a nimation-fill-mode: forwards;  
  /* animation: name duration timing-function delay iteration-count direction fill-mode play-state; */
  a nimation: disappear 500ms ease-in 1500ms; 
}

.wsfPVCanvas
{
  position:fixed;
  top:0;left:0;bottom:0;right:0;
  background-color: rgba(0, 0, 0, 0.90);
  z-index: 1000;
  padding: 20px;
}

.wsfPVPhotoBox
{
  width: 70%;
  max-height: 80vh;
  margin:auto;
  overflow: hidden;
  text-align:center;
}

.wsfPVPhotoBox img
{
  max-width: 80vw;
  max-height: 80vh;
  width: auto;
  height: auto;
}

.wsfPVPhotoTiles
{
  width:100%;
  overflow: auto;
  position: absolute;
  bottom: 0;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.90);
}

.wsfPVPhotoTile
{
  display:inline-block;
  padding:5px;
  cursor: hand;
  cursor: pointer;
}

.wsfPVPhotoTile img
{
  height:100px;
}

.wsfPageAppToolbar
{
  text-align:left;
  padding:10px;
}

.ToolsBox INPUT[type="button"]
{
  margin: 2px;
}

.InputLabel
{
  display:inline-block
}

.footer
{
  display: block;
}

.olsFooterSysCards { overflow:auto; border-top: 2px solid #c0c0c0; padding-top: 10px;}
.osSysProdFooterBox { padding-bottom:10px; float: left; }
.osSysProdFooter { font-size: 8pt; }
.osSysProdFooterLogo
{
  height: 50px;
  margin-bottom: -5px;
  filter: brightness(1000);
}
.olsFooterBox a { color: #fff; }

.wsfPHContentInfo { display:none; }

.wsfPrivacyPolicy, .wsfWebsiteTerms { padding: 20px; }

/* PAOLO04JUL24 */
.sisFooter  { padding: 20px; background-color: #2f67a7; #6eb4eb ; #4d76a2; color: #fff; }
.sisFooterLinks { height: 35px; font-size: 10pt; }
.sisFooterLinks div { display: inline-block; border-left: 2px solid #c0c0c0; padding: 0 10px 0 10px; }
.sisFooterLinks div:first-child { border:0; }
.sisFooterLinks a { text-decoration:none; color:#fff; }

.sisFootMyAccount {}
.sisFootContactUs {}
.sisFootPrivacyPolicy {}
.sisFootTerms {}
.sisFootFeedback {}
.sisFootWebBook {}

.sisFooterCredits 
{
  padding:10px 0 0 0;
}

.sisFooterCredits img
{
  height:70px;
}

.suList
{
  font-size:12pt;
}

.suForm
{
  font-size:12pt;
}

.suFind
{
  font-size:12pt;
}

.wsfQBoxClose input[type=button]
{
  min-width: 0;
}

.sisWarningBox
{
  padding:10px;
  border: 1px solid #c0c0c0;
  background-color:antiquewhite;
  text-align: left;
}

.sisWarningBoxTitle 
{
  text-align:center;
  font-weight:bolder;
  font-size:110%;
  padding: 5px;
}

.sisMatrixEditor
{
  width:100%;
}

.sisMatrixEditor td
{
  border: 1px solid #c0c0c0;
  padding:0;
  text-align:center;
}

.sisMatrixEditor td:first-child
{
  padding: 2px 5px;
  text-align:left;
}


.sisMatrixEditor td div
{
  d isplay:inline-block;
}

.sisMatrixEditor tr:first-child td div
{
  d isplay: block;
}

#oClassYearLevelSubjectRecords select
{
  font-size: 9pt;
  padding: 5px;
  width: 100%;
  border: 0;
  background-color: transparent;
  -webkit-appearance:none;
}

#oClassYearLevelSubjectRecords select option
{
  font-size: 14pt;
}

#oClassYearLevelSubjectRecords .ListHead
{
  text-align: center;
}

#oClassYearLevelSubjectRecords .ListHead div
{
  padding:2px;
  border: 1px solid #c0c0c0;
  width:25px;
  border-radius:2px;
  text-align: center;
  margin:auto;
  cursor: hand;
  cursor: pointer;
}

.sisCYLSDirty
{
  background-color: #f44336;
  animation: blink 700ms infinite;
}

.sisHomeRoomTeacher, .sisBuddyTeacher 
{ 
  background-color: #cddc39;
  padding: 5px;
  color: #000;
  text-align: center;
}

.sisBuddyTeacher { background-color: #ffc107; }

/*
#oClassYearLevelSubjectRecords option { background-color:yellow; } 
#oClassYearLevelSubjectRecords option[value="1"] { background-color:green; } 
#oClassYearLevelSubjectRecords option[value="0"] { background-color:transparent; } 
*/

.sisCYLS_0 { color: #fff !important; }
.sisCYLS_1 { background-color: green !important; }
.sisCYLS_2 { background-color: fuchsia !important; }
.sisCYLS_3 { background-color: orange !important; }
.sisCYLS_4 { background-color: #5969c6 !important; }
.sisCYLS_5 { background-color: yellow !important; }
.sisCYLS_6 { background-color: saddlebrown !important; }
.sisCYLS_7 { background-color: purple !important; }
.sisCYLS_8 { background-color: #df0000 !important; }

.sisCYLS_0 select { color: #fff !important; }
.sisCYLS_1 select { color:#fff !important; }
.sisCYLS_2 select { color:#fff !important; }
.sisCYLS_3 select { color:#fff !important; }
.sisCYLS_4 select { color:#fff !important; }
.sisCYLS_5 select { c olor:#fff !important; }
.sisCYLS_6 select { color:#fff !important; }
.sisCYLS_7 select { color:#fff !important; }
.sisCYLS_8 select { color:#fff !important; }

.sisSendMsgOk
{
  min-width: 0 !important;
  color:#000;
  background-color:#CDDC39;
  font-size:9pt;
}

.sisSendMsgKo
{
  min-width: 0 !important;
  color:#000;
  background-color:#c6cc8d;
  font-size:9pt;
}

.edConfigToolbar
{
  padding:0;
}

.edLogo
{
	BORDER-TOP: #669933 1px solid; 
	FONT-WEIGHT: bolder; 
	FONT-SIZE: 8pt; 
	COLOR: #c0c0c0;
  padding-bottom: 20px;
}

.edLogo a
{ 
  text-decoration: none;
  color:#fff;
}

.edPageTitle
{
  font-size:18pt;
  padding-bottom:3px;
}

.edUserDisbld
{
  display: inline-block;
  padding-left:30px;
  color:#df0000;
  font-weight: bolder;
}

.edPageLink
{
  float:right;
}

.edMemberPhotoNO
{
  border: 1px dotted #c0c0c0;
  text-align:center;
  box-sizing:border-box;
  width:100px;
  height:100px;
  padding:10px;
}

.edCVTable TD
{
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  padding-left: 4px;
  padding-right: 4px;
}

.edCVTable
{
  font-size: 9pt;
  border-left: 1px solid #c0c0c0;
  border-top: 1px solid #c0c0c0;
}

.eeBusRightToolbox
{
  float:right;
  background-color:#63CDF3;
  padding:5px 10px;
}

.eeSubWeekDays input[type="checkbox"]:checked + label
{
  font-weight: bolder;
  background-color:#5CE85F;
}

.eeSubWeekDays input[type="checkbox"] + label
{
  display:inline-block;
  min-width:80px;
  padding:5px;
  border: 1px solid #c0c0c0;
  background-color:transparent;
  text-align: center;
  border-radius: 0px;
  margin:0 2px 2px 0;
}

.eeSubWeekDays input[type="checkbox"]
{
  display:none;
}

.eeTrips .BandTable TD
{
  border: 1px solid #c0c0c0;
  padding:5px;
}

.eeTripPlan
{
  border-collapse:collapse;
  box-sizing:border-box;
  font-size:12pt;
  width:100%;
}

.eeTripPlan TD
{
  border: 1px solid #c0c0c0;
  padding:10px;
}

.eeTripPlanPic
{
  cursor:hand;
}

.eeTripPlanPic IMG
{
  width:100px;
}

.eeTripPlanPend
{
  background-color:#e0e0e0;
}

.eeTripPlanPres
{
  background-color:green;
}

.eeTripPlanAbs
{
  background-color:#df0000;
}

.eeFormFldGrp
{
  background-color:#81B2E5;
  padding:10px 5px 10px 5px;
  display:inline-block;
}

.eeBusPend, .eeBusPres, .eeBusAbs
{
  margin:auto;
  width: 18px;
  height: 18px;
  border: 1px solid #525252;
  border-radius: 12px;
}

.eeBusPend
{
  background-color: #f0f0f0;
}

.eeBusPres
{
  background-color: #31c645;
}

.eeBusAbs
{
  background-color: #f38282;
}

.eeBusUndef
{
  opacity:0.4;
}

#oClassMgrClassBlogItems .edClassBlogItemFileFilter { display: none !important; }

.sisClassBlogItemFileImg { text-align: center; max-height: 300px; overflow: hidden; }
.sisClassBlogItemFileImg img { height: 100%;  }

.wsfHTMLEdit { max-height: 60vh; height:60vh; }
#oClassBlogItemRecords .wsfHTMLEdit { max-height: 20vh; height:20vh; }
#QuickEditBoxAssignment .wsfHTMLEdit { max-height: 30vh; height:30vh; }
#QuickEditBoxClassBlogItem .wsfHTMLEdit { max-height: 30vh; height:30vh; }

.wsfHTMLEdit img { max-width: 50%; box-sh adow: 0px 10px 20px #b0b0b0; }

.wsfQ EBoxFix  { top: 5px; }
.frmReqField { font-size: 9pt; }
.wsfQBoxClose { float:right; }

.wsfPageeeBusServiceSessionTripTrack .eeBusPend, .wsfPageeeBusServiceSessionTripTrack .eeBusPres, .wsfPageeeBusServiceSessionTripTrack .eeBusAbs
{
  padding:5px;
  width: 100px;
  text-align:center;
}

.eeTripStBtn
{
  cursor: pointer;
}

.eeBusAddStud
{
  float:right;
  text-align:right;
  padding:5px;
}

.eeBusTripTotals
{
  float:left;
  font-size:130%;
  padding:5px;
}

.eeBusTripInfo
{
  clear:both;
  font-size:90%;
  font-style:italic;
}

/* Manager Editors */

  .wsfPageAppToolbar { display: none; }
  .wsfPageAppContent { display:block; width:100%; padding: 0; position:relative; }

  .ContentArea2 { position: relative; }
  .spaTlbLogo { z-index: 0; position:absolute; }

  .spaTlbLogo { left:0;right:0; width: 50%; margin:auto; } 

  .wsfMgrEditor
  {
    position:absolute;
    z-index: 2;
    top:0;left:0;
    width:100%;
    background-color: #fff;
    border: 1px solid #c0c0c0;
    font-size: 0;
  }

  .wsfMgrEditorLeft
  {
    background-color: #8bc34a;
    width: 25%;
    min-height: 200vh;
    padding: 10px;
    text-align:left;
    display: inline-block;
    vertical-align: top;
    font-size: 10pt;
  }

  .wsfMgrEditorRight
  {
    background-color: #fff;
    width: 75%;
    display: inline-block;
    vertical-align: top;
    font-size: 10pt;
  }

  #oClassMgrInfoQuick
  {
    display: none;
    font-size: 21pt; font-weight: bolder; 
    vertical-align: middle;
    padding: 2px 20px;
  }

  .wsfMgrEditorBtns
  {
    padding: 8px 0 0 5px;
  }

  .wsfMgrEditorTop .wsfMgrEditorBtns
  {
    display:none;
    vertical-align: bottom;
    padding-left: 15px;
  }
  .wsfMgrEditorZoom .wsfMgrEditorTop .wsfMgrEditorBtns { display: inline-block; }
  .wsfMgrEditorZoom .wsfMgrEditorTop #oClassMgrInfoQuick { display: inline-block; }
  .wsfMgrEditorZoom .wsfMgrEditorBtns { display: none; }

  .wsfMgrEditorClose, .wsfMgrEditorFull
  { 
    display:inline-block;
    width: 20px; height:35px;
    background-image: url(../images/BackArrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    cursor:hand; cursor: pointer; 
    m argin-bottom: 5px; 
  }
  .wsfMgrEditorClose:hover {  }

  .wsfMgrEditorFull
  {
    width: 35px; height:35px;
    background-image: url(../images/ViewerFull.png);
  }

  .wsfMgrEditorTop 
  {
    background-color: #8bc34a;
    h eight:50px;
    border-bottom: 1px solid #c0c0c0;
    text-align: left;
    overflow-x: auto;
    white-space: nowrap;
  }

  .wsfMgrEdLeftName { font-size: 21pt; font-weight: bolder; padding: 10px 0 15px 0; }
  .wsfMgrEdLeftID { font-size: 9pt; }
  
  .wsfMgrEdLeftQInfo 
  { 
    font-size: 12pt; 
    padding: 3px 5px;
    margin-bottom: 2px;
    min-height: 40px;
    background-color: rgba(158, 158, 158, 0.47);
  }

  .wsfMgrEdLeftQLbl
  {
    font-size:8pt;
    color: #3d4831;
  }

  .wsfMgrEdSumBox
  {
    margin:5px 0 15px 0;
    background-color: #fff;
    min-height: 100px;
    padding:15px 10px;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    box-shadow: 0px 10px 10px #b0b0b0;
    text-align:left;
    m ax-height: 40vh;
    o verflow:auto;
  }

  .wsfMgrEdSumBox .ListHead
  {
    font-weight:bolder;
  }

  .wsfMgrEdSumBoxTitle
  {
    text-align:left;
    font-weight:bolder;
    font-size: 14pt;
    padding: 5px 0 10px 5px;
  }

  #oMgrEdMgrBtnSummary { background-image: url(../images/Info.png?1 ) }
  #oMgrEdMgrBtnReportSessionOpts { background-image: url(../images/Options.png ) }
  #oMgrEdMgrBtnReportSubjectOpts { background-image: url(../images/Subject.png ) }
  #oMgrEdMgrBtnReportSessionEvents { background-image: url(../images/CalendarGrey.png ) }
  #oMgrEdMgrBtnContacts, #oStudMgrBtnFamilyContacts { background-image: url(../images/Contact.png) }

  #oClassMgrMessage
  {
    position:fixed;
    z-index: 1;
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
    top:30px;
    border: 1px solid #c0c0c0;
    padding:20px; 
    background-color: #f0f0f0;
  }

  #oClassMgrMessageTitle
  {
    padding:5px;
    text-align: center;
  }

  #oClassMgrMessage input[type=text] { width: 100%; }

  #oClassMgrMessageBody
  {
    height: 60vh;
		overflow:auto;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    margin-top:5px;
    background-color: #fff;
    text-align:left;
    padding:5px;
  }

  #QuickEditBoxClassBlogItemFile { width: 80%; }

  #sisAssignmentTilesFilesBox, #sisClassBlogItemTilesFilesBox { display:inline-block; }
  #sisAssignmentTilesFilesBox .wsfEditRecFileBox, #sisClassBlogItemTilesFilesBox .wsfEditRecFileBox { max-height: 80px; }
  #sisAssignmentInputFilesBox, #sisClassBlogItemInputFilesBox { display: none }

  .wsfEditRecBtns
  {
    position: absolute;
    bottom: 8px;
    right: 5px;
  }

  .wsfEditRecPhotoBox .wsfEditRecEdit
  {
    height: 27px;
    width: 31px;
    border: 4px solid transparent;
    background-color: rgba(255, 255, 255, 0.61);
  }

  #oAssignmentFileRecords .wsfEditRecFileBox input[type=button]
  {
    margin-top: 10px;
    height: 27px;
    width: 31px;
    border: 4px solid transparent;
    background-color: rgba(255, 255, 255, 0.61);
  }

  #oAssignmentViews
  {
    position: fixed;
    z-index:1000;
    padding:10px;
    top:0;bottom:0;
    left:0;right:0;
    background-color:rgba(240, 240, 240, 0.65);
  }

  .sisClassMgrMessageCmds
  {
    padding:5px;
  }
  .sisClassMgrMessageCmds input[type=button]
  {
    margin-right:5px;
  } 
	#oClassMgrMessageNotes
	{
		text-align:left;
		overflow: hidden;
		height:0;
	}

	.sisClassMgrMessageBodyShort
	{
		height:50vh !important;
		transition: 500ms;
	}

	.sisClassMgrMessageNotesShow
	{
		height:auto !important;
		transition: 500ms;
	}

  .wsfMgrEdMgrBtn 
  {
    display: inline-block;
    background-color: #f0f0f0;
    margin: 5px;
    border-radius: 4px;
    padding: 12px 50px 12px 10px;
    cursor: hand;
    cursor: pointer;
    text-align: left;
    border: 2px solid #a7a2a1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 97%;
  }

  .wsfMgrEdMgrBtn:hover
  {
    background-color: #FFC107;
  }

  .wsfMgrEdMgrBtnSel
  {
    background-color: #FF9800;
  }

  .wsfMgrEdContent
  {
    position: relative;
    min-height: 100vh;
  }

  .wsfMgrEdSection
  {
    padding:10px;
  }
  .wsfMgrEdSection .FilterBox { display: none; }
  #oStudentMgrIncidents.wsfMgrEdSection .FilterBox { display: block; }

  .wsfMgrEdEditBtn
  {
    float: right;
    margin: 10px 5px 0 0;
    height: 25px;
    width: 25px;
    cursor: hand;
    cursor: pointer;
    background-image: url(../images/edit.png);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .wsfMgrEdEditBtn:hover
  {
    h eight: 30px;
    w idth: 30px;
    border:1px solid transparent;
  }

  .sisTimeTable 
  {
    border-collapse: collapse;
    font-size: 100%;
  }

  .sisTimeTable td
  {
    border: 1px solid #c0c0c0;
    padding:5px;
  }

  .sisTimeTable tr:first-child
  {
    background-color:#63CDF3;
  }

  .sisBlogTitle
  {
    color: #2196F3;
    font-size: 16pt;
    font-weight: bolder;
    padding: 10px 0 20px 0;
  }

  .sisBlogTitleBox
  {
    padding:20px;
    background-color:#2196F3;
    color:#fff;
  }

  .sisBlogTitleLine 
  {
    padding:20px 0;
    border-bottom: 2px solid #c0c0c0;
    margin-bottom: 10px;
  }

  .sisBlog3ColsText
  {
    column-count:3;
    column-gap: 40px;
  }

  .sisVISANeed { color:#df0000; font-weight: bolder; }
  .sisVISAHave { color:green; font-weight: bolder; }

  .sisStudLrnIssues { background-color:orange; }
  .sisStudHltIssues { background-color:#F44336; }
  
  .sisClassStudents .sisStudImgBox,
  #oStudentRecords .sisStudImgBox, 
  #oFamilyMgrSummary .sisStudImgBox,
  .sisHomeContent .sisStudImgBox,
  .sisGenSrcSec .sisStudImgBox,
	.sisReportCardPic .sisStudImgBox,
  .sisRCVPhoto .sisStudImgBox
  {
    display: inline-block;
    margin:5px;
    padding: 10px;
    text-align:center;
    border-radius:4px;
    background-color: #fff;
    box-shadow: 0px 5px 10px #b0b0b0;
    cursor:hand;
    cursor:pointer;
  }

  .sisGenSrcSec .sisStudImgBox img
  {
    height: auto;
  }

  .sisGenSrcSec .sisStudImgName
  {
    height: auto;
  }

  .sisGenSrcSec .sisStudImg
  {  
    width: 60px;
    height: 60px;
    overflow:hidden;
  }

  #FamilyStudents .sisStudImgBox
  {
    margin:0 5px 0 0;
  }

  .sisClassStudents .sisStudImgBox:hover,
  #oStudentRecords .sisStudImgBox:hover,
  #oFamilyMgrSummary .sisStudImgBox:hover,
  .sisHomeContent .sisStudImgBox:hover,
  .sisGenSrcSec .sisStudImgBox:hover
  {
    background-color: #8bc34a;
  }

  .sisHomeContent .sisStudImgBoxOff
  {
    cursor: default;
    font-style: italic;
  }

  .sisHomeContent .sisStudImgBoxOff:hover
  {
    background-color: #fff;
  }
  
  .sisClassStudents .sisStudImg, 
  #oStudentRecords .sisStudImg,
  #oFamilyMgrSummary .sisStudImg,
	.sisReportCardPic .sisStudImg,
  .sisRCVPhoto .sisStudImg
  {  
    width: 120px;
    height: 120px;
    overflow:hidden;
  }

  .sisHomeContent .sisStudImg
  {  
    width: 80px;
    height: 80px;
    overflow:hidden;
  }

  .sisStudImgBox label { margin-top: 5px; min-width: 50px; }

  .sisStudImgCtrl 
  {
    position:absolute;
    top:5px;
    left:0;
    right:0;
    text-align:right;
    background-color: rgba(0, 188, 212, 0.2);
    display: none;
  }

  #oStudImg:hover #oStudImgCtrl { display:block; }

  .sisStudImgRRight, .sisStudImgRLeft, .sisStudImgRemove
  {
    background-size:contain;
    background-repeat:no-repeat;
    background-color: transparent;
    border: 0;
    width: 25px;
    margin: 5px;
    cursor:hand;
    cursor:pointer;
    min-width:0 !important;
  }

  .sisStudImgRRight { background-image: url(../images/RotateRight.png) }
  .sisStudImgRLeft { background-image: url(../images/RotateLeft.png) }
  .sisStudImgRemove { background-image: url(../images/Delete.png) }

  .sisStudImg 
  { 
    text-align: center;
    width: 100%;
    max-width: 200px;
    max-height: 250px;
    overflow: hidden;
    margin:auto;
    position:relative;
  }
  .sisStudImg IMG { width: 100%; }

  .sisStudImgSpot { position:absolute;top:5px;left:5px }

  .sisStudPicList { max-width: 80px; max-height: 80px; border-radius:4px; }

  .sisStudImgName
  {
    max-width: 130px;
    height: 40px;
    padding: 5px;
    overflow: hidden;
  }

  .sisStudUsrAccnt
  {
    font-size:80%;
    overflow:auto;
    border-radius:4px;
  }

  .sisStudUsrAccntFake
  {
    background-color: orange;
    padding: 5px;
  }

  .edMemberEmailFake
  {
    margin-top: 5px;
    font-size:10pt;
    overflow:auto;
    border-radius:4px;
    background-color: orange;
    padding: 5px;
  }

  .edMemberEmailFieldFake
  {
    border-radius:4px;
    background-color: orange;
    margin-left: 5px;
  }

  .sisHomeContent .sisStudImgName
  {
    max-width: 80px;
    height: 40px;
  }

  .sisClassStudents .sisStudImg img,
  #oStudentRecords .sisStudImg img,
  #oFamilyMgrSummary .sisStudImg img,
  .sisHomeContent .sisStudImg img,
	.sisReportCardPic .sisStudImg img
  {
    width: 100%;
  }

  #oStudentRecords .sisImgGrp
  {
    padding:20px 0 10px 10px;
    font-size: 18pt;
  }

  #oStudentRecords
  {
    text-align:left;
  }

  .sisTopTlb
  {
  }
  
  .sisTopTlb form
  {
    display:inline-block;
    margin-right: 2px;
    margin-left: 2px;
    vertical-align:top;
  }

  .sisTopTlb input[type=search]
  {
    font-size: 14pt;
  }

  .sisIncidentNote
  {
    background-color: #ffff99;
    padding: 15px 5px 5px 5px!important;
    border-bottom: 1px solid #c0c0c0;
  }
  
  .sisTopBtn
  {
    vertical-align:top;
    margin:0 2px;
    border: 0;
    min-width:33px;
    font-size: 0;
    height:33px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position: 50%;
    cursor:hand;cursor:pointer;
  }

  .sisBtnHome:hover { border: 1px solid #c0c0c0; border-radius: 4px;}
  .sisBtnHome { background-image: url(../sis/SISIconGGSquare.png); background-color: transparent; }
  .sisBtnStudents { background-image: url(../images/Students.png); background-color: #ffc107; }
  .sisBtnClasses { background-image: url(../images/Classes.png); background-color: #00bcd4; }
  .sisBtnMembers { background-image: url(../images/Members.png); background-color: #FFEB3B; }
  .sisBtnMyAccnt { background-image: url(../images/MyAccount.png); background-color: #8bc34a; }
  .sisBtnFamily { background-image: url(../images/Family.png); background-color: #ec6dd0; }
  .sisBtnLogoff { background-image: url(../images/Logout.png); background-color: #c0c0c0; }
  .sisDPBtnManage { background-image: url(../images/gear.png); background-color: #f58e86; }
  .sisBtnAdmNotice { background-image: url(../images/PostItPin.png); background-color: transparent; font-size: 12pt; transform: rotate(-6deg); }
  .sisBtnAdmNoticeHi { animation: blink 700ms infinite; background-color: transparent; }
  .sisBtnMsgs { display: inline-block; }
  .sisBtnMsgs .osUsrMsgs { height: 100%; filter: brightness(0.5); }

  #oPreFilters { display: inline-block; }

  @media only screen and (min-width: 350px)
  {
    .sisParent .sisBtnFamily, .sisParent .sisBtnMyAccnt { padding: 0 45px 0 10px; font-size: 10pt; background-position: 90%; }
  }

  @media only screen and (min-width: 700px)
  {
    .sisParent .sisBtnLogoff { padding: 0 45px 0 10px; font-size: 10pt; background-position: 90%; }
  }

  .sisHomeBoxes
  {
    font-size: 0;
    text-align: left;
  }

  .sisHomeBox
  {
    margin:5px;
    background-color: #fff;
    min-height: 60px;
    padding:15px 10px;
    font-size: 10pt;
    text-align:left;
  }

  .sisHomeFeesTab { border-collapse: collapse; font-size: 12pt; }
  .sisHomeFeesTab td { border: 1px solid #c0c0c0; padding: 5px; }
  .sisHomeFeesTab td:nth-child(2) { text-align:right; font-weight: bolder }

  .sisHomeBoxCnt
  {
    display:inline-block;
    width:50%;
    vertical-align:top;
    padding:5px;
  }

  .sisHomeBoxCntFull
  {
    display:block;
    width:100%;
  }

  .sisHomeBoxes .sisHomeBox
  {
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    box-shadow: 0px 10px 20px #b0b0b0;
    min-height: 200px;
  }

  .sisHomeBox .ListHead
  {
    font-weight:bolder;
  }

  .sisHomeBoxTitle
  {
    text-align:left;
    font-weight:bolder;
    font-size: 14pt;
    padding: 5px 0 10px 5px;
  }


  .sisMembStaffLbl { display: inline-block; padding: 1px 2px; border-radius: 4px; font-weight: bolder; }
  .sisMembTeacherLbl { display: inline-block; padding: 1px 2px; border-radius: 4px; }
  .sisMembParentLbl { display: inline-block; padding: 1px 2px; border-radius: 4px; }

  .sisHomeBoxSubTitle
  {
    font-size: 10pt;
  }

  .sisClassTiles
  {
    display: flex;
    flex-wrap: wrap;
  }

  .sisClassTiles .sisClassTile
  {
    flex: 1;
    min-width: auto;
  }

  .sisClassTile, .sisMemberTile
  {
    font-size: 10pt;
    min-height: 120px;
    min-width: 85px;
    display: inline-block;
    margin:5px;
    padding: 10px;
    text-align:center;
    border-radius:4px;
    background-color: #00bcd4;
    box-shadow: 0px 5px 10px #b0b0b0;
    vertical-align: top;
    cursor:hand;
    cursor:pointer;
  }

  .sisMemberTile
  {
    background-color: #FFEB3B;
    height: 90px; 
    overflow: hidden;
    max-width: 100px;
    white-space: normal;
    position: relative;
  }

  .sisMemberTileCode
  {
    max-height: 60px;
    overflow: hidden;
  }

  .sisMemberTileInfo
  {
    position: absolute;
    bottom: 5px;
    right: 5px;
    left: 5px;
    font-size: 80%;
  }

  .sisMemberTileInfo div
  {
    background-color:#ffff99;
    margin:1px;
  }

  .sisClassTileSubjectBuiltIn
  {
    background-color: #FFC107;
    padding: 2px;
    border-radius: 2px;
  }

  .sisClassTileCode
  {
    font-size: 14pt;
    font-weight: bolder;
    padding: 5px;
  }

  .sisClassTile:hover
  {
    color:#fff;
  }

  .sisPSARinfo
  {
    padding:10px;
    border-left: 1px solid #c0c0c0;
  }

  .sisStudPresence, .sisGradeBook
  {
    border-collapse:collapse;
    font-size:9pt;
  }

  .sisStudPresence td, .sisGradeBook td
  {
    border: 1px solid #c0c0c0;
    padding: 0;
    vertical-align: top;
  }

  .sisGradeBookGradeBelow { background-color:#df0000; color:#fff; }
  .sisGradeBookGradeAbove { background-color:green; color:#fff; }

  .sisGradeBookGradeWeightSimple { border-right: 4px solid #03A9F4; }
  .sisGradeBookGradeWeightMedium { border-right: 4px solid #9E9E9E; }
  .sisGradeBookGradeWeightComplex { border-right: 4px solid #FF5722; }
  .sisGradeBookGradeWeightCustom { border-right: 4px solid #9c27b0; }

	.sisGradeBookGradeAVGInvalid { border-bottom: 3px solid #E91E63; }
  .sisGradeBookGradeAVGValid4Stud { border-bottom: 3px solid orange; }

  .sisStudPresence td:first-child, .sisGradeBook td:first-child
  {
    display:none;
  }

  .sisStudPresence tr:first-child, .sisGradeBook tr:first-child
  {
    display:none;
  }

  .sisGradeBook td:nth-child(3), .sisGradeBook td:nth-last-child(2)
  {
    text-align:center;
    font-weight: bolder;
    background-color: #f0f0f0;
    padding: 0 15px;
    text-align: center;
  }

  .sisGradeBook td:nth-last-child(2) { display:none; }
  .sisGradeBook td:nth-last-child(1) { text-align: center; }

  #QuickEditBoxReportProgressMark { max-width: 800px }
  input[name='ReportProgressWeightCustom'] { width:60px; }
  .sisGradeBook input[type=number] { width:50px; margin: 2px; font-size:12pt; }

  .sisGradeBookAvg, .sisGradeBookInputs { padding: 10px; }
  .sisGradeBookInputsMarks td:nth-child(3) { background-color: orangered !important;  }
  .sisGradeBookInputsMarks .sisGradeBookInputs { color:#fff; }
  .InputLabel.sisGradeBookInputsMarks 
  { 
    background-color: orangered !important; 
    padding: 0 4px 4px 4px;
    border-radius: 4px;
    color: #fff;
  }

  .sisStudPresence label, .sisGradeBook label
  {
    border: 0;
    border-radius: 0;
    display: block;
    p adding: 1em;
  }

  .sisStudPresence td:nth-child(2), .sisGradeBook td:nth-child(2)
  {
    padding: 0;
  }

  .sis StudPresence tr:nth-child(2) td
  {
    background-color:#ffff99;
  }

  .sisStudPresWDay, .sisStudPresHoli, .sisGradeBookDate
  {
    padding: 10px;
    text-align: center;
    background-color:#ffff99;
  }

  .sisStudPresHoli { background-color:#f0f0f0; }
  .sisStudPresToday { font-weight: bolder; }

  .sisGradeBookWeight { font-size: 70%; }
  .sisGradeBookWAvg
  { 
    background-color: #c0c0c0;
    color: white;
    padding: 0 4px 4px 4px;
    display: inline-block;
    font-size: 14pt;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    margin: 0 0 3px 0;
    font-size: 12pt;
    min-width: 37px;
  }

  #oReportProgressMarkRecords .wsfMSRBoxFullListBtn
  {
    display:inline-block;
  }

  .sisGradeBookWAvgWRN { color:#df0000; }

  .sisGradeBookWeightDescHW { border-right: 6px solid #5889ec; }
  .sisGradeBookWeightDescQuiz { border-right: 6px solid #ff9800; }
  .sisGradeBookWeightDescTest { border-right: 6px solid #e6597a; }
  .sisGradeBookWeightDescMC { border-right: 6px solid #1d4ba7; }
  .sisGradeBookWeightDescPra { border-right: 6px solid #ffc8c3; }
  .sisGradeBookWeightDescPrj { border-right: 6px solid #c8770e; }

  .sisStudPresBox, .sisGradeBookBox
  {
    color: white;
    padding: 0 4px 4px 4px;
    border-radius: 4px;
    text-align: center;
    margin: 2px 1px;
    font-size: 12pt;
    min-width: 37px;
    cursor:hand;
    cursor:pointer;
    display:inline-block;
  }

  #GradeInputBoxTrack { display: inline-block; }
 
  .sisStudPresIN { background-color: green; }
  .sisStudPresINLate { background-color: #FFC107; }  
  .sisStudPresOUT { background-color: #2c7ec4; }
  .sisStudPresNOTE { background-color: #FFEB3B; color:#000; }
  
  .sisStudPresLocDef {  }
  .sisStudPresLocOth { border-right:3px solid #FF5722; }

  .sisStudPresClass { background-color: #185531; color:#fff; padding:10px !important; font-size: 120%; }
  .sisStudPresAdd
  {
    color: white;
    m in-width: 0;
    background-color: #f0f0f0;
  }

  .sisStudPresAdd:hover
  {
    color:#525252;
    background-color: #c0c0c0;
  }

  .sisStudPresTrack
  {
    background-color:#b7e4f8;
    border: 1px solid #c0c0c0;
    padding: 5px;
    margin-top: 3px;
  }

  .wsfImportPanel
  {
    height:auto;
    top:-60px;
    width:95%;
  }

  .wsfImportPanel TEXTAREA, .wsfImportPanelPreview
  {
    height: 60vh;
  }

  /* gen search panel */
  #sisGenSearchPnl
  {
    position:absolute;
    top:54px;left:0;right:0;
    width:90%;
    margin:auto;
    height:85vh;
    background-color: #b0d9f9;
    border:1px solid #c0c0c0;
    z-index: 3;
    padding: 20px;
    overflow: auto;
    -moz-box-shadow: 0px 10px 20px #b0b0b0;
    -webkit-box-shadow: 0px 10px 20px #b0b0b0;
    box-shadow: 0px 10px 20px #b0b0b0;
  }

  #sisGenSearchPnl .wsfMgrEditorClose
  {
    f loat: right;
  }

  #sisGenSearchLst
  {
  }

  .sisGenSrcSecIcon
  {
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
  }

  .sisGenSrcSec
  {
    padding:20px 0;
    background: #fff;
    margin-bottom:20px;
    border-radius:4px;
    padding:5px;
    max-height: 180px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align:left;
  }

  .sisCalBoxes 
  { 
    text-align:center; 
    padding-top: 20px;     
    max-width: 1100px; 
    margin:auto;
  }

  .sisCalTlb
  {
    text-align:center;
    padding: 0 0 5px 0;
  }

  .sisCalBtns
  {
    padding: 10px 0;
    text-align:center;
  }

  .sisCalToggle
  {
    text-align: right;
  }

  .sisViewRep, .sisViewCal, 
  .sisCalPrev, .sisCalNow, .sisCalDate, .sisCalNext
  {
    background-repeat: no-repeat;
    background-size:contain;
    width: 25px;height: 25px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer;
    cursor: hand;
  }

  .sisViewRep { background-image: url(../images/list.png) }
  .sisViewCal { background-image: url(../images/calendarIcon.png) }
  .sisCalPrev { background-image: url(../images/ArrowLeft.png) }
  .sisCalNow { background-image: url(../images/ArrowCenter.png) }
	.sisCalDate { background-image: url(../images/ArrowDate.png) }
  .sisCalNext { background-image: url(../images/ArrowRight.png) }

  .sisCalBox 
  { 
    display:inline-block; 
    width:145px;
    min-height:145px;
    border: 2px solid #03A9F4;
    margin:2px;
    background-color: #fff;     
    padding: 0;
    vertical-align: top;
  }

  .sisCalBoxDate 
  {
    text-align: center;
    background-color: #8BC34A;
    color: #fff;
    padding: 2px;
    margin-bottom: 2px;
  }

  .sisFamilyViewIcon
  {
    width:20px;
    height:20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 4px;
  }

  .sisStudUsrAccnt .sisFamilyViewIcon
  {
    float:right;
    cursor: hand;
    cursor: pointer;
  }

  .sisCalBoxDateOff
  {
    background-color: #c0c0c0;
  }

  .sisCalBoxAsmnt
  {
    padding: 5px;
    color: #fff;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    border: 2px solid #FF5722;
  }

  .sisCalAsmntType1 { background-color: #2196F3; /* assignment */ }
  .sisCalAsmntType2 { background-color: #3F51B5; /* test */ }
  .sisCalAsmntType3 { background-color: #ffeb3b;color: #000; /* test */ }

  .sisIconAsmntType1 { background-color: #2196F3;width:15px; padding: 0 4px;color: #fff; border-radius: 2px; }
  .sisIconAsmntType2 { background-color: #3F51B5;width:15px; padding: 0 4px;color: #fff; border-radius: 2px; }
  .sisIconAsmntType3 { background-color: #ffeb3b;width:15px; padding: 0 4px;color: #000; border-radius: 2px; }

  .sisCalAsmntOwn
  {
    background-image: url(../images/Buddy.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 17px;
  }

  .sisCalBox .sisCalAsmntOwn { background-size: 20%; }

  .sisCalAsmntClosed
  {
    background-color: #df0000;
  }

  #QuickEditBoxAssignmentFile { width: 60%; }

  .sisCalAsmntNotified { border: 0; border-bottom: 1px solid #c0c0c0; }

  #cmdQBUpdateAssignment, #cmdQBDeleteAssignment, #cmdQBViewsdAssignment { padding: 10px; font-size: 110%; }

  .sisCalBoxAsmntNew
  {
    color: #c5c5c5;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    padding-top:5px;
  }

  .sisCalBoxAsmntNew:hover
  {
    color: #000;
    transition: 500ms;
  }

  #QuickEditBoxAssignment #oAssignmentFiles .FilterBox { display:none }
  #QuickEditBoxAssignment #oAssignmentFiles #oToolsBox { display:none }

  #QuickEditBoxClassBlogItem #oClassBlogItemFiles .FilterBox { display:none }
  #QuickEditBoxClassBlogItem #oClassBlogItemFiles #oToolsBox { display:none }

  #oAssignmentBtns
  {
    display:inline-block;
    padding: 10px;
    border: 1px solid #c0c0c0;
    border-radius:4px;
    background-color: #fff;
    margin:1px;
  }

  .sisActionBtn
  {
    background-size:contain;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 30px !important;
    margin: 0 3px;
  }
  
  .sisClose { background-image: url(../images/checkmark.png) }
  .sisUnClose { background-image: url(../images/Reset.png) }
  .sisNotify { background-image: url(../images/email.png); background-color: #CDDC39; }

  .sisCBlogItem .wsfEditRecFiles { display:flex; flex-wrap: wrap; }

  .wsfEditRecFileSize 
  {
    font-size: 7pt;
    text-align: left;
    padding: 0 5px;
  }
  .wsfEditRecFileName { display:none;  }
  .wsfEditRecFileBox input[type=button] { height: 25px; }

  .sisAssignSheet
  {
    width:90%;
    height: 90vh;
    min-height:90vh;
    margin:auto;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    background-color:#fff;
    box-shadow: 0px 10px 20px #b0b0b0;
    padding: 40px 20px;
    text-align:left;
    overflow:auto;
  }

  .sisAssignTitle1 { font-size: 150%; b order-bottom: 1px solid #c0c0c0; }
  .sisAssignTitle2 { font-size: 120%; }
  .sisAssignAuthor { padding-bottom: 10px; }
  .sisAssignDate { padding-bottom: 10px; }
  .sisAssignDesc { padding: 20px 0; }
  .sisAssignDesc img { max-width:50%; box-shadow: 0px 10px 20px #b0b0b0; }
  .sisAssignDueDate { text-align: right; }
  .sisAssignFiles { margin-top:10px; padding: 10px 0; border-top: 1px solid #c0c0c0; }

  .sisAssignSheet .wsfEditRecFileBox
  {
    background-color: #fff;
    box-shadow: 0px 10px 20px #b0b0b0;
    cursor: hand;
    cursor: pointer;
  }

  .sisAssignSheet .wsfEditRecFileBox input[type=button]
  {
    cursor: hand;
    cursor: pointer;
  }

  .sisAssignSheet .wsfEditRecFileBox input[type=button]:hover
  {
    border: 2px dashed #c0c0c0;
  }

  .sisCBlogItemsTlb .wsfContentSnippetGalleryBtn { margin: 0 }

  #sisCBlogHeader { height:200px;overflow:hidden; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 20px; box-shadow: 0px 5px 10px #b0b0b0; }
  .sisCBlogHeaderTitle { color: #fff; font-size: 72pt; text-shadow: 2px 2px 12px #000000; padding: 10px; text-align: left; }

  .sisCBlogItems { padding: 0; }
  .sisCBlogItemsTlb { padding:5px; }
  .sisCBlogItem { padding:20px; box-shadow: 0px 5px 10px #b0b0b0; background-color: #fff; text-align: left; margin-bottom:25px; }
  .sisCBlogItemDisabled { border: 2px dashed #df0000; }
  .sisCBlogItemSubject { font-size: 130%; padding: 20px 0 10px 0; border-bottom: 1px solid #c0c0c0; display: none; }
  .sisCBlogItemSubSubjectAfter  { text-align: right; border-top: 1px solid #c0c0c0; margin-top: 10px; }
  .sisCBlogItemSubSubject { display: none }
  .sisCBlogItemEdit { cursor: hand; cursor: pointer; display:inline-block; vertical-align: bottom; background-image: url(../images/edit.png); background-size: contain; background-repeat: no-repeat; height: 25px; width: 25px; margin: 5px; }
  .sisCBlogItemAddNew { cursor: hand; cursor: pointer; background-position: right;; background-image: url(../images/Plus-128.png); background-size: contain; background-repeat: no-repeat; height: 25px; margin: 5px; }
  .sisCBlogItemDate { font-size: 90%; display: inline-block; padding: 5px 10px 5px 0; }
  .sisCBlogItemAuthor { display: inline-block; }
  .sisCBlogItemText { padding: 10px 0; }

  .sisCBlogItem input[type='file'] { display:none; }

  .wsfPagesisFamilyView .sisCBlogItemSubject { display:none; }
  .wsfPagesisFamilyView .sisCBlogItemSubSubject { display:none; }
  .wsfPagesisFamilyView .sisCBlogItemSubSubjectAfter { display: block }

  #oClassMgrClassBlogItems { background-color: #f0f0f0; }
  #oClassMgrClassBlogItems .ToolsBox { display: none; }
  #oClassMgrClassBlogItems .FilterBox { display: block; }

  /* #oClassMgrAssignments .FilterBox { display: block; } */

  .sisCBlogItemText iframe { width: 100%; border: 0; }

  #sisAdmNoticeBox
  {
    position: fixed;
    left:0;right:0;bottom:0;top:0;
    background-color:rgba(240, 240, 240, 0.75);
    padding:20px;
    text-align:center;
    z-index: 2;
  }

  #sisAdmNoticeContent
  {
    width:90%;
    height: 90vh;
    overflow: auto;
    margin:auto;
    padding:20px;
    border: 1px solid #c0c0c0;
    background-color: #fff493;
    box-shadow: 3px 3px 20px #b0b0b0;
  }

  .sisAdmNotice { padding: 20px; text-align: left;background-color: #fff; margin-bottom: 10px;  }
  .sisAdmNoticeInternal { border: 2px solid #4CAF50; }
  .sisAdmNoticeTitle { font-size: 130%; padding: 20px 0 10px 0; border-bottom: 1px solid #c0c0c0; }
  .sisAdminNoticeCreatedOn { display: inline-block; padding: 5px 5px 5px 0; }
  .sisAdmNoticeAuthor { display: inline-block; }
  .sisAdmNoticeDate { font-size: 80%; float: right; padding: 5px 5px 0 0; }
  .sisAdmNoticeText { padding: 10px 0; }

  .sisPersDevTab
  {
    border-collapse: collapse;
    width:100%;
    font-size:9pt;
  }

  .sisPersDevTab td { padding: 5px; border: 1px solid #c0c0c0; text-align: center; }
  .sisPersDevTab th { padding: 5px; border: 1px solid #c0c0c0; text-align: center; }
  .sisPersDevTab td:hover { background-color:#2196F3; }
  .sisPersDevEdit { display: block; padding: 5px 0; min-height: 50px; }
  .sisPersDevEdit:link { text-decoration: none; }
  .sisPersDevAdd { color:#fff; cursor: pointer; }
  .sisPersDevEmpty { color:#fff; cursor: pointer; display: block; padding: 10px;  }
  .sisPersDevTab .sisPersDevSY { text-align: left; background-color: #cddc397a; }

  /* PAOLO22JUN24 inplace edit */
  .sisPersDevInplaceEdit 
  {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f0f0f0;
  }
  .sisPersDevTab td { position:relative; }

  .sisTrScrSection .sisPersDevTab th { transform: none; writing-mode: unset; text-align: center; height: auto; }

  /* from sisRepDocViewer.asp */
  .BandTable td { border: 1px solid #c0c0c0; }
  .sisRepDocTlb
  {
    background-color:#f0f0f0;
    text-align: center;
    padding: 5px;
  }
  .wsfClosePageBtn { }

  .sisRepDoc { text-align: left; }
  .sisRepDoc .BandTable td { border: 1px solid #c0c0c0; }

  .sisTrScrGrades td { padding: 3px; border: 1px solid #c0c0c0; }
  .sisTrScrGrades 
  {
    width: 100%;
    font-size: 9pt;
    border-collapse: collapse;
  }
  /* PAOLO04AUG24 colo last two AVG cols */
  .sisTrScrGrades  td:nth-last-child(-n+2) { background-color: #cddc397a !important; }
  .sisTrScrGrades .ListColNum { text-align: center; }
  .sisTrScrGrades .sisRCVLogo img { height: 45px; }

  .sisTrScrSection .BandTable { font-size: 8pt; }
  .sisTrScrSection th 
  {
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    t ransform: rotate(-90deg);
    border: 1px solid #c0c0c0;
    font-weight: normal;
    text-align: left;
    padding: 10px;
    white-space: normal;
    height: 95px;
  }
  
  /* PAOLO05NOV24 */
  .sisStudLabel { white-space: normal; font-size: 10pt; }
  .sisStudLabName {}
  .sisStudLabAge { padding-left: 5px}
  .sisStudLabCls { padding-left: 5px}

  .edStudEVTileTitle
  {
    font-size: 18pt;
    text-align:right;
  }

  .edStudEVTileTitleName { display:inline-block; padding-right: 10px; }
  .edStudEVTileTitleDate { display:inline-block; }

  .edStudEVTileBy { text-align: right; padding: 15px 0 0 0; font-style: italic }
  .edStudEVTileInfo
  {
    background-color:#f0f0f0;
    padding: 5px;
    font-size: 80%;
    text-align:right;
  }
  .edStudEVTile
  {
    text-align: left;
    margin:10px;
    padding:20px;
    border: 1px solid #c0c0c0;
    box-shadow: 0px 10px 10px #b0b0b0;
  }

  .edStudEVTileBtns { white-space: nowrap; overflow:auto; padding: 5px; text-align:center;}
  .edStudEVTileBtn { min-width:80px; }
  .edStudEVTileBtnSel { color:#fff; background-color:#50ace4; }

  .edStudEVViewLevel { display:inline-block }
  
  .edStudEVTileData.edStudEVViewLevel0 { border-top: 8px solid #c0c0c0; } /* draft */
  .edStudEVTileData.edStudEVViewLevel1 { border-top: 8px solid #ebccd1; } /* private */
  .edStudEVTileData.edStudEVViewLevel2 { border-top: 8px solid #4caf50; } /* public */
  
  .edStudEVViewLevel.edStudEVViewLevel0 { background-color:#c0c0c0; color: 000; padding: 2px 3px; } /* draft */
  .edStudEVViewLevel.edStudEVViewLevel1 { background-color:#ebccd1; color: #fff; padding: 2px 3px; } /* private */
  .edStudEVViewLevel.edStudEVViewLevel2 { background-color:#4caf50; color: #fff; padding: 2px 3px; } /* public */

  /* family view */
  .sisFVContent .edStudEVViewLevel { display:none; }

  .sisFVContent .edStudEVViewLevel0 { border:none; } /* draft */
  .sisFVContent .edStudEVViewLevel1 { border:none; } /* private */
  .sisFVContent .edStudEVViewLevel2 { border:none; } /* public */

  .edStudEVGradeBox
  {
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #c0c0c0;
    margin: 5px;
    background-color: #ffff99;
  }

  .edStudEVGradeInfo {}
  .edStudEVGradeTitle { padding-top: 5px; }

  .edStudEVGradeComment
  {
    font-style: italic;
  }

  .edStudEVTile img
  {
    max-width: 100%;
    min-width: 100px;
    height: auto;
  }

  /* timeline in family view */
  .sisFVContent .edStudEVTileTitleName { display:none; }
  .sisFVContent .edStudEVTileInfo { display:none; }

  #oStudentMgrEvents .FilterBox
  {
    display:block;
  }

  td.sisLastTrsScrSbjGrp, th.sisLastTrsScrSbjGrp { font-weight: bolder; }
  .sisTrsScrSbjGrp { text-align: center; padding: 0 !important; background-color: transparent !important; /* white-space: nowrap; */ }
  .sisTrsScrSbjGrpSub { text-align:center;padding: 0; /* width:100%; padding: 3px 10px; */ }
  .sisTrScrSection th:first-child { transform: none; writing-mode: unset;padding: 3px; } 
  .sisTrScrSection th:nth-last-child(-n+2) { text-align: center; } 

  /* hide subject groups */
  .sisHideSubjGrps .sisTrsScrSbjGrpRow { display:none }
  .sisHideSubjGrps .sisTrScrGrades td { border: 1px solid #c0c0c0 !important; }
  .sisHideSubjGrps .sisTrScrGrades th { border: 1px solid #c0c0c0 !important; }

  /* PAOLO08MAY25 */
  .sisTrScrGradesBox .sisTcrStudBox { display: none }
  .sisTrScrGradesBox .sisRCVBizId { display:none; }
  .sisTrScrGradesLogo { display:none; }
  .sisTrScrPreTab { display:none; }
  .sisTrScrGradesTitle { font-size: 14pt; font-weight: bolder; padding: 20px 0 10px 0; }

  /* PAOLO09AUG25 moved from edxLesson.asp to allow override in custom css */
  .edxLessonPlanner
  {
    border-collapse:collapse;
    font-size: 10pt;
    width:100%;
  }

  .edxLessonPlanner td
  {
    padding:2px;
    border:1px solid #c0c0c0;
    width:150px;
    vertical-align:top;
  }
  .edxColumn
  {
    position:relative;
  }

  .edxTimeSlot
  {
    text-align:center;
    padding: 5px 0;
    h eight: 50px;
    border-top:2px solid #c0c0c0;
    position: absolute;
    width:100%;
    left:0;
  }

  .edxTimeSlotTypeLesson { background-color:#fff; }
  .edxTimeSlotTypeGeneral { background-color:#03a9f43d; }
  .edxTimeSlotTypeBreak { background-color:#f0f0f0; }

  .edxLessonItem
  {
    width:90%;
    border: 2px solid #9E9E9E;
    text-align:center;
    padding:5px 10px;
    position: absolute;
    cursor:hand;cursor:pointer;
    background-color: #8BC34A;
    overflow: hidden;
  }

  .edxLessonItem:hover
  {
    b ackground-color: #ff98005c;
    border: 2px solid #FF5722;
  }

  .edxLessonItemCollision
  {
    background-color: #f37777;
  }

  .edxTimeSlot.edxTimeSlotTypeLesson { cursor:hand; cursor: pointer; }
  .edxTimeSlot.edxTimeSlotTypeLesson:hover
  {
    background-color: #ff98005c;
  }

  .edxInfoBox
  {
    border: 1px solid #c0c0c0;
    padding:5px;
    background-color: #ffff99;
    margin-bottom: 10px;
  }

  .FilterBox
  {
    background-color: #f0f0f0;
  }

  .wsfFullScreenBtn
  {
    background-image: url(../images/fullsize.png);
    background-repeat: no-repeat;
    background-size:contain;
    width:25px;
    font-size: 9pt;
    vertical-align:top;
  }

  .wsfFullScreenBtnOff
  {
    background-image: url(../images/collapse.png);
  }

  .edxViewPlanner .BandPageRightTitle { display:none; }

  #oLessonRecords
  {
    position:relative;
  }

  .edxLessonSummaryRight
  {
    left:auto !important;
    right:10px;
    transition: all 2s ease-out;
  }

  #oLessonSummary
  {
    position:fixed;
    top:50px;
    left:10px;
    max-height: 90vh;
    min-height: 40vh;
    min-width: 200px;
    overflow:auto;
    background-color: #fff;
    padding:20px 10px;
    border: 4px solid #c0c0c0;
    z-index: 10;
    -moz-box-shadow: 0px 10px 20px #b0b0b0;
    -webkit-box-shadow: 0px 10px 20px #b0b0b0;
    box-shadow: 2px 2px 2px #c0c0c0;
  }

  .edxLessonSummarySwapBtn
  {
    background-image: url(../images/arrows.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    border: 0;
    width:25px;
    height:25px;
    float:left;
  }

  /* hide ins pic/doc in timeline editor */
  #QuickEditBoxStudentEvent .wsfCKETlbBtnPic { display: none }
  #QuickEditBoxStudentEvent .wsfCKETlbBtnDoc { display: none }

  .edxLsItClass { font-size: 90%; font-weight: bolder; }
  .edxLsItClassRoom { font-size: 80%; }
  .edxLsItSubject { font-weight: bolder; letter-spacing: 0; padding: 1px 0;}
  .edxLsItTeacher { font-style: italic; white-space:nowrap; }
  .edxLsItMissing { color:#df0000; }

  .edxLsItSubjectShort, .edxLsItTeacherShort { display:none; }
  .edxLessonItemCollision .edxLsItSubjectShort, 
  .edxLessonItemCollision .edxLsItTeacherShort { display:block; }
  .edxLessonItemCollision .edxLsItSubject, .edxLessonItemCollision .edxLsItTeacher { display:none; }

  .edxLessonItemCollision .edxLsItSubjectShort
  {
    padding: 0;
    position: absolute;
    left: 8px;
    top: -5px;
    transform: rotate(90deg);
    transform-origin: left;
    white-space: nowrap;
  }

  @media print
  {
    .sisTrScrPreTab { display:block;margin-top: -50px; }
    
    .sisTrScrGradesLogo { display:table-cell; }
    .sisTrScrSection th.sisTrScrGradesLogo { height:50px; text-align: left; }
    .sisTranscriptForm .sisTrScrGradesLogo .sisRCVFld { padding: 11px 0; }

    .sisTrScrGrades {page-break-before: always; }

    .sisTrScrGradesTitle { display:none; }
    .sisTrScrGradesBox .sisTcrStudBox { display: block; page-break-before: always; }
    .sisTrScrGradesBox .sisRCVHead { display: inline-block; padding: 0; }
    .sisTrScrGradesBox .sisRCVFld { display: inline-block;padding: 20px 0; vertical-align: top; font-size: 12pt; font-weight: normal }
    .sisTrScrSection.sisTrScrSecGrades { page-break-inside: auto }
  }

  thead {display: table-header-group;}

  @media only print { #wsfPageAppGoTop { display:none !important; } }
  /* from sisRepDocViewer.asp */


  #RespMobileMenu .olsTopContact { position:initial; padding: 5px; background-color: #fff; }
  #RespMobileMenu .sisTopTlb input[type=search] { display: none; }

  #sisCBlogHeader img { width: 100% }

  /* customize edit record Quick Forms START */
  .wsfPageedClasss #QuickEditBoxClass, 
  .wsfPageedStudents #QuickEditBoxStudent
  {
    position: absolute;
    top:0;
    margin: 0;
    width: 100%;
    background-color: #fff; border: 0; 
  }
  .wsfPageedClasss #QEClassCanvas, .wsfPageedStudents #QEStudentCanvas { opacity:0.5; }

  .wsfPageedClasss #oClassMgr .BandPageRightTitle
  .wsfPageedStudents #oStudentMgr .BandPageRightTitle { display: none; }
  /* customize edit record Quick Forms END */

  .wsfMgrEditorZoom .wsfMgrEditorLeft { display:none; } /* width: 100%; display: block; background-color: #fff; height: auto; min-height: 0;} */
  .wsfMgrEditorZoom .wsfMgrEditorRight { width: 100%; display: block; }
  .wsfMgrEditorZoom .wsfMgrEdLeftQInfos { display:none; }
  .wsfMgrEditorZoom .wsfMgrEdLeftName { display:none; }
  .wsfMgrEditorZoom .wsfMgrEditorFull { background-image: url(../images/ViewerSide.png); }
  .wsfMgrEditorZoom .wsfMgrEdSection { padding: 5px; }

	/* monthly calendars */
	.wsfMCalBox { display:inline-block; padding:10px; }
	.wsfMCalTitle { text-align:center; padding:10px; }
	.wsfMCal { border-collapse:collapse; font-size: 10pt; }
	.wsfMCal th { padding:5px; }
	.wsfMCal td { padding:0; text-align:center; vertical-align: bottom; border: 1px solid #c0c0c0; }

	.wsfMCalOffMonth { background-color: #fff; color: #fff; border:0 !important; }
	.wsfMCalOffPeriod { color: #c0c0c0; padding:5px !important; font-style: italic; }
	.wsfMCalWork { background-color: #df0000; color: #fff; padding:5px; }
	.wsfMCalOff { background-color: #c0c0c0; color: #9E9E9E; padding:5px !important; }

	.wsfMCalBusyOk { background-color: green; color: #fff; padding:5px !important; }
	.wsfMCalBusyLate { background-color: #FFC107; color: #000; padding:5px !important; }

  @media only screen and (min-width: 1300px)
  {
    #oStudentMgr .wsfMgrEditorLeft { width: 15%; }
    #oStudentMgr .wsfMgrEditorRight { width: 85%; }

    #oClassMgr .wsfMgrEditorLeft { width: 15%; }
    #oClassMgr .wsfMgrEditorRight { width: 85%; }

    .wsfMgrEditorZoom .wsfMgrEditorRight { width: 100% !important; }
  }

  @media only screen and (max-width: 1300px)
  {
    .wsfMgrEdMgrBtn 
    {
      width: 100px;
      padding: 6px 10px 40px 10px;
      background-size: 40%;
      text-align: center;
      background-position: center 90%;
    }
    .spaTlbLogo { right:auto; }
  }

  @media only screen and (max-width: 1100px)
  {
    #sisGenSearchPnl {  }
    body:not(.wsfPagewsfBusinesss) .wsfMgrEdMgrBtn 
    { 
      width: auto;
      font-size:0; 
      padding:20px; 
      background-size: contain;
      text-align: left;
      background-position: 97%;
    }
  }

  @media only screen and (max-width: 1000px)
  {
    .wsfMgrEditorLeft { width: 20%; }
    .wsfMgrEditorRight { width: 80%; }
  }

  @media only screen and (max-width: 800px)
  {
    .sisTopPhone { display: none; }
  }

  @media only screen and (max-width: 700px)
  {
    .wsfMgrEditorLeft { width: 100%; display: block; background-color: #fff; height: auto; min-height: 0;}
    .wsfMgrEditorRight { width: 100%; display: block; }
    .wsfMgrEdLeftQInfos { display:none; }
    .wsfMgrEdLeftName { padding: 0; }
    .wsfMgrEditorClose { height: 30px; margin: 0;}
    .wsfMgrEdSection { padding: 5px; }
    
    .wsfPageedClasss #QuickEditBoxClass, .wsfPageedStudents #QuickEditBoxStudent { position: fixed;  }

    .sisHomeBoxes .sisHomeBox { min-height:0; }
    .sisHomeBoxCnt { display: block; width: 100%; }

    .sisAssignSheet { width: 100%; height:100vh; border: 0; box-shadow:none; }
    #oAssignmentViews { padding: 0; }

    .CMCHeader .olsTopContact { display: none; }
    .spaTlbLogo { right:0; }

    #sisAdmNoticeBox { padding: 0; }
    #sisAdmNoticeContent { width:100%;height:100vh; }
  } 

  @media only screen and (max-width: 600px)
  {
    #sisGenSearchPnl { visibility: hidden; }

    #QuickEditBoxAssignment .wsfHTMLEdit { max-height: 20vh; height:20vh; }
    #QuickEditBoxClassBlogItem .wsfHTMLEdit { max-height: 20vh; height:20vh; }
    .sis StudImg IMG { width: 50%; }
  }

  @media only screen and (max-width: 500px)
  {
    .sisHomeBoxes .sisHomeBox { border: 0; box-shadow: none; }
    .sisHomeBox { padding: 0; }

    .sisStudPresTrack { font-size: 0; padding: 10px; }
    .sisStudPresTrack .DateInput { width: 80px; }
    .sisStudPresTrack .TimeInput { width: 45px; }
    .sisStudPresTrack .TextInput { wi dth: 45px; }
     
    .sisStudPresTrack select { width: 50px; }
    .sisStudPresTrack .wsfBtnGo { mi n-width: 0; ma rgin-left: 5px; }

    .sisStudPresence td:nth-child(3),  
    .sisStudPresence td:nth-child(4), 
    .sisStudPresence td:nth-child(5) 
    { display:none;width:0;height:0;opacity:0;visibility: collapse; }

    .wsfPageAppContent { padding: 0; }

    .wsfMgrEdSumBox { text-align: center; padding: 5px; }

    #oClassMgrMessage
    {
      position:fixed;
      left:0;right:0;
      top:0;bottom:0;
      width: auto;
      overflow:auto;
      transform:none;
    }

    .wsfEditRecPhotoBox { width: 130px; }
    .wsfEditRecPhotoBox img { width:100%; height:auto; }

    .sisBlog3ColsText { column-count:2; column-gap: 40px;}
  }

  @media only screen and (max-width: 360px)
  {
    .sisClassStudents .sisStudImg, #oStudentRecords .sisStudImg, #oFamilyMgrSummary .sisStudImg, .sisReportCardPic .sisStudImg { width: 100px; height: 100px; }
    .sisClassStudents .sisStudImgBox, #oStudentRecords .sisStudImgBox, #oFamilyMgrSummary .sisStudImgBox, .sisHomeContent .sisStudImgBox, .sisReportCardPic .sisStudImgBox { padding: 5px; }
  }

  @media only print
  {
    .sisAssignSheet { width: 100%; height:auto; border: 0; box-shadow:none; padding: 10px; }
    .sisPrintBtn { display:none; }
  }