/*
 This MAIN 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!
*/

.dollar::before {
    content: '$';
}

.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;
}

#toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div{
	width: 400px !important;
	opacity: 1;
	box-shadow: none;
}

/* 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: 4%;
    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.55);
    z-index: 10000;
    top: 0;
    position: absolute;
}

.bringUpOverOverlay {
	z-index: 100000;
	position: relative;
}*/

/*.popover{ z-index: 100000; }*/

/* End Tutorial Mode Styling */