/*
* Author: Lukasz Holeczek
* Template: Smart Bootstrap Theme
* Version: 1.0.5
* Bootstrap version: 2.3.1
* Copyright 2012 creativeLabs
* www: http://clabs.co
* mail: lukasz@clabs.co
* You can buy this theme on WrapBootstrap: https://wrapbootstrap.com/theme/smart-business-template-WB07233L7
*/

/* Import Section
=================================================================== */
@import url("../../v4user/static/design/css/icons.css"); /* Icons. */
@import url("../../v4user/static/design/css/icons-color.css"); /* Icons. */
@import url("../../v4user/static/design/css/social-icons.css"); /* Social Icons */
@import url("../../v4user/static/design/css/hover.css"); /* Hover CSS3 Effect */
@import url("../../v4user/static/design/css/fancybox.css"); /* Fancybox */

html {
	-webkit-font-smoothing: antialiased;
}

.clear {
	clear: both;
}

body {
	font-family: 'Droid Sans';
	font-size: 12px;
	color: #666;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Droid Sans" !important;
	font-weight: normal !important;
	color: #666;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 36px;
	line-height: 40px;
}

h2 {
	font-size: 20px;
	line-height: 40px;
}

h3 {
	font-size: 18px;
	line-height: 32px;
}

h4 {
	font-size: 13px;
	line-height: 30px;
}

h5 {
	font-size: 12px;
	line-height: 26px;
}

h6 {
	font-size: 11px;
	line-height: 24px;
}

hr {
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.title {
	border-bottom: 3px double #f6f6f6;
	margin-bottom: 10px;
}

.title h1, .title h2, .title h3, .title h4, .title h5, .title h6 {
	border-bottom: 5px solid #29a9df !important;
	margin-bottom: -4px !important;
	display: inline-block !important;
	padding: 0px 10px !important;
	margin-left: 15px !important;
	margin-right: 15px !important;
}

#wrapper {
	background: #F5F5F5;
}

.wrapper {
	background: #F5F5F5;
}


/* #Lists
================================================== */
ul, ol {
	margin: 0;
}

ul {
	list-style: none outside;
}

ol {
	list-style: decimal;
}

ol, ul.square, ul.circle, ul.disc {
	margin-left: 30px;
}

ul.square {
	list-style: square outside;
}

ul.circle {
	list-style: circle outside;
}

ul.disc {
	list-style: disc outside;
}

ul ul, ul ol, ol ol, ol ul {

}

ul ul li, ul ol li, ol ol li, ol ul li {

}

.listQstText ul, .listQstText ol{
	margin: 0 0 10px 25px;
}

.listQstText ul{
	list-style-type: disc !important;
}

.listQstText ol{
	list-style-type: decimal !important;
}

.listQstText ul li, .listQstText ol li {
	background-color: inherit;
}
/* Header
=================================================================== */
header {
	background: #fff;
	border-bottom: 5px solid #f6f6f6;
}

.brand {
	color: #ddd !important;
	text-decoration: none !important;
	font-size: 28px !important;
	margin-left: 10px;
	text-shadow: none !important;
	margin-top: 10px;
}

.brand  i {
	margin-top: -10px;
	margin-right: 10px;
}

.brand span {
	color: #29a9df;
}

#social-links {
	margin-top: 20px;
	float: right;
}

.nav-collapse.collapse {
	height: auto\9 !important;
	overflow: visible\9 !important;
}

.navbar, .navbar-inner, .nav, .navbar-inverse {
	background: #fff !important;
	filter: none !important;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0px;
	margin: 0;
}
.navbar-inner {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.navbar .nav>li>a {
	color: #666;
	border-top: 4px solid #fff;
	text-shadow: none;
	font-size: 16px;
	padding: 20px;
}
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
	border-top: 4px solid #B31180 !important;
	background: #B31180 !important;
	color: #fff;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:focus {
	color: #FFFFFF !important;
	text-decoration: none;
	border-top: 4px solid #B31180 !important;
    background-color: #fff !important;
   -webkit-box-shadow:none;
   -moz-box-shadow:none;
    box-shadow: none;
}
.navbar .nav>.active>a:hover {
	border-top: 4px solid #B31180 !important;
	background: #B31180 !important;
	color: #FFFFFF !important;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
    box-shadow: none;
}
.navbar .nav .active a:hover>.caret {
	border-top-color: #FFFFFF !important;
	border-bottom-color: #B31180 !important;
}
.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-submenu:hover>a{
	color: #FFFFFF;
	background: #B31180 !important;
}
.dropdown-menu .active>a {
	color: #FFFFFF !important;
	background: #B31180 !important;
}
.dropdown-menu .active>a:hover {
	color: #FFFFFF !important;
	background: #B31180 !important;
}
.navbar .btn-navbar {
	margin-top: 15px;
}
.nav .active .dropdown-toggle .caret {
	border-top-color: #B31180 !important;
	border-bottom-color: #B31180 !important;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle{
	color: #FFFFFF;
}

/* Page Title
=================================================================== */
#page-title-icon {
	background: #fff;
	height: 48px;
	width: 48px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	padding: 4px;
	margin-left: -16px;
	margin-top: -18px;
	position: relative;
	z-index: 10;
	float: left;
}

#page-title {
	background: url(../../v4user/static/design/img/slider.jpg);
	display: block;
	position: relative;
	z-index: 20;
	border-bottom: 6px solid #f6f6f6;
}

.page-title {
	display: inline-block;
	position: relative;
	z-index: 20;
	width: 100%;
}

.page-title-inner {
	background: #B31180;
}

.page-title-inner h2 {
	font-family: sans-serif;
	color: #fff;
	font-size: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#page-title-inner {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background:
            url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5YTlkZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI5YTlkZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(41, 169, 223, 0.9) 0%,
    rgba(41, 169, 223, 0.9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(41,
    169, 223, 0.9)), color-stop(100%, rgba(41, 169, 223, 0.9)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(41, 169, 223, 0.9) 0%,
    rgba(41, 169, 223, 0.9) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(41, 169, 223, 0.9) 0%,
    rgba(41, 169, 223, 0.9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(41, 169, 223, 0.9) 0%,
    rgba(41, 169, 223, 0.9) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(41, 169, 223, 0.9) 0%,
    rgba(41, 169, 223, 0.9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e629a9df',
    endColorstr='#e629a9df', GradientType=0); /* IE6-8 */
    -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, .25);
    -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, .25);
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, .25);
}

#page-title i{
	margin: -6px 2px -5px -18px;
	padding: 0px;
}

#page-title h2 {
	display: inline-block;
	color: #fff;
	padding: 10px 20px 5px 20px;
	font-size: 30px;
}

#page-title span {
	color: #555;
}

.page-title-small h3 {
	width: 100%;
	text-align: center;
}

/* Images Overlay
=================================================================== */
.picture {
	position: relative;
}

.picture .item-description {
	padding: 5px 15px;
	border: none;
	margin: 0px;
}

.post .picture, #portfolio-wrapper .picture {
	position: relative;
	background: #fff;
	padding: 3px;
	border: 1px solid #fcfcfc;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .25);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .25);
}

.post .picture, #portfolio-wrapper .picture .item-description {
	margin-bottom: 0px;
	padding: 5px;
	border: none;
	margin: 0px;
}

#portfolio-wrapper .portfolio-item {
	margin-bottom: 20px;
}

.picture img {
	width: 100%;
	height: auto;
}

.image-overlay-link, .image-overlay-zoom {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 40;
	display: none;
	background-color: #222;
	background: rgba(0, 0, 0, 0.4);
	background-repeat: no-repeat;
	background-position: 50%;
	cursor: pointer;
}

.image-overlay-link {
    background-image:
            url(../../v4user/static/design/img/overlay-icon-01.png);
}

.image-overlay-zoom {
    background-image:
            url(../../v4user/static/design/img/overlay-icon-02.png);
}

.flex-video {
	position: relative;
	padding-top: 25px;
	padding-bottom: 67.5%;
	height: 0;
	overflow: hidden;
	border: 4px solid #fff;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .25);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .25);
}

.flex-video.widescreen {
	padding-bottom: 57.25%;
}

.flex-video.vimeo {
	padding-top: 0;
}

.flex-video iframe, .flex-video object, .flex-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-device-width: 800px) , only screen and
		(device-width: 1024px) and (device-height: 600px) , only screen and
		(width: 1280px) and (orientation: landscape) , only screen and
		(device-width: 800px) , only screen and (max-width: 767px) {
	.flex-video {
		padding-top: 0;
	}
}

/* Flexslider
=================================================================== */

