* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: 0 !important;
}

html,
body {
    height: 100%;
    position: relative;
    margin: 0;
}

body {
    background: url(../img/bg.png) no-repeat fixed 95% 95% / 150px #ddd;
    font-family:'Lato', sans-serif;
    font-size: 12px;
    font-weight: 400 !important;
    line-height: 1.7em;
}

h1, h2, h3, h4, h5 {
    font-family:'Lato', sans-serif;
    font-weight:700 !important;
}

dl dt {
    color: #444;
}

dl dd {
    margin-bottom: 0.8em;
}

ul.infolist{
    list-style:none;
}

.btn,
.form-control {
    border-radius: 2px;
    cursor: pointer;
}

.iti{
    display:block;
}

table tr td .btn-xs{
    font-size:0.9em;
    padding:2px 8px;
}

input.datepicker {
    background: url(../img/icons/calendar.png) no-repeat 95% center / 22px;
}

.radio-inline,
.checkbox-inline {
    background: #eee;
    border-radius: 2px;
    padding-left: 28px;
    padding-right: 10px;
    padding-bottom: 3px;
}

.radio-inline input,
.checkbox-inline input {
    top: 1px;
}

.form-group .col-sm-6:first-child {
    padding-right: 0;
}

.form-group .col-sm-6:last-child {
    padding-left: 5px;
}

input[type=file].form-control{
    border:0;
    box-shadow:none;
    outline:none;
    padding-left:0;
}

.help-block {
    line-height: 16px;
}

.alert{
    padding:8px 15px;
}

/* Datatables */
table tr th, table tr td{
    font-size:11px;
    padding:7px 6px 6px!important;
}
.table>thead>tr>th {
    background:#ddd;
    border-bottom: 0!important;
}

.dataTables_wrapper {
    overflow: auto;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    float: right;
}

div.dataTables_wrapper table.datatable {
    margin-top:1em!important;
}
table.dataTable{
    width:100%!important;
}

.dataTables_length{
    font-size:0;
    margin-right:10px;
    top:-3px;
    position:relative;
}
div.dataTables_wrapper div.dataTables_length select{
    width:auto;
}

.dataTables_length,
.dataTables_paginate,
.dataTables_info {
    display: inline-block;
}

.dataTables_paginate {
    float: right;
}

.btn.buttons-html5, .btn.buttons-print {
    background-size: 16px;
    background-position: 8px center;
    color: #000!important;
    font-size: 0.9em;
    padding: 7px 6px 7px 30px;
}

.btn.buttons-html5:hover, .buttons-print:hover {
    background-color: #eee;
}

.buttons-excel {
    background: url(../img/icons/excel.png) no-repeat;
}

.buttons-copy {
    background: url(../img/icons/copy.png) no-repeat;
}

.buttons-pdf {
    background: url(../img/icons/pdf.png) no-repeat;
}

.buttons-print {
    background: url(../img/icons/printer.png) no-repeat;
}

.action-bar{
    border-bottom:1px dotted #ddd;
    margin-bottom:1em;
    padding-bottom:1em;
}

.action-bar .btn + .btn{
    margin-left:6px;
}

.tab-content>.tab-pane {
    background: #fff;
    padding: 1em;
}

.page-header {
    border-bottom: 0;
    margin-bottom: 0;
}

.page-header,
.page-header h1 {
    margin-top: 0;
}

.page-header h1 {
    font-size:1.8em;
    margin-bottom:0;
}

.container{
    max-width:1366px;
    width:auto;
}

.page-container {
    margin-top: 0;
    min-height: 100%;
}

.auth-holder {
    margin: 5% auto 0;
    max-width: 480px;
}

.navbar {
    border: 0;
    border-radius: 0;
    min-height: 0;
    height: auto;
}

.navbar-brand{
    height:auto;
    padding:10px 15px;
}

.navbar-inverse .navbar-nav>li>a{
    padding:10px 15px;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.dash-bd .dash-lnk,
.content-bd .content-lnk,
.customers-bd .customers-lnk,
.users-bd .users-lnk,
.payments-bd .payments-lnk,
.adverts-bd .adverts-lnk,
.reports-bd .reports-lnk,
.tools-bd .tools-lnk,
.logs-bd .logs-lnk {
    color: #fff;
    background-color: #3e152b;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    /* border-left: 0; */
}

.dropdown-menu {
    padding: 0;
}

.dropdown-menu>li.divider{
    margin:0;
}
.dropdown-menu>li>a {
    font-size:12px;
    padding: 10px 20px;
}

/* Dashboard */
.dashboard-sidebar h4 {
    margin-top: 0;
}

.stats-box {
    border-left: 1px dotted #999;
    padding: 0 5px;
    text-align: center;
}

.stats-box:first-child {
    border: 0;
}

.stats-box h5 {
    margin-top: 0;
    text-transform: uppercase;
}

.stats-box span {
    font-size: 1.6em;
}

.card {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    padding:15px;
}

.add-bar {
    margin-bottom: 2em;
}

.ui-pnotify-title {
    text-transform: capitalize;
}

.content-poster {
    float: left;
    margin-bottom: 2em;
    max-width: 150px;
    padding: 0 10px 10px 0;
}

.content-poster a {
    display: block;
    position: relative;
}

.content-poster img {
    height: 190px;
}

.content-poster h5 {
    background: #000;
    color: #fff;
    margin: 0;
    padding: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

/* Genres */
.genre-box{
    background:#eee;
    border-left:4px solid #aaa;
    box-shadow:0 3px 5px #aaa;
    margin-bottom:1em;
    padding:6px 10px;
    transition:all ease-in 200ms;
}
.genre-box:hover{
    cursor:pointer;
    transform:scale(1.05);
}
.sortable-list{
    min-height:10em;
}
#genre-sortable-list{
    background:#fff;
    margin-left:0;
    padding-top:1em;
}
#genre-sortable-active li{
    cursor:pointer;
    list-style:none;
    margin-bottom:5px;
    padding-right:0;
    width:45%;
}
#genre-sortable-active li div{
    border:1px solid green;
    border-left-width:5px;
    padding:5px;
}
#genre-sortable-active li div:not(.row){
    background:#eee;
}
#genre-sortable-active li.sortable-chosen div:not(.row){
    background:#ffc;
}

.stats-row {
    margin-bottom: 2em;
}

.stat-box {
    background: #eee;
    padding: 0.5em;
    text-align: center;
}

.stat-box+.stat-box {
    border-left: 1px dashed #ccc;
}

/* Reports */
.tab-content.rptabs .tab-pane {
    min-height: 35em;
}

/* Ratings */

.rating-emojis {
    background-size: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    color: transparent !important;
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%);
    margin: 0 !important;
    padding: 10px 17px;
    transition: 200ms all ease-in-out;
}

.rating-emojis input {
    opacity: 0;
}

.rating-emojis:hover,
.rating-emojis.emoji-active {
    background-size: 40px;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.emoji-1 {
    background-image: url(../img/emojis/em-1.png);
}

.emoji-2 {
    background-image: url(../img/emojis/em-2.png);
}

.emoji-3 {
    background-image: url(../img/emojis/em-3.png);
}

.emoji-4 {
    background-image: url(../img/emojis/em-4.png);
}

.emoji-5 {
    background-image: url(../img/emojis/em-5.png);
}

footer {
    margin-top: 5em;
    padding: 1em;
}

@media (min-width: 768px){

    
}