/* -----------------------------------------
   Custom.css - put your own changes here
----------------------------------------- */
/* LOGIN */
body.login-page {
    padding-top: 66px;
}
.login-page .navbar img, #header .navbar-brand img {
    margin-top: 15px;
}
.login-page .help-block {
    color: red;
}

#header .navbar {
    color: #3f3f3f;
    position: relative;
    margin-bottom: 0;
    background: -moz-linear-gradient(0deg, rgba(154,0,0,1) 0%, rgba(154,0,0,1) 23%, rgba(230,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(154,0,0,1)), color-stop(23%, rgba(154,0,0,1)), color-stop(100%, rgba(230,0,0,1)));
    background: -webkit-linear-gradient(0deg, rgba(154,0,0,1) 0%, rgba(154,0,0,1) 23%, rgba(230,0,0,1) 100%);
    background: -o-linear-gradient(0deg, rgba(154,0,0,1) 0%, rgba(154,0,0,1) 23%, rgba(230,0,0,1) 100%);
    background: -ms-linear-gradient(0deg, rgba(154,0,0,1) 0%, rgba(154,0,0,1) 23%, rgba(230,0,0,1) 100%);
    background: linear-gradient(90deg, rgba(154,0,0,1) 0%, rgba(154,0,0,1) 23%, rgba(230,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a0000', endColorstr='#e60000',GradientType=1 );
    border-color: #9a0000;
}
#sidebar .sidebar-inner {
    margin-top: 0;
}
#sidebar.sidebar-fixed {
    margin-bottom: 0;
}
#sidebar .sidenav .mainnav ul li a:hover i {
    color: #ff0f37;
}
.col-w20 {
    float: left;
    width: 20%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.stats-btn {
    padding: 0;
}
.stats-btn .txt {
    line-height: 34px;
    font-size: 11px;
}
.stats-btn h3 {
    margin-top: 12px;
    margin-bottom: 0;
}
.stats-btn .notification .fa {
    margin: 0;
    color: #ffffff;
}
#dashboard-meritocracy-levels .stats-btn, #dashboard-platforms .stats-btn {
    height: initial;
}
#dashboard-meritocracy-levels .stats-btn .notification, #dashboard-platforms .stats-btn .notification {
    font-size: 10px;
}
.circle-stats .circular-item {
    position: relative;
    width: 72px;
    height: 72px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}
.circle-stats .circular-item input {
    font: bold 12px Arial !important;
}
.circle-stats .circular-item span {
    font: bold 14px Arial;
    position: absolute;
    width: 100%;
    top: 20px;
    margin: 0 auto;
}
.circle-stats .circular-item .icon {
    font-size: 20px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: -18px;
    margin-left: -10px;
}
.circle-stats .circular-item span small {
    font: normal 12px Arial;
}
.platinum {
    color: #ff0000;
}
.gold {
    color: #D4AF37;
}
.silver {
    color: #C0C0C0;
}
.bronze {
    color: #CD7F32;
}
.zero {
    color: #000000;
}
.list-group-item.level2 {
    background-color: #eeeeee;
    padding-left: 30px;
}
.list-group-item.level3 {
    background-color: #dddddd;
    padding-left: 45px;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #ff0b37 !important;
    border-color: #ff0b37 !important;
}
.chartShortcuts {
    background: none;
}
.chartShortcuts .notification .fa {
    margin: 0;
    color: #ffffff;
}
#flotTip {
    color: #ffffff !important;
}
.flot-x-axis .flot-tick-label {
    font-size: 10px;
    transform: rotate(60deg);
    margin-top: 2px;
}
.panel .panel-heading .panel-controls-right a.btn {
    height: 39px;
    padding: 10px;
    margin: 0;
}
.panel .panel-heading .panel-controls-right a i {
    font-size: inherit;
}
#dashboard-table .notification {
    position: relative;
    top: 0;
    left: 0;
    font-size: 10px;
    padding: 0 2px 0 2px;
}
#dashboard-table .notification .fa {
    margin: 0;
    color: #FFFFFF;
}
#newsletters-table_filter {
    visibility: hidden;
}
/* TABLES */
.dataTable img {
    max-width: 150px;
    height: auto;
}
.dataTable tfoot {
    display: table-header-group;
}
.dataTable tfoot input, .dataTable tfoot select {
    width: 100%;
    height: 22px;
    padding: 1px 2px;
    border-width: 1px;
}
.dataTables_filter {
    display: none;
}
.dataTable .btn-group i {
    margin: 0;
}

.heading-buttons {
    padding: 9px 10px 0 10px;
    margin: 0 20px 0 0;
    background: none;
    border: none;
    box-shadow: none;
}

#toast-container > div {
    opacity:1;
}
#edit-entity-tabs {
    width: 100px;
}
#edit-entity-tabs-content {
    display: block;
    width: calc(100% - 99px); /* edit-entity-tabs - 1 */
}
#edit-entity-tabs-content .tab-pane {
    margin: 0;
}
.bootstrap-filestyle input:disabled {
    background: white;
}
.input-group {
    width: 100%;
}
.input-group-btn i {
    margin: 0;
}
.bootstrap-tagsinput {
    padding: 6px 12px;
}
.bootstrap-tagsinput .tag:first-child {
    margin-left: 0;
}
.datatable-custom-filters {
    width: 50%;
    position: absolute;
    right: 0;
}
.chartShortcuts .up-right-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
}
.panel-heading .btn {
    margin-right: 15px;
    margin-top: 3px;
}

/* Customer requests */
#div-customer-request-messages { float: left; width: 100%; max-height: 400px; overflow-y: scroll; }
#div-customer-request-messages .message-row { float: left; width: 100%; }
#div-customer-request-messages .message { margin: 15px 0; padding: 15px; border: 1px solid #ddd; }
#div-customer-request-messages .message p { margin: 0; }
#div-customer-request-messages .message.front { float: left; }
#div-customer-request-messages .message.admin { float: right; text-align: right }