@import url('/css/bootstrap.min.css?3.2.0');
@import url('/css/font-awesome.min.css?4.1.0');
@import url('/css/racingsansone-regular.css');

body {
   /*background-color: #eee;
   background-image: url(/img/subtle_grunge.png);*/
   padding-top: 50px;
}

a.pseudo-link {
   text-decoration: none;
   color: inherit;
   /*border-bottom: 1px dotted #18BC9C;*/
}

/*
 * signin
 */
 
.signin body {
   padding-top: 40px;
   padding-bottom: 40px;
   background-color: #eee;
   background-image: url(/img/subtle_grunge.png);
}

.form-signin {
   max-width: 330px;
   padding: 15px;
   margin: 0 auto;
}

.form-signin-heading {
   font-family: 'RacingSansOneRegular', cursive;
   font-weight: 400;
   font-size: 42px;
   text-shadow: 1px 1px 0 #fff;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
   margin-bottom: 10px;
}

.form-signin .checkbox {
   font-weight: normal;
}

.form-signin .form-control {
   position: relative;
   height: auto;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
   padding: 10px;
   font-size: 16px;
}

.form-signin .form-control:focus {
   z-index: 2;
}

.form-signin input[type="email"] {
   margin-bottom: -1px;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
   margin-bottom: 10px;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}

/*
 * footer
 */
 
html {
   position: relative;
   min-height: 100%;
}
 
body {
   margin-bottom: 60px;
}

footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   min-height: 50px;
   background-color: #f8f8f8;
   border-top: 1px solid #e7e7e7;
}

footer > .container {
   padding-right: 15px;
   padding-left: 15px;
}

.container .copyright {
   margin: 20px 0;
}

/*
 * Navbar
 */
 
.navbar-brand {
   font-family: 'RacingSansOneRegular', cursive;
   font-weight: 400;
   font-size: 1.7em;
   text-shadow: 1px 1px 0 #fff;
}


/*
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  margin-top: 20px;
}

.navbar-wrapper .container {
   padding-left: 0;
   padding-right: 0;
}

.navbar-wrapper .navbar {
   padding-left: 15px;
   padding-right: 15px;
}

.navbar-content {
   width: 320px;
   padding: 15px;
   padding-bottom: 0;
}

.navbar-content:before,
.navbar-content:after {
   display: table;
   content: "";
   line-height: 0;
}

.navbar-nav.navbar-right:last-child {
   margin-right: 15px !important;
}

.navbar-footer {
   background-color:#DDD;
}

.navbar-footer-content {
   padding: 15px;
}

.dropdown-menu {
   padding: 0px;
   overflow: hidden;
}

*/

/* Mega menu 

.dropdown-large {
   position: static !important;
}

.dropdown-menu-large {
   margin-left: 16px;
   margin-right: 16px;
   padding: 20px 0px;
}

.dropdown-menu-large > li > ul {
   padding: 0;
   margin: 0;
}

.dropdown-menu-large > li > ul > li {
   list-style: none;
}

.dropdown-menu-large > li > ul > li > a {
   display: block;
   padding: 3px 20px;
   clear: both;
   font-weight: normal;
   line-height: 1.428571429;
   color: #333;
   white-space: normal;
}

.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
   text-decoration: none;
   color: #262626;
   background-color: #f5f5f5;
}

.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
   color: #999;
}

.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   cursor: not-allowed;
}

.dropdown-menu-large {
   font-size: 12px
}

.dropdown-menu-large .dm-header a {
  color: #428bca !important;
}

@media (max-width: 768px) {
   .dropdown-menu-large {
      margin-left: 0;
      margin-right: 0;
   }
   .dropdown-menu-large > li {
      margin-bottom: 30px;
   }
   .dropdown-menu-large > li:last-child {
      margin-bottom: 0;
   }
   .dropdown-menu-large .dm-header {
      padding: 3px 15px !important;
   }
}

.caret-up {
   width: 0; 
   height: 0; 
   border-left: 4px solid rgba(0, 0, 0, 0);
   border-right: 4px solid rgba(0, 0, 0, 0);
   border-bottom: 4px solid;

   display: inline-block;
   margin-left: 2px;
   vertical-align: middle;
}

*/

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
   display: none;
}

