/* base */
.separator, .clear {
	clear:both;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.bold {
	font-weight: bold !important;
}
.error {
	color: #FF4242;
}
.success {
	color: #3C763D;
}
.warning {
	color: #FF9428;
}
.info {
	color: #266691;
}
img {
	max-width:100%;
	height:auto;
}
.rounded {
	border-radius: 10px;
}
.shadow {
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
#coreDialog {
	position: fixed;
	width: 500px;
	max-width:95%;
	height: 300px;
	margin-left: -250px;
	margin-top: -150px;
	top: 50%;
	left: 50%;
	background-color: #f5f5f5;
	border: 1px solid #eee;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.5);
	z-index:100;
}
#coreDialogContents {
	margin: 5px;
	height: 250px;
	overflow-y: auto;
	border: 1px solid #dddddd;
	background: #fafafa;
}
#coreDialogButtons {
	padding: 0 0 0 5px;
}

/* alerts */
.alert {
	display: block;
	padding: 10px 20px;
	border: 1px solid #F0F0F0;
	background-color: #FBFBFB;
	border-radius: 3px;
	margin-bottom:10px;
}
.alert.success {
	background-color: #DFF0D8;
	border-color: #ADD99B;
	color: #3C763D;
}
.alert.info {
	background-color: #85B9E5;
	border-color: #3890CA;
	color: #266691;	
}
.alert.warning {
	background-color: #FCF8E3;
	border-color: #FFD1A4;
	color: #FF9428;
}
.alert.error {
	background-color: #F2DEDE;
	border-color: #FFA6A6;
	color: #FF4242;
}

/* grid */
.row {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing:border-box;
	margin:0 -15px;
}

.col {
	box-sizing:border-box;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:15px;
	display:flex;
	flex-direction: column;
	flex:none;
}

.debug .col {
	outline:1px dashed red;
}

@media only screen and (min-width: 1025px) {	
	.col-desktop-1 { width:8.333333%; }
	.col-desktop-2 { width:16.666667%; }
	.col-desktop-3 { width:25%; }
	.col-desktop-4 { width:33.333333%; }
	.col-desktop-5 { width:41.666667%; }
	.col-desktop-6 { width:50%; }
	.col-desktop-7 { width:58.333333%; }
	.col-desktop-8 { width:66.666667%; }
	.col-desktop-9 { width:75%; }
	.col-desktop-10 { width:83.333333%; }
	.col-desktop-11 { width:91.666667%; }
	.col-desktop-12 { width:100%; }
	.hide-desktop { display:none; }
}

@media only screen and (min-width: 751px) and (max-width: 1024px) {
	.col-tablet-1 { width:8.333333%; }
	.col-tablet-2 { width:16.666667%; }
	.col-tablet-3 { width:25%; }
	.col-tablet-4 { width:33.333333%; }
	.col-tablet-5 { width:41.666667%; }
	.col-tablet-6 { width:50%; }
	.col-tablet-7 { width:58.333333%; }
	.col-tablet-8 { width:66.666667%; }
	.col-tablet-9 { width:75%; }
	.col-tablet-10 { width:83.333333%; }
	.col-tablet-11 { width:91.666667%; }
	.col-tablet-12 { width:100%; }
	.hide-tablet { display:none; }
}

@media only screen and (min-width: 240px) and (max-width: 750px) {
	.col-small-1 { width:8.333333%; }
	.col-small-2 { width:16.666667%; }
	.col-small-3 { width:25%; }
	.col-small-4 { width:33.333333%; }
	.col-small-5 { width:41.666667%; }
	.col-small-6 { width:50%; }
	.col-small-7 { width:58.333333%; }
	.col-small-8 { width:66.666667%; }
	.col-small-9 { width:75%; }
	.col-small-10 { width:83.333333%; }
	.col-small-11 { width:91.666667%; }
	.col-small-12 { width:100%; }
	.hide-small { display:none; }
}

/* buttons */
.button {
	display:inline-block;
	margin:2px;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed;
	border:1px solid #dcdcdc;
	color:#222222;
	font-weight:bold;
	padding:6px 16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	text-align:center;
}
.button:hover {
	background-color:#dfdfdf;
}
.button img {
	vertical-align: middle;
}
.button span {
	padding-left: 5px;
}