body {
	margin-top: 74px;
	padding-top:20px;
	box-shadow: inset -2px -4px 23px -7px;
}

/* breaks - offset class
.container > .row > div[class*=col-md-] {
	margin: 10px auto;
}
*/

h2 {
	margin:0px 0px 5px;
	padding:0px;
	font-size:21px;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	text-decoration:underline;
}

.bs-sidenav {
  width: 350px;
  margin: 15px 0 0;
  padding: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	 -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
		  box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}

.bs-sidenav > li.warning a {
	background-color: #f2dede;
	color: #b94a48;
	font-weight: bold;
}

.bs-sidenav > li.warning a:hover {
	background-color: #E4BFBF;
}

.bs-sidenav > li:not(.warning) a:hover {
	background-color: #D9EDF7;
}

.bs-sidenav > li > .nav-list > li > a {
  border: 1px solid #e5e5e5;
  border-bottom: none;
  padding: 7px 12px;
  display:none;
}	

.bs-sidenav > li.active > .nav-list > li > a {
	display:block;
}
.bs-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	 -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
		  box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}

.bs-sidenav .icon-chevron-right.custom {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.bs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.bs-sidenav a:hover .icon-chevron-right {
  opacity: .5;
}
.bs-sidenav .active .icon-chevron-right.custom,
.bs-sidenav .active a:hover .icon-chevron-right.custom {
  opacity: 1;
}
.bs-sidenav.affix {
  top: 60px;
}
.bs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}

#ajaxLoader {
	width: 300px;
	height: 50px;
	position: absolute;
	left: 50%;
	margin-top: 250px;
	margin-left: -150px;
	display: none;
	top: 50px;
}

.table-bordered {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;		
}

.table-centered tr td, .table-centered tr th,
.table-centered tbody tr td, .table-centered thead tr th {
	text-align: center;
  	vertical-align: middle;	
}

.parent ul.nav li a:hover {
	background-color: rgb(240, 240, 240);
}	

.parent ul.nav li a.active {
	background-color: rgb(226, 226, 226);
}	

/*
#changedfiles_outer, #select_files, #selected_profile {
	padding:0 10px;
	background-color: #f2f2f2;
	border: 1px solid #ddd;
}

#changedfiles, #selected_profile {
	max-height: 650px;
	padding-bottom: 10px;
}

#select_files {
	padding: 10px;
}
*/


a.selected {
	color: #CF453F;
}



#changedfiles a + i.glyphicon-ok {
	margin-left:5px;
	display: none;
} 

#changedfiles a.selected + i.glyphicon-ok {
	display: inline-block;
}

#changedfiles {
	overflow-y: auto;
	padding: 0;
}

#changedfiles .table tr th, #changedfiles .table tr td {
	text-align: left;
	vertical-align: middle;
	font-size: 0.9em;
}

#changedfiles .table tr td .btn-group {
  	vertical-align: middle;	
}

#changedfiles .table tr td.file a {
	font-size: 0.9em;
}


.compare-data {
	padding:0 10px 10px;
}


.check {
	margin: -3px 4px 0 0!important;
}
.freetryu td {
	padding:4px 10px 4px 4px;
	text-align:left;
	font-size:14px;
}

.compare_files > .container {
	-moz-box-shadow: 0px 8px 8px rgba(0,0,0, 0.3);
	-webkit-box-shadow: 0px 8px 8px rgba(0,0,0, 0.3);
	box-shadow: 0px 8px 8px rgba(0,0,0, 0.3);
}

#compareData > pre {
	margin-top: -10px;
	border-radius: 0px;
	border: 0px;
}

.table-centered tr th, .table-centered tr td {
	text-align: center;
}

.table .table-header th {
	background-color: #777;
	color: white;
	border-bottom-width: 1px;
}
.error-404 {
	text-align: center;
}
.error-404 h1 {
	font-size:4em;
}