/* Browser Resets
=================================================================== */
.flex-container a:active, .flexslider a:active, .flex-container a:focus,
	.flexslider a:focus {
	outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Necessary Styles
=================================================================== */
.flexslider {
	margin: 0;
	padding: 0;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides>li {
	position: relative;
	zoom: 1;
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider {
	position: relative;
	zoom: 1;
	z-index: 50;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides>li:first-child {
	display: block;
}

/* Default Styles
=================================================================== */
.flexslider {
	background: #fff;
	zoom: 1;
}

.ie7 .flexslider {
	margin-bottom: -30px;
}

.flex-viewport {
	max-height: 2000px;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}

/* Direction Nav
=================================================================== */
.flex-direction-nav a {
	width: 35px;
	height: 35px;
	display: block;
	background-color: #555;
	top: 20px;
	right: 20px;
	float: none;
	position: absolute;
	cursor: pointer;
	text-indent: -9999px;
	background: rgba(0, 0, 0, 0.65);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000',
		endColorstr='#b3000000', GradientType=0); /* IE6-8 */
	*bottom: 50px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.flex-direction-nav .flex-next {
    background-image:
            url(../../v4user/static/design/img/slider-control-right.png);
    background-repeat: no-repeat;
    background-position: 52% 50%;
}

.flex-direction-nav .flex-prev {
    margin-right: 36px;
    background-image:
            url(../../v4user/static/design/img/slider-control-left.png);
    background-repeat: no-repeat;
    background-position: 48% 50%;
}

.flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover
{
    background-color: #29a9df;
    opacity: 1;
}

.subpage .flex-direction-nav a {
	bottom: 0px;
	right: 0px;
	*bottom: 30px;
}

/* Control Nav
=================================================================== */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -30px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 3px 0 0;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	width: 14px;
	height: 14px;
	display: block;
	background: #c8c8c8;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}

.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {
	background: #505050;
}

.flex-control-paging li a.flex-active {
	cursor: default;
}

/* Caption
=================================================================== */
.slide-caption {
	width: auto;
	max-width: 30%;
	padding: 10px 20px;
	margin: 0 0 0px 0px;
	position: absolute;
	display: block;
	left: 20px;
	bottom: 20px;
	background: rgba(0, 0, 0, 0.7);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000',
		endColorstr='#b3000000', GradientType=0); /* IE6-8 */
}

.slide-caption.n {
	background: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000',
		endColorstr='#b3000000', GradientType=0); /* IE6-8 */
}

.slide-caption h3 {
	color: #fff;
	font-size: 18px;
	margin: 0;
	line-height: 33px;
}

.slide-caption p {
	margin: 0;
	line-height: 19px;
	color: #bbb;
}

/* Notice
====================================================================== */
.hero-unit {
	background: #eee;
	border-left: 4px solid #29a9df;
	padding: 13px 13px 13px 15px;
	font-style: italic;
	margin: 20px auto;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-size: 14px !important;
}

/* Icon Boxes
=================================================================== */
.icons-box-container {
	float: left;
}

.icons-boxes-container {
	float: left;
}

.icons-box {
	text-align: center;
	border: 1px solid #fff;
	padding: 20px 10px 10px 10px;
}

.icons-box:hover {
	background: #fcfcfc;
	border: 1px solid #f6f6f6;
}

.icons-box h3 {
	margin: 0 auto;
	padding-top: 10px;
	border-bottom: 3px double #f6f6f6;
	margin-bottom: 10px;
}

.icons-box p {
	float: left;
}

.icons-box i {
	float: left;
	margin: -2px 0 0px 0;
}

.icons-box i.circle {
	float: none !important;
	margin: 0 auto !important;
}

.icons-box i.circle-color {
	float: none !important;
	margin: 0 auto !important;
}

.icons-box i.circle-color-full {
	float: none !important;
	margin: 0 auto !important;
}

.circle {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 1);
	margin: 0 auto;
	opacity: .1;
	filter: alpha(opacity = 10);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.big {
	border: 20px solid #fff !important;
}

.ico-color {
	background-image: url("../../v4user/static/design/img/icons/blue/glyphicons.png");
	opacity: 1;
}

.mini-color {
	background-image: url("../../v4user/static/design/img/icons/blue/glyphicons-mini.png");
	opacity: 1;
}

.circle-color {
	background-color: #fff;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	-webkit-box-shadow: 0px 0px 0px 3px #29a9df;
	-moz-box-shadow: 0px 0px 0px 3px #29a9df;
	box-shadow: 0px 0px 0px 3px #29a9df;
	margin: 0 auto;
	opacity: 1;
}

.circle-color-full {
	background-color: #29a9df;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	-webkit-box-shadow: 0px 0px 0px 3px #29a9df;
	-moz-box-shadow: 0px 0px 0px 3px #29a9df;
	box-shadow: 0px 0px 0px 3px #29a9df;
	margin: 0 auto;
	opacity: 1;
}

.big-color {
	border: 20px solid #29a9df !important;
}

/* Icon Boxes Vert
=================================================================== */
.icons-box-vert-container {
	float: left;
}

.icons-boxes-vert-container {
	float: left;
}

.icons-box-vert {
	border: 1px solid #fff;
	padding: 30px 15px 10px 15px;
}

.icons-box-vert:hover {
	background: #fcfcfc;
	border: 1px solid #f6f6f6;
}

.icons-box-vert-info {
	float: right;
	margin-top: -6px;
	margin-bottom: 6px;
	margin-left: 20px;
	width: 70%;
}

.icons-box-vert h3 {
	float: left;
	margin-top: -10px;
}

.icons-box-vert p {
	float: left !important;
}

.icons-box-vert i {
	float: left;
}

.icons-box-vert i.circle {
	float: left !important;
}

.icons-box-vert i.circle {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 1);
	opacity: .1;
	filter: alpha(opacity = 10);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.icons-left {
	float: left;
}

/* About
=================================================================== */
.team-name {
	padding: 15px 0;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 15px;
	font-family: "Droid Sans";
	font-size: 18px;
	text-align: center;
}

.team-name span {
	font-size: 12px;
	font-weight: normal;
	color: #888;
}

.team-about p {
	padding: 0 0 15px 0;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 15px;
}


/* Alert Boxes
=================================================================== */
.alert {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 15px;
	position: relative;
	padding: 14px 40px 14px 18px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
}

.alert.alert-success {
	background-color: #edf6e5 !important;
	color: #7a9659 !important;
	border: 1px solid #9fc76f !important;
}

.alert.alert-error {
	background-color: #fdeaea !important;
	color: #ca6f74 !important;
	border: 1px solid #f27b81 !important;
}

.alert {
	background-color: #fffee1 !important;
	color: #daac50 !important;
	border: 1px solid #f5c056 !important;
}

.alert.alert-info {
	background-color: #e9f8ff !important;
	color: #5d9fa9 !important;
	border: 1px solid #75c7d3 !important;
}

/* Testimonial's Carousel
=================================================================== */
.testimonial-container {
	position: relative;
}

.testimonials {
	background: #eee;
	border: 1px solid #eee;
	padding: 20px;
	line-height: 21px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
}

.testimonials-bg {
	background: url(../../v4user/static/design/img/testimonials-bg.png) no-repeat;
	margin-top: -1px;
	display: block;
	width: 200px;
	height: 30px;
}

.testimonials-author {
	color: #666;
	float: left;
	display: block;
	margin-left: 60px;
	margin-top: -26px;
	margin-bottom: 20px;
}

.testimonials-author span {
	color: #a0a0a0
}

/* Carousel */
.carousel-disabled, .mr-rotato-disabled, .mr-rotato-next,
	.mr-rotato-prev {
	border: 1px solid #f6f6f6;
	display: inline-block;
	margin-right: 1px;
	height: 21px;
	width: 21px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	display: block;
	position: absolute;
	margin-top: -40px;
}

.mr-rotato-next {
	background: url(../../v4user/static/design/img/testimonials-right-01.png) no-repeat 50%;
	background-color: #fff;
	right: -1px;
	z-index: 6;
}

.mr-rotato-prev {
	background: url(../../v4user/static/design/img/testimonials-left-01.png) no-repeat 50%;
	background-color: #fff;
	right: 25px;
	-webkit-box-shadow: 3px 0px 0px 0px #fff;
	box-shadow: 3px 0px 0px 0px #fff;
	z-index: 5;
}

.mr-rotato-next:hover {
	background: url(../../v4user/static/design/img/testimonials-right-02.png) no-repeat 50%;
}

.mr-rotato-prev:hover {
	background: url(../../v4user/static/design/img/testimonials-left-02.png) no-repeat 50%;
}

.mr-rotato-prev:hover, .mr-rotato-next:hover {
	background-color: #29a9df;
	border-color: #29a9df;
}

/* Tabs
=================================================================== */
.tabs-nav {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.tabs-nav li {
	float: left;
	line-height: 34px;
	overflow: hidden;
	padding: 0;
	position: relative;
	margin: 0 0 -1px 0;
}

.tabs-nav li a {
	background-color: #fcfcfc;
	border: 1px solid #f6f6f6;
	border-right: none;
	border-bottom: 1px solid #f6f6f6;
	color: #888;
	display: block;
	letter-spacing: 0;
	outline: none;
	padding: 0 10px;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
}

.ie7 .tabs-nav li a {
	height: 35px;
}

.tabs-nav li:first-child a {
	border-left: 1px solid #f6f6f6;
}

.tabs-nav li:last-child a {
	border-right: 1px solid #f6f6f6;
}

.tabs-nav li.active a {
	color: #444;
	font-weight: bold;
}

.tabs-nav li.active a i {
	opacity: 1;
	filter: alpha(opacity = 100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.tabs-nav li i {
	opacity: 0.5;
	filter: alpha(opacity = 50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.tabs-nav li a:hover {
	background: #fff;
}

.tabs-nav li.active a {
	background: #fff;
	border-bottom: 2px solid #fff;
}

.tabs-container {
	border: 1px solid #f6f6f6;
	margin: -1px 0 20px;
	overflow: hidden;
	width: 100%;
	line-height: 19px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
}

.tab-content {
	padding: 20px;
}

/* Progress Bar
=================================================================== */
.progress-bar h5 {
	margin-bottom: 6px;
}

.progress-bar li {
	margin-bottom: 12px;
	list-style: none;
}

.meter {
	height: 23px;
	position: relative;
	background: #fcfcfc;
}

.meter>span {
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.meter>span:after, .animate>span>span {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

.meter>span:after, .animate>span>spans li.current {
	background: #29a9df;
}

/* Quotes
=================================================================== */
.quotes {
	background: #fff;
	padding: 3px;
	border: 1px solid #fcfcfc;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .25);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .25);
	font-family: "Boogaloo";
}

.quote, .author {
	line-height: 28px;
	font-size: 24px;
	padding: 15px;
	color: #fff;
	font-family: "Boogaloo";
}

.author {
	font-size: 14px;
	text-align: center;
}

.quote, .author {
	background: #29a9df;
}

/* Dropcaps
=================================================================== */
.dropcap {
	background: #fcfcfc;
	color: #666;
	display: inline-block;
	float: left;
	font-size: 23px;
	font-weight: 600;
	height: 36px;
	line-height: 36px;
	margin: 0 7px 0 0;
	text-align: center;
	width: 36px;
	border: 1px solid #f6f6f6;
}

.dropcap.dark {
	background: #3a3a3a;
	color: #fff;
}

.dropcap.color {
	background: #29a9df;
	color: #fff;
}

/* Clients List
=================================================================== */
.clients-carousel {
	border: 1px solid #f6f6f6;
	overflow: hidden;
}

.clients-carousel li {
	float: left;
	overflow: hidden;
	border-right: 1px solid #f6f6f6;
	margin-left: 1px;
}

.clients-carousel ul.clients {
	background: #fcfcfc;
}

.clients-carousel li img {
	float: none !important;
	margin: 0px auto !important;
	/*filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.clients-carousel li:hover {
	background: #fafafa;
}

.clients-carousel li img:hover {
	filter: none;
	-webkit-filter: grayscale(0);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* Comments
=================================================================== */
.comments-sec {
	float: left;
	width: 100%;
	line-height: 20px;
	margin-top: -15px;
}

ol.commentlist {
	float: left;
	width: 100%;
	margin: 0;
}

ol.commentlist li {
	float: left;
	border-top: 1px solid #e7e7e7;
	padding: 25px 0 20px 0;
}

ol.commentlist li:first-child {
	border: none;
	padding: 25px 0 0px 0;
}

ol.commentlist li {
	list-style: none;
}

ol li ol.childlist {
	float: right;
	width: 89%;
	margin: 0px;
}

ol.commentlist li ol.childlist li:first-child {
	border-top: 1px solid #e9e9e9;
	padding: 25px 0 0 0;
	font-size: 12px;
}

ol.commentlist li ol.childlist li {
	border-top: 1px solid #e9e9e9;
	margin: 25px 0 15px 0;
	font-size: 12px;
}

.comments {
	float: left;
	width: 100%;
}

.comments-amount {
	color: #888;
}

ol li ol.childlist .comment-des {
	float: right;
	width: 89%;
}

.avatar {
	float: left
}

.comment-des {
	float: right;
	width: 90%;
}

.comment-des strong {
	float: left;
	padding-right: 5px;
	font-size: 12px;
}

.comment-des span {
	float: left;
	color: #888;
}

.comment-by {
	float: left;
	width: 100%;
	padding-bottom: 8px;
	padding-top: 5px;
	color: #000;
}

.ie7 .comment-by span.reply span {
	display: none;
}

.comment-by span.reply {
	color: #888;
	float: right;
	display: inline;
}

.comment-by span.reply a {
	float: right;
	height: 17px;
	margin-left: 5px;
	font-weight: normal;
	float: right;
}

.comment-by span.date {
	color: #888;
	padding-right: 7px;
	float: right;
}

.ie7 .comment-by .date {
	display: none;
}

/* Contact Form
=================================================================== */
.field textarea {
	max-width: 97%;
	min-width: 97%;
	height: 130px;
	margin: 5px 0 15px 0;
}

.field input {
	width: 240px;
	margin-bottom: 15px;
}

.field:focus {
	border: 1px solid #eee;
}

.field label span {
	color: #666;
}

.field .validation-error, .field .validation-error:focus {
	border: 1px solid #f2c4c2;
	background: #ffeceb;
}

.loading {
	background: url(../images/loader.gif) no-repeat 1px;
	height: 28px;
	width: 28px;
	float: left;
	margin: 5px 0 0 10px;
	display: none;
}

.success-message .notification {
	margin-bottom: 20px;
}

.success-message {
	display: none;
}

.form-spacer {
	margin-top: 20px;
}

/* Pricing Tables
=================================================================== */
.five-tables .pricing-table {
	width: 20%;
}

.four-tables .pricing-table {
	width: 25%;
}

.three-tables .pricing-table {
	width: 33%;
}

.two-tables .pricing-table {
	width: 50%;
}

.pricing-table {
	float: left;
	margin: 1px 0 0 1px;
}

.pricing-table h3 {
	font-size: 16px;
	text-align: center;
	color: #fff;
	padding: 6px 0;
	margin: 0;
}

.pricing-table li {
	color: #888;
	background: #fff;
	text-align: center;
	padding: 11px 0;
	border-bottom: 1px solid #fff;
}

.pricing-table li:nth-child(2n) {
	background: #f6f6f6;
}

.pricing-table h4 {
	padding: 0 0 10px
}

a.buy {
	text-align: center;
	display: block;
	color: #fff;
	padding: 12px 0;
	font-weight: bold;
	font-size: 14px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

a.buy:hover {
	opacity: 0.9;
	filter: alpha(opacity = 90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

/* Table
=================================================================== */
.pricing-table h3, .pricing-table h4 {
	color: #fff;
	margin: 0;
}

.pricing-table h4 {
	padding: 15px 0;
}

.price, .time {
	display: block;
	text-align: center;
	line-height: 24px;
}

.price {
	font-size: 24px;
	font-weight: normal;
}

.time {
	font-size: 12px;
	font-weight: normal;
}

/* Color Schemes
=================================================================== */

/* Color - 1 */
.pricing-table .color-cccddd h3, .color-cccddd .buy {
	background-color: #ccc;
}

.pricing-table .color-cccddd h4 {
	background-color: #ddd;
}

/* Color - 2 */
.pricing-table .color-666777 h3, .color-666777 .buy {
	background-color: #666;
}

.pricing-table .color-666777 h4 {
	background-color: #777;
}

/* Color - 3 */
.pricing-table .color-custom h3, .color-custom .buy {
	background-color: #111;
	padding: 15px 0;
}

.pricing-table .color-custom h4 {
	background-color: #222;
	padding: 35px 0;
}

.color-custom {
	margin-top: -57px;
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
}

.pricing-table {
	position: relative !important;
	z-index: 5 !important;
	margin: 60px 0px;
}

.pricing-table.best-option {
	position: relative !important;
	z-index: 6 !important;
}

.pricing-table .color-custom h3, .color-custom .buy {
	background-color: #1d7ea7;
}

.pricing-table .color-custom h4 {
	background-color: #29a9df;
}

/* Google Map
=================================================================== */
#googlemaps-container-top {
	position: relative;
	z-index: 2;
	-webkit-box-shadow: inset 0px 3px 3px rgba(0, 0, 0, .25);
	-moz-box-shadow: inset 0px 3px 3px rgba(0, 0, 0, .25);
	box-shadow: inset 0px 3px 3px rgba(0, 0, 0, .25);
	height: 20px;
}

#googlemaps-container-bottom {
	position: relative;
	z-index: 2;
	-webkit-box-shadow: inset 0px -3px 3px rgba(0, 0, 0, .25);
	-moz-box-shadow: inset 0px -3px 3px rgba(0, 0, 0, .25);
	box-shadow: inset 0px -3px 3px rgba(0, 0, 0, .25);
	height: 20px;
	margin-top: -40px;
	border-bottom: 5px solid #f6f6f6;
	margin-bottom: 20px;
}

#googlemaps {
	position: relative;
	z-index: 1;
	height: 400px;
	width: 100%;
	top: -20px;
}

#small-map-container {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	position: relative;
	z-index: 2;
	border: 5px solid #f6f6f6;
	-webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, .25);
	-moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, .25);
	box-shadow: inset 0px 0px 5px rgba(0, 0, 0, .25);
	height: 210px;
	width: 210px;
	margin-bottom: -215px;
}

#small-map-container a {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	position: relative;
	z-index: 2;
	height: 210px;
	width: 210px;
	display: block;
}

#small-map {
	position: relative;
	z-index: 1;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	margin-left: 5px;
}

/* Filters
=================================================================== */
#filters {
	text-align: right;
	right: 0;
	margin: 10px 0px;
	border-bottom: 3px double #f6f6f6;
}

#filters ul li {
	display: inline;
}

#filters a {
	padding: 5px 10px;
	border: 1px solid #f6f6f6;
	display: inline-block;
	color: #888;
	background-color: #fff;
	margin: 0 5px 10px 0;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#filters a:hover, .selected {
	background-color: #29a9df !important;
	border: 1px solid #29a9df !important;
	color: #fff !important;
}

/* Posts
=================================================================== */
.post {
	padding: 0 0 15px 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

.post.post-page {
	border-bottom: none;
	margin-bottom: 0;
}

.post-content {
	margin: 22px 0 0 0px;
}

/* Icons
=================================================================== */
.post-icon {
	float: left;
	width: 70px;
	height: 70px;
	margin-top: 30px;
}

/* Tags */
.post-meta {
	background: #fff;
	color: #666;
	margin: 5px 0px;
	padding: 10px 5px;
	border-top: 1px solid #eee;
}

.post-meta a {
	text-decoration: none;
}

.post-meta a:hover {

}

.post-meta i {
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
	margin-right: 5px;
	zoom: 1;
}

.post-meta span {
	margin-right: 10px;
}

/* Portfolio Info
=================================================================== */
.project-info {
	margin-bottom: 15px;
}

.project-info .button {
	margin-bottom: 30px !important;
}

.project-info strong {
	color: #29a9df;
}

.launch {
	margin-bottom: 30px;
}

.project-tags {
	margin-top: 15px;
}

.project-tags strong {
	float: left;
	margin: 5px 10px 20px 0;
}

/* Pagination
=================================================================== */
.pagination {
	margin-bottom: -10px;
}

.pagination li {
	padding: 5px 10px;
	border: 1px solid #eee;
	display: inline-block;
	*float: left;
	background: #fff;
	color: #888;
	margin-right: 1px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.ie7 .pagination li {
	margin-right: 5px;
}

li.current {
	background: #29a9df;
	border: 1px solid #29a9df;
	color: #fff;
}

/* Widgets
=================================================================== */
.widget {
	margin-top: 25px;
}

.first.widget {
	margin-top: -5px;
}

.first.widget {
	margin-top: -5px;
}

/* Tags */
.tags a {
	padding: 5px 10px;
	border: 1px solid #eee;
	display: inline-block;
	color: #666;
	background: #fff;
	margin: 0 3px 6px 0;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	border-radius: 1px;
}

.tags a:last-child {
	margin-right: 0;
}

.tags a:hover {
	background: #29a9df;
	border: 1px solid #29a9df;
	color: #fff;
}

/* Isotope Filtering
=================================================================== */
.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/* Isotope CSS3 transitions
=================================================================== */
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity;
}

/* Disabling Isotope CSS3 transitions
=================================================================== */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition
{
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* Disable CSS transitions for containers with infinite scrolling
====================================*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

/* List Styles
=================================================================== */
.check_list li, .plus_list li, .minus_list li, .star_list li,
	.arrow_list li, .square_list li, .circle_list li, .cross_list li {
	list-style: none;
	margin: 5px 0;
}

.check_list li {
    background:
            url(../../v4user/static/design/img/icons/list/blue/list_check.png)
            no-repeat 0% 50%;
    padding: 0 0 0 18px;
}

.plus_list  li {
    background:
            url(../../v4user/static/design/img/icons/list/blue/list_plus.png)
            no-repeat 0% 50%;
    padding: 0 0 0 18px;
}

.minus_list  li {
    background:
            url(../../v4user/static/design/img/icons/list/blue/list_minus.png)
            no-repeat 0% 50%;
    padding: 0 0 0 18px;
}

.star_list  li {
    background:
            url(../../v4user/static/design/img/icons/list/blue/list_star.png)
            no-repeat 0% 50%;
    padding: 0 0 0 16px;
}

.arrow_list  li {
    background:
            url(../../v4user/static/design/img/icons/list/blue/list_arrow.png)
            no-repeat 0% 50%;
    padding: 0 0 0 16px;
}

.square_list  li {
    background:
            url(../../v4user/static/design/img/icons/list/blue/list_square.png)
            no-repeat 0% 50%;
    padding: 0 0 0 16px;
}

.circle_list  li {
    background:
            url(../../v4user/static/design/img/icons/list/blue/list_circle.png)
            no-repeat 0% 50%;
    padding: 0 0 0 16px;
}

.cross_list  li {
    background:
            url(../../v4user/static/design/img/img/icons/list/blue/list_cross.png)
            no-repeat 0% 50%;
    padding: 0 0 0 16px;
}

/* Contact Form
=================================================================== */
.validation-error, .validation-error:focus {
	border: 1px solid #f2c4c2 !important;
	background: #ffeceb !important;
}

/* Login & Register
=================================================================== */
#login-box, #register-box {
	padding: 20px 20px;
	margin-bottom: 40px;
	background: #fff;
	border-top: 1px solid #ddd;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .35);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .35);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .35);
}

#login-form input[type="text"] {
	margin-bottom: 8px;
	font-size: 16px;
	height: 40px;
}

#login-form input[type="checkbox"] {
	margin-top: -4px;
}

#login-form .remember {
	width: 45%;
	float: left;
	text-align: left;
	line-height: 30px;
	height: 40px;
}

