/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*  Copied from csms-portal.css with additional changes made for the prototype below.
    Created on : Dec 20, 2019, 4:06:56 PM
    Author     : howard
*/

/* override white-space to enable word-wrap in textarea fields */
textarea {
  white-space: pre-line;
}

.content {
  min-height: 100%;
}
.content-inside {
  padding: 20px;
  padding-bottom: 50px;
}
.footer {
  height: 50px;
  margin-top: -50px;
}

/* Used to set the padding and margins to the overall list when there are different styles for warning, error and regular messages */
.messages {
	margin-top: 5px;
	margin-bottom: 5px;  
  border: 1px solid grey;
}
.infoMessage {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.warningMessage { 
  color: blue;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.errorMessage {
  color: red;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* styles for edit.xhtml and view.xhtml templates */
.name {
	font-weight: bold;
}
.namewide {
	vertical-align: top;
	font-weight: normal;
	width: 155px;
	float: left;
	padding: 5px;
	margin-top: 3px;
	clear: left;
}
.nameView {
	vertical-align: top;
	font-weight: normal;
	width: 115px;
	float: left;
	padding: 5px;
	margin-top: 6px;
	clear: left;
}
.value {
	float: left;
	padding: 5px;
	white-space:nowrap;
}
.displayValue {
	float: left;
	padding: 5px;
	margin-top: 6px;
	white-space:nowrap;
}

.displayLabel {
  font-weight: bold;
}

.error {
	margin-left: 20px;
	margin-top: 5px;
	float: left;
	padding: 5px;
	border: 1px solid red;
}
.errors {
	color: red;
}
.errors input {
	border: 1px solid red;
}
.errors textarea {
	border: 1px solid red;
}

.errors select {
	border: 1px solid red;
}

.required {
	color: red;
	padding-left: 2px;
}

.enrollmentWarning {
  color: red;
}

.noborder td, .noborder tr
{
    border-style: none !important;
}

.center {
  display: block; 
  margin-left: auto; 
  margin-right: auto;
  text-align: center;
}

.one-hundred-percent
{
  width: 100%
}

.fiftyPercent
{
  width: 50%;
}

.thirtyThreePercent
{
  width: 33%;
}

.twentyPercent
{
  width: 20%;
}

.twentyFivePercent
{
  width: 25%;
}

.fourtyPercent
{
  width: 40%;
}



/**
Override .layout-wrapper .layout-main to remove the transitions
.layout-wrapper .layout-main {
  padding: 80px 15px 15px 15px;
  -moz-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s; }
*/
.layout-wrapper .layout-main {
  padding: 80px 15px 15px 15px;
 }

/** Use layout-no-menu instead of layout-main so that the downstream rule for setting the menu margin does not run:
.layout-wrapper.menu-layout-static .layout-main, .layout-wrapper.menu-layout-static .layout-footer {
    margin-left: 235px; }
*/
.layout-wrapper .layout-no-menu {
  padding: 80px 15px 15px 15px;
}

/** Copied from layout-cyan.css so footer is wide:
.layout-wrapper.menu-layout-static .layout-main, .layout-wrapper.menu-layout-static .layout-footer  
*/
.layout-wrapper.menu-layout-static .layout-main, .layout-wrapper.menu-layout-static .layout-footer-wide .layout-footer {
    margin-left: 0px; }

@media (min-width: 1025px) {
  .layout-wrapper .topbar-items > li > a .topbar-item-label {
    color: white;
  }
}

/**
  Override two rules in theme.css so that panels without headers have a top line
  Originals in theme.css:

  body .ui-panel .ui-panel-content {
    border-top: 0 none;
    ...
  }

  body .ui-panel .ui-panel-titlebar {
    border-bottom: 1px solid #dddddd;
    '''
*/

body .ui-panel .ui-panel-content {
    border-top: 1px solid #dddddd;
}

body .ui-panel .ui-panel-titlebar {
    border-bottom: none;
}

.align-top {
    vertical-align:top;
}

/* Turn required field indicator (asterisk) red */
.ui-outputlabel-rfi {
  color: red;
}

/* Override the theme.css to make the selectOneMenu look the same as other input fields when it's disabled */
body .ui-selectonemenu.ui-state-disabled {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #eeeeee; 
}

body .ui-selectonemenu.ui-state-disabled > .ui-selectonemenu-label {
      background-color: #eeeeee; 
}

/* 
    Changes made after copy from csms-portal.css
    Created on : Oct 7, 2020, 9:18:14 AM
    Author     : howard
*/

  
.layout-wrapper .topbar-items > li.profile-item a .topbar-item-name {
    margin-top: 5px;
}

.border-none {
  border: none !important;
}

.transparent {
  background-color: transparent !important;
}
.cancelledEnrollment
{
    color: #ff0000
}

.p-field>label {
  font-weight: bold;
  display: inline-block;
  margin-bottom: .5rem;
}
  
.p-field {
  margin-bottom: 1rem;
}
  
.actionButtons {
  text-align: center;
}

.parentsTopMesage {
  overflow: auto;
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 60px;
  height: 100%;
}

.nowrap {
  white-space: nowrap;
}

/*
 Override menu width in layout-lightblue-v4.css
*/
@media (min-width: 1025px) {

  .layout-wrapper.menu-layout-horizontal .layout-menu-container ul.layout-menu > li > ul {
    width: 380px !important;
  }
}

/* 
 style for changed information on account print screen
*/
.changed {  
  font-size: 10pt;color:#0000FF;font-weight: bold
}

/*
  Style for checkboxes on data tables with multi-select columns so they lay out properly and it doesn't affect on smaller screens
*/
@media (min-width: 399px) {
      .multi-select-column {
      width:16px;text-align: center;
      }    
    }