.px-ss-no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}

.px-ss-no-transition * {
  -webkit-transition: none !important;
  transition: none !important;
}

.px-ss-brand {
  font-size: 11px;
  font-weight: 400;
  display: inline-block;
  color:#fff;
}

.px-ss-brand .font-weight-bolder {
  font-weight:400 !important;
}

a.px-ss-brand:hover {
  color:#fff;
  opacity: .8;
  transition: opacity .3s;
}

.px-ss-logo {
  background: url('/ss-files/images/login-logo_100x72.png') no-repeat;
  float: left;
  margin-right: 8px;
  margin-top: 13px;
  display: inline-block;
}

.px-ss-logo-1,
.px-ss-logo-2,
.px-ss-logo-3,
.px-ss-logo-4,
.px-ss-logo-5,
.px-ss-logo-6,
.px-ss-logo-7,
.px-ss-logo-8,
.px-ss-logo-9 {
  display: block;
  width: 6px;
  height: 6px;
  float: left;
}

/*
.px-ss-logo-1 { background: rgba(255, 255, 255, .25); }
.px-ss-logo-2 { background: rgba(255, 255, 255, .4); }
.px-ss-logo-3 { background: rgba(255, 255, 255, .65); }
.px-ss-logo-4 { background: rgba(255, 255, 255, .6); }
.px-ss-logo-5 { background: rgba(255, 255, 255, .15); }
.px-ss-logo-6 { background: rgba(255, 255, 255, .4); }
.px-ss-logo-7 { background: rgba(255, 255, 255, .3); }
.px-ss-logo-8 { background: rgba(255, 255, 255, .6); }
.px-ss-logo-9 { background: rgba(255, 255, 255, .25); }
*/

/* Large logo */

.px-ss-brand-lg {
  font-size: 16px;
}

.px-ss-brand-lg .px-ss-logo {
  width: 100px;
  height: 70px;
}

.px-ss-brand-lg .px-ss-logo-1,
.px-ss-brand-lg .px-ss-logo-2,
.px-ss-brand-lg .px-ss-logo-3,
.px-ss-brand-lg .px-ss-logo-4,
.px-ss-brand-lg .px-ss-logo-5,
.px-ss-brand-lg .px-ss-logo-6,
.px-ss-brand-lg .px-ss-logo-7,
.px-ss-brand-lg .px-ss-logo-8,
.px-ss-brand-lg .px-ss-logo-9 {
  width: 8px;
  height: 8px;
}

/* Error pages */

.page-404-header .px-ss-brand,
.page-500-header .px-ss-brand {
  color: #444;
}

.page-404-header .px-ss-logo,
.page-500-header .px-ss-logo {
  margin-top: 0;
}

.px-ss-bgs {
  display: block;
  position: fixed;
  right: 0;
  bottom: 0;
  white-space: nowrap;
  z-index: 999999;
  border-top: 2px solid rgba(0, 0, 0, .1);
  border-left: 2px solid rgba(0, 0, 0, .1);
}

.px-ss-bgs-container {
  display: inline-block;
  height: 40px;
  vertical-align: bottom;
}

.px-ss-bgs-container:hover,
.px-ss-bgs-container:focus {
  opacity: .7;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.px-ss-bgs-clear {
  background: #fff;
  line-height: 40px;
  text-align: center;
  width: 60px;
  color: #e97c6f;
  font-size: 20px;
  text-decoration: none !important;
}

.px-ss-bgs-clear:hover,
.px-ss-bgs-clear:focus {
  color: #db5949;
}

.px-ss-bgs-container > img {
  height: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

/* Sidebar */

#px-ss-sidebar {
  border: none;
  background: #333;
  color: #fff;
}

#px-ss-sidebar-toggle {
  border-radius: 3px;
  margin-top: 20px;
  width: 40px;
  height: 40px;
  left: -40px;
  display: block;
  position: absolute;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #fff !important;
  text-decoration: none !important;
  background: #333;
  text-align: center;
}

#px-ss-sidebar-toggle,
#px-ss-sidebar-toggle i {
  font-size: 18px;
  line-height: 40px;
}

#px-ss-sidebar-toggle i {
  position: relative;
  top: -1px;
}

#px-ss-sidebar-toggle .ion-android-close { display: none; }
#px-ss-sidebar.open #px-ss-sidebar-toggle .ion-ios-gear { display: none; }
#px-ss-sidebar.open #px-ss-sidebar-toggle .ion-android-close { display: inline-block; }

.px-ss-sidebar-header {
  margin: 0;
  line-height: 40px;
  padding: 0 20px;
  background: #222;
}

#px-ss-sidebar label {
  margin: 0;
  cursor: pointer;
}

#px-ss-sidebar .switcher {
  margin: 0;
  float: right;
}

#px-ss-sidebar .box-row {
  height: 40px;
  vertical-align: middle;
}

#px-ss-sidebar .box-row + .box-row .box-cell,
#px-ss-footer-position .box-cell {
  border-top: 1px solid #444;
}

#px-ss-footer-position-select {
  background-color: #555;
  border: none;
  color: #fff;
}