#login-form .forgot {
	width: 45%;
	float: right;
	text-align: right;
	font-weight: bold;
	line-height: 30px;
	height: 40px;
}

/* Footer
====================================================================== */
#footer-menu {
    height: 50px;
    background: #fcfcfc url(../../v4user/static/design/img/bg-k20.png)
    repeat;
    border-top: 4px solid #f6f6f6;
    border-bottom: 4px solid #f6f6f6;
    margin-top: 20px;
}

#footer-menu-logo {
	height: 46px;
}

#footer-menu-logo #logo-chart {
	margin: 5px;
	height: 36px;
	width: 36px;
	background: #fcfcfc url(../../v4user/static/design/img/chart.png);
	background-repeat: no-repeat;
	background-position: 48%;
	opacity: .1;
	filter: alpha(opacity = 10);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	border: 3px solid #000;
	float: left;
}

#footer-menu-logo a {
	color: #ddd;
	text-decoration: none;
	font-size: 22px;
	line-height: 54px;
	margin-left: 5px;
}

#footer-menu-logo span {
	color: #666;
}

#footer-menu-logo img {
	margin-top: 10px;
}

#footer-menu-links {
	display: block;
	float: left;
	max-height: 52px;
	margin: 6px 0 6px 0;
}

#footer-menu-links ul, #footer-menu-links li {
	list-style: disc;
	color: #999999;
	padding: 0;
	margin: 0;
}

