/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018-11-14, 11:03:08
    Author     : LukeSoft
*/

/* Global page size ***********************************************************/
@media (min-width: 1440px) {
    .container {
        max-width: 1380px;
    }
}
@media (min-width: 1600px) {
    .container {
        max-width: 1540px;
    }
}
@media (min-width: 1920px) {
    .container {
        max-width: 1800px;
    }
}

/* Global other ***************************************************************/
.align-right {
    text-align: right;
}
.navbar-light .navbar-nav .status-red {
    color: red;
}
.navbar-light .navbar-nav .status-green {
    color: green;
}
.navbar-light .navbar-nav .bold {
    font-weight: bold;
}
nav>div.messages {
	position: absolute;
	top: 60px;
}
nav>div.messages>.alert {
	margin: 0;
}
nav>div.messages>.alert>.close {
	margin-left: 30px;
	font-size: 1.1em;
	line-height: 24px;
}
main.py-4 {
	margin-top: 50px;
}
footer {
	color: gray;
	margin: 0 auto;
	text-align: center;
}
footer small.version {
	color: gray;
	font-size: .7rem;
	padding: 0 14px 0 4px;
}

/* Tables *********************************************************************/
.dataTables_wrapper {
    margin: 10px 0 0 0;
}
table.dataTable thead th {
    padding: 6px 10px;
    font-size: .8rem;
}
table.dataTable tbody td {
    padding: 4px 10px 0 10px;
    font-size: .8rem;
}
table.dataTable tfoot th {
    padding: 6px 10px;
    font-size: .8rem;
	text-align: right;
}
tr.group,
tr.group:hover {
    background-color: #ddd !important;
}
.actions-col {
    min-width: 280px;
}
.all-actions {
    min-width: 320px;
}
.actions-col a.status-description {
	cursor: pointer;
	display: inline-block;
	float: right;
	padding: 12px 0 0 0;
}
tr.status-red td a.status-description {
	color: red;
}
tr.status-green td a.status-description {
	color: #0b0;
}

/* Packs statuses and icons ***************************************************/
a.status-undelivered, 
a.status-delivered, 
a.status-payment, 
a.status-printed,
a.status-canceled,
a.icon-print {
    display: inline-block;
    width: 42px;
    height: 38px;
    cursor: pointer;
    background-position: -4px -5px;
    background-repeat: no-repeat;
    margin: 0;
    opacity: 0.2;
}
a.status-undelivered {
    background-image: url(/png/undelivered.png);
}
a.status-delivered {
    background-image: url(/png/delivered.png);
}
a.status-payment {
    background-image: url(/png/payment.png);
}
a.status-printed {
    background-image: url(/png/printed.png);
}
a.status-canceled {
    background-image: url(/png/canceled.png);
}
a.status-current {
    opacity: 0.8;
    cursor: auto;
}
a.icon-print {
    background-image: url(/png/print.png);
    opacity: 1;
}
.price-alert td {
	color: #e00;
	background: #fdd;
}
.multi-pack td.pack-number {
	color: #770;
	background: #ffa;
}
.pack_history_table tbody tr td, .pack_history_table tbody tr th {
	padding: 6px 30px;
}

/* Users permissions **********************************************************/
.permission-group {
	width: 800px;
	text-align: left;
}
.permission-group div {
	width: 210px;
	float: left;
	padding-left: 10px;
}
.user-permission {
    display: inline-block;
    cursor: pointer;
	color: gray;
	opacity: 0.5;
}
.user-permission-hr {
	margin: 10px 10px 10px 0;
}
.has-permission {
	color: blue;
	opacity: 1;
}

/* Audits *********************************************************************/
.audit_modifications {
	width: 100%;
}
.audit_modifications tr td.name {
	font-weight: bold;
}
.audit_modifications tr td.forced {
	color: red;
}
.audit_modifications tr td.old {
	color: gray;
	text-decoration: line-through;
}
.audit_modifications tr td.arrow {
	color: red;
}
.audit_modifications tr td.new {
	color: green;
}