body {
	color: #000;
}

.modal
{
    overflow-y: auto !important;
}

.modal-open {
    overflow: auto !important;
    overflow-x: hidden !important;
    padding-right: 0px !important;
}

nav:not(.mm-menu)
{
	display: none;
}


div.wicket-modal h3.w_captionText {
	font-size: 14px;
}

blockquote {
	font-size: 12px;
}

.list-group
.list-group-item
.list-group-item-heading {
	font-size: 16px;
	line-height: 20px;
}

.list-group
.list-group-item
.row-picture img {
	width: 36px;
	height: 36px;
}


.info th {
	text-align: center;
}

.success th {
	text-align: center;
}

.warning th {
	text-align: center;
}

.danger th {
	text-align: center;
}

.default th {
	text-align: center;
}

.warning td {
	font-weight: bold;
}








/* CSS used here will be applied after bootstrap.css */
.nav {
	margin-bottom: 0;
}

.nav>li {
	min-width: 100px;
}

.nav>li.dropdown.open {
	position: static;
}

.nav>li.dropdown.open .dropdown-menu {
	display: table;
	width: 100%;
	text-align: left;
	left: 0;
	right: 0;
}

.dropdown-menu>li {
	display: table-cell;
	width: 100%;
	float: left;
	color: #000;
}

.leftMenu {
	float: left; 
	padding: 16px 13px 0 0px; 
	color: #fff; 
	font-size: 24px; 
	text-decoration: none;	
}

.leftMenu:hover {
	color: #fff; 
	text-decoration: none;	
}

.leftMenu:focus {
	color: #fff; 
	text-decoration: none;	
}

@media (max-width: 767px) {
.leftMenu {
	float: left; 
	padding: 13px 13px 0 13px; 
	color: #fff; 
	font-size: 24px; 
	text-decoration: none;	
}
}

@media (min-width: 768px) and (max-width: 1320px) {
.leftMenu {
	float: left; 
	padding: 10px 13px 0 0px; 
	color: #fff; 
	font-size: 24px; 
	text-decoration: none;	
}
}

.navbar.navbar .dropdown-menu li > a, .navbar-default.navbar .dropdown-menu li > a {
    font-size: 14px;
}

.dropdown-menu>li>a>img {
	padding-bottom: 3px;
}


.dropdown-menu>li .title {
	color: #009587;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	margin: 5px 0;
}

.navbar {
	margin-bottom: 0;
}

.navbar .navbar-nav {
	vertical-align: top;
}

.navbar .navbar-collapse {
	text-align: center;
}

.navbar {
	width: 100%;
	text-align: center;
}

@media (max-width: 767px) {
	.navbar .navbar-nav .dropdown .dropdown-menu {
	    margin-left: 0px;
	}
}


table.palette { border:0; }
table.palette td.header { background-color: #eef7ff; padding: 2px; border-top: 1px solid #729ac2; border-bottom: 1px solid #729ac2;}
table.palette td.pane { width: 100px; text-align: center; }
table.palette td.pane select { width: 400px;  }
table.palette td.buttons { text-align: center; padding-left: 10px; padding-right: 10px; }
table.palette td.buttons button { width: 40px; height: 40px; }

.colorgraph {
    margin: 20px 0;
    height: 5px;
    border-top: 0;
    background: #c4e17f;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}


.vertical-middle {
	display: table;
}

.vertical-middle span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
}

.checkbox label {
	color: #333;
	font-size: 14px;
	font-weight: 300;
}

.form-group label.control-label {
	color: #333;
	font-size: 14px;
	font-weight: 300;
}



.progress {
  height: 50px;

}
.progress .skill {
  font: normal 12px "Open Sans Web";
  line-height: 35px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
  position: absolute;
  text-shadow: 1px 1px 3px black;  
}
.progress .skill .val2 {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}

.progress-bar {
  text-align: left;
  transition-duration: 3s;
}

.border-box {
	padding: 0 15px 0 15px;
	border: 1px #ccc solid;
}
.arrow-box {
	position: relative;
	background: #fff;
	border: 1px solid #ddd;
	padding: 15px;
	margin-bottom: 10px;
}
.arrow-box-odd {
	background-color: #f9f9f9;
}
.arrow-box:after, .arrow-box:before {
	bottom: 100%;
	left: 33px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 12px;
	margin-left: -12px;
}
.arrow-box-odd:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #f9f9f9;
}

.arrow-box:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #d2d2d2;
	border-width: 13px;
	margin-left: -13px;
}

.material-icons-circle {
	background-color: #104f84; 
	color: #fff;
	border-radius: 50%;
	padding: 2px;
	cursor: pointer;
}

.material-icons-circle-colorized {
	color: #fff;
	border-radius: 50%;
	padding: 2px;
	cursor: pointer;
	background: #104f84; /* Old browsers */
	background: -moz-linear-gradient(left, #b6cf4f 0%, #104f84 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #b6cf4f  0%,#104f84 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #b6cf4f 0%,#104f84 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6cf4f', endColorstr='#104f84',GradientType=1 ); /* IE6-9 */
}

h1 {
	
}


.continue-button {
	margin-top: 25px;
    font-size: 20px;
    text-shadow: 1px 1px 1px #777;
    background: url(../images/button.png) no-repeat;
    color: #fff;
    border: 0;
    width: 200px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.continue-button:hover {
	background:url('../images/button-hover.png') no-repeat;
	text-shadow: 1px 1px 1px #777;
	border:0;
	color: #fff;
	box-shadow: 2px 13px 20px -12px rgba(0,0,0,0.24);
	background-size:   cover;
    background-repeat: no-repeat;
    background-position: center center;
}