#footer-menu-links li:first-child {
	list-style: none;
}

#footer-menu-links ul li {
	float: left;
	position: relative;
	z-index: 100;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#footer-menu-links ul li a {
	display: inline-block;
	color: #666;
	text-decoration: none;
	font-size: 12px;
	font-family: 'Droid Sans';
	text-transform: lowercase;
	padding: 10px 15px 10px 0px;
	margin: 0px 10px 0px 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-weight: bold;
}

#footer-menu-links ul li:first-child a {

}

#footer-menu-links ul li a:hover {
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#footer-menu-back-to-top {
	margin: 10px;
	z-index: 999;
}

#footer-menu-back-to-top a {
    width: 30px;
    height: 30px;
    display: block;
    background-color: #29a9df;
    background-image:
            url(../../v4user/static/design/img/scroll-top-top.png);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#footer-menu-back-to-top a:hover {
	background-color: #aaa;
}

#footer {
	background: url(../../v4user/static/design/img/bg-k10.png) repeat;
	border-bottom: 4px solid #f6f6f6;
	color: #666 !important;
	padding: 40px 0px;
	z-index: 1;
	position: relative;
	opacity: 1;
}

#footer, #footer p, #footer a {
	color: #666 !important;
}

#footer a:hover {
	color: #fff;
}

.no-margin {
	margin-top: 0;
}

#footer h3 {
	padding: 2px 0px !important;
	margin-bottom: 10px;
	color: #666;
	border-bottom: 5px double #f6f6f6;
}

/* Newsletter Form
====================================================================== */
form#newsletter {
	color: #999999;
	margin-left: 10px;
}

form#newsletter p {
	margin: 0px 0px -10px 0px;
}

form#newsletter label {
	font-size: 16px;
	width: 20px;
	display: block;
	position: relative;
	left: 8px;
	top: 33px;
	z-index: 2;
}

form#newsletter input[type=text] {
	background: #fff;
	width: 75%;
	float: left;
	border: 1px solid #f6f6f6;
	position: relative;
	z-index: 1;
	padding: 7px 0px 8px 34px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
}

form#newsletter input[type=submit] {
	background: #29a9df;
	color: #fff;
	width: 25%;
	float: left;
	border: 1px solid #f6f6f6;
	position: relative;
	z-index: 2;
	font-size: 14px;
	padding: 7px 0px 8px 0px;
	margin-top: 0px;
	margin-left: -42px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
}

/* Copyright
====================================================================== */
#copyright {
	padding: 20px 0px;
}

#copyright p {
	margin: 0 auto;
	text-align: center;
	color: #666;
}

/* Links List
=================================================================== */
.links-list li a {
    color: #a4a4a4;
    display: block;
    padding: 3px 0;
    padding-left: 12px;
    background:
            url(../../v4user/static/design/img/links-list-arrow-01.png)
            no-repeat left 47%;
}

.links-list-alt li a {
    color: #666;
    display: block;
    padding: 3px 0;
    padding-left: 12px;
    background:
            url(../../v4user/static/design/img/links-list-arrow-02.png)
            no-repeat left 47%;
}

.links-list li a:hover {
	color: #efe9d8
}

.links-list-alt li a:hover {
	color: #888
}

.links-list li:first-child a, .links-list-alt li:first-child a {
	margin: -3px 0 0 0;
}

/* Photo Stream
=================================================================== */
.flickr-widget {
	margin-right: -12px;
	margin-top: 15px;
}

.flickr-widget img {
	display: block;
	width: 100%;
}

.flickr-widget a:hover {
	border-color: #505050;
}

.flickr-widget a {
	float: left;
	width: 52px;
	height: 52px;
	margin-left: 0px;
	margin-right: 11px;
	margin-bottom: 12px;
	background: #fcfcfc;
	border: 1px solid #f6f6f6;
	padding: 4px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.ie7 .flickr-widget a {
	width: 54px;
	height: 54px;
}

/* Custom Buttons Colors
====================================================================== */
.btn-primary.active, .btn-warning.active, .btn-danger.active,
	.btn-success.active, .btn-info.active, .btn-inverse.active {
	color: rgba(255, 255, 255, 0.75);
}

.btn {
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15)
    rgba(0, 0, 0, 0.25);
}

