/******************* Login layout ***************/
.login .logo {
    background-image: url(../img/logo.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 100px;
}

.image-link {
    width: 150px;
    display: block;
}


/*************** Navbar *******************/
.navbar .navbar-brand {
    padding: 0;
}
.navbar .navbar-brand img {
    margin-left: 30px;
    height: 40px;
    width: auto;
}

/***************** Responsive rules ****************/
.navbar.navbar-collapse .navbar-header {
    float: left !important;
}
.navbar.navbar-collapse .navbar-buttons {
    width: auto;
    float: right !important;
}    
.navbar-container {
    padding: 0;
}


#navbar-container, #main-container {
    width: 100% !important;
}
.page-header {
    padding-bottom: 7px;
    padding-top: 15px;
}

.breadcrumb > li > a {
    text-transform: capitalize;
}

.processing {
    background: #ddd none repeat scroll 0 0;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    left: 50%;
    margin-left: -100px;
    opacity: 0;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    top: 45px;
    width: 200px;
    background-color: #f9edbe;
    border-color: #f0c36d;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #000;
    transition: all 0.2s ease-in-out 0s;
}
.processing.in {
    opacity: 1;
}

.drop-placeholder {
    background-color: #eee;
    border: 2px dashed #ddd;
    display: block;
    height: 41px;
    margin: 0 0 10px;
}

.nav-search .clear-search {
    cursor: pointer;
    float: right;
    margin-right: -55px;
    margin-top: -33px;
    padding: 6px;
    position: absolute;
    right: 56px;
    z-index: 3000;
}
.nav-search .clear-search i {
    color: #6fb3e0;
}

.uploading-container {
    width: 150px; 
    height: 150px; 
    padding-left: 35px; 
    padding-top: 35px;
}

.ace-thumbnails .dz-preview, 
.ace-thumbnails .dz-file-preview {
    display: none;
}

.dropzone .dz-default.dz-message {
    margin: 10px auto;
}

#links-container > div.drop-image-placeholder {
    width: 100%;
    height: 30px;
    display: block;
    margin-bottom: 10px;
    border: 3px #bbb dashed;
}

#links-container select {
    width: 100%;
}

.ace-thumbnails > li.drop-image-placeholder {
    width: 150px;
    height: 190px;
    display: block;
    border: 3px #bbb dashed;
}

#cboxContent {
    border: 3px solid;
    margin: 10px;
}
#cboxClose {
    margin-top: 15px !important;
}
#cboxCurrent {
    left: 10px !important;
}
#cboxPrevious {
    bottom: 5px !important;
    left: auto !important;
    right: 32px !important;
}
#cboxNext {
    bottom: 5px !important;
    left: auto !important;
    right: 5px !important;
}

.tags {
    width: 42%;
}

/*************************************************************/
/********************** Knowledge Base ***********************/
/*************************************************************/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic,300);
#knowledge-base {
  background-color: #f9f9f9;
  padding: 30px;
  font-family: 'Open Sans', sans-serif;
  color: #404040;
}
#knowledge-base .container {
    width: 100%;
}
#knowledge-base .main {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  padding: 50px;
}
#knowledge-base section {
  margin-bottom: 100px;
}
#knowledge-base h1.heading {
  border: medium none;
  font-size: 48px;
  font-weight: 300;
  margin-bottom: 50px;
}
#knowledge-base h1 {
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  padding-bottom: 20px;
}
#knowledge-base h2 {
  color: #808080;
}
#knowledge-base h3 {
  font-weight: 100;
  margin-top: 2em;
}
#knowledge-base h4 {
  margin-top: 1em;
}
#knowledge-base nav li {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#knowledge-base .sidebar {
  margin-top: 15px;
  padding-left: 15px;
  background: none;
}
#knowledge-base .sidebar a:hover {
    text-decoration: none;
}

.validation-user-message {
    margin-left: 7px;
    display: inline-block;
    margin-top: 7px;
}