/* GLOBAL STYLES
-------------------------------------------------- */
body { 
  padding-top: 50px; 
}

.table thead tr th.asc i:before {
    font-family: 'Glyphicons Halflings'; content: "\e151"; font-style: normal; color: #000; font-size: 70%;
}
.table thead tr th.desc i:before {
    font-family: 'Glyphicons Halflings'; content: "\e152"; font-style: normal; color: #000; font-size: 70%;
}

.wms-mt10 {
    margin-top: 10px !important;
}
.wms-mb4 {
    margin-bottom: 4px !important;
    font-weight: bold;
    word-spacing: 5px;
}
.wms-mr5 {
    margin-right: 5px !important;
}

.action-row-btn{
  width: 220px;
}

a.wms-nohover:hover { text-decoration: none; }
.wms-nohover { float: left; margin-right: 4px; }

.foo {
  width: 20px;
  height: 20px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .2);
}

.blue {
  background: blue;
}

.green {
  background: green;
}

.red {
  background: red;
}

.yellow {
  background: yellow;
}

.mb-10 {
  margin-bottom: 10px;
}

tr.pending {
    background-color: #ffdd99 !important;
}

tr.approve {
    background-color: #d9edf7 !important;
}

tr.renewed {
    background-color: #dff0d8 !important;
}

tr.redeemed {
    background-color: #ccccff !important;
}

tr.reject {
    background-color: #d9534f !important;
}

tr.auction  {
  background-color: #ababab !important
}

.pawn-status a:hover,
.pawn-status a:focus{
  text-decoration: none;
}

.listing a{
  color: #333;
}


/* TOP BAR STYLES
-------------------------------------------------- */
#wms-navbar .wms-avatar { position: relative; top: -5px; float: left; left: -5px; margin-right: 2px; }


/* TABLE STYLES
-------------------------------------------------- */
.table span.true { color: #3c763d }
.table span.false { color: #a94442 }

.file-preview {
    max-width: 250px !important;
}

.krajee-default.file-preview-frame .kv-file-content {
     height: auto !important;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
/* Extra large devices (large desktops) */
/* No media query since the extra-large breakpoint has no upper bound on its width */

/* Large devices (desktops, less than 1200px) :: lg */
@media (max-width: 1199px) {  }

/* Large devices (desktops, 992px and up) :: lg */
@media (min-width: 992px) and (max-width: 1199px) {  }

/* Medium devices (tablets, less than 992px) :: md */
@media (max-width: 991px) {
  h1{
    font-size: 20px;
  }

  h2{
    font-size: 20px;
  }
}

/* Medium devices (tablets, 768px and up) :: md  */
@media (min-width: 768px) and (max-width: 991px) {  }

/* Small devices (landscape phones, less than 768px) :: sm */
@media (max-width: 767px) {
    /* GLOBAL STYLES
    -------------------------------------------------- */
    .wms-sm-mb4 {
        margin-bottom: 4px !important;
    }
}

/* Small devices (landscape phones, 576px and up) :: sm  */
@media (min-width: 576px) and (max-width: 767px) {  }

/* Extra small devices (portrait phones, less than 576px) :: xs */
@media (max-width: 575px) {  }