.btn:not(.btn-primary){
    background:  '' ;
}

.btn:not(.btn-primary):hover{
	background:  '' ;
}

.btn:not(.btn-primary):active{
	background:  '' ;
}

.nav-item .btn, .btn.inheritBgColor {
	background-color: inherit;
}

.btn-warning {
    background-color: #faa732;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #fbb450, #fbb450);
    background-image: -ms-linear-gradient(top, #fbb450, #fbb450);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450),
    to(#fbb450));
    background-image: -webkit-linear-gradient(top, #fbb450, #fbb450);
    background-image: -o-linear-gradient(top, #fbb450, #fbb450);
    background-image: linear-gradient(top, #fbb450, #fbb450);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'
    fbb450, endColorstr='#' fbb450, GradientType=0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);
}

.btn-warning:hover, .btn-warning:active, .btn-warning.active,
	.btn-warning.disabled, .btn-warning[disabled] {
	background-color: #fbb450;
}

.btn-warning:active, .btn-warning.active {
	background-color: #c67605 \9;
}

.btn-danger {
    background-color: #da4f49;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #ee5f5b, #ee5f5b);
    background-image: -ms-linear-gradient(top, #ee5f5b, #ee5f5b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b),
    to(#ee5f5b));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #ee5f5b);
    background-image: -o-linear-gradient(top, #ee5f5b, #ee5f5b);
    background-image: linear-gradient(top, #ee5f5b, #ee5f5b);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'
    ee5f5b, endColorstr='#' ee5f5b, GradientType=0);
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled,
	.btn-danger[disabled] {
	background-color: #ee5f5b
}

.btn-danger:active, .btn-danger.active {
	background-color: #942a25 \9;
}

.btn-success {
    background-color: #5bb75b;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #29a9df, #29a9df);
    background-image: -ms-linear-gradient(top, #29a9df, #29a9df);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#29a9df),
    to(#29a9df));
    background-image: -webkit-linear-gradient(top, #29a9df, #29a9df);
    background-image: -o-linear-gradient(top, #29a9df, #29a9df);
    background-image: linear-gradient(top, #29a9df, #29a9df);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'
    29a9df, endColorstr='#' 29a9df, GradientType=0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);
}

.btn-success:hover, .btn-success:active, .btn-success.active,
	.btn-success.disabled, .btn-success[disabled] {
	background-color: #29a9df;
}

.btn-success:active, .btn-success.active {
	background-color: #408140 \9;
}

.btn-info {
    background-color: #49afcd;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #5bc0de, #5bc0de);
    background-image: -ms-linear-gradient(top, #5bc0de, #5bc0de);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de),
    to(#5bc0de));
    background-image: -webkit-linear-gradient(top, #5bc0de, #5bc0de);
    background-image: -o-linear-gradient(top, #5bc0de, #5bc0de);
    background-image: linear-gradient(top, #5bc0de, #5bc0de);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'
    5bc0de, endColorstr='#' 5bc0de, GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);
}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled,
	.btn-info[disabled] {
	background-color: #5bc0de;
}

.btn-info:active, .btn-info.active {
	background-color: #24748c \9;
}

.btn-inverse {
	color: #ffffff;
	background-color: #363636;
	*background-color: #222222;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444),
		to(#222222));
	background-image: -webkit-linear-gradient(top, #444444, #222222);
	background-image: -o-linear-gradient(top, #444444, #222222);
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-image: -moz-linear-gradient(top, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444',
		endColorstr='#ff222222', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active,
	.btn-inverse.disabled, .btn-inverse[disabled] {
	color: #ffffff;
	background-color: #222222;
	*background-color: #151515;
}

.btn-inverse:active, .btn-inverse.active {
	background-color: #080808 \9;
}

.btn-link {
	border-color: transparent;
}

/* Higher than 1200 (desktop devices)
====================================================================== */
@media only screen and (min-width: 1200px) {
	.nav-collapse {
		float: right;
	}
}

/* Higher than 960 (desktop devices)
====================================================================== */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .nav-collapse {
        float: right;
    }
    .navbar .nav>li>a {
        padding: 22px 10px;
    }
	.flexslider.home {
		min-height: 300px;
	}
}

/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    header {
        min-height: 64px;
    }
    .brand {
        margin-top: 10px !important;
    }
    .navbar .nav>li>a {
        font-size: 14px;
        padding: 5px 15px;
    }
	ol li ol.childlist .comment-des {
		width: 86%;
	}
}

/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {
    body {
        padding: 0px;
    }
    header, #wrapper, #footer-menu, #footer {
        padding: 0px 10px;
    }
    .brand {
        margin-top: 10px !important;
    }
    #contact-details {
        text-align: center;
        float: left;
    }
    .post-meta {
        display: none;
    }
    .post-title h2 {
        line-height: 26px;
        margin-bottom: 15px;
    }
    .post-icon {
        margin-top: 28px;
    }
    #filters, #portfolio-navi {
        position: relative;
        text-align: left;
        display: block;
        margin: 0 0 23px 0;
    }
    #portfolio-navi {
        margin: -5px 0 25px 0;
    }
    .portfolio-item {
        margin: 5px 0 25px 0 !important;
    }
	.item-description.related {
		margin-bottom: 30px;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    header {
        min-height: 64px;
    }
    .navbar .nav>li>a {
        font-size: 14px;
        padding: 5px 15px;
    }
    .flickr-widget a {
        width: 53px;
        height: 53px;
    }
    ol li ol.childlist .comment-des {
        width: 82%;
    }
	.comment-des {
		width: 83%;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {
    header {
        min-height: 64px;
    }
    .navbar .nav>li>a {
        font-size: 14px;
        padding: 5px 15px;
    }
    ol li ol.childlist .comment-des {
        width: 77%;
    }
	.comment-des {
		width: 78%;
	}
}
/**
 * This layout is delivered from the file system.
 *
 * CONTENTS
 *
 * 1 ................... General
 * 1.1 ................. Icon Boxes
 * 1.2 ................. Caption
 * 1.3 ................. Progress Bar
 * 1.4 ................. Pop Over
 * 1.5 ................. Images
 * 1.6 ................. Buttons
 * 1.7 ................. Pills
 * 2 ................... Header
 * 3 ................... Search
 * 4 ................... Page Title
 * 5 ................... Sort
 * 6 ................... Footer
 * 7 ................... e-tutor Content
 * 7.1 ................. Learnpath
 * 7.2 ................. Learnobject
 * 7.3 ................. Questions
 * 7.4 ................. Answers
 * 7.5 ................. Status
 * 8 ................... Errors & Messages
 * 9 ................... Test
 */

/* 1 ................... General
=================================================================== */
body {
	font-size: 14px;
	font-family: sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: sans-serif !important;
}

a {
	color: #B31180;
}

a:hover {
	color: #B31180;
}

a:focus {
	color: #B31180;
}

h3 {
	font-size: 16px;
	line-height: 32px;
}

input[type="radio"] {
	margin: 0;
}

hr.exercise {
	border-top: 1px solid #F5F5F5;
}

td.tb_cell_width_small {
	max-width: 50px;
	min-width: 50px;
	width: 50px;
}

td.tb_cell_width_middle {
	min-width: 200px;
	width: 200px;
}

td.tb_cell_width_wide {
	min-width: 400px;
	width: 400px;
}

td.tb_cell_width_default {
	min-width: 190px;
}

ol#target {
	list-style-position: inside;
	list-style: decimal;
}

span.deleteAttachment {
	color: #B31180;
}

.tableCell {
	padding-bottom: 10px;
	display: table-cell;
	width: 100%;
}

.tableRow {
	display: table-row;
}

.spacerOverlap {
	margin-left: -14px;
}

.spacerWidth {
	width: 100%;
	margin-left: 13px;
}

/* 1.1 ................. Icon Boxes
=================================================================== */
.circle-color-full {
	background-color: #B31180;
	box-shadow: 0 0 0 3px#B31180;
}

.icons-box-vert-info {
	float: left;
}

.post .picture, #portfolio-wrapper .picture {
	padding: 20px;
}

/* 1.2 ................. Caption
=================================================================== */
.slide-caption {
	max-width: 50%;
	color: white;
}

/* 1.3 ................. Progress Bar
=================================================================== */
.progress {
	margin-bottom: 5px;
}

.progress .bar {
	background-color: #B31180;
	background-image: none;
}

/* 1.4 ................. Pop Over
=================================================================== */
.popover {
	width: 300px;
}

.popover-inner {
	width: 100%;
	text-align: left;
}

.popover-title {
	font-size: 14px !important;
	font-weight: bold !important;
}

.learnplace-search-form {
	float: right;
	margin-left: 10px;
	margin-right: 0;
}

@media (max-width: 979px) {
	.learnplace-search-form {
		margin-left: 0;
	}

	.learnplace-search-form .span2 {
		width: 120px;
	}
}

@media (max-width: 400px) {
	.learnplace-search-form .span2 {
		width: 90px !important;
	}
}

@media (min-width: 401px) and (max-width: 430px) {
	.learnplace-search-form .span2 {
		width: 110px !important;
	}
}

@media (min-width: 431px) and (max-width: 472px) {
	.learnplace-search-form .span2 {
		width: 125px !important;
	}
}

@media (min-width: 980px) and (max-width: 1200px) {
	.navbar .nav>li>a {
		font-size: 13px;
		padding-left: 6px;
		padding-right: 6px;
	}

	.learnplace-search-form {
		margin-top: 20px !important;
		margin-left: 6px;
	}

	.learnplace-search-form .span2 {
		width: 95px;
	}
}

/* 1.5 ................. Images
=================================================================== */
.logo {
	background-image: url("/e-tutor/image.media?objectId=1695912412013,2147482560");
	width: 170px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center;
}

/* 1.6 ................... Button
=================================================================== */
.btn-primary {
	background-color: #B31180;
	color: #ffffff;
	background-image: none;
	filter: none;
	border: #B31180;
}

.btn-primary:hover {
	background: #B31180;
	border: #B31180;
}

.btn-primary:active, .btn-primary:focus {
	background-color: #B31180 !important;
}

.btn-primary.disabled, .btn-primary[disabled]{
	background-color: #B31180;
}

.btn-down {
	margin-top: 25px;
}

button#searchButton {
	background: #B31180;
}

button#searchButton:hover {
	background: #B31180;
}

/* 1.7 ................... Pills
=================================================================== */
.nav-pills>li>a {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 20px;
	list-style-position: inside;
	border: 1px solid #ccc;
	margin: 5px;
}

.nav-pills>.active>a {
	background: #B31180 !important;
	color: #fff;
	background-color: #B31180 !important;
}

/* 2 ................... Header
=================================================================== */
.navbar .nav>li>a {
	padding-left: 10px;
	padding-right: 10px;
}

.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
	border-top: 4px solid #B31180 !important;
	background: #B31180 !important;
	color: #FFFFFF;
}

.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
	border-top: 4px solid #B31180 !important;
	background: #B31180 !important;
	color: #FFFFFF;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:focus {
	color: #B31180 !important;
	text-decoration: none;
	border-top: 4px solid #B31180 !important;
	background-color: #fff !important;
	box-shadow: none;
}

.navbar .nav>.active>a:hover {
	border-top: 4px solid #B31180 !important;
	background: #B31180 !important;
	color: #FFFFFF !important;
	box-shadow: none;
}

.navbar .nav .active a:hover>.caret {
	border-top-color: #FFFFFF !important;
	border-bottom-color: #FFFFFF !important;
}

.navbar .btn-navbar {
	margin-top: 15px;
}

.navbar .brand {
	padding-bottom: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}

.nav .active .dropdown-toggle .caret {
	border-top-color: #B31180 !important;
	border-bottom-color: #B31180 !important;
}

@media ( max-width :979px) {
	.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
		border-radius: 0;
		font-weight: normal;
	}
	.nav-collapse .open > .dropdown-menu {
		margin: 0 0 !important;
	}
}

.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-submenu:hover>a
{
    color: #FFFFFF;
    background: #B31180 !important;
}

.dropdown-menu .active>a {
	color: #FFFFFF !important;
	background: #B31180 !important;
}

.dropdown-menu .active>a:hover {
	color: #FFFFFF !important;
	background: #B31180 !important;
}

/* 3 ................... Search
=================================================================== */
.searchresult-program {
	font-size: 12px;
}

.searchresult-title {
	font-size: 18px;
}

.searchresult-separator {
	margin: 15px 0 0 0;
}

.form-search>fieldset>.control-group {
	float: left;
	margin-right: 20px;
}

.form-search>fieldset>.actions>button.btn, input[type="submit"].btn {
	margin-top: 25px;
}

.input-append .add-on, .input-append .btn, .input-append .btn-group {
	background-color: rgb(192, 208, 42);
}

/* 4 ................... Page Title
=================================================================== */
#page-title h2 {
	font-family: sans-serif !important;
}

#page-title-inner {
	background: rgba(106, 148, 48, 0.5) 0%;
	box-shadow: inset 0px 0px 5px rgba(0, 0, 0, .25);
	filter: none;
	background-color: #B31180;
}

/* 5 ................... Sort
=================================================================== */
ul.sortable, ol.sortable {
	list-style-type: none;
	float: left;
	background: #ddd;
	width: 100%;
	min-height: 100px;
}

.sortable li {
	padding: 10px;
	background-color: #6A9430;
	margin: 5px;
	color: #fff;
	cursor: move;
}

.sortable-top {
	list-style-type: none;
	float: left;
	background: rgb(129, 188, 225);
	width: 100%;
	min-height: 35px;
}

.sortable-top li {
	padding: 10px;
	background-color: #fff;
	margin: 5px;
	color: #000;
	cursor: move;
}

.at-sortable-top > li {
	width: 29%;
	float: left;
}

#sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 60%;
}

#sortable li {
	margin: 0 5px 15px 5px;
	padding: 10px;
	height: 80px !important;
	background-color: rgb(0, 97, 161);
	cursor: move;
	color: white;
}

/* 6 ................... Footer
=================================================================== */
#footer {
	padding-top: 0;
}

#footer-menu {
	margin-top: 0;
	background-color: #ddd;
}

#footer-menu-back-to-top a {
	background-color: #B31180;
}

/* 7 ................... e-Tutor
 * 7.1 ................. Learnpath
=================================================================== */
a.learnpath-element {
	color: gray;
	display: block;
	border-left: 0 solid;
	border-right: 0 solid;
	padding: 5px 5px 5px 5px;
}

a.learnpath-element:hover {
	text-decoration: none;
}

div.learnpath-element {
	color: gray;
	display: block;
	border-left: 0 solid;
	border-right: 1px solid;
	border-color: #fff;
	padding: 5px 5px 5px 5px;
}

.learnpath-element {
	height: 130px !important;
	border-right: 1px solid;
	border-color: #fff;
}

.learnpath-relevant {
	font-size: 11px;
}

.learnplace-action {
	margin: 0 5px 0 20px !important;
}

.learnplace-widget {
	margin-bottom: 30px;
}

.learnplace-widget-header {
	padding: 20px 20px 2px 20px;
	background-color: #fff;
}

.learnplace-widget-header h3 {
	color: #222;
	font-size: 1.4em;
}

.learnplace-widget-main {
	background-color: white;
	padding: 20px 20px 20px 20px;
}

.learnplace-widget-main .label-info {
	background-color: #1D427B;
}

.learnplace-widget-footer {
	background-color: white;
	padding: 20px 20px 20px 20px;
	margin: 0 1px 0 1px;
}

.learplace-widget-footer {
	padding: 20px 20px 20px 20px;
	background-color: #fff;
}

.learnpath-active {
	cursor: default;
	height: 10px;
	margin: -10px 1px 0 0;
}

.learnpath-active-status-none, .learnpath-active-status-started,
	.learnpath-active-status-locked, .learnpath-active-status-browsed{
	background-color: #999999;
}

.learnpath-active-status-current {
	background-color: #f5c056;
}

.learnpath-active-status-passed, .learnpath-active-status-completed {
	background-color: #6a9430;
}

.learnpath-active-status-exammode {
	background-color: #88BAFE;
}

.learnpath-active-status-failed {
	background-color: #f97ca2;
}

.learnpath-active-lockStatus-lockedByTutor,
	.learnpath-active-lockStatus-lockedByPrior {
	background-color: #b71512;
}

.learnpath-status-none, .learnpath-status-started, .learnpath-status-incomplete, .learnpath-status-browsed, .learnpath-status-not_attempted,
	.learnpath-status-locked {
	color: #333;
	background-color: #eee;
}

.learnpath-status-passed, .learnpath-status-completed {
	color: #333;
	background-color: #e2f0d9;
}

.learnpath-status-exammode {
	color: #333;
	background-color: #E1EFFF;
}

.learnpath-status-failed {
	color: #333;
	background-color: #fbd3df;
}

.learnpath-lockStatus-lockedByTutor, .learnpath-lockStatus-lockedByPrior
{
    color: #333;
    background-color: #123456;
}

.learnpath-img {
	width: 190px;
	height: 75px;
}

.learnpath-img-none, .learnpath-img-started, .learnpath-img-failed,
.learnpath-img-locked, .learnpath-img-tutorial-none,
.learnpath-img-test-none, .learnpath-img-assessment-none,
.learnpath-img-epayment-none, .learnpath-img-feedback-none,
.learnpath-img-seminar-none, .learnpath-img-forum-none,
.learnpath-img-aicc-none, .learnpath-img-tutorial-started,
.learnpath-img-test-started, .learnpath-img-assessment-started,
.learnpath-img-epayment-started, .learnpath-img-feedback-started,
.learnpath-img-seminar-started, .learnpath-img-forum-started,
.learnpath-img-aicc-started, .learnpath-img-incomplete, .learnpath-img-browsed,
.learnpath-img-not_attempted {
    background:
            url("../../v4user/static/steag/img/learnpath/street-normal.jpg");
}

.learnpath-img-tutorial-current, .learnpath-img-test-current,
.learnpath-img-assessment-current, .learnpath-img-epayment-current,
.learnpath-img-feedback-current, .learnpath-img-seminar-current,
.learnpath-img-forum-current, .learnpath-img-aicc-current,
.learnpath-img-current {
    background:
            url("../../v4user/static/steag/img/learnpath/street-position.jpg");
}

.learnpath-img-tutorial-passed, .learnpath-img-test-passed,
.learnpath-img-assessment-passed, .learnpath-img-epayment-passed,
.learnpath-img-feedback-passed, .learnpath-img-seminar-passed,
.learnpath-img-forum-passed, .learnpath-img-aicc-passed,
.learnpath-img-tutorial-completed, .learnpath-img-test-completed,
.learnpath-img-assessment-completed, .learnpath-img-epayment-completed,
.learnpath-img-feedback-completed, .learnpath-img-seminar-completed,
.learnpath-img-forum-completed, .learnpath-img-aicc-completed {
    background:
            url("../../v4user/static/steag/img/learnpath/street-driven.jpg");
}

.learnpath-img-start-started, .learnpath-img-start-passed,
.learnpath-img-start-completed, .learnpath-img-start-locked,
.learnpath-img-start-failed {
    background:
            url("../../v4user/static/steag/img/learnpath/start-driven.jpg");
}

.learnpath-img-start-none, .learnpath-img-start-current,
.learnpath-img-start-not_registered {
    background:
            url("../../v4user/static/steag/img/learnpath/start-position.jpg");
}

.learnpath-img-goal-none, .learnpath-img-goal-started,
.learnpath-img-goal-failed, .learnpath-img-goal-locked,
.learnpath-img-goal-not_registered {
    background:
            url("../../v4user/static/steag/img/learnpath/goal-normal.jpg");
}

.learnpath-img-goal-current, .learnpath-img-goal-passed,
.learnpath-img-goal-completed {
    background:
            url("../../v4user/static/steag/img/learnpath/goal-position.jpg");
}

.learnpath-img-barrier-current, .learnpath-img-barrier-started,
.learnpath-img-barrier-completed, .learnpath-img-barrier-passed {
    background:
            url("../../v4user/static/steag/img/learnpath/barrier-open.jpg");
}

.learnpath-img-barrier-locked, .learnpath-img-barrier-none {
    background:
            url("../../v4user/static/steag/img/learnpath/barrier-closed.jpg");
}

.learnpath-img-checkpoint-started, .learnpath-img-checkpoint-current,
.learnpath-img-checkpoint-completed, .learnpath-img-checkpoint-passed {
    background:
            url("../../v4user/static/steag/img/learnpath/checkpoint-open.jpg");
}

.learnpath-img-checkpoint-none, .learnpath-img-checkpoint-locked {
    background:
            url("../../v4user/static/steag/img/learnpath/checkpoint-closed.jpg");
}

.learnpath-img-tutorial-lockedByTutor,
.learnpath-img-lockStatus-lockedByTutor,
.learnpath-img-test-lockedByTutor,
.learnpath-img-assessment-lockedByTutor,
.learnpath-img-epayment-lockedByTutor,
.learnpath-img-feedback-lockedByTutor,
.learnpath-img-seminar-lockedByTutor,
.learnpath-img-forum-lockedByTutor, .learnpath-img-aicc-lockedByTutor {
    background:
            url("../../v4user/static/steag/img/learnpath/roadworks-normal.jpg");
}

/* 7.2 ................. Learnobject
=================================================================== */
.learnobject {
	padding: 5px;
	height: 180px;
}

#current-learnobject {
	background-color: rgba(106, 148, 48, 0.2);
}

/* 7.3 ................. Questions
=================================================================== */
.question {
	font-weight: bold;
}

.question-status-unrated {
	background-color: #f0f0f0;
}

.question-status-completed {
	background-color: #9bacff;
	color: #0532ff;
}

.question-status-passed {
	background-color: #dff0d8;
	color: #609c46;
}

.question-status-failed {
	background-color: #FF6363;
	color: #c09853;
}

.question-status-none {
	color: #ccc;
}

.question-status-marked {
	background-color: #f9c268;
	color: #ccc;
}

.question-current-status-completed, .question-current-status-passed,
	.question-current-status-failed, .question-current-status-none {
	background-color: rgb(237, 232, 196);
	color: white;
}

.question-ga-answer-correct {
	color: #7AB341;
	border-color: #7AB341;
	background: transparent;
}

.question-ga-answer-wrong {
	color: #DD0806;
	border-color: #DD0806;
	background: transparent;
}

.question-pi-target-editable {
	background: url("../../v4user/static/steag/img/test/target.png");
	padding-left: 32px;
	padding-top: 32px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.question-pi-target-locked {
	background: url("../../v4user/static/steag/img/test/target.png");
	padding-left: 32px;
	padding-top: 32px;
	background-repeat: no-repeat;
}

.question-pi-target-correct {
    background:
            url("../../v4user/static/steag/img/test/target_correct.png");
    padding-left: 32px;
    padding-top: 32px;
    background-repeat: no-repeat;
}

.question-pi-target-wrong {
    background:
            url("../../v4user/static/steag/img/test/target_wrong.png");
    padding-left: 32px;
    padding-top: 32px;
    background-repeat: no-repeat;
}

.question-pi-info {
	background: url("../../v4user/static/steag/img/test/info.png");
	padding-left: 24px;
	padding-top: 24px;
	background-repeat: no-repeat;
}

.question-pi-resize {
	background: url("../../v4user/static/steag/img/test/resize.png");
	padding-left: 32px;
	padding-top: 32px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.question-pi-correct-area {
	position: absolute;
	display: none;
	z-index: 1;
	background-color: rgba(18, 177, 59, 0.3);
	border-radius: 3px;
}

.overview-question-status-passed {
	color: #6A9430;
}

.overview-question-status-failed {
	color: red;
}

/* 7.4 ................. Answers
=================================================================== */
.answer-status-correct {
	background: url("../../v4user/static/steag/img/test/correct.png");
	padding-left: 13px;
	padding-top: 10px;
	background-repeat: no-repeat;
}

.answer-status-wrong {
	background: url("../../v4user/static/steag/img/test/wrong.png");
	padding-left: 13px;
	padding-top: 10px;
	background-repeat: no-repeat;
}

.sq-answer-correct {
	color: green;
	background-color: white;
}

.sq-answer-wrong {
	color: red;
	background-color: white;
}

.sq-answer-dissolving {
	color: #666;
	background-color: white;
}

.answer-box {
	margin-left: 0;
	margin-right: 10px;
}

/* 7.5 ................. Status
=================================================================== */
.status-none {
	color: #333;
	background-color: #fff;
}

.status-notAttempted {
	color: #333;
	background-color: #fff;
}

.status-bypassed {
	color: #333;
	background-color: #fff;
}

.status-current {
	color: #eee;
	background-color: #333;
}

.status-failed {
	color: #333;
	background-color: #fbd3df;
}

.status-passed {
	color: #333;
	background-color: #e2f0d9;
}

.status-completed {
	color: #333;
	background-color: #e2f0d9;
}

.status-browsed {
	background-color: #DDDDDD;
}

.status-incomplete {
	background-color: #DDDDDD;
}

/* 8 ................... Errors & Messages
=================================================================== */
.message_reminder {
	margin-top: 6px;
	height: 20px;
	padding-top: 5px;
	border-radius: 4px;
}

.login-error-message {
	color: red;
	display: inline-block;
}

.error_title1 {
	font-size: 14em;
	padding-top: 20px;
	line-height: 50px;
	color: lightsalmon;
}

.error_title2 {
	font-size: 2.6em;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 50px;
}

/* 9 ................... Test
=================================================================== */
.test-timeout-alert {
	color: red;
}

.test-timeout-warning {
	color: orange;
}

.test-status-failed {
	color: #f97ca2;
}

.test-status-completed {
	color: #6a9430;
}

#test-navigation .current {
	background-color: #04c;
	color: white;
}

.overview-test-status {
	background-color: #eee;
	padding: 10px;
	font-weight: bold;
}

.overview-test-status-passed {
	background-color: #6A9430;
	color: white;
}

.overview-test-status-failed {
	background-color: red;
	color: white;
}

.overview-test-graph {
	background-image: linear-gradient(to bottom, #666677, #666677);
	color: #ffffff;
	text-shadow: none;
}

.overview-test-graph-status-passed {
	background-image: linear-gradient(to bottom, #6A9430, #6A9430);
	color: #ffffff;
	text-shadow: none;
}

.overview-test-graph-status-failed {
	background-image: linear-gradient(to bottom, red, red);
	color: #ffffff;
	text-shadow: none;
}

#test-navigation {
	width: 100%;
}

#test-navigation ul {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

#test-navigation ul li {
	border: #dddddd solid 1px;
	display: inline-block;
	text-align: center;
	padding: 6px 0 0 0;
	margin-right: -1px;
	margin-top: -1px;
	width: 35px;
	height: 25px;
	color: #666;
}

/* X ...................
=================================================================== */
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
	background-color: #f0f0f0;
}

.list_carousel li {
	height: 210px;
	min-height: 208px;
	max-width: 190px;
}

.dropzone-title {
	color: #000 !important;
	background-color: #ddd !important;
	cursor: default !important;
}

.slider-handle {
    background-color: #B31180;
    background-image: linear-gradient(to bottom, #B31180, #B31180)
    !important;
}
.error .slider-handle {
	border: 1px solid #b94a48;
}

.overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 10000;
	background-color: rgba(0, 0, 0, 0.3);
}

.ui-state-highlight {
	background-color: rgb(129, 188, 225) !important;
	border: #999 dotted 1px;
}

.ui-state-highlight {
	background-color: rgb(0, 97, 161) !important;
	border: #999 dotted 1px;
}

.sq-answer-correct {
	background-color: green !important;
}

.sq-answer-wrong {
	background-color: red !important;
}

.zebra-odd {
	background-color: white;
}

.zebra-even {
	background-color: #f5f5f5;
}

#intro {
	width: 580px;
	margin: 0 auto;
}

.list_carousel {
	background-color: #fff;
	margin: 0 0 0px 60px;
	width: 360px;
}

.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

.list_carousel li {
	color: #999;
	text-align: left;
	background-color: #fff;
	width: 190px;
	height: 150px;
	padding: 0;
	display: block;
	float: left;
}

.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}

.clearfix {
	float: none;
	clear: both;
}

.prev {
	float: left;
	margin-left: 10px;
}

.next {
	float: right;
	margin-right: 10px;
}

.pager {
	float: left;
	width: 300px;
	text-align: center;
}

.pager a {
	margin: 0 5px;
	text-decoration: none;
}

.pager a.selected {
	text-decoration: underline;
}

a.prev.disabled, a.next.disabled {
	visibility: hidden;
}

li.disabled {
	background-color: #666666;
}

#dropzone {
    background: #efefef;
    width: 300px;
    padding: 20px;
    height: 80px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    border: 1px dashed black;
}

