/*
 This stylesheet is built in. Do not change it 
 when customizing an app, it will be overwritten
 when the Framework updates. Instead make app
 specific customizations in the custom.css file!
*/

.highlight:hover {
	background-color:	#CCCCCC;
	cursor:			pointer;
}
.number {
	text-align:		right;
	}

.align_right {
	text-align:		right;
}

#logon {
	max-width:	450px;
	margin:		0 auto;
}

#error_message {
	padding-left:	12px;
	color:		#990000;
	font-weight:	bold;
}

.portletDiv {
	padding-top: 	15px;
	padding-bottom: 15px;
}

.ui-page {
	min-height: 100vh !important;
}

/* Styles for 5 col layout Bootstrap */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
	width: 20%;
	float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
	width: 20%;
	float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
	width: 20%;
	float: left;
    }
}
/* End Styles for 5 col layout Bootstrap */ 

/* Styles for form validation */
.formisvalid {
    box-shadow: 0 0 6px -0 green !important;
}

.formisnotvalid {
    box-shadow: 0 0 6px -0 red !important;
}

.formissortofvalid {
    box-shadow: 0 0 6px -0 yellow !important;
}

.glyphicon-alert {
    color: #e8e831;;
}

.glyphicon-ok {
    color: green;
}

.glyphicon-remove {
    color: red;
}

.has-feedback .form-control-feedback {
    top: 28px !important;
    right: 15px;
}
/* End styles for form validation */

/* Disable the number spinner for number fields */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type="number"] {
    -moz-appearance: textfield;
}
/* End disable the number spinner for number fields */

/* Tutorial Mode Styling */
/*Makes sure tooltip boxes are not cramped and are legible*/
.tooltip-inner {
    max-width: 100%;
    padding: 5%;
    font-size: 1.2em;
}

/*.tooltip {
    z-index: 151;
}*/
/*.tooltip-first {
    top: 64px !important;
}*/
/*Controls styling for tooltip training mode overlays*/
#fOverlay {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    top: 0;
    position: absolute;
}

.bringUpOverOverlay {
	z-index: 100;
	position: relative;
}

/* End Tutorial Mode Styling */