/*
 * Base structure
 */

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
}

/* 
* Fonts
*/

@font-face {
  font-family: 'Lavanda';
  src: url('/fonts/Lavanda-Regular.otf');
}
@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway-Italic.ttf');
}
@font-face {
  font-family: 'Cotasia';
  src: url('/fonts/Cotasia-Regular.woff');
}
/*
 * Main content
 */

.main .page-header {
  margin-top: 0;
}

section {
  padding-left: 30px;
  padding-right: 30px;
}

section.controls .filterButtons {
  padding: 30px;
}

section.controls .results {
  padding-top: 36px;
}

.breadcrumb {
  padding: 20px 0px;
  font-size: 20px;
  margin-bottom: 0;
}

.breadcrumb > li {
  padding: 0px;
}

.breadcrumb > li + li a {
  margin-left: -5px;
}

.showDropDown {
  display: block !important;
}

.content-header,
.mode-header {
  min-height: 82px;
}

.content-header {
  padding-top: 8px;
}

.btn-group {
  margin-left: -17px;
  padding: 17px;
}

.mode-header {
  padding-top: 25px;
  padding-bottom: 25px;
}

.mode-header .btn {
  margin-left: 5px;
}

.top-buttons {
  padding: 20px 0;
}

.table > tbody > tr > td:last-child {
  border-right: none;
}

.table > tbody > tr > td {
  cursor: pointer;
  cursor: hand;
}

.ng-table th.sortable .sort-indicator {
  font-size: 12px;
}

.ng-table th.sortable .sort-indicator:after,
.ng-table th.sortable .sort-indicator:before {
  display: none;
}

.mdPage {
  margin-top: 90px;
  padding-left: 0;
  margin-left: 30px;
}

.mdPage img {
  max-width: 100%;
}

.folderSearch {
  display: inline-block;
}

.searchPage.content {
  padding-top: 50px;
}

.searchPage.widgets .widget {
  padding: 20px;
}

.searchPage.widgets .widget h3 {
  padding-top: 0px;
}

.searchPage.widgets .widget ul li {
  overflow-wrap: break-word;
}

.searchPage form {
  padding-top: 100px;
  padding-bottom: 100px;
}

.searchPage form input,
.searchPage form button,
.searchPage form select {
  height: 50px;
}

.searchPage form .searchControls {
  padding: 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%;
}

/*
 * Colors
 */

.main {
  background-color: #eee;
}

section.content-header {
  background-color: #fff;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #79d214;
  border-color: #79d214;
}

.btn.btn-default.search,
.alt-color {
  color: #fff;
  background-color: #79d214;
}

section.controls button {
  border: none;
  background-color: #f4f4f4;
}

section.controls button:focus {
  border: none;
  outline: transparent !important;
}

section.controls .results {
  padding-top: 36px;
  color: #b8b8b8;
}

.breadcrumb,
.breadcrumb a,
.altBreadcrumb,
.altBreadcrumb a {
  background: none;
  color: #3a3a3a !important;
}

.mdPage {
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  border-bottom: 1px solid #ddd;
}

.table > tbody > tr > td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-top: none;
}

.dragover {
  border: 5px dashed #ddd;
}

.mode-header {
  color: #fff;
}

.mode-header.Download {
  background-color: #79d214;
}

.mode-header.Delete {
  background-color: #414141;
}

.mode-header.Cut {
  background-color: #79d214;
}

.mode-header.Copy {
  background-color: #79d214;
}

.searchPage.widgets .widget {
  background-color: #ddd;
}

.searchPage .form-control:focus {
  box-shadow: none;
}

.homePage.content {
  padding-top: 30px;
}

.homePage.folderIcons {
  padding-top: 30px;
}
.homePage.folderIcons a {
  color: #000;
}

.folderIcons .icon {
  background-color: #ddd;
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.carousel-control,
.carousel-control:hover,
.carousel-control:focus {
  color: #79d214;
}

/*
 * General change
 */
.noborder {
  border: none;
}

.no-horizontlal-padding {
  padding-left: 0px;
  padding-right: 0px;
}

.btn.btn-default.search {
  margin-left: -7px;
  margin-top: -3px;
  height: 34px;
}

.form-control.search {
  display: inline-block;
  width: auto;
}

.divider {
  border-left: 1px solid #ddd;
  padding: 10px;
}

.carousel-control.right,
.carousel-control.left {
  background-image: none;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  max-height: 70vh;
  margin: auto;
}

img {
  image-orientation: from-image;
}

/**
 * Annimations
 */
.fadeIn.ng-hide-add,
.fadeIn.ng-hide-remove,
.fadeIn.ng-enter,
.fadeIn.ng-leave {
  transition: all 1s;
}

.fadeIn.ng-hide-add.ng-hide-add-active,
.fadeIn.ng-hide-remove,
.fadeIn.ng-leave-active {
  opacity: 0;
}

.fadeIn.ng-hide-add,
.fadeIn.ng-hide-remove.ng-hide-remove-active,
.fadeIn.ng-enter-active {
  opacity: 1;
}