body.mcp .Header{  width: 100%; top: 0px; }
body.mcp .header.navbar{ padding: 2px; }
body.mcp .header .navbar-brand { height: auto !important; padding: 2px !important; }
body.mcp .header .navbar-brand img{ max-height: 60px !important; }
body.mcp .header .navbar-collapse{ margin-top: 7px; }
.header .navbar-collapse li a{ margin-top: 5px; margin-right: 5px; }


/***** METRO LOOK *****/
.btn{
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	padding: 12px 20px !important;
}
	.btn.btn-small{
		padding: 3px 3px !important;
		border: none;
	}
	.btn.btn-normal{
		padding: 6px 12px !important;
	}

.alert{
	border-radius: 2px !important;
	-moz-border-radius: 2px !important;
}
.form-control{
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); 
box-shadow: inset 0 0px 0px rgba(0,0,0,.075); 
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	
}
.nav-tabs>li>a{
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
}
/**********************/

@media (max-width: 480px) {
	body.mcp .header.navbar .Logo{ width: 100%; text-align: center; }
	body.mcp .header.navbar-default .navbar-toggle{ width: 100%; margin: 0px; padding: 10px; }
}
@media (max-width: 768px) {
	body.mcp .header.navbar-default .navbar-toggle{ margin: 12px 0px 0px 0px; }
}
@media (min-width: 768px){
	body.mcp .Header .navbar-right{  }
}
@media (max-width: 1000px){
	.header .navbar-collapse{ margin-left: -10px; }
	/*.header .navbar-collapse .navbar-nav.navbar-right:last-child{ float: none; width:100%; margin-top: 10px; margin-right: 0px; }*/
}

@media (min-width: 1200px){
	body.mcp .Header{ position: fixed; z-index: 1000; }
	.Content{margin-top: 65px;}
	#SmartSearch{ top: 97px; }
	.Header.container, .Header.container div.container{ max-width: 100% !important; padding: 0px;padding-left: 0px; padding-right: 0px;  }
	.header.navbar{ padding-left: 0px; padding-right: 0px; border-radius: 0px !important;-moz-border-radius: 0px !important; }
	/*.container{ max-width: 1400px !important; }*/
}

/** SMART SEARCH **/
#SmartSearch { max-width: 250px;margin-bottom: -50px; position: absolute; right: 75px; z-index: 100;}
@media (max-width: 1200px){ #SmartSearch { max-width: 100%; width: 100%; margin-top: 0px; margin-bottom: 10px; position: relative; right: auto;} }

.ui-widget-content{
	/*background: none;*/
}
.ui-widget-content li,
.ui-widget-content li a{
	padding: 10px;
	background: #fff !important;
	border-color: #FFF;
	border-radius: 0px;
}
.ui-widget-content li:hover a{
	background: #55b5c5 !important;
	color: #FFF;
	border: none;
}

/****** JQUERY UPLOADER *****/

#dropzone.in {
	background: #FF0000;
}
#dropzone.hover {
    background: lawngreen;
}
#dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}

/****** SIGN IN PAGE ******/
body.signin .LoginWebsiteContainer .container .Content{ max-width: 600px; margin: auto; padding-bottom: 25px; padding-bottom: 25px; }
body.signin .InstallWebsiteContainer .container .Content{ max-width: 800px; margin: auto; padding-bottom: 25px; padding-bottom: 25px; }
body.signin .Logo img{ display: block; width: auto; margin: auto; margin-top: 60px; margin-bottom: 15px; text-align: center; }
@media (max-width: 768px) {
	body.signin .Logo img{ margin-top: 20px; }
}
body.signin .btn.forgotpassword{ max-width: 330px; }
body.signin div.LoginWebsiteContainer p{ margin-top: 10px; margin-bottom: 10px; }
body.signin div.InstallWebsiteContainer p{ margin-top: 10px; margin-bottom: 10px; }
body.signin .form-signin {  max-width: 330px; padding: 15px; margin: 0 auto; }

body.signin .form-signin .form-signin-heading,
body.signin .form-signin .checkbox { margin-bottom: 10px; }

body.signin .form-signin .form-control { position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;	  box-sizing: border-box; }
body.signin .form-signin .form-control:focus { z-index: 2; }

body.signin .form-signin input[type="text"] { margin-bottom: -1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
body.signin .form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }

/****** PAGE WRAPPING ******/
html,body { height: 100%; /* The html and body elements cannot have any padding or margin. */ }

/* Wrapper for page content to push down footer */
#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; }

/* Set the fixed height of the footer here */


/****** BOOTSTRAP TABS ******/
@media (max-width: 480px) {
	.nav-tabs>li>a{ width: 125px; background-color: #55b5c5; color: #FFF;margin-bottom: 2px; border-radius: 0px;}
}
@media (max-width: 768px) {
	.nav-tabs>li>a{ font-size: 12px; }
}
@media (max-width: 1000px){

}

/****** ADMIN SERVERS LISTING *****/

.TableList .row:hover{
	background: #F3FCFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.TableList .row .btn{
	margin: 0px;
}

/****** WOWZA PLAYLIST ******/
#playlist-calendar {

}
#playlist-calendar table {
    background-color: white;
}
#playlist-calendar table th {
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd;
}
#playlist-calendar table th:first-child{
	border-top-left-radius: 7px;
}
#playlist-calendar table th:last-child{
	border-top-right-radius: 7px;
}
#playlist-calendar table td {
	color: #000;
	background-color: #fff;
	font-weight: bold;
}
#playlist-calendar table td:active {
    background: #BAD6E6;
}
#playlist-calendar .fc-today{
}
#playlist-calendar .fc-past{
	background: #fcf8e3;
	color: #999;
	opacity: 0.3;
}

/** SIDEBAR **/
/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 1200px) {
  .sidebar {
    position: fixed;
    top: 68px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a {
  color: #fff;
  background-color: #428bca;
}
/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (max-width: 480px) {
	.main{
		padding-top: 70px !important;
	}
}
@media (min-width: 1200px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}