h1,h2 { color:#5a0092; font-weight:300; }

.header > .pull-left > a { display:inline-block; line-height:96px; margin-left:25px; }
.header > .pull-left > a > img { width:180px; }
.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:#4e008e; border-color: #FF7200; border-bottom-width:3px; }

.content {background-color: #f3f6f9;}
.box {margin-top: 30px; margin-bottom: 60px; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);}
.container.content { position:relative; }
.container_login { background: url('/layout/sujuvasti-bg.jpg') center center no-repeat #fff; background-size: auto 117%; }
.container_login .container { background: transparent; min-height:auto; }
.container_login .content { background:transparent; }
.container_login .col-sm-5 { background:rgba(245,245,245, 0.95); }
.login .btn-u {background: #688EC0;} 
.login .btn-u:hover {background: #8CA9CF;}
.forgottenpw .btn-u {background:#688EC0;} 
.forgottenpw .btn-u:hover {background:#8CA9CF;} 

div.box div.box_header h1 { background-color:#8CA9CF; padding:21px 10px; font-weight:400; font-size:15px; }
.box .courseusers { padding: 3px 5px; background: rgba(255,255,255,0.9); color:#5fb0a1; }
a.btn-u, input.btn-u { background-color:#C4DEB0; }
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:#A9CF8C; }

.statusview-toggle { position:absolute; top: 14px; right: 35px; }
.statusview-toggle > h3 { font-family: "Open Sans", sans-serif; font-size: 14.6px; line-height: 18px; letter-spacing: 0.2px; color: #1a181d; font-weight: 400; text-transform: none !important;}
.statusview-toggle > .switch { position: relative; display: inline-block; width: 38px; height: 28px; float:right; }
.statusview-toggle > .switch > input { display:none; }
.statusview-toggle > .switch > .slider { position: absolute; cursor: pointer; border-radius: 30px; top: 0; left: 0; right: 0; bottom: 0; background-color: #bbb; -webkit-transition: 0.5s; transition: 0.5s; }
.statusview-toggle > .switch > .slider:before { content: ""; position: absolute; height: 24px; width: 24px; border-radius: 50%; left: 2px; bottom: 2px; background-color: #fff; -webkit-transition: 0.5s; transition: 0.5s; }
.statusview-toggle > .switch > input:checked + .slider { background-color: #7ccdbd; }
.statusview-toggle > .switch > input:focus + .slider { box-shadow: 0 0 1px #6ebfaf; }
.box_status {font-size: 16px;}
.statusview-toggle > .switch > input:checked + .slider:before { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }
.box_progress.box_status {font-size: 12px; padding: 10px; background: #fff; border: 1px solid #ddd; margin-bottom: 4px; margin-bottom: 30px;}
.box .box_progress {background: #C4DEB0; color: #000; border-radius: 25px;}
.box .box_reviews {background: #faf0e6; color: #000; border-radius: 14px;}
.box .box_ingres {background: #eee;}
.box .box_buttons .row .col-sm-6, .box .box_buttons .row .col-md-12 {padding: 4px;}
.box .progress-bar-u {background: #ffa500;}
.box_ingres > .ingress-toggle > i.fa {border-radius: 14px; background: #87cefa; padding: 5px; margin-top: 6px; margin-right: 4px; color: #fff;}
.box_ingres > .ingress-hide > i.fa {border-radius: 14px; background: #87cefa; padding: 5px; margin-top: 6px; margin-right: 4px; color: #fff; margin-left: 10px;}
.box_reviews_title {font-size: 12px;}
.box_progress.box_status > .progress.progress-u.progress-xxs {margin-bottom: 2px; height: 6px; margin-top: 2px;}
.box_progress.box_status .progress-bar-u {background: #A9CF8C;}
.box .btn-u {font-size: 12px; padding: 10px; font-weight: 400; color: #000;}
.btn-u {background-color:#8CA9CF; }
.btn-u:hover, .btn-u:focus, .btn-u:active, .btn-u.active, .open .dropdown-toggle.btn-u {background-color:#688EC0;}
.container_logged >.btn-u.btn-u-default {background-color:#B0C4DE; }

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

ul.sidebar-nav-v1 > li.active {background: #8CA9CF; border-color: #8CA9CF;}
.sidebar-nav-v1 > li.active, .sidebar-nav-v1 > li.active:hover {background:#8CA9CF; }

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

div > a.btn-rehearse {background-color:#ffdcc8; color: #444;}
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:#FFBC95;}

.panorama-fullscreen {background-color: #8CA9CF;}
.panorama-fullscreen:hover {background-color: #688EC0;}

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

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

.container.header .navbar-toggle, .container.header .navbar-nav > .active > a { background-color:#7ccdbd; }
.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: #7ccdbd !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 {background-color: #7ccdbd !important;}
.header .navbar-nav .open .dropdown-menu > li > a:hover, .header .navbar-nav .open .dropdown-menu > li > a:focus {background-color: #7ccdbd !important; color: #fff !important; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {background-color:#8ca9cf;}

.container > h1 { color: #4e008e; font-size:23px; font-weight:300; margin-bottom:30px; }
.container_languages { border-width:0; background-color: #fff; border-bottom:1px solid #ddd; }
.container.header { padding:0; background-color:#fff; }

.wrapper .askmore { text-align:left; background: #f3f6f9; }
.askmore .content { padding:50px 20px; background:transparent; }
.wrapper { background-color: #f3f6f9; padding-bottom:0; }
body { background:#f3f6f9; 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; }

#whiteboard-content .whiteboard-item.whiteboard-item-own .whiteboard-item-main .whiteboard-item-header, #whiteboard-content .whiteboard-reply-own .whiteboard-item-header { color:#5a0092; }

.bootstrap-table .table {background: #fff;}
.modal-content {background-color: #f3f6f9;}
.modal-body div.modal-information { background-color:#ebeef1; border: 1px solid #dcdfe2; }

.chat-message .user-name { color:#4e008e; }
.chat-new { color:#4e008e; }
.chat-container {background-color: #fafafa;}

.sote-logos { margin-top:30px; }
.sote-logos > img { margin-top:10px; }
.sote-logos > img:not(:last-child) { margin-right:25px; }

.container_login { background: url('/layout/sujuvasti-bg.jpg') center center no-repeat #f3f6f9; background-size: auto 117%; }

@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: 67% center; }
}



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

@media (min-width:1600px) {
	.container_login { background: url('/layout/sujuvasti-bg.jpg') center center no-repeat; background-size: auto 147%; background-position: 67% center; }
}