@media (min-width:768px) {
   .sidebar {
      display: block;
      padding: 10px 15px;
      overflow-x: hidden;
      overflow-y: auto;
      background-color: #f5f5f5;
      border-right: 1px solid #eee;
   }
}

.sidenav {
   margin-top: 15px;
   margin-bottom: 15px;
}

.sidebar .nav>li>a {
   display: block;
   padding: 4px 20px;
   font-size: 13px;
   font-weight: 500;
   color: inherit;
}

.sidebar .nav>li>a:hover,
.sidebar .nav>li>a:focus {
   padding-left: 19px;
   color: inherit;
   text-decoration: none;
   background-color: transparent;
   border-left: 1px solid #18bc9c;
}

.sidebar .nav>.active>a,
.sidebar .nav>.active:hover>a,
.sidebar .nav>.active:focus>a {
   padding-left: 18px;
   font-weight: 700;
   color: inherit;
   background-color: transparent;
   border-left: 2px solid #0F7864;
}

.sidebar .nav .nav {
   display: none;
   padding-bottom: 10px;
}

.sidebar .nav .nav>li>a {
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 30px;
   font-size: 12px;
   font-weight: 400;
}

.sidebar .nav .nav>li>a:hover,
.sidebar .nav .nav>li>a:focus {
   padding-left: 29px;
}

.sidebar .nav .nav>.active>a,
.sidebar .nav .nav>.active:hover>a,
.sidebar .nav .nav>.active:focus>a {
   padding-left: 28px;
   font-weight: 500;
}

.list-multi-col {
   -moz-column-count: 2;
   -moz-column-gap: 0;
   -moz-column-rule-width: 0;
   -moz-column-rule-color: #000;
   -moz-column-rule-style: dashed;
   -webkit-column-count: 2;
   -webkit-column-gap: 0;
   -webkit-column-rule-width: 0;
   -webkit-column-rule-color: #000;
   -webkit-column-rule-style: dashed;
   -o-column-count: 2;
   -o-column-gap: 0;
   -o-column-rule-width: 0;
   -o-column-rule-color: #000;
   -o-column-rule-style: dashed;
   column-count: 2;
   column-gap: 0;
   column-rule-width: 0;
   column-rule-color: #000;
   column-rule-style: dashed;
}

.list-multi-col .checkbox {
   margin-top: 0;
}

.list-multi-col .checkbox + .checkbox {
   margin-top: -5px;
}

.filter {
   margin-top: 10px;
}

/*
.cm-sidebar {
   position: fixed;
   top: 51px;
   bottom: 61px;
   left: 0;
   z-index: 100;
   width: 310px;
   border-right: 1px solid rgba(0,0,0,0.1);
   overflow-y: scroll;
}

.cm-wrapper {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 310px;
   right: 0;
}
*/

/*
 * Main content
 

.main {
   padding: 20px;
   position: relative;
   z-index: 1010;
}

@media (min-width: 768px) {
   .main {
      padding-right: 40px;
      padding-left: 40px;
   }
}

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

*/

.main {
   padding-bottom: 40px;
}

.back-to-top {
   cursor: pointer;
   position: fixed;
   bottom: 20px;
   right: 20px;
   display:none;
}

/*
 * Search
 

.bias-input-group .input-group-addon + .input-group-btn > .btn {
   border-radius: 0;
}

.bias-input-group .input-group-addon + .input-group-btn + .input-group-addon {
   border-right: 0;
   border-left: 0;
}

.bs-menu {
   max-height: 300px;
   overflow: scroll;
   overflow-y: scroll;
   overflow-x: hidden;
}

.affix {
   z-index: 1020;
   width: -moz-available;
   margin-right: 40px;
}

.search-bar{
   
}

 */


/*
 * Navigator
 */
 
