/*
// Theme: default
// Author: Jake Jarrett
// Website: https://github.com/jakehh/WebDAW
//
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

body, html {
  font-family: 'Open Sans', 'sans-serif';
}

.navbar-inverse .navbar-nav > li > a {
  color: #6f6f6f;
  display: inline-block;
  vertical-align: middle;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #424242;
}

.navbar-inverse .navbar-nav > .open > a {
  color: #6f6f6f;
  background: #e5e5e5;
  background: -moz-linear-gradient(top, #e5e5e5 0%, #bdbdbd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #bdbdbd));
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #bdbdbd 100%);
  background: -o-linear-gradient(top, #e5e5e5 0%, #bdbdbd 100%);
  background: -ms-linear-gradient(top, #e5e5e5 0%, #bdbdbd 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #bdbdbd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#bdbdbd',GradientType=0 );
}

.navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #6f6f6f;
  background: #e5e5e5;
  background: -moz-linear-gradient(top, #e5e5e5 0%, #bdbdbd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #bdbdbd));
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #bdbdbd 100%);
  background: -o-linear-gradient(top, #e5e5e5 0%, #bdbdbd 100%);
  background: -ms-linear-gradient(top, #e5e5e5 0%, #bdbdbd 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #bdbdbd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#bdbdbd',GradientType=0 );
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus {
  color: #6f6f6f;
  background-color: #e5e5e5;
}

.dropdown-submenu:hover > a {
  color: #6f6f6f;
  background-color: #e5e5e5;
}

.navbar-inverse {
  background: #e5e5e5;
  background: -moz-linear-gradient(top, #e5e5e5 0%, #bdbdbd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #bdbdbd));
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #bdbdbd 100%);
  background: -o-linear-gradient(top, #e5e5e5 0%, #bdbdbd 100%);
  background: -ms-linear-gradient(top, #e5e5e5 0%, #bdbdbd 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #bdbdbd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#bdbdbd',GradientType=0 );
  border-bottom: 1px solid;
  border-color: #a8a8a8;
}

.sidebar {
  background-color: #dedede;
  border-right: 1px solid #a8a8a8;
}

.rightsidebar {
  background-color: #dedede;
  border-left: 1px solid #a8a8a8;
}

.instrumentsbutton {
  border-bottom: 1px solid #a8a8a8;
}

.new-content {
  background-color: #ffffff;
}

#effectSortable li {
  background-color: #E0E0E0;
  border: 1px solid #000000;
}

.track {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
}

.addTrack {
  border-left: 1px solid #a8a8a8;
  background-color: #ffffff;
}

.plusButton {
    color: #cccccc;
}

.addTrack:hover {
    background-color: #cccccc;
    -webkit-transition: background-color .5s linear;
}

.plusButton:hover {
    transition: color .5s;
    color: #ffffff;
    -webkit-animation: spin .25s 0 linear;
}

@-webkit-keyframes spin {
	0%  {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(-90deg);}	
}

.trackBox {
  height: 90px;
  position: relative;
  background-color: #f5f5f5;
  border-top: 1px solid #a8a8a8;
}

.timeline {
  height: 40px;
  margin-bottom: 10px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
}

#left ul.nav li a:hover .lbl {
  color: #000 !important;
    background: #c6c6c6; /* Old browsers */
    background: -moz-linear-gradient(top,  #c6c6c6 0%, #cecece 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, top, bottom, color-stop(0%,#c6c6c6), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c6c6c6 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c6c6c6 0%,#cecece 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c6c6c6 0%,#cecece 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c6c6c6 0%,#cecece 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
}

#left ul.nav li.current > a .lbl {
  background-color: #999;
  color: #fff !important;
}

#left ul.nav li.parent a {
  padding: 0px;
  color: #000000;
}

#left ul.nav > li.parent > a {
  margin-top: -1px;
  margin-bottom: -2px !important;
  border-bottom: solid 1px #999999;
  border-top: solid 1px #999;
  text-transform: uppercase;
  color: #000000;
  background: #dedede;
}

#left ul.nav li.parent a:hover, #left ul.nav li.parent a:focus {
    background: #c6c6c6; /* Old browsers */
    background: -moz-linear-gradient(top,  #c6c6c6 0%, #cecece 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, top, bottom, color-stop(0%,#c6c6c6), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c6c6c6 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c6c6c6 0%,#cecece 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c6c6c6 0%,#cecece 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c6c6c6 0%,#cecece 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */

}

#left ul.nav li.parent ul li a {
  color: #222;
  border: none;
  display: block;
  padding-left: 5px;
  margin-left: -12px;
  padding-left: 12px;
  margin-bottom: -2px;
}

#left ul.nav li.parent ul li a:hover {
  background-color: #fff;
  color: #000000;
}

#left ul.nav li .sign {
  display: inline-block;
  width: 14px;
  padding: 5px 8px;
  background-color: transparent;
  color: #000000;
}

#left ul.nav li.parent > a > .sign {
  margin-left: 0px;
}

#left ul.nav li .lbl {
  padding: 5px 12px;
  display: inline-block;
}

#left ul.nav li.current > a > .lbl {
  color: #fff;
}

#left ul.nav li a .lbl {
  font-size: 12px;
}