#px-ss-sidebar .ps-scrollbar-x-rail,
#px-ss-sidebar .ps-scrollbar-y-rail {
  z-index: 10;
}

.px-ss-themes-list {
  position: relative;
  padding-left: 2px;
  padding-bottom: 2px;
  background: #444;
}

.px-ss-themes-item {
  width: 120px;
  height: 70px;
  overflow: hidden;
  display: block;
  margin: 0;
  float: left;
  position: relative;
  padding-right: 2px;
  padding-top: 2px;
}

.px-ss-themes-item,
.px-ss-themes-item * {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.px-ss-themes-toggler {
  position: absolute;
  z-index: -1;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.px-ss-themes-thumbnail {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 118px;
  border: none;
  padding: 0;
  margin: 0;
  z-index: 1;
}

.px-ss-themes-title {
  display: block;
  z-index: 2;
  position: absolute;
  top: 2px;
  left: 0;
  width: 118px;
  height: 100%;
  color: #fff;
  line-height: 70px;
  text-align: center;
  background: rgba(0,0,0,.8);
  opacity: 0;
  -webkit-transition: .3s opacity;
  transition: .3s opacity;
}

.px-ss-themes-item:hover .px-ss-themes-title,
.px-ss-themes-toggler:checked ~ .px-ss-themes-title {
  opacity: 1;
}






 
.div-upload-video {
      border: dotted 3px #888;
    margin: 30px;
    height: 200px;
    padding: 30px;
    text-align: center;
    font-size: 50px;
    background: black;
    text-orientation: upright;
}

#page-wrapper.gray-bg {
  background: #c7c7c7;
}

.dropzone {
    border: 1px solid rgba(0,0,0,0.03);
    min-height: 260px;
  }


#img-dropzone {
  position: relative;
  //border: 10px dotted #FFF;
  //border-radius: 20px;
  color: white;
  //font: bold 24px/200px arial;
  //height: 200px;
  //margin: 30px auto;
  text-align: center;
  //width: 200px;
}

#img-dropzone.hover {
  border: 10px solid #FE5;
  color: #FE5;
}

#img-dropzone.dropped {
/*  background: #222;
  border: 10px solid #444;*/
      position: relative;
    height: 300px;
    width: 300px;
}

#img-dropzone div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#img-dropzone img {
/*  border-radius: 10px;
  vertical-align: middle;*/
  max-width: 95%;
  max-height: 95%;
}

#img-dropzone [type="file"] {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* CUSTOM CSS */

/* Login Page */

@media (min-width: 1550px) {

  .page-signin-modal .modal-dialog {
    margin-left:3% !important;
  }

}

@media (min-width:951px) and (max-width: 1549px) {
  .page-signin-modal .box-cell[class*=" col-md-"] {
    display:block !important;
    width:100%;
  }
  .page-signin-modal .modal-dialog {
    max-width:400px;
    margin-left:3% !important;
  }
  .page-signin-modal .text-md-left {
    text-align: center !important;
  }
}

@media (min-width:750px) and (max-width:950px) {
  .page-signin-modal .box-cell[class*=" col-md-"] {
    display:block !important;
    width:100%;
  }
  .page-signin-modal .modal-dialog {
    max-width:300px;
    margin-left:3% !important;
    margin-top:3% !important;
  }
  .page-signin-modal .text-md-left {
    text-align: center !important;
  }
  .page-signin-modal .modal-dialog .list-group {
    display:none !important;
  }
}

/* Student Space */

body {
	background:#fff;
}

.bg-primary {
    background-color:#2b3186;
}

.page-header h1 {
	font-size:30px;
}

.px-navbar:before {
	height:75px;
	width:100%;
    background: url('http://www.teachmesign.co.uk/wp-content/uploads/2014/01/tms_logo_colour_100x70.png') left no-repeat;
    background-position: 0px 8px;
}

.px-navbar ~ .px-content {
	margin-top:115px; //position correction
}

.px-navbar .navbar-header a:hover {
	color:#fff;
	opacity:0.8;
}

.px-navbar .navbar-header {
		background-color:#2b3186;
	}

.px-navbar .navbar-header a {
	color:#fff;
}

.px-navbar .navbar-nav a:hover {
    background: #fdc604;
    color: #fff;
}

@media (min-width: 768px) {
    .px-navbar .navbar-header a {
        background:none;
        color:#fff;
    }
    .px-navbar .navbar-collapse, .navbar-header {
        background:#2b3186 !important;
    }
    .px-navbar .navbar-collapse{
    	border-bottom: 4px solid #fdc604;
    }
    .px-navbar a:hover {
    	background: #fdc604;
    }
    .px-navbar .navbar-nav > li:first-child {
        color:#fff;
        border-color:#161952;
        font-weight: 600;
        font-size:14px;
    }
    .px-navbar .navbar-nav a, .px-navbar .navbar-nav > li + li {
        color:#fff;
        border-right: none; /* correction */
    }
}

.btn-group {
    margin-left:10px; //correction to dropdown margins
}

.btn-danger.btn-outline {
    color: #fff;
    border-color: #fff;
    background: none;
}

