html, body {height: 100%;}

a:focus, button:focus{outline: none !important;}
.wrap {min-height: 100%;height: auto;margin: 0 auto -60px;padding: 0;}
.wrap > .container {padding: 65px 15px 20px;}
.footer {background-color: #000000; padding: 10px 0;}
.text-white{color: #eeeeee;}
.gutter-sm{margin: 5px !important;} .gutter-sm-top{margin-top: 5px !important;} .gutter-sm-right{margin-right: 5px !important;} .gutter-sm-bottom{margin-bottom: 5px !important;} .gutter-sm-left{margin-left: 5px !important;}
.gutter-md{margin: 10px !important;} .gutter-md-top{margin-top: 10px !important;} .gutter-md-right{margin-right: 10px !important;} .gutter-md-bottom{margin-bottom: 10px !important;} .gutter-md-left{margin-left: 10px !important;}
.gutter-lg{margin: 20px !important;} .gutter-lg-top{margin-top: 20px !important;} .gutter-lg-right{margin-right: 20px !important;} .gutter-lg-bottom{margin-bottom: 20px !important;} .gutter-lg-left{margin-left: 20px !important;}
.padding-sm{padding: 5px !important;} .padding-sm-top{padding-top: 5px !important;} .padding-sm-right{padding-right: 5px !important;} .padding-sm-bottom{padding-bottom: 5px !important;} .padding-sm-left{padding-left: 5px !important;}
.padding-md{padding: 10px !important;} .padding-md-top{padding-top: 10px !important;} .padding-md-right{padding-right: 10px !important;} .padding-md-bottom{padding-bottom: 10px !important;} .padding-md-left{padding-left: 10px !important;}
.padding-lg{padding: 20px !important;} .padding-lg-top{padding-top: 20px !important;} .padding-lg-right{padding-right: 20px !important;} .padding-lg-bottom{padding-bottom: 20px !important;} .padding-lg-left{padding-left: 20px !important;}
.tooltip-inner {white-space:nowrap;max-width:none;}

.album-status{cursor: pointer;}
.bg-black{background-color: #393939; color: #eeeeee;}
.bg-dark{background-color: #191919;}
.work-image figure{overflow: hidden; position: relative;}
.work-image .badge, .slider-wrapper .badge{
    position: relative; bottom: 23px; right: 5px; float: right;
}
.slider-wrapper .badge{z-index: 9; bottom: 60px; right: 5px; padding: 0 20px; border-radius: 20px;}
.album-cover .badge{float: right;}
.work-image figcaption{
    position: absolute;
    bottom: 4px;
    padding: 5px 10px;
    width: 100%;
    background: rgba(0,0,0,.7);
    z-index: 9;
    font-size: 12px;
}

@media only screen and (max-width: 760px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {display: block;}
    /* Hide table headers (but not display: none;, for accessibility) */
    /* #no-more-tables thead tr {position: absolute; top: -9999px; left: -9999px;} */
    #no-more-tables thead tr {display:none;}
    #no-more-tables tr {border: 1px solid #ccc;}
    /* Behave  like a "row" */
    #no-more-tables td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 35%; white-space: normal; text-align:left;}
    /* Now like a table header */ /* Top/left values mimic padding */
    #no-more-tables td:before {position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold;}
    /* Label the data */
    #no-more-tables td:before { content: attr(data-title); }
}

.pagination > li > a, .pagination > li > span{
    padding: 4px 6px;
}
.cursor{cursor: pointer;}