.menu-navigator {
   transition: all 0.3s ease;
   position: fixed;
   width: 0%;
   top: 50px;
   right: -200px;
   background: #e8e8e8;
   height: 100%;
   z-index: 2599;
}

.menu-toggle {
   position: fixed;
   top: 120px;
   right: 0;
   background: #e8e8e8;
   z-index: 2600;
   padding: 8px 10px 10px;
   transition: all 0.3s ease;
}

.menu-toggle:hover{
   cursor: pointer;
}

.menu-navigator.open{
   right: 0;
   width: 200px;
   display: block;
}

.menu-toggle.open{
   right: 200px;
}

ul.sample-menu {
   padding: 0;
   margin: 10px 15px;
}

ul.sample-menu li {
   padding: 2px 0;
   margin: 0;
   list-style: none;
}

ul.sample-menu li ul {
   padding: 0;
   margin: 0 0 0 15px;
}

ul#my-menu a {
   padding-left: 10px;
}

ul#my-menu a.collapsed {
   background: url('/img/collapsed.gif') left 6px no-repeat;
}

ul#my-menu a.expanded {
   background: url('/img/expanded.gif') left 6px no-repeat;
}

ul#my-menu > li.disabled > a {
  color: #b4bcc2;
}

ul#my-menu > li.disabled > a:hover,
ul#my-menu > li.disabled > a:focus {
  color: #b4bcc2;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.tab-pane {
   padding: 20px 0;
}

.upload-drop-zone {
   height: 124px;
   border-width: 2px;
   margin-bottom: 20px;
}

.upload-drop-zone {
   color: #ccc;
   border-style: dashed;
   border-color: #ccc;
   line-height: 124px;
   text-align: center;
}

.upload-drop-zone.drop {
   color: #222;
   border-color: #222;
}

.new-ad fieldset {
   margin-bottom: 20px;
}

.currency {
   min-width: 50px;
}

.radio-pad {
   margin-left: 13px;
}

.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
   margin-top: 3px;
}

/*
 * Breadcrumb
 */

.bc {
   margin: 20px 0;
}
 
.btn-breadcrumb .btn:not(:last-child):after {
   content: " ";
   display: block;
   width: 0;
   height: 0;
   border-top: 17px solid transparent;
   border-bottom: 17px solid transparent;
   border-left: 10px solid white;
   position: absolute;
   top: 50%;
   margin-top: -17px;
   left: 100%;
   z-index: 3;
}

.btn-breadcrumb .btn:not(:last-child):before {
   content: " ";
   display: block;
   width: 0;
   height: 0;
   border-top: 17px solid transparent;
   border-bottom: 17px solid transparent;
   border-left: 10px solid rgb(173, 173, 173);
   position: absolute;
   top: 50%;
   margin-top: -17px;
   margin-left: 1px;
   left: 100%;
   z-index: 3;
}

.btn-breadcrumb .btn {
   padding: 6px 12px 6px 24px;
}

.btn-breadcrumb .btn:first-child {
   padding: 6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
   padding: 6px 18px 6px 24px;
}

.btn-breadcrumb .btn.btn-default:not(:last-child):after {
   border-left: 10px solid #fff;
}

.btn-breadcrumb .btn.btn-default:not(:last-child):before {
   border-left: 10px solid #ccc;
}

.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
   border-left: 10px solid #e6e6e6;
}

.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
   border-left: 10px solid #adadad;
}

/* The responsive part */

.btn-breadcrumb > * > div {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;    
}

.btn-breadcrumb > *:nth-child(n+2) {
  display: none;
}

/* phones */
@media (max-width: 767px) {
   .btn-breadcrumb > *:nth-last-child(-n+2) {
      display: block;
   } 
   .btn-breadcrumb > * div {
      max-width: 60px;
   }
}

/* tablets */
@media (min-width: 768px) and (max-width:991px) {
   .btn-breadcrumb > *:nth-last-child(-n+4) {
      display: block;
   } 
   .btn-breadcrumb > * div {
      max-width: 100px;
   }
}

