@charset "UTF-8";
/*------------------- not for a specific page -------------------------*/


* {
    font-family: 'PT Sans', sans-serif;
}
a{
    cursor: pointer;
}
.wrapper {
    margin: 30px auto;
    max-width: 1250px;
    display: block;
    /* min-height: 865px; */
    width: 100%;
    height: auto;
}


.card-box {
    background-color: #fff;
    box-shadow: -1px 1px 9px 0 rgba(0, 0, 0, 0.13), 0 1px 0 0 rgba(0, 0, 0, 0.02);
    padding: 21px;
    border-radius: 3px;
    width: 96%;
    margin: auto;
}

#login .card-box {

    width: 90%;
    max-width: 600px;
}

div.card {
    border-radius: 3px !important;
    /* border-left: 1px solid #4e9200cf !important; */
    color: #6e6e6e;
    box-shadow: 0px 0px 9px 0 rgba(0, 0, 0, 0.13), 0 1px 0 0 rgba(0, 0, 0, 0.02);
    transition: 0.4s;
}

.card-body {
    padding: 12px;
}

.card:hover {
    /*  margin-top: -4px;
    transition: .3s ease; */
}

.littleCards {
    margin: auto !important;
    margin-bottom: 23px !important;
}

body {
    margin: 0;
    padding: 0;
    background-color: rgb(0 0 0 / 2%) !important;
    width: 100%;
}

.color {
    color: #038003;
}

.uppercase {
    text-transform: uppercase;
}

ul li {
    display: inline;

}

#menu .dropdown-item:hover {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #d70a11;
}
button.btn.btn-secondary.dropdown-toggle.dropdownMenu:hover,.menu li a:hover {
    color: #d70a11;
}
.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: none !important;
}

.menu li {
    padding: 15px 11px;
    display: inline-block;
}

.menu {
    text-align: right;
    font-weight: bold;
    font-size: 15px !important;
    letter-spacing: 1px;
    margin: 0px;
    background-color: #ffffff;
    padding: 0px 23px 0 28px;
}

.menu a,
.dropdownMenu {
    font-family: 'Roboto', sans-serif !important;
    text-decoration: none !important;
    color: #343a40;
    /* font-family: 'Montserrat';*/
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

button.dropdownMenu {
    /* border: 1px solid #008e06; */
}

a.dropdown-item {
    color: #212121;
    padding: 7px 10px;
    font-size: 12px;
}

button.btn.btn-secondary.dropdown-toggle.dropdownMenu {
    border: none;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14.2px;
    line-height: 9px;
    padding: 0;
    background-color: #ffffff;
    color: #343a40;
    font-weight: 600;
    margin-top: -1px;
}

.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none !important;
}

.dropdown-menu.show {
    transform: translate3d(-4px, 38px, 0px) !important;
    border-radius: 0;
    border: none;
    padding: 0;
}

.footer {
    color: #737373;
    text-align: right;
    padding: 28px 27px 9px;
    position: fixed;
    width: fit-content;
    bottom: 0;
    right: 0;
    font-size: 11px;
}

.bar {
    color: white;
    background-color: #007b058f;
}

/* TABLE */
table.table {
    margin: auto;
    width: 97%;
    cursor: pointer;
}

.table th {
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 6px !important;
    background-color: #ededed !important;
    color: #575757;
}

.table td {
    font-size: 16px;
    color: #3a3a3a;
}

th:first-child {
    width: 50px !important;
    /*      text-align: center !important; 
 */
}

/*_______*/
nav.navbar.text-light.bg-success {
    padding: 1px 14px 0 29px;
    background-color: #d70a11 !important;
    width: 100%;
}

.pagination {
    margin: 0;
}

button.btn.btn-sm.orange {
    background-color: #f5d533;
    color: #495057;
    border: none;
    /* padding: 0.26rem 16px; */
}

a.page-link {
    color: #636363;
}

.form-group.row {
    margin: 6px 0px;
}

.form-group.row label {
    font-size: 13px !important;
    font-weight: 600;
    color: #525252;
    line-height: 16px;
}

.row.productROW {
    margin: 20px;

}

h5.sousTitre {
    margin: -3px;
    padding: 1px 11px;
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    height: 31px;
    text-transform: uppercase;
    width: 337px;
    background: #fafafa;
    box-shadow: inset 209px 0px 75px -76px #df4e0f, inset -111px 0px 20px 0px #fafafa;
}

.cursor {

    cursor: pointer;
}

.siteColor {
    color: #343a40 !important;
}

button.save {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}

/*---  ICONS ---*/

