body {
}

.black { color: black; }
.gray { color: gray;}
.green { color: green;}
.lightGray { color: lightgray; }
.orange { color: orange !important;}

.box-shadow {
	box-shadow: 0px 5px 10px -8px #000;
	-moz-box-shadow: 0px 5px 10px -8px #000;
	-webkit-box-shadow: 0px 5px 10px -8px #000;
	-o-box-shadow: 0px 5px 10px -8px #000;
}

.selected-shadow {
	box-shadow: 0px 5px 10px 0px #000;
	-moz-box-shadow: 0px 5px 10px 0px #000;
	-webkit-box-shadow: 0px 5px 10px 0px #000;
	-o-box-shadow: 0px 5px 10px 0px #000;
}

/* heights and widths */
.h30 { height:30px; }
.w40 { width: 40px !important; }
.wauto { width: auto !important;}
.w100p { width:100%; }
.w100 { width:100px !important; }
.w175 { width: 175px !important; }

/* positions */
.float-left { float: left; }
.float-right { float: right; }

.position-absolute { position: absolute; }
.position-fixed { position: fixed; }
.position-relative { position: relative; }

.vertical-bottom { vertical-align:bottom; }
.vertical-middle { vertical-align: middle !important;}
.vertical-top { vertical-align:top; }

.overflow-hidden { overflow:hidden; }

/* paddings, margins */
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.ml5 { margin-left: 5px;}
.ml20 { margin-left: 20px;}
.mr20 { margin-right: 20px;}
.mr40 { margin-right: 40px;}
.mt0 { margin-top: 0px;}
.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.pb0 { padding-bottom: 0px !important;}
.pb5 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb20 { padding-bottom: 20px;}
.pl0 { padding-left: 0px;}
.pl5 { padding-left: 5px !important;}
.pl10 { padding-left: 10px;}
.pl20 { padding-left: 20px;}
.pr0 { padding-right: 0px;}
.pr5 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr20 { padding-right: 20px !important;}
.pt0 { padding-top: 0px !important;}
.pt1 { padding-top: 1px !important;}
.pt5 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt20 { padding-top: 20px !important;}

/* ticker panel */
.ticker-panel {
	background-color: #FF822E;
	color: #fff;
	font-weight: normal;
	z-index: 1010;
	width: 100%;
	text-align: center;
	vertical-align: top;
	height: 30px;
}

.ticker-panel > div {
	top: 15%;
	position: relative;
	height: 70%;
	overflow-y: hidden;
}


/* logo panel */
.logo-panel {
	background-color: white;
	z-index: 1000;
	width: 100%;
	box-shadow: 0px 5px 10px -8px #000;
	-moz-box-shadow: 0px 5px 10px -8px #000;
	-webkit-box-shadow: 0px 5px 10px -8px #000;
	-o-box-shadow: 0px 5px 10px -8px #000;
	padding-bottom: 10px;
}

/* Logo Right Content */
.logo-right-panel {
	top: 50px;
	left: 50%;
	margin-left: 20%;
	position: fixed;
	font-size: 1.5em;
}

/* content panel */
.content-panel {
	background-color: #fff;
	width: 100%;
	z-index: 500;
	top: 110px;
	padding-top: 10px;
	padding-bottom: 50px;
}

.content-panel-overlay {
	background-color: #fff;
	width: 100%;
	z-index: 550;
	top: 110px;
	padding-top: 10px;
	padding-bottom: 50px;
	opacity: 0.97;
    filter: alpha(opacity=97); /* For IE8 and earlier */
	-moz-opacity: 0.97;
	-webkit-opacity: 0.97;
	width: 100%;
	height: 100%;
}


/* footer panel */
.footer-panel {
	border-top: 0.0625em solid #E3E3E3;
	background-color: #F3F3F3;
	bottom: 0px;
	width: 100%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 500;
	overflow: hidden;
	font-size: .75em;
}

/* Type face/Fonts */
.font-bold { font-weight: 600 !important; }
.font-italic { font-style: italic !important;}
.font-normal { font-weight: 400 !important; }
.font-no-decoration { text-decoration: none !important;}

.fs75em { font-size: .75em; }
.fs85em { font-size: .85em !important; }
.fs125em { font-size: 1.25em;}
.fs150em { font-size: 1.5em;}
.fs200em { font-size: 2.0em;}

/* Admin Pages */
.admin-page-title {
	border-bottom: 0.0625em solid #E3E3E3;
	padding-bottom: 5px;
}

div.flag {
	border: black 1px solid;
	margin: 2px;
	padding-left: 2px;
	padding-right: 2px;
	float: left;
}

/* file input */
.btn-file {
	position: relative;
	overflow: hidden;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	background: red;
	cursor: inherit;
	display: block;
}

/* Ordered List Numbering */
.ol-custom {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
}

.ol-custom ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}

.rounded-list a{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
}


.rounded-list a:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    transition: all .3s ease-out;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    background: green;
    color: white;
    text-align: center;

}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

select.alert-danger,
input.alert-danger {
  color: #a94442;
  background-color: #f2dede !important;
  border-color: #ebccd1 !important;
}

.graph,
.graph img {max-width: 100%;}

.modal-content {
    max-height: calc(100vh - 100px);
    overflow: auto;
}

@media (min-width: 768px) {
    .modal-xl {
    width: 90%;
    max-width:1200px;
    }
}