/* #Commons
================================================== */
.text-center {
	text-align: center !important;
}

/* #jQuery Datatable
================================================== */

table.dataTable thead th,
table.dataTable thead td {
	border-bottom: none;
}
table.dataTable.no-footer {
	border-bottom: none;
}
table.dataTable thead th,
table.dataTable thead td {
	padding: 8px 20px;
}
.dataTables_wrapper {
	position: inherit;
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
	padding-left: 20px;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
	background-position: center left;
}
table.dataTable tbody th,
table.dataTable tbody td {
	padding: 8px 20px;
}

table.dataTable thead th {
	position: relative;
	background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
	position: absolute;
	top: 7px;
	left: 0px;
	display: block;
	font-family: FontAwesome;
}

table.dataTable thead th.sorting_asc:after {
	top: 11px;
}

table.dataTable thead th.sorting:after {
	content: "\f0dc";
	color: #ddd;
	font-size: 0.8em;
	padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
	content: "\f0de";
	color: #B31180;
}
table.dataTable thead th.sorting_desc:after {
	content: "\f0dd";
	color: #B31180;
}
.fa-1x {
	font-size: 1.3rem;
}

/* #Priority duallist
================================================== */
.priority-duallist .sortable {
	float:none !important;
	padding-top: 1px;
	padding-bottom: 1px;
}