.pagination-sm .page-item:first-child .page-link,
.pagination-sm .page-item:last-child .page-link {
    font-weight: 900;
}

.navIcons {
    width: 19px;
}

nav svg.svg-inline--fa.fa-trash-alt.fa-w-14,
svg.svg-inline--fa.fa-search.fa-w-16,
.navIcons {
    font-size: 19px;
    vertical-align: middle;
    margin-right: 18px;
    cursor: pointer;
}

/* END ICONS */
div.langue {
    line-height: 46px;
}

a.navbar-brand.cursor {
    margin: 0;
}

div.journal {
    line-height: 33px;
}

#transportAjout table.table {
    width: 100%;
}

table.sousTable .thead-light th {
    color: #F44336;
}

.text-orange {
    color: #d70a11 !important;
}
.text-orange.active {
    color: #242424 !important;
}

table.table.cardTable {
    width: 100% !important;
    margin-top: 10px;
}

div.none,
table.none,
nav.none {
    display: none;
}


/* MODAL */
.modal-header {
    background: #bababa1f;
    padding: 8px 18px !important;
    align-items: center !important;
}

.modal-dialog h5 {
    font-size: 17px;
    color: #343a40;
    text-transform: uppercase;
}

.modal-footer {
    padding: 11px 18px !important;
}

/*END MODAL */

a.cursor {
    color: #6e6e6e;
}

a.cursor:hover {
    text-decoration: none;
}

table.dashboardTable {
    transition: .10s ease;
}

div.dashboardRow {
    margin: auto;
    width: 100%;
}

button.btn {
    transition: 0.5s ease;
}

.textColor {
    color: #747474 !important;
}

body#login input.form-control {
    border: none;
    border-radius: 0;
    /* background: #00000038; */
    border-bottom: 1px solid white;
    /* color: white; */
}

.card-box.login_page {
    padding: 0;
    margin-top: 12%;
}

.login_page .col-md-7 {
    background: #d70a11;
    padding: 15px;
    padding-bottom: 25px;
}

.login_page button.btn.btn-outline-success.btn-sm.btn-block:hover {
    outline-offset: 0;
    outline-color: #ffffff;
}

.login_page button.btn.btn-outline-success.btn-sm.btn-block {
    background: #41464b;
    color: #fff;
    padding: 8px;
    font-weight: 700;
    margin: 23px 0 0;
    letter-spacing: 2px;
    width: 100%;
    border: none;
}


.login_page label.color {
    color: #fff;
    font-size: 14px;
}

body#login {
    background: url('../image/bg-tabs.png');
}

img.logo_header {
    float: left;
    width: 31px;
}

input.form-control {
    transition: .4s ease;
}

input.form-control:focus {
    box-shadow: none !important;
}

p.textLogo {
    font-weight: 600;
    color: #d70a11;
    font-size: 25px;
    letter-spacing: 2px;
    margin-top: 10px;
    font-family: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}

/*ALERT*/
.text-left.alert.text-danger.alert-dismissible.fade.show {
    font-size: 14px;
    padding: 13px 0px;
    color: #f9c4a6 !important;
}

/*END ALERT*/
/*BUTTON*/
button.btn.btn-sm,
span.btn.btn-sm.btn-warning {
    border-radius: 4px !important;
}

button.btn.btn-outline-success.btn-sm.btn-block {
    margin-top: 42px;
    margin-bottom: 10px;
}

button.btn.btn-sm.bg-light.btn-sm.text-dark {
    border: 1px solid #343a40;
    background-color: white !important;
}

nav button.btn.btn-sm.btn-light {
    color: #555555;
    background-color: #fff;
    padding: 4px 7px !important;
    border: none;
    border-radius: 3px !important;
}

button.btn.btn-sm.btn-success.voirPlus {
    margin-top: 10px;
    font-size: 12px;
    border: 1px solid #008000;
    background-color: #fff;
    color: #008000;
    border-radius: 0;
}

button.btn.btn-sm.btn-success.voirPlus:hover {
    /* border: 1px solid #008000; */
    background-color: green;
    color: #fff;
}

button.btn.btn-sm.btn-light {
    color: #df4e0f;
}


button.btn.btn-sm.btn-add {
    background-color: rgb(85 85 85);
    color: #ffffff;
    margin: 10px 13px 10px 0px;
    font-size: 15px;
}

button.btn.btn-sm.btn-add:hover {
    background-color: #343a40;
}

/*END BUTTON*/
nav input.form-control.searchInput {
    width: 250px;
}

input.form-control.searchInput:focus {
    background-color: #ffffff52;
    box-shadow: none !important;
    border: 1px solid white;
}

