/* Site-wide */
.header {
	color: #19B698;
}

.fa-mychild {
	color: #19B698 !important;
}

.fa-mychild-error {
	color: #FF4747 !important;
}

.fa-mychild-warning {
	color: tomato !important;
}

button.btn.btn-info, a.btn.btn-info {
	background-color: #19B698;
}

.alert-mychild {
	max-width: 80%;
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	margin-bottom: 0em;
}

.inner-section {
	border-top:1px solid #efefef;
}

.center {
	margin-left: auto;
	margin-right: auto; 
}

.navbar-default .navbar-nav > li .bubble {
	position: relative;
	top: -10px;
	background-color: #e44c34;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border-color: #E23923 #D83722 #C0311E;
	border-left: 1px solid #D83722;
	border-width: 1px;
	box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.25);
	padding: 1px 3px 1px 2px;
	font: bold 9px Tahoma;
}

/* Login page */
.login-logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 350px;
	height: 100px;
}

.login-error {
	display: block;
	margin-left: auto;
	margin-right: auto;
	color: rgb(169, 0, 0);
	padding-left: 0px;
}

.errorlist {
	list-style-type: none;
}

/* Base template */
.base-logo-container{
	float: left;
}

.base-logo {
	vertical-align: middle;
	max-width: 180px;
	margin-left: 10px;
}

/* Home page */
.table-header {
	text-align: center;
	font-weight: bold;
	border-left: 0px;
	border-right: 0px;
}

.main-header {
	border-bottom: 1px solid #6a6a6a !important;
}

.grade-level {
	text-align: left;
	padding-left: 2em;
}

.section {
	text-align: left;
	padding-left: 5em;
}

.table-content {
	text-align: center;
}

/* Section SOG View */
.not-ready-notice {
	color: red;
}

.ready-notice {
	color: #19B698;
	font-weight: bold;
}

td.error {
	color: darkred;
	background-color: mistyrose;
}

td:first-child {
	text-align: left;
}

.center-cell-content {
	text-align: center;
	vertical-align: middle;
}

table>thead>tr>th {
	font-weight: bold;
}

table>tbody>tr>td {
	white-space: nowrap;
}

.failed {
	color: red;
}

/* Grade Protocol Mark */
select.gp-mark {
	margin: auto;
	display: block;
	max-width: 50px;
}

th.gp-header {
	font-weight: 400;
	text-align: center;
}

.comment-section {
	width:95%;
	min-height: 270px;
	margin-bottom: 0px;
}

.comment-section-container {
	vertical-align: top;
	display: inline-block;
	margin: 0px;
	width: 50%;
}

.comment-submit {
	float: right;
	margin-right:5%;
	margin-top: 10px;
}

.comment-section:after {
	content: " ";
	display: block; 
	height: 0px;
	clear: both;
}

.comment-full {
	margin-left: 10px;
	margin-right: 10px;
	min-height: 250px;
}

.comment-full:after {
	content: " ";
	display: block; 
	height: 0px;
	clear: both;
}

.comment-info {
	font-size: 12px;
	height: 12px;
	text-align: right;
	margin-right:5%;
}

textarea.comment-textarea {
	min-height: 90px;
	min-width: 250px;
	width: 90%;
	max-width: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
}

/** TEMPORARY */
.fc-header-right {
	display: none;
}

.fc-header-left {
	display: none;
}
/** TEMPORARY */


/** CALENDAR **/
.fc-content div {
	margin-top: 5px;
}

/* Data-entry */
button.btn-ctrl {
	display: inline-block;
	padding: 3px 5px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	min-width: 40px;
	line-height: 1;
}

/* Parent Notification */
.conversation-list {
	border-right: 1px gray;
	padding: 0px;
}

.conversation-list ul {
	list-style-type: none;
	margin-bottom: 0px;
	padding-left: 0px;
}

.conversation-list ul li {
	text-align: left;
	padding: 10px 20px;
}

.conversation-list ul li:first-child {
	border-bottom: 1px solid;
	cursor: pointer;
	text-align: center;
}

