/*************************************************
  
                     LAYOUT

*************************************************/
.user-option {
  position: relative;
  margin-top: 5px;
  display: block;
  float: left;
}
.user-option img {
  margin-right: 5px;
}
.user-option a {
  position: relative;
  top: 2px;
  margin-right: 15px;
}
.padding-wrap {
  padding: 30px;
}
.padding-wrap-small {
  padding: 20px;
}
.page-title {
  border-bottom: 1px solid #ebebeb;
}
.page-title .breadcrumb {
  float: left;
}
.page-title .breadcrumb > li {
  float: left;
}
.page-title .dd-wrap {
  position: relative;
  top: 8px;
  float: left;
  margin-left: 10px;
}
#coll-in-folder .list-row:first-child {
  position: relative;
  margin-top: -30px;
}
.pagination {
  margin: 0;
}
.pagination li a {
  color: #169ded;
}
.pagination li a:hover {
  background: #ebebeb;
}
/******** tabs ********/
.nav-tabs {
  border: none;
  width: 100%;
  margin-bottom: -30px;
}
.nav-tabs li {
  width: 33.3333333333%;
  padding: 3px;
}
@media (max-width: 768px) {
  .nav-tabs li {
    width: 100%;
  }
}
/******** info center ********/
.sticky-info {
  position: fixed !important;
  top: 40px;
}
.info-center {
  position: relative !important;
  padding-right: 30px;
  margin-bottom: 60px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.info-center .logo-wrap {
  position: relative;
  height: auto;
  background: #ffffff;
  padding: 15px;
}
.info-center .logo-wrap .logo-inner {
  position: relative;
  width: 40%;
  height: auto;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.info-center .logo-wrap .logo-inner img {
  position: relative;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.info-center .item-list {
  max-height: 380px;
  overflow: auto;
}
@media (max-width: 769px) {
  .info-center {
    padding-right: 15px;
    margin-bottom: 20px;
  }
  .info-center .item-list {
    display: none;
  }
}
@media (max-width: 991px) {
  .info-center {
    padding-right: 20px;
  }
}
.main-content {
  margin-bottom: 60px;
}
/******** TOP BAR *********/
.top-bar {
  width: 100%;
  background: #f2f3f5;
  margin-bottom: 35px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.top-bar .border-wrap {
  border-radius: 0;
}
.top-bar ul li a {
  width: 25%;
  float: left;
  text-align: center;
  padding: 27px 0 22px 0;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: 700;
  color: #a9aaac;
  letter-spacing: 1px;
  border-right: 1px solid #e6e6e6;
  border-bottom: 5px solid #dedfe0;
}
.top-bar ul a:hover {
  color: #75777a;
  border-bottom: 5px solid #a9acaf;
}
.top-bar ul .nav-folder.active a {
  border-bottom-color: #24C875;
  color: #24C875;
}
.top-bar ul .nav-collections.active a {
  border-bottom-color: #20A6FC;
  color: #20A6FC;
}
.top-bar ul .nav-sds.active a {
  border-bottom-color: #f36422;
  color: #f36422;
}
.top-bar ul .nav-inventory.active a {
  border-bottom-color: #f36422;
  color: #fe918c;
}
@media (max-width: 769px) {
  .top-bar ul li a {
    width: 50%;
    font-size: 0.85em;
    font-weight: 700;
  }
}
@media (max-width: 991px) {
  .top-bar {
    margin-bottom: 25px;
  }
}
.content-portal {
  margin-top: 35px;
  border-radius: 4px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.content-portal > .border-wrap {
  min-height: 600px;
}
@media (max-width: 991px) {
  .content-portal {
    margin-top: 25px;
  }
}
.no-header-wrap {
  margin: 30px 0;
}
.no-header-wrap h5 {
  margin-bottom: 8px;
}
.options-logo-wrap {
  position: relative;
  width: 120px;
  height: 100px;
  border: 1px solid #ebebeb;
}
.options-logo-wrap img {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 100%;
  max-width: 100%;
}
.side-options-tab {
  margin-bottom: 30px;
}
.side-options-tab li {
  position: relative;
  cursor: pointer;
  padding: 5px;
}
.side-options-tab li h4 {
  text-transform: uppercase;
  font-size: 1em;
  color: #169ded;
}
.side-options-tab li img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 13px;
  display: none;
}
.side-options-tab .active {
  background: #f2f3f5;
}
.side-options-tab .active h4 {
  color: #0d6fa9;
}
.side-options-tab .active img {
  display: block;
}
@media (max-width: 568px) {
  .side-options-tab .active img {
    display: none;
  }
}
.options-right .row {
  margin-bottom: 20px;
}
.options-right .row input {
  margin: 0 0 8px 0;
}
.account-name-wrap h4 {
  text-transform: uppercase;
}
[name=update-name-input] {
  text-transform: uppercase;
  font-weight: 700;
}
.add-to-info .btn {
  width: 49%;
}
@media (max-width: 568px) {
  .add-to-info .btn {
    width: 100%;
  }
}
.twitter-typeahead {
  display: block !important;
}
.margin-no-top {
  margin-top: 0px !important;
}
.top-btn-wrap .col-xs-12 #dl_link {
  padding-left: 5px;
}