.dropdown-menu a {
    color:#000 !important; /* overrides inline CSS! */
}

/* BUTTONS */

.btn {
    color: #fff;
    border-color: #2b3186;
    background: #2b3186;
}

.btn:hover {
    color: #000;
    border-color: #fdc604;
    background: #fdc604;
}

/* FIRST LOGIN POPUP */
.modal-alert.modal-info .modal-header {
    background: #2b3186;
    background-image: url('http://www.teachmesign.co.uk/wp-content/uploads/2014/01/tms_logo_colour_100x70.png');
    background-repeat: no-repeat;
    background-position: center;
    
}

.fa-info-circle {
    font-size: 0px;
}

/* HOME PANELS */

a.label.label-info{
	display:none; //hides "coming soon" label
}

.panel-info.panel-dark .panel-heading, .panel-danger.panel-dark .panel-heading, .panel-success.panel-dark .panel-heading, .panel-warning.panel-dark .panel-heading {
	background-image: -ms-linear-gradient(bottom left, #2B3186 0%, #00A3EF 100%);
	background-image: -moz-linear-gradient(bottom left, #2B3186 0%, #00A3EF 100%);
	background-image: -o-linear-gradient(bottom left, #2B3186 0%, #00A3EF 100%);
	background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #2B3186), color-stop(1, #00A3EF));
	background-image: -webkit-linear-gradient(bottom left, #2B3186 0%, #00A3EF 100%);
	background-image: linear-gradient(to top right, #2B3186 0%, #00A3EF 100%);
	box-shadow: 5px 5px 3px #888;
}


.panel-info.panel-dark .panel-heading:hover, 
.panel-danger.panel-dark .panel-heading:hover, 
.panel-success.panel-dark .panel-heading:hover,
 .panel-warning.panel-dark .panel-heading:hover,
 .panel-active {
    background-image: -ms-linear-gradient(bottom left, #FCC604 0%, #F4FC04 100%);
    background-image: -moz-linear-gradient(bottom left, #FCC604 0%, #F4FC04 100%);
    background-image: -o-linear-gradient(bottom left, #FCC604 0%, #F4FC04 100%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #f5441e), color-stop(1, #F4FC04));
    background-image: -webkit-linear-gradient(bottom left, #FCC604 0%, #F4FC04 100%);
    background-image: linear-gradient(to top right, #FCC604 0%, #F4FC04 100%);
    box-shadow: 5px 5px 3px #888;
}

.panel-info.panel-dark .panel-heading:hover, .panel-danger.panel-dark .panel-heading:hover, .panel-success.panel-dark .panel-heading:hover, .panel-warning.panel-dark .panel-heading:hover, .panel-danger.panel-dark .panel-heading:hover a, .panel-success.panel-dark .panel-heading:hover a, .panel-warning.panel-dark .panel-heading:hover a {
    color:#000;
}


.panel-success.panel-dark.panel-body-colorful .panel-heading {
	border:none;
}

/* invert panel icon colours on hover */
.panel-heading:hover .own-icon.medium {
	filter:invert(100%);
}

/* MENU */

/* thinner horizontal lines */
.nav-stacked > li + li {
	margin-top:1px;
}

/* opened menu title */
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	background-color: #2b3186;
	color:#fff;
	font-weight:600 !important;
}

/* opened submenu */
.nav-stacked li{
	background-color:#2b3186;
}

/* submenu */
.nav-stacked a{
	font-size:16px;
	color:#000;
}

.nav-stacked ul li{
	background-color: #f3f3f2;
}

/* unlocked submenu font */
.nav-pills > li > a {
	color:#fff;
}

/* submenu hover */
.nav > li > a:hover {
	background-color:#fdc604;
	color:#000;
}

/* menu unlock */
.fa-tv:before {
	content: "\f09c";
}

/* video title */
.panel > .panel-title {
	font-size:30px !important; /* overrides inline CSS! */
	color:#2b3186 !important; /* overrides inline CSS! */
	font-weight: 600;
}

@media (max-width:767px){
	.panel > .panel-title {
		font-size:20px !important;
		text-align:center;
	}
}

/* FORMS */

.form-control {
	border-color: #2b3186;
}

.table-info thead th {
	background-color:#fdc604;
	color:#000;
}

/* FOOTER */

.px-footer {
    background: #222;
    border-top: 4px solid #565656;
    color: #fff;
}

.px-footer a, .px-footer a:focus {
    color:#98988f;
    text-decoration:none;
}

.px-footer a:hover {
	color:#fdc604;
}

.test {
	background-color:#2b3186;
}

.test a:focus {
	color:#fff;
}

/*! quickselect - v2.2.0 - 2016-11-30
* http://quick-select.wstone.io/
* Copyright (c) 2016 Will Stone; Licensed MIT */
.quickselect__more {
  position: relative;
}
.quickselect__select {
  -webkit-appearance: menulist-button; /* Fix for Chrome's select box height bug */
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #333;
  border: 0;
}
.quickselect__select:not(:disabled) {
  cursor: pointer;
}
.quickselect__select.quickselect__hidden {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
  padding: 0;
}