body#report input.form-control.searchInput {
    background-color: #ffffff40;
    box-shadow: none !important;
    border-bottom: 1px solid white !important;
    color: white;
    border: none;
}

textarea.form-control.form-control-sm:focus,
select.custom-select.custom-select-sm:focus,
input.form-control:focus {
    box-shadow: none !important;
    border: 1px;
    background-color: #fafafa;
    border-bottom: 1px solid #343a40;
}

.loading {
    width: 0%;
    transition: 1s;
    /*  background-color: #FF9800; */
    height: 0px;
    background-image: linear-gradient(to right, #555555, #dee2e6);
}

body#dashboard table.table td {
    font-size: 12px !important;
}

.nav-item a {
    font-size: 13px;
}

span.Infos {
    margin: 10px 0px 10px 13px;
    font-size: 13px;
    /* text-transform: uppercase; */
    font-weight: 600;
}
span.text-secondary.btn-sm.border.border-secondary.float-right {
    margin: 10px 13px 10px 0px;
}
span.text-success.btn-sm.border.border-success.float-right {
    color: #005f00 !important;
    border-color: #005f00 !important;
}

ul.pagination.pagination-sm.justify-content-end {
    margin: 10px 13px 10px 0px;
}

div.searchRow {
    /* transition: .6s; */
    padding: 19px 0;
    background-color: #ffffff;
    border-bottom: 1px solid #dfdfdf;
    margin: auto;
    display: none;
}

body.details div.searchRow {
    border-bottom: none;
    display: block;
}

div.searchRow label {
    color: #343a40;
    font-size: 12px;
    margin: 0;
    font-weight: 600;
}

#dum div.searchRow,
#reservation div.searchRow,
#produits div.searchRow,
#emballage div.searchRow,
#commande div.searchRow,
#reglement div.searchRow {
    padding: 5px 0 14px;

}

nav.navbar.printBox {
    font-size: 13px;
    width: fit-content;
    background-color: #ffffff;
    border-bottom: 1px solid #f1f1f1;
    margin-left: auto;
    border-left: 1px solid #f1f1f1;
    /* float: right; */
    padding: 6px 6px;
}

.border-orange {
    border: 1px solid #df4e0f;
    border-radius: 2px !important;
}

span.btn-sm.text-success {
    font-size: 14px;
    /* text-transform: uppercase; */
    font-weight: 600;
    border: 1px solid #198754!important;
    margin-right: 9px;
    cursor: pointer;
}

.printBox .form-check.form-check-inline {
    margin-right: 25px;
}

.okPrint a {
    text-decoration: none;
    color: green;
}

.okPrint a:hover {
    text-decoration: none;
    color: green;
    /* background-color: green; */
}

a:hover {
    text-decoration: none !important;
}

a.printIcon,
span.printIcon {
    margin-bottom: 2px;
}

div.boxTotalInfo {
    border: 1px solid #b3b3b3;
    width:30%;
    margin-left: auto;
    padding: 12px;
}

span.btn.btn-sm.btn-warning.text-dark.dropdown-toggle.print {
    /* background-color: #FFC107; */
}

nav.printBox span.navbar-brand {
    padding-top: 0px;
}

span.btn-sm.text-success.okPrint:hover {
    background-color: green;
    /* color: #fff; */
}


span.btn-sm.text-success.okPrint {
    transition: .3s;
}

span.btn-sm.text-success.okPrint:hover a {
    color: #fff;
}

#settings div.searchRow {
    padding: 0;
    border-bottom: none;
    margin: auto;
    padding-bottom: 10px;
}

#settings svg.svg-inline--fa.fa-search.fa-w-16 {
    margin: 0;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: rgb(105 105 105 / 5%) !important;
    /* border-bottom: 1px solid #df4e0f !important; */
    border: none;
}

small.text-muted {
    font-size: 11px;
}



div#menu .sideBar ul {
    display: inline;
}

.sideBar ul.menu {
    padding: 10px 0 0 6px;
    height: 100%;
}