/* desktops */
@media (min-width: 992px) {
   .btn-breadcrumb > *:nth-last-child(-n+8) {
      display: block;
   } 
   .btn-breadcrumb > * div {
      max-width: 170px;
   }
}

/*
 * Comment
 */
 
.comment-info {
   color: #666;
   font-size: 11px;
}

.comment-action {
   margin-top: 5px;
}

.comment-text {
   font-size: 12px;
}

.comments .btn-comment,
.comments .comment-form {
   margin: 20px 0;
}

/*.comments div.media:hover { background-color: rgba(86,61,124,.1); }*/

#accordion .glyphicon, #accordion .fa { margin-right:10px; }
      .panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
      .panel-collapse>.list-group .list-group-item {border-width: 1px 0;}
      .panel-collapse>.list-group {margin-bottom: 0;}
      .panel-collapse .list-group-item {border-radius:0;}

      .panel-collapse .list-group .list-group {margin: 0;margin-top: 10px;}
      .panel-collapse .list-group-item li.list-group-item {margin: 0 -15px;border-top: 1px solid #ddd;border-bottom: 0;padding-left: 30px;}
      .panel-collapse .list-group-item li.list-group-item:last-child {padding-bottom: 0;}

      .panel-collapse div.list-group div.list-group{margin: 0;}
      .panel-collapse div.list-group .list-group a.list-group-item {border-top: 1px solid #ddd;border-bottom: 0;padding-left: 30px;}

.panel-title a {
   display: block;
}

.rating .glyphicon { margin-right: 5px;}
.rating .glyphicon {font-size: 22px; color: #d35400;}
.rating-num {margin-top: 0; font-size: 54px;}

.table-user-information > tbody > tr {
    border-top: 1px solid rgb(221, 221, 221);
}

.table-user-information > tbody > tr:first-child {
    border-top: 0;
}


.table-user-information > tbody > tr > td {
    border-top: 0;
}

.table-abc-action {
   font-size: 11px;
}

.table-abc-action a {
   margin: 0 5px;
}

.table-abc-action a:first-child {
   margin-left: 0px;
}

.table-abc-date {
   font-size: 11px;
   color: #aaa;
}

.table-abc-action .glyphicon, .table-abc-action .fa { margin-right: 5px;}

.text-gold {
   color: gold;
}

.text-bold {
   font-weight: 600;
}

/*
 Search Design
 *
 */

 .navbar-collapse {
   position: relative;
   padding-top: 30px !important;
   max-height: 270px;
 }

.navbar-collapse form[role="search"] {
   width: 100%;
   padding: 0px;
   margin: 0px;
   z-index: 0;
   right: 0px;
   top: 0px;
   position: absolute;
}

.navbar-collapse form[role="search"] button,
.navbar-collapse form[role="search"] input {
   border-radius: 0px;
   border-width: 0px;
   color: rgb(119, 119, 119);
   background-color: rgb(248, 248, 248);
   box-shadow: none;
   outline: none;
   padding: 8px 12px;
   border-color: rgb(231, 231, 231);
}

.navbar-collapse form[role="search"] input {
   padding: 16px 12px;
   /*font-size: 14pt;*/
   font-style: italic;
   box-shadow: none;
}

.navbar-collapse form[role="search"] button[type="reset"] {
   display: none;
}

@media (min-width: 768px) {

   .navbar-collapse {
      padding-top: 0px !important;
      padding-right: 38px !important;
   }

   .navbar-collapse form[role="search"] {
      width: 37px;
   }

   .navbar-collapse form[role="search"] button,
   .navbar-collapse form[role="search"] input {
      padding: 15px 12px;
   }

   .navbar-collapse form[role="search"] input {
      opacity: 0;
      display: none;
      padding: 25px 12px;
   }

   .navbar-collapse form[role="search"].active {
      width: auto;
   }

   .navbar-collapse form[role="search"].active button,
   .navbar-collapse form[role="search"].active input {
      display: table-cell;
      opacity: 1;
   }

   .navbar-collapse form[role="search"].active input {
      width: 640px;
      background-color: #e5e5e5;
   }
}