@import url("nav.css");
@import url("kpsul.css");
@import url("jconfirm-kfet.css");
@import url("history.css");

body {
    margin-top:50px;
    font-family:Roboto;
    background:#ddd;
}

h1,h2,h3,h4,h5,h6 {
    font-family:Oswald;
}

a {
    color:#333;
}

a:focus, a:hover {
    color:#C8102E;
}

:focus {
    outline:none;
}

textarea {
    font-family:'Roboto Mono';
    border-radius:0 !important;
}

.table {
    margin-bottom:0;
    border-bottom:1px solid #ddd;
}

.table {
    width:100%;
}

.table td {
    vertical-align:middle !important;
}

.table td.no-padding {
    padding:0;
}

.table thead {
    background:#c8102e;
    color:#fff;
    font-weight:bold;
    font-size:16px;
}

.table thead td {
    padding:8px !important;
}

.table tr.section {
    background:rgba(200,16,46,0.9);
    color:#fff;
    font-weight:bold;
}

.table tr.section td {
    border-top:0;
    font-size:16px;
    padding:8px 30px;
}

.btn, .btn-lg, .btn-group-lg>.btn {
    border-radius:0;
}

.btn-primary {
    font-family:Oswald;
    background-color:rgba(200,16,46,0.9);
    color:#FFF;
    border:0;
}

.btn-primary:hover, .btn-primary.focus, .btn-primary:focus {
    background-color:#000;
    color:#FFF;
}

.row-page-header {
    background-color:rgba(200,16,46,1);
    color:#FFF;
    border-bottom:3px solid #000;
}

.page-header {
    border:0;
    padding:0;
    margin:15px 20px;
    text-transform:uppercase;
    font-weight:bold;
}

.nopadding {
    padding: 0 !important;
}

.panel-md-margin{
    background-color: white;
    overflow:hidden;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 1px;
}

@media (min-width: 992px) {
    .panel-md-margin{
        margin:8px;
        background-color: white;
    }
}

.col-content-left, .col-content-right {
    padding:0;
}

.content-left-top {
    background:#fff;
    padding:10px 30px;
}

.content-left .buttons {
    background:#fff;
}

.content-left .buttons .btn {
    display:block;
}

.content-left-top.frozen-account {
    background:#000FBA;
    color:#fff;
}

.content-left .block {
    padding-top:25px;
}

.content-left .block .line {
    font-size:16px;
    line-height:30px;
}

.content-left .line.line-big {
    font-family:Oswald;
    font-size:60px;
    font-weight:bold;
    text-align:center;
}

.content-left .line.line-bigsub {
    font-size:25px;
    font-weight:bold;
    text-align:center;
}

.content-left .line.balance {
    font-size:45px;
    text-align:center;
}

.content-right {
    margin:0 15px;
}

.content-right-block {
    padding-bottom:5px;
    position:relative;
}

.content-right-block:last-child {
    padding-bottom:15px;
}

.content-right-block > div:not(.buttons-title) {
    background:#fff;
}

.content-right-block-transparent > div:not(.buttons-title) {
    background-color: transparent;
}

.content-right-block .buttons-title {
    position:absolute;
    top:8px;
    right:20px;
}

.content-right-block > div.row {
    margin:0;
}

.content-right-block h2 {
    margin:20px 20px 15px;
    padding-bottom:5px;
    border-bottom:3px solid #c8102e;
    font-size:40px;
}

.content-right-block h3 {
    border-bottom: 1px solid #c8102e;
    margin: 20px 15px 15px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size:25px;
}

/*
 * Pages tableaux seuls
 */

.content-center > div {
    background:#fff;
}

.content-center tbody tr:not(.section) td {
    padding:0px 5px !important;
}

.content-center .table .form-control {
    padding: 1px 12px ;
    height:28px;
    margin:3px 0px;
}
 .content-center .auth-form {
    margin:15px;
}

/*
 * Pages formulaires seuls
 */

.form-only .content-form {
    margin:15px;

    background:#fff;

    padding:15px;
}

.form-only .account_create #id_trigramme {
    display:block;
    width:200px;
    height:80px;
    margin:0 auto 15px;
    border:1px solid #ccc;

    font-size:70px;

    text-align:center;
    text-transform:uppercase;
}

/*
 * Specific account create
 */

.highlight_autocomplete {
    font-weight:bold;
    text-decoration:underline;
}

#search_autocomplete {
    margin-bottom:15px;
}

