.header > .pull-left > a { display:inline-block; line-height:96px; margin-left:37px; }
.container_languages ul.mainnavigation { padding: 0; margin-right:37px; }
.container_languages ul.mainnavigation > li > a { font-family: "Open Sans", sans-serif; text-transform:none; font-size:16px; display:inline-block; box-sizing:border-box; color:#000; padding:0px; margin:0 8px; height:96px; line-height:96px; border-bottom: 0px solid #000000; transition: all 0.3s; }
.container_languages ul.mainnavigation > li > a:hover { color:#4e018f; border-color: #4e018f; border-bottom-width:3px; }

.container_login { background: url('/layout/claava-bg.jpg') center center no-repeat #fff; background-size: auto 115%; }
.container_login .container { background: transparent; min-height:auto; }

div.box div.box_header h1 { background-color:#4e018f; padding:5px 10px; font-weight:400; font-size:17px; }
a.btn-u, input.btn-u { background-color:#4e018f; }
a.btn-u:hover, input.btn-u:hover,a.btn-u:focus, input.btn-u:focus,a.btn-u:active, input.btn-u:active { background-color:#6400b7; }
.btn-u {background-color: #4e018f; }
.btn-u:hover, .btn-u:focus, .btn-u:active, .btn-u.active, .open .dropdown-toggle.btn-u {background-color:#6300b7;}

.btn-u {background-color:#4e018f;}
.btn-u:hover, .btn-u:focus, .btn-u:active, .btn-u.active, .open .dropdown-toggle.btn-u {background-color:#4e018f;}

.tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus {background-color:#4e018f;}
.tab-v1 .nav-tabs > li > a:hover {background-color:#4e018f;}
.tab-v1 .nav-tabs {border-color:#4e018f;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {border-color:#4e018f; background-color: #4e018f;}
.pagination li a:hover {background-color: #4e018f; border-color: #4e018f;}

div > a.btn-rehearse {background-color:#7ccbff;}
a.btn-rehearse:hover, a.btn-rehearse:hover,a.btn-rehearse:focus, a.btn-rehearse:focus, a.btn-rehearse:active, a.btn-rehearse:active {background-color:#7ccbff;}

.panorama-fullscreen {background-color: #4e018f;}
.panorama-fullscreen:hover {background-color: #6300b7;}

.tag-box-v1 {border-top: 2px solid #4e018f;}

.after-answer {background-color: #e1e5f4; color: #2f2859;}
span.label-u, span.badge-u, .list-group-item.active > .badge.badge-u {background-color:#6300b7;}

.container.header .navbar-toggle, .container.header .navbar-nav > .active > a { background-color:#4e018f; }
.container.header .navbar-nav > .active > a:hover, .container.header .navbar-nav > .active > a:focus,.container.header .navbar-toggle:hover,.container.header .navbar-toggle:focus,.container.header .navbar-toggle:active { background-color: #3D076A !important; }
.header .navbar-nav > li > a {color: #777;}
.header .navbar-nav .open .dropdown-menu > li > a {color: #777;}
.header .navbar-nav .open .dropdown-menu > .active > a, .header .navbar-nav .open .dropdown-menu > .active > a:hover, .header .navbar-nav .open .dropdown-menu > .active > a:focus {color: #000 !important;}

.container > h1 { color: #4e008e; font-size:23px; font-weight:600; margin-bottom:30px; }
.container_languages { border-width:0; background-color: #fff;}
.container.header { padding:0; background-color: #fff; }
.container.header:after { bottom: -6px; box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px -6px inset; content: ""; height: 6px; position: absolute; width: 100%; }

.askmore .content { padding:50px 20px; background:transparent; }
.wrapper { padding-bottom:0; }
body { background-color:#f8f8f8; font-size:15px; }
#krpanoSWFObject { background-color:#ffffff; }

.redactor-box > .redactor-editor,.redactor-box > .redactor-editor li,.redactor-box > .redactor-editor a,.redactor-box > .redactor-editor p { font-size:15px !important; }
.sky-form, .taskarea-inner > .btn-u, .panorama-fullscreen, .taskarea-inner .badge { font-size:15px; }
h1.header-material { font-size:18px; font-weight:400; }
.select-wrapper { padding-left:16px; }
.header-section { display:none !important; font-size:15px; font-weight:300; }
.container_management { font-size:12px; }
h2.userprogress > .user-progress { font-size:18px; }

.redactor-dropdown a.redactor-formatting-p { font-size:15px; }
.redactor-dropdown a.redactor-formatting-h1 { font-size:18px; font-weight:400; }
.redactor-dropdown a.redactor-formatting-h2 { font-size:16px; font-weight:400; }

.btn-u.btn-u-red:hover, .btn-u.btn-u-red:focus, .btn-u.btn-u-red:active, .btn-u.btn-u-red.active, .open .dropdown-toggle.btn-u.btn-u-red, .list-group .btn-u:hover, .list-group .btn-u { background: #666; }
.list-group .btn-u.btn-u-default:hover, .list-group .btn-u.btn-u-default:focus, .list-group .btn-u.btn-u-default:active, .list-group .btn-u.btn-u-default { background: #95a5a6; }
.optionbutton > .btn-u.btn-selected:hover, .optionbutton > .btn-u.btn-selected:focus, .optionbutton > .btn-u.btn-selected:active, .optionbutton > .btn-u.btn-selected { background: #666; }

.list-group-item.answered.alert-success { background-color: #DFF0D8 !important; border-color: #D6E9C6 !important; }
.list-group-item.answered.alert-success > label { color: #3C763D !important; }
.list-group-item.answered { background-color: #F2DEDE !important; border-color: #EBCCD1 !important; }
.list-group-item.answered.answered-generic { background-color:#fcfcfc !important; border-color: #ddd !important; }
.list-group-item.answered > label { color: #A94442 !important; }
.list-group-item.answered.answered-generic > label { color: #000 !important; }
.sky-form .radio input:checked + i, .sky-form .checkbox input:checked + i, .sky-form .toggle input:checked + i { border-color:#000; }
.sky-form .checkbox input + i::after { color:#000; }
.sky-form .radio input + i::after { background-color:#000; }


@media (max-width: 530px) {
	.content { padding: 15px; }
    .container_login h2 {text-align:center;}
}

@media (min-width: 768px) {
	.container_login { background-position: right -250px center; }
}
@media (min-width:992px) {
	.container_login { background-position: right -100px center; }
}
@media (min-width:1200px) {
	.container_login { background-position: 67% center; }
}

@media (max-width:767px) {
	.header > .pull-left > a { line-height:45px; }
	.header > .pull-left > a > img { max-height:40px; vertical-align:middle; }
	.header button.navbar-toggle { margin-right:15px; }
	.header-select { font-size:24px;  }
}