.priority-duallist.disabled .sortable li {
	cursor: not-allowed;
}
.priority-duallist .sortable {
	border: 1px solid #ddd;
}
.error .priority-duallist .second-list.sortable {
	border: 1px solid #b94a48;
}
/* #Datepircker
================================================== */
.st-datepicker {
	display: block;
}

.st-datepicker.input-append .add-on {
	background-color: #eeeeee;
}

.datepicker table tr td.active {
	background: #B31180 !important;
}

/* #Chosen Select
================================================== */
.chosen-container .chosen-results li.highlighted {
	background-color: #B31180;
}
.chosen-container-single .chosen-search input[type="text"] {
	width: 88%;
}

@media print {
    .dont-print {
        display: none !important;
    }
    .printable {
        display: block !important;
    }
}

/* # V4 wizard tab navigation (wizardTab.tag)
================================================== */
a.nav-link.active {
	color: #B31180 !important;
	text-decoration: none;
	border-bottom: 4px solid #6A9430 !important;
	background-color: #fff !important;
	box-shadow: none;
}

/* # END : V4 wizard tab navigation (wizardTab.tag)
================================================== */
.ck-editor-text ul {
	list-style: initial;
	list-style-position: inside;
}

.textarea_style {
	background-color: #ffffff;
	border: 1px solid #c3c3c3;
	border-radius: 4px;
	white-space: pre-line;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	display: table;
}