/* custom nav */
.navbar-mm.navbar {
	background: #428BCA;
	box-shadow: inset 1px 4px 9px -6px;	
}

.navbar-mm .nav.navbar-nav {
	height: 74px;
}
.navbar-mm .nav.navbar-nav li a {
	padding: 27px 20px;
	color: white;
}
.navbar-mm .navbar-nav>.dropdown>a .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.navbar-mm .nav.navbar-nav li ul.dropdown-menu li a {
	padding-top: 7px;
	padding-bottom: 7px;
	color: #222;
}

.navbar-mm .nav.navbar-nav li ul.dropdown-menu li a span.chevron {
	margin-left: -5px;
	padding-right: 23px;
}


.mm-img {
  opacity: 0.2;
  -webkit-transition: opacity .8s ease-in-out;
     -moz-transition: opacity .8s ease-in-out;
          transition: opacity .8s ease-in-out;
}
.card-signin:hover .mm-img, .navbar.navbar-mm:hover .mm-img {
  opacity: 1;
}

/* Notifications */

/* Notifications */
@-webkit-keyframes animate-stripes {
        0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

@-moz-keyframes animate-stripes {
        0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

#notification_alert h3 {
	color:#fff;
	margin:0;
	padding:0;
	line-height:21px;
	text-align: center;
	font-weight: 500;
}


.TopNotification {
	height: 74px;
	padding: 30px 0;
	width:100%; 
	position: absolute;
	left:0;
	top:0; 
	z-index:20000;	
}

.TopNotification-success {

	background: #2B8E20;
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
	background-image: -webkit-gradient(linear, left top, right bottom,
	                                        color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
	                                        color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
	                                        color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
	                                        to(transparent))!important;
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
	                                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
	                                        transparent 75%, transparent)!important;
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
	                                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
	                                        transparent 75%, transparent)!important;
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
	                                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
	                                        transparent 75%, transparent)!important;
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
	                                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
	                                        transparent 75%, transparent)!important;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
	                                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
	                                        transparent 75%, transparent)!important;  

	-webkit-animation: animate-stripes 3s linear infinite;
	-moz-animation: animate-stripes 3s linear infinite;
}

.TopNotification-error {
	background: #950205;
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
	background-image: -webkit-gradient(linear, left top, right bottom,
	                                        color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
	                                        color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
	                                        color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
	                                        to(transparent))!important;
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
	                                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
	                                        transparent 75%, transparent)!important;
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
	                                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
	                                        transparent 75%, transparent)!important;
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
	                                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
	                                        transparent 75%, transparent)!important;
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
	                                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
	                                        transparent 75%, transparent)!important;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
	                                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
	                                        transparent 75%, transparent)!important;  

	-webkit-animation: animate-stripes 3s linear infinite;
	-moz-animation: animate-stripes 3s linear infinite;
}

.TopNotification-info {
	background: #0057AE;
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
	background-image: -webkit-gradient(linear, left top, right bottom,
	                                        color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
	                                        color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
	                                        color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
	                                        to(transparent))!important;
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
	                                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
	                                        transparent 75%, transparent)!important;
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
	                                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
	                                        transparent 75%, transparent)!important;
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
	                                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
	                                        transparent 75%, transparent)!important;
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
	                                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
	                                        transparent 75%, transparent)!important;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
	                                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
	                                        transparent 75%, transparent)!important;  

	-webkit-animation: animate-stripes 3s linear infinite;
	-moz-animation: animate-stripes 3s linear infinite;
}


.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	border-bottom-width: 1px;
}

.navbar-inverse .navbar-nav>li>a:hover {
	background-color: #000;
}

.subtitle {
	font-size: 0.9em;
	color: #bbb;
}

pre {
	padding:0px;
	font-size: 12px;
	tab-size: 2;
}

@media(max-width:767px){
	.navbar-mm .nav.navbar-nav {
	height: 300px;
	}
}