.conversation-list ul li:first-child i {
	font-weight: bold;
}

.conversation-list ul li.active {
	background-color: #F9F9F9;
}

.conversation-list ul li:hover {
	background-color: #FBFBFB;
}

.conversation-list ul li:not(:nth-child(2n+1)) {
	background-color: #FBFBFB;
}

.conversation {
	
}

.conversation .sidebar2.mob.fleft.parent {
	padding-top: 10px;
	width: 300px;
	height: 100%;
}

.conversation div ul li a span.label.parent {
	vertical-align: top;
	padding-left: 5px;
}

.conversation div ul li a div.preview.parent {
	font-size: 12px;
    color: #666666;
    position: relative;
    margin-left: 15px;
    margin-top: -36px;
    line-height: 1;
}

.conversation .tab-content {
	border: 0px;
	box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.04);
}

.conversation .tab-content.parent {
	margin-top: -32px;
}

.conversation .tab-content .tab-pane.parent {
	margin-left: 300px;
}

.conversation .tab-content .tab-pane.parent:not(:first-child) {
	text-align: left;
}

.conversation .tab-content .tab-pane.parent {
	margin-left: 300px;
	height: 100%;
}

.conversation .tab-content .tab-pane div.initial-box {
	display: inline-block;
	height: 75px;
	width: 75px;
	font-size: 3em;
	vertical-align: middle;
	text-align: center;
	line-height: 75px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.conversation .tab-content .tab-pane div.initial-box.parent {
	font-size: 2.25em;
	margin-left: 35px;
}

.conversation .tab-content .tab-pane .conv-info-box {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}

.conversation .tab-content .tab-pane .conv-info-box div {
	margin-bottom: 2px;
}

.conversation .tab-content .tab-pane .conv-info-box .info {
	margin-bottom: 0px;
	margin-left: 20px;
}

.conversation .tab-content .tab-pane .conv-info-box hr {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: -15px;
}

.conversation .tab-content .tab-pane .msg-cont {
	display: block;
	margin-top: 10px;
}

.conversation .tab-content .tab-pane .msg-cont {
	display: block;
	margin-top: 10px;
}

.conversation .tab-content .tab-pane .msg-cont .message {
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	max-width: 80%;
	padding: 10px;
	margin-bottom: 10px;
	min-width: 50px;
}

.conversation .tab-content .tab-pane .msg-cont .message {
	content: "";
	clear: both;
}

.conversation .tab-content .tab-pane .msg-cont .message div {
	display: block;
}

.conversation .tab-content .tab-pane .msg-cont .message div.content {
	text-align: justify;
	padding: 5px 0px;
}

.conversation .tab-content .tab-pane .msg-cont .message div.timestamp {
	display: block;
	text-align: center;
	font-weight:100;
	font-size: 11px;
	font-style: italic;
}

.conversation .tab-content .tab-pane .msg-cont .message.sent {
	position: relative;
	border: 2px solid #23C0A2;
	background-color: #D7ECE3;
	margin-right: 20px;
	float: right;
	color: black;
}

.conversation .tab-content .tab-pane .msg-cont .message.sent:after {
	content: "";
	position: absolute;
	left: 100%;
	border-width: 25px 20px 0 0;
	border-style: solid;
	border-color: #23C0A2 transparent;
	bottom: 15px;
}

.conversation .tab-content .tab-pane .msg-cont .message.sent.pending {
	border: 2px solid rgba(83, 180, 87, 0.28) !important;
	background-color: rgba(215, 236, 227, 0.39) !important;
	color: rgba(51, 51, 51, 0.27) !important;
}

.conversation .tab-content .tab-pane .msg-cont .message.sent.pending:after {
	border-color: rgb(195, 228, 200) transparent !important;
}

.conversation .tab-content .tab-pane .msg-cont .message.sent hr {
	margin:0px;
	border-color: #9BD8CC
}

.conversation .tab-content .tab-pane .msg-cont .message.sent.parent {
	border: 2px solid #53b457;
	margin-right: 50px;
}

.conversation .tab-content .tab-pane .msg-cont .message.sent.parent hr {
	border-color: #A6D89B
}

.conversation .tab-content .tab-pane .msg-cont .message.sent.parent:after {
	border-color: #53b457 transparent;
}

.conversation .tab-content .tab-pane .msg-cont .message.rcvd {
	position: relative;
	border: 2px solid #BDBDBD;
	background-color: #ECECEC;
	margin-left: 20px;
	float: left;
}

.conversation .tab-content .tab-pane .msg-cont .message.rcvd hr {
	margin:0px;
	border-color: #D8D8D8
}

.conversation .tab-content .tab-pane .msg-cont .message.rcvd:after {
	content: "";
	position: absolute;
	left: -20px;
	border-width: 25px 0 0 20px;
	border-style: solid;
	border-color: #BDBDBD transparent;
	bottom: 15px;
}

.conversation .tab-content .tab-pane .msg-cont .message.rcvd.parent {
	margin-left: 50px;
}

.conversation .tab-content .tab-pane .ctrl-cont {
	display: block;
}

.conversation .tab-content .tab-pane .ctrl-cont textarea {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	max-width: 100%;
	max-height: 100px;
}

.conversation .tab-content .tab-pane .ctrl-cont button {
	display: block;
}

.conversation .tab-content .tab-pane .ctrl-cont-parent {
	margin-left: 35px;
	margin-right: 35px;
}

.conversation .tab-content .tab-pane .ctrl-cont-parent textarea {
	margin-bottom: 10px;
}

/* Teacher Appointment */
.left-sidebar{
    background-color: #f6f7f8;
    padding: 10px 10px 10px 10px;
}

.left-header{
    font-size: 17px;
    padding: 5px 3px 5px 5px;
    color: #19b698;
}

.right-sidebar{
    background-color: #f6f7f8;
    padding: 10px 10px 10px 10px;
}

.right-header{
    font-size: 17px;
    padding: 5px 3px 5px 5px;
    color: #19b698;
}

.fc-event {
	background: #19b698;
}

/* Attendance Tracking */
.fc-mon:not(.fc-day-header),
.fc-tue:not(.fc-day-header),
.fc-wed:not(.fc-day-header),
.fc-thu:not(.fc-day-header),
.fc-fri:not(.fc-day-header) {
	cursor: pointer;

}

.fc-mon:not(.fc-day-header):hover,
.fc-tue:not(.fc-day-header):hover,
.fc-wed:not(.fc-day-header):hover,
.fc-thu:not(.fc-day-header):hover,
.fc-fri:not(.fc-day-header):hover {
	background-color: rgb(252, 248, 227);
}

.fc-sat:not(.fc-day-header),
.fc-sun:not(.fc-day-header) {
	background-color: rgb(236, 236, 236);
}

.att-mark {
	color: lightgray;
	cursor: pointer;
}

.att-mark.present {
	color: green;
}

.att-mark.tardy {
	color: yellow;
}

.att-mark.absent {
	color: red;
}

/* Nav Bar */
.sidebar-logo {
	margin-top: -10px;
}

/* Holiday Management */
.holiday-panel {
	margin: 5px;
	width: 48%;
	display: inline-block;
	border-left: 1px #EFEFEF solid;
	padding-left: 15px;
}

.holiday-panel.first {
	border: 0px;
	padding: 0px;
}

.holiday-panel .header {
	text-align: left;
}

/* Awards and Recognition */
.nav-list {
	border-right: 1px gray;
	padding: 0px;
}

.nav-list ul {
	list-style-type: none;
	margin-bottom: 0px;
	padding-left: 0px;
}

.nav-list ul li.active {
	background-color: #F9F9F9;
}

.nav-list ul li:hover:not(:first-child):not(:nth-child(2n)) {
	background-color: #FBFBFB;
}

.nav-list ul li {
	text-align: center;
	padding: 10px 0px;
}