#search_results {
    top:-15px !important;
    left:0 !important;
    z-index:100;
}

#search_results ul {
    list-style-type:none;
    padding:0;
    background:rgba(255,255,255,0.9);
}

#search_results ul li.user_category {
    font-weight:bold;
    background:#c8102e;
    color:#fff;
}

#search_results ul li a {
    display:block;
    padding:5px 20px;
    height:100%;
    width:100%;
}

#search_results ul li a:hover {
    background:rgba(200,16,46,0.9);
    color:#fff;
    text-decoration:none;
}

#search_results ul li span.text {
    display:block;
    padding:5px 20px;
}

/*
 * Messages
 */

.messages .alert {
    padding:10px 15px;
    margin:0;
    border:0;
    border-radius:0;
}

.messages .alert-dismissible {
    padding-right:35px;
}

.messages .alert .close {
    top:0;
    right:0;
}

.messages .alert-info {
    color:inherit;
    background-color:#ccc;
}

.messages .alert-error {
    color:inherit;
    background-color:rgba(200,16,46,0.2);
}

.messages .alert-success {
    color:#333;
}

/*
 * Help
 */

.help {
    display:none;
    position:fixed;
    top:50px;
    left:0;
    right:0;
    bottom:0;
    overflow:auto;
    background:rgba(51,51,51,0.3);
    z-index:500;
}

.help-box {
    margin-top:30px;
    padding-top:1px;
    padding-bottom:15px;
    background:rgba(51,51,51,0.7);
    color:#fff;
}

@media (max-width:768px) {
    .help-box {
        margin:20px 15px;
    }
}

.help h2 {
    padding:0 15px 20px;
    border-bottom:1px solid #999;
    text-align:center;
}

.help .row > div {
    padding-right:0;
}

.help h4 {
    margin:15px 0;
}

/* Tooltips */
thead .tooltip {
    font-size:13px;
}

/*
 * Statistiques
 */

.stat-graph {
    height: 100px;
}

/*
 * Responsive Columns
 */

.unbreakable {
    display:inline-block;
    width: 100%;
}


.column-row {
    padding: 15px 20px;
}

.column-xs-1,
.column-sm-1,
.column-md-1,
.column-lg-1,
.column-xs-2,
.column-sm-2,
.column-md-2,
.column-lg-2,
.column-xs-3,
.column-sm-3,
.column-md-3,
.column-lg-3,
.column-xs-4,
.column-sm-4,
.column-md-4,
.column-lg-4,
.column-xs-5,
.column-sm-5,
.column-md-5,
.column-lg-5 {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}


.column-xs-1 {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
.column-xs-2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.column-xs-3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
.column-xs-4 {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}
.column-xs-5 {
    -webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5; /* Firefox */
    column-count: 5;
}

@media (min-width: 576px) {
    .column-sm-1 {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
    .column-sm-2 {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }
    .column-sm-3 {
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
    }
    .column-sm-4 {
        -webkit-column-count: 4; /* Chrome, Safari, Opera */
        -moz-column-count: 4; /* Firefox */
        column-count: 4;
    }
    .column-sm-5 {
        -webkit-column-count: 5; /* Chrome, Safari, Opera */
        -moz-column-count: 5; /* Firefox */
        column-count: 5;
    }
}

@media (min-width: 768px) {
    .column-md-1 {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
    .column-md-2 {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }
    .column-md-3 {
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
    }
    .column-md-4 {
        -webkit-column-count: 4; /* Chrome, Safari, Opera */
        -moz-column-count: 4; /* Firefox */
        column-count: 4;
    }
    .column-md-5 {
        -webkit-column-count: 5; /* Chrome, Safari, Opera */
        -moz-column-count: 5; /* Firefox */
        column-count: 5;
    }
}

@media (min-width: 992px) {
    .column-lg-1 {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
    .column-lg-2 {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }
    .column-lg-3 {
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
    }
    .column-lg-4 {
        -webkit-column-count: 4; /* Chrome, Safari, Opera */
        -moz-column-count: 4; /* Firefox */
        column-count: 4;
    }
    .column-lg-5 {
        -webkit-column-count: 5; /* Chrome, Safari, Opera */
        -moz-column-count: 5; /* Firefox */
        column-count: 5;
    }
}

.help-block {
    padding-top: 15px;
}

/* Inventaires */

.inventory_modified {
    background:rgba(236,100,0,0.15);
}

.stock_diff {
    padding-left: 5px;
    color:#C8102E; 
}

.inventory_update {
    display:none;    
}
