h1 {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 26px; }
h2 {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; }
h3 {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 18px; }
h4 {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 18px; }
h5 {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; }
h6 {font-size: 24px; background-color: #f4ebda; color: #000; padding: 15px; text-align: center; border: 1px solid #CCB375;}

p {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; }
a {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; }

.container_login .box > h1::after {
	content: "";
	display: block;
	animation: linear trail 3s;
	width: 100%;
	background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0) 20px), url(/layout/trail.png) 0 0 repeat-x;
	  background-repeat: repeat, repeat-x;
	  background-size: auto, auto;
	height: 15px;
	background-size: 20px 20px, auto 100%;
	background-repeat: no-repeat, repeat-x;
}

@keyframes trail {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}


.container.container_login h3 {text-align: left;}
.container_login h1 {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 26px; text-align: left; font-weight: 800; width: 40%;} 
.container_login h3 {font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
.not-logged .container_login {padding: 20px; border-radius: 4px; 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);}
#maintenance-note {font-size: 16px !important; font-weight: 700; text-transform: uppercase;}
body, .sky-form { font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #000; font-size:15px; }

.modal-title {color: #000;}
.subpage-logged .container_logged {background-color: #fff;margin-top:20px; padding: 20px; border-radius: 0px; box-shadow: 0 12px 24px 0 rgba(0,0,0,.05);}
.subpage-logged h1:not(.modal-title), .subpage-logged .container_login h1, .subpage-logged .container_login h3 { color:#000; font-size:24px; font-weight:600; letter-spacing:0; margin-bottom: 15px; margin-top: 50px; text-transform: uppercase;}

.subpage-logged .maincontent > .container > h1 { margin-top: 50px; margin-bottom: 25px; }
.not-logged > .wrapper > .maincontent > .container { padding-top:0px; }
.not-logged > .wrapper > .maincontent > .container { padding-top:0px; }
.container_logged > .container { padding-top:0; }
.container_logged > h1 {text-align: center;}
.container_logged {background-color: transparent;}
.container_logged .col-sm-12 > h1 {padding: 0px; margin-top: 15px; margin-left: 20px;}
.container_logged > .box_status {text-align: center;}


.modal .modal-header h1 { text-align:center; font-size:32px; letter-spacing:0; text-transform: uppercase; font-weight: 800; }
.modal .modal-content { border:1px solid #ddd; background-color:#EFEEEE; }
.modal .modal-content h4 { font-size:20px; font-weight:400; color:#000; letter-spacing: 0; }
.modal .modal-content h4 > .fa {color: #23c24b !important; font-size: 28px;}
.modal-backdrop.in {opacity: 0.9 !important;}
.modal-backdrop {background: #43454b;}
.modal-open > .container_languages,.modal-open > .container_logged, .redactor-modal-open > .container_languages,.redactor-modal-open > .container_logged { filter:blur(5px); }

.modal-header {border-bottom: none;}
.modal-header .close {font-size: 32px; opacity: .3;}
.clearfix {margin-bottom: 10px;}


label {font-weight: 600; margin-bottom: 10px;}
.profile-edit label {font-weight: 600;}
.inline-group {font-weight: 700;}


.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; }
.sky-form .state-error + em {display:inline; font-size: 15px; color: #ff0000; font-family: 'Open Sans', Arial, Helvetica, sans-serif; margin-left: 10%;}
.sky-form .state-error input, .sky-form .state-error select, .sky-form .state-error select + i, .sky-form .state-error textarea, .sky-form .radio.state-error i, .sky-form .checkbox.state-error i, .sky-form .toggle.state-error i, .sky-form .toggle.state-error input:checked + i {background: #f5aab9;}
.sky-form .checkbox input + i::after {color: #000;}
.sky-form .note {font-size: 12px; color:#555; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
.sky-form .select i::after, .sky-form .select i::before {right: 0px !important;}
.task-content > .tag-box-v1 {padding: 0px;}

.tag-box-v1 > .sky-form {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px;}


/*h1, h2, h3, h4, h5, h6, p, a,  { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:normal; }
.container_login h1, .container_logged h1, .container_login .btn, h1, .container_login h1, .container_login h3 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:normal; }
h6 {font-size: 24px; background-color: #f5aab9; color: #000; padding: 15px; text-align: center;} */


.navigation-container { font-weight:400; }
.navigation-top { background: linear-gradient(180deg, #2C2C2C 0%, #000 100%); height: 73px;}
.nav-logo {margin-right: 0px; margin-top: 10px; width: 10%;}

.navigation-bottom { background-color: #EFEEEE; border-bottom: 1px solid #ddd; }
.navigation-bottom > .container > .pull-left { padding:10px 0px; display: none; margin-top: 5px;}
.navigation-bottom > .container > .pull-left > a { font-size: 17px; font-weight: 400; color:#337ab7; line-height:1.5; letter-spacing: 0; }
.navigation-bottom > .container > .pull-right { display:none !important; }

.container.navigation > .navbar { display:flex;}
.container.navigation > .navbar > .navbar-right { float:none; margin-left:auto; }
.navbar-toggle {background-color: #fafafa;}
.navigation .navbar-toggle .icon-bar {background-color: #000;}
.navbar-responsive-collapse .container {background-color: #000;}

.pull-right.logo {float: left !important;}

.pull-left.material_navigation { display:block !important; color:#000; font-size:15px; cursor:pointer; }
.pull-left.material_navigation+.pull-right.logo {float: right !important; margin-right: -67px;}

.navigation-container .materialnavi > .materialnavi-inner { padding-top:0; }
.navigation-container .materialnavi > .materialnavi-inner > .materialgroup { border-left: 3px solid #ddd; }
.navigation-container .materialnavi > .materialnavi-inner > .materialgroup > h4 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 600; color:#fff; line-height:1.5px; letter-spacing: 0px; padding-left: 15px; }
.navigation-container .materialnavi > .materialnavi-inner > .materialgroup > h4.disabled { color: #DDD; }
.navigation-container .materialnavi > .materialnavi-inner > .materialgroup > ul { padding-left:0; margin-left:-3px; }
.navigation-container .materialnavi > .materialnavi-inner > .materialgroup > ul > li > a { font-family:'Open Sans', Arial, Helvetica, sans-serif; border-left:3px solid transparent; font-size: 17px; font-weight: 400; color:#9164cd; line-height:1.5;  letter-spacing: 0; padding-left: 21px; }
.materialnavi > .materialnavi-inner > .materialgroup ul > li > a { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; color:#000; line-height:1.5px; letter-spacing: 0px; padding-left: 0px; }
.materialnavi > .materialnavi-inner > .materialgroup > h4 {font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff;}

.navigation-container .materialnavi > .materialnavi-inner > .materialgroup  ul > li > a.disabled { color: #ddd !important; }
.navigation-container .materialnavi > .materialnavi-inner > .materialgroup  ul > li > a.active { color:#000; border-left-color:#337ab7; position:relative; text-decoration:none; }
.navigation-container .materialnavi > .materialnavi-inner > .materialgroup  ul > li > a.active::after { font-family:"FontAwesome"; content:"\f178"; color:#337ab7; position:absolute; left:0; top:0; line-height:22px; font-size:17px; }
.navigation-container .materialnavi > .materialnavi-inner > .materialgroup  ul > li > a > .fa-angle-right { display:none !important; }

.materialnavi-shadow {background-color: #f4ebda; -webkit-box-shadow: 0 3px 6px 0 rgba(255,255,255,0.2); -moz-box-shadow: 0 3px 6px 0 rgba(255,255,255,0.2); box-shadow: 0 3px 6px 0 rgba(255,255,255,0.2); border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}

.navbar-nav a, .navbar-nav .dropdown ul > li > a { font-family: 'Open Sans', sans-serif; font-size:13px; color:#fff; font-weight:800; }
.navbar-nav .open .dropdown-menu > li > a {border-bottom: none; color: #000;}
.navbar-responsive-collapse .nav > li > a { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:1.5; color:#fff; padding: 15px; letter-spacing:0; font-weight: 800; text-transform: uppercase; }
.navbar-responsive-collapse .nav > li > a:focus, .navbar-responsive-collapse .nav > li > a:hover, .navbar-responsive-collapse .nav > li > a:focus, .navbar-responsive-collapse .nav > li > a:active { background-color:transparent; color:#CCB375; }
.nav > li > a:focus, .nav > li > a:hover, .navbar-nav a:hover, .navbar-nav .dropdown ul > li > a:hover,.navbar-nav.nav .open > a, .navbar-nav.nav .open > a:focus, .navbar-nav.nav .open > a:hover { background-color: transparent; color:#CCB375; }




.logo > a > img { max-width:75%; display:block; padding: 15px; margin-left: -7px; margin-top: 5px; padding-bottom: 22px; }
body::after { content:""; width:100%; height:100%; position:fixed; top:0; left:0; z-index:-1; background: url(/layout/ak-bg.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; }
body.logged::after,body.subpage-logged::after { background:linear-gradient(to right, #DCD8CA 40%, rgba(220, 216, 202, 0) 70%) }
body.subpage-logged, body.logged, body.page-logged { background: #DCD8CA url(/layout/rooster-bg.png) repeat }
body:not(.subpage-logged):not(.not-logged) {background-color: #dcd8ca;}


.navbar-nav { height:100%; margin-top: 26px; }
.navbar-nav > li { height:100%; }
.navbar-nav > li > a { padding:0 10px 20px 3px; position:relative; font-weight:600; color: #fff; text-transform: uppercase;}
.nav > li.logo > a { padding:0; }
.navbar-nav > li > .dropdown-menu {background-color: #fff; color:#000; margin-top: 7px;}
.navbar-responsive-collapse {box-shadow: 0px 5px 6px rgba(0,0,0, 0.1);}


.container_languages { position:static; }
.container_languages, .maincontent-bg { background-color:#f6f6f6; }
.subpage-logged .container_languages { background-color:#f6f6f6; }

.container_logged h1, .container_logged h2 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:26px; font-weight:600; color:#000; text-transform: uppercase; }

a {color: #CCB375; text-decoration: none;}
a:hover,a:focus {color: #CCB375; text-decoration: none;}



.fa-li.fa.fa-angle-right {display: none;}
.fa-ul {margin-left: 0px; text-align: center;}
.container_login { color:#000; background-color:#fff; border: 1px solid #bbb; }
.container_login a { color: #CCB375; }
.container_login a:hover, .container_login a:focus, .container_login a:active {text-decoration: none; color: #CCB375; }
.container_login .login h1 { text-align: center; }
.container_login .login .btn.btn-default { padding: 12px 14px; }
.box { margin-left:25px; margin-top:30px; margin-bottom: 5px; }
.container_logged .box { border: 1px solid #ddd; margin-left:0; margin-top:0px; margin-bottom: 30px; 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); border-radius: 0px;  }
.box > .box-image { margin: 0px; }
.box > .box-content { padding: 16px; }
.box > .box-content > .ul-list { margin-left:25px; }
.box > .box-content > .ul-list > li > a { font-size:12px; }
.box > .box-content > .ul-list > li > .fa { font-size: 13px; left:-25px; top:4px; }
.box .progress_title { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:400; letter-spacing:0; color:#000; font-size:13px; }
.box .progress_title > span { color:#000; font-weight:400; }
.box .box_ingres { font-size: 12px; line-height: 1.5; letter-spacing: 0; color: #666; }
.box .progress { background-color:#f5f5f5; }
.box .progress-bar-u { background: #CCB375; }
.box  h3 { font-weight:600; font-size:20px; color:#000; margin-bottom: 6px; text-transform: uppercase; margin-bottom: 6px; margin-top: 10px !important; text-align: center;}
.box .btn-u { font-size:13px; text-transform: uppercase; padding: 10px 20px; border:0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 800 !important; color: #fff; transition: background .26s ease, color .26s ease; }
.login .box .btn-u { text-transform:none; }
.box .btn-u:hover,.box .btn-u:focus,.box .btn-u:active { color:#000; }
.box .btn-u.btn-blue { background:#eee !important; color: #666 !important; border: 1px solid #ddd; text-transform: none;}
.box .btn-u.btn-blue:hover,.box .btn-u.btn-blue:focus,.box .btn-u.btn-blue:active { background-color:#eee !important; color: #000 !important; }
.box .box-image > .publishlabel > .publishlabel-text { font-size:22px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; font-weight:600; }
.box .box-image > img {margin-top: -20%; margin-bottom: -20%;}

#ownaccount.profile-edit.tab-pane.fade.active.in {background-color: #fff; padding: 20px; border-radius: 0px; box-shadow: 0 12px 24px 0 rgba(0,0,0,.05); margin-top: 40px;}
#common.tab-pane.fade.active.in {background-color:#fff; padding: 20px; border-radius: 0px; box-shadow: 0 12px 24px 0 rgba(0,0,0,.05);}


.box .progress-xxs { height:15px; border-radius: 0px; }
.box .box_progress { margin-bottom: 30px;}


.courseend_time {font-family:'Open Sans', Arial, Helvetica, sans-serif !important; color: #000; background-color:#f4ebda; margin-top: 12px; padding: 4px; text-align: center; font-size: 13px; border: 1px solid #CCB375;}
.sky-form .inline-group {margin: 0px;}
.sky-form .select select {background-color: #fff;}
.course-select.sky-form.box_user > p {font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; background-color:#fff; padding: 8px; border: 1px solid #000; }



.col-sm-6.col-md-5.col-lg-4.login {border-right: 1px solid #ddd; padding-left: 25px; padding-right: 25px;}


.image-responsive.md-margin-bottom-10 {max-width:256px; margin-left: 47px; box-shadow: 0 12px 24px 0 rgba(0,0,0,.05); width: 100%; border: 2px solid #000;}




.container_login .btn:hover, .container_login .btn:focus, .container_login .btn:active {background-color: #fff;}
.btn-disabled.btn-default,.btn-disabled.btn-default:active,.btn-disabled.btn-default:hover,.btn-disabled.btn-default:focus { cursor:default; background:#738FB5; background:rgba(1,29,67,0.7); }
.container_login .btn.btn-default, .btn-default {font-family:'Open Sans', Arial, Helvetica, sans-serif; background-color:#000; color:#fff; font-size: 15px; padding: 10px 14px; text-transform:uppercase; border: 1px solid #000; border-radius: 0px; font-weight: 800 !important; 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_login .btn.btn-default { font-weight:normal; width:100%; display:block; }
.container_login .btn.btn-default:hover, .container_login .btn.btn-default:active, .container_login .btn.btn-default:focus, .btn-default:active,.btn-default:hover,.btn-default:focus {color:#fff; background-color: #222; border-color:#222; }
.btn-default.btn-default-grey { background-color: #fff; color:#000 !important; border-radius: 25px; border: 1px solid #CCB375; background-color:#fff; }
.btn-default.btn-default-grey:hover,.btn-default.btn-default-grey:focus,.btn-default.btn-default-grey:active { color:#CCB375 !important; }
.btn-default.btn-danger { background-color: #d9534f; color:#fff; }
.btn-default.btn-danger:hover,.btn-default.btn-danger:focus,.btn-default.btn-danger:active { background-color: #c9302c !important; color:#fff !important; }
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default.active[disabled], .btn-default.focus[disabled], .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover { background-color:transparent; }

.btn-u:hover, .btn-u:focus, .btn-u:active,a.btn-u:hover,a.btn-u:focus,a.btn-u:active {color: #CCB375; text-decoration:none; outline:none; }

.btn-u, a.btn-u { font-size:12px; font-weight: 800 !important; padding:8px 10px; font-family:'Open Sans', Arial, Helvetica, sans-serif !important; color:#fff; background: #000; border:0px solid #6ccc88; border-radius:0px; text-transform:uppercase; box-shadow: none; }
.btn-u:hover,.btn-u:focus,.btn-u:active,a.btn-u:hover,a.btn-u:focus,a.btn-u:active { color:#CCB375; background: #000; }
.btn-u-red { color: #fff; border: 0px solid; background: #000; }
.btn-u-red:hover, .btn-u-red:focus, .btn-u-red:active {background-color: #000 !important; color: #ca1212; border-color: #CCB375;}
.btn-rehearse:hover,a.btn-rehearse:focus { color:#CCB375; }

.btn-link { font-family:'Open Sans', Arial, Helvetica, sans-serif; text-transform:none; padding-top:4px; }
.btn-link::before { width: 29px; height: 29px; }
.btn-link::after { width: 8px; height: 8px; left:12px; }
.btn-link.btn-link-back::after { left:12px; }

.container_login .input-group input {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:15px; border: 1px solid #999; border-radius: 0px; }
.container_login .input-group input::placeholder { opacity:1; color:#9a9b96; }
.no-materials {text-align: center; background-color: #f4ebda; padding: 10px; margin-left: 200px; margin-right: 200px; border: 1px solid #CCB375;}
.no-materials > p {margin: 0px;}


.btn-microsoft { background-image:url("/layout/o365.png"); background-repeat: no-repeat; padding-left: 45px !important; background-position: 15px center; background-size: auto 60%; }
.login-divider::after { background-color: #9a9b96; }
.login-divider > span { color:#9a9b96; background-color:#fff; }

.usercount {color: #CCB375;}
.nav.nav-tabs.nav-justified {background-color: #fff; border-radius: 0px; box-shadow: 0 0.375em 0 #CCB375; border: none;}
.nav.nav-tabs.nav-justified > .active > a, .tab-v1 .nav-tabs.nav-justified > .active > a:focus, .tab-v1 .nav-tabs.nav-justified > .active > a:hover {border-bottom: 0px solid;}

.tab-v1 .nav-tabs.nav-justified > li > a { font-size:20px; text-decoration:none; color:#5EA8D8; padding:10px 16px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#999; font-weight:400; background-color: transparent !important; }
.tab-v1 .nav-tabs.nav-justified > li > a > .fa {display:none;}
.tab-v1 .nav-tabs.nav-justified > li > a:focus, .tab-v1 .nav-tabs.nav-justified > li > a:hover, .tab-v1 .nav-tabs.nav-justified > .active > a, .tab-v1 .nav-tabs.nav-justified > .active > a:focus, .tab-v1 .nav-tabs.nav-justified > .active > a:hover  { color:#000; padding: 10px 16px; background-color: #fff; }
.tab-v1 .nav-tabs.nav-justified > li.active > a { color:#000; }
.tab-v1 .nav-tabs.nav-justified > li.active > a >.fa {display: inline-block !important; margin-right: 4px;}
.tab-v1 .tab-content img { margin-top: 4px; margin-bottom: 15px; }

.nav-tabs.nav-justified > li > a {border-radius: 0px;}

.panel-group h4.panel-title > a {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 15px; }
.panel-default > .panel-heading {background-color: #fafafa; border-radius: 0px; padding: 14px;}
.panel-group h4.panel-title > a.task-preview {bottom: 0px;}

/* btn icons on or off */
.btn-u > .fa {display:inline-block; margin-right: 8px;}


/* btn styling */
.btn-u.pull-right:not(.btn-rehearse) {background: #000; color: #fff; border: 0px solid;}
.btn-u.pull-right:hover,a.btn-u.pull-right {color: #CCB375;}

#continueButton.btn-u.pull-right {background-color: #000; color: #fff; border: 1px solid #000; padding: 13px 20px; font-size: 15px;}
#continueButton.btn-u.pull-right:hover {background-color: #222; color: #fff; border: 1px solid #222; padding: 13px 20px; font-size: 15px;}

.col-sm-6 > .btn-u.pull-right:not(.btn-rehearse) {background-color: #000; color: #fff; border: 1px solid #000;}
.col-sm-6 > .btn-u.pull-right:not(.btn-rehearse):hover {background-color: #222; color: #fff; border: 1px solid #222;}

.col-md-12 > .btn-u.pull-right:not(.btn-rehearse) {background-color: #000; color: #fff; border: 1px solid #000;}
.col-md-12 > .btn-u.pull-right:not(.btn-rehearse):hover {background-color: #222; color: #fff; border: 1px solid #222;}

.task-toggle {border: 2px solid #000; top: 8px; padding: 7px 10px 7px 10px;}
.col-sm-6 > .btn-u.btn-rehearse.pull-right {background:#CCB375; color: #fff; border: 1px solid #CCB375; text-transform: uppercase;}
.col-sm-6 > .btn-u.btn-rehearse.pull-right:hover {background-color: #dfc797; color: #fff; border: 1px solid #dfc797;}

#answerButton.btn-u.pull-right {background-color: #eee; padding: 13px 20px; font-size: 15px; color:#333;}

.options-sort-button.btn-u.pull-right.margin-5 {background-color: #000; color: #fff; border: 0px solid;}
.options-sort-button.btn-u.pull-right.margin-5:hover {background-color: #000; color: #CCB375; border: 0px solid;}

.modal-footer > .btn-default.btn-default-grey {background-color: #fff; color: #000; border-radius: 0px; border: 0px solid; padding: 8px 10px;}
.modal-footer > .btn-default {padding: 8px 10px;}

.packagecopy-form-buttons.pull-right > .btn-u.btn-u-default {background-color: #000;}




/*tab icons */
.fa-stack {margin-right: 6px;}


#materialpackages-sortbutton.btn.pull-right.margin-5 {background-color: #000; color: #fff; padding: 8px 10px; box-shadow: none; font-size: 12px; margin-top: 20px; border-radius: 0px; text-transform: uppercase; font-weight: 800;}
#materialpackages-sortbutton.btn.pull-right.margin-5:hover {color: #CCB375; background: #000;}
#materialpackages-sortbutton.btn.pull-right.margin-5 > .fa {margin-right: 4px;}


.btn-u.pull-right.margin-top-10 {margin-bottom: 20px;}
.bootstrap-table .table:not(.table-condensed) {padding: 20px;}
.bootstrap-table .table:not(.table-condensed), .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td {padding: 12px !important;}

#packagecopy-btn.btn-u.pull-right.margin-top-10 {float: left !important;}
.statusview-toggle > .switch > input:checked + .slider {background-color: #ffb530;}


.management_summary {margin-bottom: 30px; background-color: #f4ebda;}
.management_summary table th, table.summary_table td {padding: 3px 30px 3px 3px;}

.management_summary table { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px;}
.management_summary table th, table.summary_table td { font-weight:300; }
.management_btn { margin-top:15px;}

#panoramaObject { background-color:transparent; }

select > option[disabled] { color:#fafafa; background-color: #5EA8D8; }
select > option:hover { color:#fff; background-color: #5EA8D8; }
.input > ul.tagit { padding:0; }
ul.tagit .tagit-new > input[type="text"] { border:1px solid #bbb; height: 34px; padding: 6px 12px; }
ul.tagit .tagit-new > input[type="text"]:hover, ul.tagit .tagit-new > input[type="text"]:focus, ul.tagit .tagit-new > input[type="text"]:active { border-color: #999; }
ul.tagit li.tagit-choice a.tagit-close .text-icon { display: block; }

.profile-edit { font-size:15px; }

#ownaccount > .row > div { font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.reg-password-format .fa { color: #CCB375; }

.reports_info { font-family: 'Open Sans'; font-size: 15px; background-color: #f4ebda; color: #000; padding: 12px 17px; font-weight: 400; margin: 40px 0 35px; text-align: center; border: 1px solid #CCB375; }
.select_title { font-size:18px; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#000; font-weight:400; }
.dataTables_length select, .dataTables_filter input, .inputsection > .input { font-size:14px; font-weight:400; height:38px; line-height:38px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#000; box-shadow: none; }
.dt-buttons > .dt-button { background-color:transparent; border-radius:0; border:0; padding:0; text-transform:none; margin-right:25px; }
.dt-buttons > .dt-button > span { font-size:15px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: bold; color: #000; }
.dt-buttons > .dt-button::after { content: "\f019"; font-family: "FontAwesome"; color: #CCB375; margin-left: 6px; }
.dt-buttons > .dt-button:hover::after,.dt-buttons > .dt-button:focus::after,.dt-buttons > .dt-button:active::after { color:#CCB375; }
.dt-buttons > .dt-button:hover,.dt-buttons > .dt-button:focus,.dt-buttons > .dt-button:active { background-color:transparent; }
.dt-buttons > .dt-button:hover > span,.dt-buttons > .dt-button:focus > span,.dt-buttons > .dt-button:active > span { color:#CCB375; }
.dt-buttons::after { content:""; display:Table; clear:both; }
#material-sortbuttons > .btn.margin-right {margin-top: 10px; border: 1px solid #999; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:13px; font-weight: 600; color:#000;}
#material-sortbuttons > .btn {margin-top: 10px; border: 1px solid #999; border-radius: 0px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:13px; font-weight: 600; color:#000;}
#material-sortbutton.btn.pull-right.margin-5 {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:13px; font-weight: 600; color:#000; border-radius: 0px; border:1px solid #999; margin-top: 10px;}
#material-sortbutton.btn.pull-right.margin-5:hover {color: #f5aab9;}
.sort-note {margin-top: 10px;}

#reports-table_wrapper, #statistics-table_wrapper {font-family: 'Open Sans' Arial, Helvetica, sans-serif; background-color: #ffF; padding:20px; border-radius: 0px; box-shadow: 0 12px 24px 0 rgba(0,0,0,.05);}
#reports-table th, #statistics-table th { color:#000; font-size:17px; font-weight:bold; border-bottom: 1px solid #000; }
#reports-table td, #statistics-table td { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:15px; color:#000; }
#reports-table td > a {color:#CCB375;}
#reports-table td > a:hover {color: #CCB375;}
#reports-table_length > label, #statistics-table_length > label {font-family: 'Open Sans' Arial, Helvetica, sans-serif; font-size: 15px;}
#reports-table_length > label > select, #statistics-table_length > label > select {font-weight: 400; font-size: 15px;}

.dataTables_paginate a.paginate_button { color:#000; background-color:#fff; font-size:15px; 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); margin: 4px; border-radius: 4px; }
.dataTables_paginate a.paginate_button.current,.dataTables_paginate a.paginate_button:hover,.dataTables_paginate a.paginate_button:focus,.dataTables_paginate a.paginate_button:active { background-color:#fff; color:#000; }
.bootstrap-table .pagination > li.active > a {border-color: #CCB375;}


.bootstrap-table > .fixed-table-container {background-color: #fff; padding: 20px; border-radius: 0px; box-shadow: 0 12px 24px 0 rgba(0,0,0,.05);}
.bootstrap-table { font-family: 'Open Sans', Arial, Helvetica, sans-serif;  }
.bootstrap-table table.table > tbody > tr > td { font-size:14px; color:#000; }
.bootstrap-table table.table > thead > tr > th { color:#000; font-size:15px; font-weight:bold; border-bottom: 1px solid #000; }
.bootstrap-table .pagination > li > a { color:#000; background-color:#fff; margin: 2px; 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); border-radius: 4px; }
.bootstrap-table .pagination > li.active > a, .bootstrap-table .pagination > li > a:focus, .bootstrap-table .pagination > li > a:hover, .bootstrap-table .pagination > li > span:focus, .bootstrap-table .pagination > li > span:hover { color:#CCB375; background-color:#fff; }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {border-color:#CCB375;}




#materialpackages-table.management_table.table.fixed-table-container {border-radius: 0px;}
#materialparts.management_table{background-color: #fff; border-radius: 0px; box-shadow: 0 12px 24px 0 rgba(0,0,0,.05);}
#materialparts.management_table > table.management_table th, table.management_table td {padding: 15px;}

table.management_table { font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
table.management_table th, table.management_table td { font-size:15px; }
.col-md-8 > table.management_table th, .col-md-8 > table.management_table td { font-weight:300; }
#common .management_table th { font-weight:700; line-height:1.5; }
#common .management_table td { font-weight:400; line-height:1.5; }
.management_table a,.materialdescription a, ul.list-group > li a { color:#CCB375; }
.fixed-table-toolbar {margin-bottom: 20px;}

.dropup > .btn-default { color:#000 !important; background:#fff; padding:6px 14px; font-size: 13px; font-family:'Open Sans', Arial, Helvetica, sans-serif !important;}
.dropup > .btn-default {border-color: #CCB375;}
.dropup > .btn-default:hover,.dropup > .btn-default:focus,.dropup > .btn-default:active { color:#CCB375 !important; background-color:#fff !important; }
.dropup > .dropdown-menu > li.active,.dropup > .dropdown-menu > li > a:hover { background-color:#fff; color:#CCB375; }
.dropup > .dropdown-menu > li.active > a {background-color: #fff; color: #CCB375;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {color: #CCB375;}

.open > .dropdown-toggle.btn-default { background-color:#999 !important; color:#fff !important; }
.btn-table { color:#CCB375; font-weight:400; font-family:'Open Sans'; font-size: 15px;}
.btn-table:hover { color:#CCB375; text-decoration: none; }

.dropdown-menu {border: 0px; color: #000;}

label.textarea .rx-container { font-weight:normal; }
.rx-popup { z-index: 3005 !important; }
.rx-popup-stack-item[data-name="image"], .rx-popup-stack-item[data-name="pre"], .rx-popup-stack-item[data-name="paragraph"], .rx-popup-stack-item[data-name="quote"] { display:none !important; }
p.blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; font-style:normal; }
.rx-editor li:empty::before { content: '.'; color: transparent; cursor: text; }
.rx-editor li:empty:focus::before { content: ""; }

.redactor-toolbar {background-color: #fafafa !important; box-shadow: none !important;}
.redactor-toolbar > li > a:hover {background-color: #CCB375 !important; color:#fff !important; }

.materialbank_container {border: 1px solid #ddd;}
.materialbank_navigation li > a {vertical-align: baseline; font-size: 18px;}
.materialbank_navigation li.folder-open > a {text-decoration: none;}
.materialbank_header .tab-v1 .nav-tabs.nav-justified > li > a {	font-size:21px; font-weight:600; color: #fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif; background-color: #000 !important; border: 0px solid; }
.materialbank_header .tab-v1 .nav-tabs.nav-justified > .active > a,.materialbank_header .tab-v1 .nav-tabs.nav-justified > li > a:focus,.materialbank_header .tab-v1 .nav-tabs.nav-justified > li > a:hover,.materialbank_header .tab-v1 .nav-tabs.nav-justified > li > a:active { color: #CCB375; background-color: transparent !important; }
.materialbank_header > .clearfix {margin-bottom: 0px;}


.selected-material {background-color: #fff !important;}
body#materialbank { background-color:#fff; }
body#materialbank::after { background:none; }
.materialbank_filepreview, .materialbank_sidebar { background-color:#EFEEEE; }
.materialcontainer { background-color:#fafafa; border:0; }
.selected-material .materialtitle { color: #CCB375; font-weight:bold; }
.materialbank_title { font-size: 21px; font-weight: 400; margin: 10px 5px; }
.materialbank_selecteditem_title { font-size:17px; margin:10px 5px; }
.materialbank_selecteditem > table { margin-left:5px; }
.materialbank_selecteditem > table > tbody > tr > th { padding-right:10px; }
.materialcontainer { margin: 10px; width: calc(25% - 20px); }
.materialbank_navigation li.folder-open > a { color: #000; }
.materialbank_header { background-color: #000; border-bottom: 4px solid #CCB375; }
.materialbank_footer {background-color:#000; border-top: 4px solid #CCB375; border-bottom: 0px;}
.materialbank_footer > .buttons > .btn,.materialbank_footer > .buttons > a { color:#fff; font-weight:400; border: 0px; box-shadow: none; background: transparent !important; }
.materialbank_footer > .buttons > a { padding: 10px 14px; display: inline-block; line-height: 1.42857143; vertical-align: bottom; font-weight:800; text-transform:uppercase; }
.materialbank_footer > .buttons > .btn:hover,.materialbank_footer > .buttons > .btn:active,.materialbank_footer > .buttons > .btn:focus,
.materialbank_footer > .buttons > a:hover,.materialbank_footer > .buttons > a:active,.materialbank_footer > .buttons > a:focus { color:fff !important; text-decoration: underline; background:transparent !important; }
#materialbank_folder,#materialbank_fileedit,#materialbank_upload { background-color:#f4ebda;}
.materialbank_fileedit_inner, .materialbank_folderedit_inner { margin: 20px auto; }
.materialbank_fileedit_inner label, .materialbank_folderedit_inner label { font-weight:400; }
.materialbank_filelist {background-color:#EFEEEE;}
#materialbank_upload .tab-v1 .nav-tabs.nav-justified > li > a { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:17px; font-weight:400; text-transform: none; }
#materialbank_upload .tab-v1 .nav-tabs.nav-justified > li.active > a, #materialbank_upload .tab-v1 .nav-tabs.nav-justified > li > a:focus, #materialbank_upload .tab-v1 .nav-tabs.nav-justified > li > a:hover, #materialbank_upload .tab-v1 .nav-tabs.nav-justified > li > a:active {border-bottom: 0px solid #CCB375 !important; font-weight: 800;}
#uploadifive-file_upload { margin-top:45px; }
.preview-close {background-color:#23b24c; color:#fff;}
.preview-close:hover { background-color: #23b24c; color: #000; }
.materialbank_header .tab-v1 .nav-tabs.nav-justified > li > a:focus, .materialbank_header .tab-v1 .nav-tabs.nav-justified > li > a:hover, .materialbank_header .tab-v1 .nav-tabs.nav-justified > li > a:active, .materialbank_header .tab-v1 .nav-tabs.nav-justified > .active > a, .materialbank_header .tab-v1 .nav-tabs.nav-justified > .active > a:focus, .materialbank_header .tab-v1 .nav-tabs.nav-justified > .active > a:hover {color:#CCB375; box-shadow: none; background: #000 !important; }
.materialbank_header_sidebar > .tab-v1 > .nav.nav-tabs.nav-justified {box-shadow: none;}
.materialbank_header > .nav.nav-tabs.nav-justified {background-color: #000 !important;}
.materialdescription,.taskdescription, .taskdescription p, .materialpackagedescription p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.6; color:#000; font-weight: 400; }
.materialdescription > h1, .materialpackagedescription > h1, .taskarea-inner .taskdescription > h1 { margin-top:0; margin-bottom:20px; }
.materialdescription > h2, .materialpackagedescription > h2,.taskarea-inner > .tasklabel { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.5; font-weight: 600; color: #000; }
.materialdescription > h3 > .status-success { color: #22b24c; }
.materialdescription > h3 > .status-failed { color: #dd291e; }


.statusview-toggle > h3 {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: 0px; line-height: 0px;}

.fa.success {font-size: 28px; color: #CCB375;}
.copy-table li.success > label > h4 { color:#000 !important; }
.copy-table li.success {background-color:#f4ebda; border: 1px solid #CCB375;}
.success { color: #000 !important; font-size:14px; }

.redactor-editor {border: 0px;}

.taskarea-inner .materialdescription > h1, .taskarea-inner .taskdescription > h1, div.redactor-editor > h1,
.rx-container > .rx-editor-container > .rx-content h1,
.management_table .materialpackagedescription > h1 {
	Font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	Font-size: 24px;
	Font-weight: 300;
	Letter-spacing: 0;
	Line-height: 1.5;
}
.taskarea-inner .materialdescription > h2, .taskarea-inner .taskdescription > h2, div.redactor-editor > h2,
.rx-container > .rx-editor-container > .rx-content h2,
.management_table .materialpackagedescription > h2 {
	Font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	Font-size: 21px;
	Font-weight: 400;
	Letter-spacing: 0;
	Line-height: 1.5;
}

.redactor-box > div.redactor-editor, .redactor-box > div.redactor-editor li, .redactor-box > div.redactor-editor p, #ajaxContent p, #ajaxContent li {
	Font-family: 'Open Sans', Arial, Helvetica, sans-serif; Font-size: 15px !important; Font-weight: 400; Letter-spacing: 0; Line-height: 1.5; 
}
.redactor-box > div.redactor-editor > blockquote, .materialdescription blockquote, .taskdescription blockquote {
	Font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	Font-size: 17px;
	Font-weight: 300;
	Letter-spacing: 0;
	Line-height: 1.5;
	font-style:normal;
}
.materialdescription blockquote, .taskdescription blockquote { border-left: 5px solid #0068A8 ; }


/*liitesisältö -näkymän muotoiluja*/
.panorama-container {width: calc(100% - 140px) !important;}
.side-nav {font-size: 30px; 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);}
#hotspot_right_text.hotspotcontent, #hotspot_right_embed.hotspotcontent  {border: 1px solid #eee; padding: 40px; background-color:#f4ebda; border-radius: 10px;}




div.panorama-fullscreen { background-color: #fff; border: 1px solid #000; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.5; margin-bottom: 5px; border-radius: 5px; font-weight: 400; }
.panorama-fullscreen:hover {color: #CCB375; text-decoration: none;}
h2.userprogress { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 18px !important; font-weight: 400; letter-spacing: 0; color: #000; text-transform: none; }
.external_content_description a {color:#CCB375; text-decoration: none;}
.after-answer { background-color: #f4ebda; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.5; color: #000; border: 1px solid #CCB375; }

.list-group > li.hover:hover { background-color:#fff; }
.optionrow > .optionbutton > .btn-u { border-radius:0px; background: #CCB375; }
.optionrow > .optionbutton > .btn-u.btn-u-default { background-color:#fff !important; border-radius: 0px; color: #000; border: 1px solid #ddd;}
.optionrow > .optionbutton > .btn-u.btn-u-default:hover,.optionrow > .optionbutton > .btn-u.btn-u-default:focus,.optionrow > .optionbutton > .btn-u.btn-u-default:active { color:#dfc797; }
.optionrow > .optionbutton > .btn-u.btn-selected,.optionrow > .optionbutton > .btn-u.btn-selected:hover,.optionrow > .optionbutton > .btn-u.btn-selected:focus,.optionrow > .optionbutton > .btn-u.btn-selected:active { border: 0px !important; color:#fff; background: #CCB375 !important; border-radius: 0px; }
#ajaxContent  > .text-right > .btn-u { display:none; }

ul.list-group > li a { font-size:15px; }
ul.list-group > li a:hover {color: #CCB375;}
.alert-success { background-color:#E7F4EF !important; border-color: transparent !important; color: #008454 !important; }
.alert-success > label,ul.list-group > li.alert-success a { color: #008454 !important; }
.alert-danger { background-color: #f4e9e7 !important; border-color: #ddd !important; color: #dd291e !important; border-radius:0 !important; }
.alert-danger > label,ul.list-group > li.alert-danger a { color: #dd291e !important; }
.text-success { color:#000 !important; }

.optionrow > .optionbutton > .btn-u.btn-selected { background-color:#CCB375; border-color: #CCB375 !important; color: #fff; }
.optionrow > .optionbutton > .btn-u-red.btn-selected, .optionrow > .optionbutton > .btn-u-red:hover, .optionrow > .optionbutton > .btn-u-red:focus, .optionrow > .optionbutton > .btn-u-red:active { border-radius: 0px; color: #fff  !important; border: 0px }



body.page404::after { background-image:none; }
body.page404 { background-color:#fff; }
.page-404 { max-width:750px; margin:35px auto; }
.page-404 > img { margin-bottom:30px; }
.page-404 > h1.page-not-found { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size: 32px; color: #000; font-weight: 300; margin-bottom:20px; }
.page-404 > .desc-404 { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; color: #000; }

.note.note-error { background-color: #f3f8f1; color: #000; padding: 15px; text-align: center; margin-bottom: 20px; border: 1px solid #CCB375; }

.box .box-image > .publishlabel::after {background-color: #000; opacity: 0.55; background-image: none;}
.box .box_buttons .row .col-sm-6 {width: 48%; margin: 2px;}

.material-content > .tag-box-v1 > .thumbnail-img img {max-width: 85%; border: 2px solid #000; box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);}





@media (max-width:767px) {
	body::after { background-image:none; background-color:transparent; }
	.navigation-bottom > .container > .logo { position: absolute; top: -15px; left: 0; padding: 8px; background-color: transparent; }
	.navigation-bottom > .container > .pull-left { padding:10px; }
    .container_login {border: 0px solid #fff !important;}
    .col-lg-8{margin-left: 35px;}
    .navigation-bottom {height: 0;}
    .navigation-bottom > .container > .pull-left {display: none;}
    .col-sm-6.col-md-7.col-lg-8 {padding-left: 0px;}
    .not-logged > .wrapper > .maincontent > .container {padding-top: 20px;}
    .navbar-responsive-collapse .container {position: static;}
    .container_logged.container > h1 {font-size: 21px; margin-bottom: 15px;}
    .nav > li > a:focus, .nav > li > a:hover {border-bottom: 0px;}
    .nav-logo {margin-right: 20px; margin-top: 12px; width: 33%;}
    
    /* optimized mobile table -views */
    #table-users td:nth-child(2), #table-users th:nth-child(2) { display:none; }
    #table-management td:nth-child(2), #table-management th:nth-child(2) { display:none; }
    #table-management td:nth-child(3), #table-management th:nth-child(3) { display:none; }
    #table-groups td:nth-child(3), #table-groups th:nth-child(3) { display:none; }
    #table-groups td:nth-child(1), #table-groups th:nth-child(1) { display:none; }
    #table-owncompleted td:nth-child(1), #table-owncompleted th:nth-child(1) { display:none; }
    #table-owncompleted td:nth-child(3), #table-owncompleted th:nth-child(3) { display:none; }
    #table-owncourses td:nth-child(2), #table-owncourses th:nth-child(2) { display:none; }
    
    /*materialbank mobile*/
    .materialbank_header_sidebar {width: 100%;}
    .materialbank_filepreview, .materialbank_sidebar {width: 50%;}
    .materialbank_header .materialbank_search {margin-bottom: 10px;}
    .materialbank_filelist {width: 50%; font-size: 15px;}
    .materialcontainer {padding: 0px; height: 100px; width: 100%;}
    .materialbank_navigation li {font-size: 15px;}
    .materialcontainer .materialtitle {font-size:15px; margin: 2px;}
    .materialcontainer .materialthumb {height: 75%; margin: 2px;}
    .container_login .btn.btn-default, .btn-default {padding: 10px;}
    
    /*login-mobile*/
    .navigation-top {min-height: 50px;}
    
    .task-content {border: 1px solid #eee; margin-bottom: 5px;}
    .task-content > .tag-box-v1 {border-top: 0px;}
    h2.userprogress {text-align: center;}
    #panoramaObject { background-color: #fff; border: 1px solid #eee;}
    .task-content {top: 0px !important; left: 0px !important;}
    .task-content > .tag-box-v1 {padding-top: 0px; margin: 2px;}
    .panorama-fullscreen.open{ width: 100px; bottom: 2px !important;}
    .panorama-fullscreen {text-transform: none;}
    div.panorama-fullscreen {padding: 4px !important; font-size: 15px;}
    .task-content > .tag-box-v1 > .taskarea-inner {padding-top: 10px !important;}
    .task-toggle {top: 3px;}
    
    .no-materials {text-align: center; background-color: pink; padding: 10px; margin: 0px;}
    .no-materials > p {margin: 0px;}
    
    
    
	.navigation-container .materialnavi > .materialnavi-inner {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		-o-column-count: 1;
		-ms-column-count: 1;
		column-count: 1;
	}
	
	.navigation-bottom.materials-bottom { height: auto; }
}

@media (max-width:790px) {
    .box .box_buttons .row .col-sm-6 {width: 100% !important;}
    .box .btn-u.btn-blue {margin-bottom: 8px;}
    .nav-logo {margin-right: 20px; margin-top: 12px; width: 33%;}
    .fa-stack {float: left;}
}

@media (max-width:575px) {
  .container_login h1 {width: 100%;}
  .navbar-nav .open .dropdown-menu > li > a {border-bottom: 1px solid #CCB375; color:#fff;}
  .col-sm-6.col-md-5.col-lg-4.login {border-right: 0px;}
  .not-logged {background-color: #000;}
	.materialnavi > .materialnavi-inner { column-count: 2; }
    .optionrow > .optionbutton {max-width: 100%; padding-right: 0px;}
    .image-responsive.md-margin-bottom-10 {max-width: 100%; margin: 0px;}
    .search > .form-control {margin-top: 20px;}
    .dt-buttons {display: none;}
    #reports-table_length > label, #statistics-table_length > label {display: none;}
    .reports_info {display: none;}
    .col-lg-12 {display: none;}
    #uploadifive-file_upload {margin-top: 5px;}
    #materialbank_upload .tab-v1 .nav-tabs.nav-justified > li > a {padding: 3px 15px;}
    #packagecopy-btn.btn-u.pull-right.margin-top-10 {margin-right: 4px !important;}
    .btn-u.pull-right.margin-top-10 {margin-bottom: 4px; !important}
    .statusview-toggle > h3 {display: none;}
    .no-materials {text-align: center; background-color: pink; padding: 10px; margin: 0px;}
    .no-materials > p {margin: 0px;}
    .materialbank_header > .materialbank_header_sidebar {width: 100%;}
    .navbar-nav a, .navbar-nav .dropdown ul > li > a {font-size: 15px;}
    .box .box_buttons .row .col-sm-6 {width: 100%; margin-bottom: 2px;}
    .nav-logo {margin-right: 20px; margin-top: 12px; width: 33%;}
    .fa-stack {float: left;}
    #packagecopy-btn.btn-u.pull-right.margin-top-10 {margin-bottom: 20px;}
    .btn-u.pull-right.margin-top-10 {margin-bottom: 20px;}
    #materialpackages-sortbutton.btn.pull-right.margin-5 {margin-top: 20px; padding: 8px 20px;}
    
}