.sideBar .menu li {
    display: inherit;
    text-align: left;
}
.col-3.d-flex.align-items-center.justify-content-center i {
    /* margin-top: 5px; */
    background-color: #f9f9f9;
    color: #d70a11;
    padding: 10px 8px 10px 14px;
    font-size: -5px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    margin: 10;
    /* line-height: 0; */
}
h5.card-title.text-orange.text-uppercase.font-weight-bold {
    margin: 3px 0 0 0;
}
.bg-success-light {
    background-color: #deffe6!important;
}
.bg-info-light {
    background-color:#ccefff!important;
}
.bg-warning-light {
    background-color: #ffefc0!important;
}
.bg-secondary-light {
    background-color: #dadddf!important;
}
.bg-danger-light {
    background-color:#ffefef!important;
}
.f-small
{
    font-size: 74%;
}
a.logo_header {
    float: left;
    font-size: 22px;
    font-weight: 900;
    color: #d70a11 !important;
    padding: 10px 0;
    letter-spacing: 2px;
}
button.btn.btn-sm.valider {
    background-color: rgb(85 85 85);
    color: #ffffff;
}
tbody {
    background-color: #ffffff;
}
.nav-item a:hover {
    color: gray;
}
span.resultats {
    margin: 10px 24px 10px 0px;
}
a.navbar-brand,a.navbar-brand:hover
{
    color: #ffffff;
}
.nav-detail a.navbar-brand,.nav-detail a.navbar-brand:hover
{
    padding: 2px 0 5px;
}
.login_page button.btn.btn-outline-success.btn-sm.btn-block:focus
{
    box-shadow: none;
}
span.page-link.bg.text-white {
    color: #d70a11 !important;
}
nav button.btn.btn-sm.trash i ,nav button.btn.btn-sm.remove i {
    color: white !important;
}
button.btn.btn-sm.trash {
    box-shadow: none;

}
button.btn.btn-sm.btn-annuler {
    background-color: #b9b9b9;
    color: white;
    border: none;
}
ul.pagination.justify-content-end.mt-4.mx-3 {
    margin: 11px 26px !important;
}
button.btn.btn-valider
{
        color: #fff;
        background-color: #26bb76;
        border: none;
}
button.btn.imprimer-bon {
    background-color: #ffad67;
    color: #ffffff;
    border : none;
}
button.btn.btn-sm.facture {
    border-radius: 4px !important;
    background-color: #ffffff;
    border: 1px solid;
    padding: 4px 7px !important;
}
button.btn.imprimer-bon-magazin {
    background-color: #43cbb2;
    color: #ffffff;
    border-radius: 4px !important;
    border : none;

}
button.btn.btn-retour{
    background-color: #03758c;
    color: #ffffff;
    border-radius: 4px !important;
    border : none;

}
button.btn.btn-voir-retour{
    background-color: #4baec2;
    color: #ffffff;
    border-radius: 4px !important;
    border : none;

}
ul#client-data {
    border: 1px solid #dee2e6;
    padding: 0;
    position: absolute;
    background-color: #ffffff;
    width: 93%;
    border-top: 0;
    top: 29px;
}
ul#client-data li {
    width: 100%;
    display: block;
    cursor: pointer;
    padding: 5px 9px;
    font-size: 13px;
}
ul#client-data li:hover {
    background-color: #e9ecef;
}
tr.bg-cloturer
{
    background-color: #baffdf6b;
}
tr.bg-valide
{
    background-color: #fff18a7d;
}
a.link-secondary {
    border-bottom: 1px dashed !important;
    cursor: pointer !important;
    text-decoration: none;
}
.form-row.boxTotalInfo .row {margin: 0 29px 0 31px;padding: 21px 0;}

.form-row.boxTotalInfo label,.form-row.boxTotalInfo div {
    padding: 0 !important;
}
.row.bon-print {
/*     border: 2px solid black;
    padding: 22px 20px;
    margin: 18px; */
}

.row.bon-print p { 
    margin: 2px;
}

.row.bon-print span {
    width: 39px;
}

div.background p {
    background-color: #ff00001f;
    padding: 2px 9px;
    font-size: 14px;
}
.form-select:focus {
    border: none !important;
    border-bottom: 1px solid black !important;
    box-shadow: unset !important;
}



@media print {
/* .table th:nth-child(11), .table td:nth-child(11) {display: none!important;} */
/* .table th:nth-child(12), .table td:nth-child(12) {display: none!important;} */

ul.pagination.justify-content-end.mt-4.mx-3 {display: none!important;}

/* .table th:nth-child(1), .table td:nth-child(1) {display: none!important;} */

/* .table th:nth-child(5), .table td:nth-child(5) {display: none!important;} */
/* .table th:nth-child(6), .table td:nth-child(6) {display: none!important;} */

a.float-end, div.searchRow {display: none!important;}

nav.navbar.text-light.bg-success {display: none;}
span.text-secondary.btn-sm.border.border-secondary.float-end.resultats.solomolo { display:none;}

/* .footer-print.d-print-block.d-none {display: none!important;} */

	  
}