.wrapperDiv {
	padding-bottom: 8px;
}

.ui-state-default p {
	margin-bottom: 0;
	display: inline;
}

.ui-state-not-inline p {
	margin-bottom: 0;
}

.radio p, .checkbox p {
	display: inline;
}

.radio>div, .checkbox>div {
	display: inline-grid;
}

.listQstText.order p {
	margin-left: 15px;
	display: revert;
}

.listQstText > span {
	float: left;
}

.answer input[type="radio"], .answer input[type="checkbox"] {
	float: none;
	margin-left: -20px;
	margin-right: 20px;
}

td.answer input[type="radio"] {
	margin-left: 0;
	margin-right: 0;
}

.radio .answer-status-wrong, .radio .answer-status-correct {
	margin-right: -17px;
}

.dissolving input[type="checkbox"]{
	margin-right: 16px;
}

.association p {
	margin-left: 15px;
	margin-right: -17px;
}

.primary-color {
	color : #B31180;
}

.icon-color-black, .icon-color-black:hover {
	color : black;
}

.header_padding_class {
	padding: 10px;
}

.closed-course-background-color {
	background-color: #F4F4F8;
}
#overview_points_header {
background-image: url(/edoniq/image.media?objectId=1718105549770,2147483451);
background-repeat: repeat-x;
background-size: contain;
}
#essayquestiongrading_header {
background-image: url(/edoniq/image.media?objectId=1718110994231,2147483252);
background-repeat: repeat-x;
background-size: contain;
}
#settings_header, #event_calendar_header {
background-image: url(/edoniq/image.media?objectId=1718105509977,2147483471); 
background-repeat: repeat-x;
background-size: contain;
}

 
.title_h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-weight: normal;
    letter-spacing: 0em;
    color: #1D427B;
}
 
.title_h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0em;
    color: #1D427B;
}
 
.title_h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0em;
    color: #B31180;
}
 
.fliesstext_fett {
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: 0em;
    color: #787878;
    font-size: 14px;
    font-weight: bold;
}
 
.fliesstext {
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: 0em;
    color: #787878;
    font-size: 14px;
    font-weight: normal;
}
 
.learnpath-img-start-locked,
.learnpath-img-start-failed,
.learnpath-img-start-none,
.learnpath-img-start-current {
	background: url("e-tutor/c/media/1695912673419/all/zip/file/start-position.png");
}
 
.learnpath-img-start-started,
.learnpath-img-start-passed,
.learnpath-img-start-completed {
	background: url("e-tutor/c/media/1695912673419/all/zip/file/start-driven.png");
}
 
 
.learnpath-img-tutorial-passed,
.learnpath-img-test-passed,
.learnpath-img-assessment-passed,
.learnpath-img-epayment-passed,
.learnpath-img-feedback-passed,
.learnpath-img-seminar-passed,
.learnpath-img-forum-passed,
.learnpath-img-aicc-passed,
.learnpath-img-tutorial-completed,
.learnpath-img-test-completed,
.learnpath-img-assessment-completed,
.learnpath-img-epayment-completed,
.learnpath-img-feedback-completed,
.learnpath-img-seminar-completed,
.learnpath-img-forum-completed,
.learnpath-img-aicc-completed {
	background: url("e-tutor/c/media/1695912673419/all/zip/file/street-driven.png");
}
 
.learnpath-img-tutorial-none,
.learnpath-img-test-none,
.learnpath-img-assessment-none,
.learnpath-img-epayment-none,
.learnpath-img-feedback-none,
.learnpath-img-seminar-none,
.learnpath-img-forum-none,
.learnpath-img-aicc-none,
.learnpath-img-tutorial-started,
.learnpath-img-test-started,
.learnpath-img-assessment-started,
.learnpath-img-epayment-started,
.learnpath-img-feedback-started,
.learnpath-img-seminar-started,
.learnpath-img-forum-started,
.learnpath-img-aicc-started{
	background: url("e-tutor/c/media/1695912673419/all/zip/file/street-normal.png");
}
 
.learnpath-img-tutorial-current,
.learnpath-img-test-current,
.learnpath-img-assessment-current,
.learnpath-img-epayment-current,
.learnpath-img-feedback-current,
.learnpath-img-seminar-current,
.learnpath-img-forum-current,
.learnpath-img-aicc-current{
	background: url("e-tutor/c/media/1695912673419/all/zip/file/street-position.png");
}
 
 
.learnpath-img-goal-none,
.learnpath-img-goal-started,
.learnpath-img-goal-failed,
.learnpath-img-goal-locked {
	background: url("e-tutor/c/media/1695912673419/all/zip/file/goal-normal.png");
}
 
.learnpath-img-goal-current,
.learnpath-img-goal-passed,
.learnpath-img-goal-completed {
	background: url("e-tutor/c/media/1695912673419/all/zip/file/goal-position.png");
}
 
.learnpath-img-barrier-current,
.learnpath-img-barrier-started,
.learnpath-img-barrier-completed,
.learnpath-img-barrier-passed {
	background: url("e-tutor/c/media/1695912673419/all/zip/file/barrier-driven.png");
}
 
.learnpath-img-barrier-locked,
.learnpath-img-barrier-none {
	background: url("e-tutor/c/media/1695912673419/all/zip/file/barrier-normal.png");
}
 
.learnpath-img-checkpoint-started,
.learnpath-img-checkpoint-current,
.learnpath-img-checkpoint-completed,
.learnpath-img-checkpoint-passed {
	background: url("e-tutor/c/media/1695912673419/all/zip/file/checkpoint-open.png");
}
 
.learnpath-img-checkpoint-none,
.learnpath-img-checkpoint-locked {
	background: url("e-tutor/c/media/1695912673419/all/zip/file/checkpoint-closed.png");
}
 
 
.learnpath-img-tutorial-lockedByTutor,
.learnpath-img-lockStatus-lockedByTutor,
.learnpath-img-test-lockedByTutor, 
.learnpath-img-assessment-lockedByTutor, 
.learnpath-img-epayment-lockedByTutor, 
.learnpath-img-feedback-lockedByTutor, 
.learnpath-img-seminar-lockedByTutor, 
.learnpath-img-forum-lockedByTutor, 
.learnpath-img-aicc-lockedByTutor{
	background: url("e-tutor/c/media/1695912673419/all/zip/file/roadworks-normal.png");
}
 
#learnpath-navigation-buttons {
  display: block !important;
}
 
.user-nav-search-button, .user-nav-search-button:hover {
background-color: #1D427B;
color: white !important; 
}

.closed-course-background-color {
background-color: #23305C
}