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

* {
  font-family: 'PT Sans', sans-serif;
}
.text-logo
{
  COLOR: #42464a;
  font-size: 14px;
}
.bg-toast.show
{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999999;
    height: 100%;
    background-color: #bebebe3d!important;
}
.bg-toast.show .toast
{
  margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 1 !important;
    display:block;
    width: 500px;
    color: rgb(19, 19, 19) !important;
    background-color: #fafafa;

}
.bg-toast.show .toast-body
{
  padding: 20px ;

}
.toast-header {
  border-bottom: none !important;
  background-color: rgb(250 250 250) !important;
}
.clients-table .btn-success {
  opacity: 0.5;
}
.clients-table .btn-success.theaction {
  opacity: 1;
}
.clients-table .btn-warning {
  opacity: 0.5;
}
.clients-table .btn-warning.theaction, .clients-table .btn-warning.phone-action {
  opacity: 1;
}

.bg-yellow {
  background-color: #fcff5440;
}
.bg-red
{
background-color: #ff314538;
}
.bg-orange
{
    background-color: #ffc10740;
}
.btn .badge {
 
  top: 4px !important;
  padding: 2px 5px !important;
}
/* .Container {
  margin: 0 25px;
}
.wrapper {
  margin: 30px auto;
  max-width: 1250px;
  display: block;
  width: 100%;
  height: auto;
} */
.login_page .row {
  padding: 49px;
  /* background-color: #ffffff; */
}
.login_page button.btn.btn-sm.btn-block {
  width: 100%;
  background: #01a1a1;
  color: #ffffff;
  border-radius: 26px !important;
  padding: 10px 23px;
  font-weight: 700;
  margin: 42px 0 10px;
  letter-spacing: 1px;
  border-color: #01a1a1;
  font-size: 15px;
}
body#login input.form-control {
  border-bottom: 2px solid #212529;
}
.login_page label.color {
  color: #212529;
  font-size: 14px;
}
.btn-search
{
    padding: 4px 0 !important;
    width: 100%;
}
textarea.form-control.form-control-sm:focus, select.custom-select.custom-select-sm:focus, input.form-control:focus,.form-select:focus {
  box-shadow: none !important;
  border: 1px;
  background-color: #fafafa;
  border-bottom: 1px solid #aaaaaa !important;
}
a.log:hover {
    color: #000000;
}
a.add:hover {
  color: #01977a;
}
h6 small{
    font-size: 13px;
}
.menu
{
    background-color: #ffffff  !important;
}

div.searchRow label, .search-holder label {
  color: #44494e;
  font-size: 12px;
  margin: 0;
  font-weight: 600;
}

button.btn.btn-sm.btn-action {
  background-color: #008c8c;
  border-color: #008c8c;
  color: #fafafa;
}
.thead {
  background-color: #01a1a1 ;
  color: #e2fff2;
  text-align: center;
  }
thead.thead.table-bordered th {
  font-size:13px;
  padding:10px 3px;
  }
.table-bordered tr td {
    font-size: 14px;
}
.bg-purple {
  background: #8a42c02e;
}
.bg-gray{
  background: #80808040;
}
.bg-gray td:not(:last-child){
  text-decoration: line-through;
}

.card-box {
  /* background-color: transparent; */
  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: 95%;
  margin: auto;
}


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;
}


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

ul li {
  display: inline;
}

.menu li {
  padding: 0px 13px;
  display: inline-block;
}

.menu {
  position: relative;
  /* color: #008e06 !important; */
  text-align: right;
  font-weight: bold;
  font-size: 15px !important;
  letter-spacing: 0.5px;
  /* margin: 10px; */
  letter-spacing: 1px;
  margin: 0px;
  background-color: #fafafa;
  padding: 15px 13px;
  /* padding-bottom:  0; */
  /* height: 53px; */
  align-items: revert;
}

.menu a,
.dropdownMenu {
  font-family: 'Roboto', sans-serif !important;
  text-decoration: none !important;
  color: #198754;
  /* font-family: 'Montserrat';*/
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 0;
  cursor: pointer;
}
a.dropdown-item:hover {
  background-color: #f3f3f3;
  color: #0e3a62;
}

.dropdown li {
  padding: 0 6px;
  width: 100%;
}

ul.dropdown-menu {
  border: 1px solid rgb(250 250 250);
  background-color: #fafafa;
}
a.dropdown-item {
  color: #0e3a62;
  padding: 7px;
  font-size: 12px;
  /* display: initial; */
  /* width: 100%; */
}
.profil i {
  font-size: 17px;
}

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: transparent;
  color: #22629e;
  font-weight: 600;
  margin-top: -1px;
  cursor:pointer;
}

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

.dropdown-menu.show {
  transform: translate3d(-4px, 34px, 0px) !important;
}

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

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

.table th {
  text-transform: uppercase;
  font-size: 13px;
}

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

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

/*_______*/
nav.navbar.text-light.bg-success {
  padding: 5px 35px;
  background-color: #21619c !important;
}

.pagination {
  margin: 0;
}

button.btn.btn-sm.orange {
  background-color: #df950f;
  color: #ffffff;
  /* 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 #df950f,
    inset -111px 0px 20px 0px #fafafa;
}

.cursor {
  cursor: pointer;
}


/* END ICONS */



.text-orange {
  color: #df950f;
}
.text-blue
{
  color: #24629b;

}
i.bi.bi-pencil-fill.text-blue {
  font-size: 12px;
}

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: #007272;
  text-transform: uppercase;
}

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

/*END MODAL */

a.cursor {
  color: #6e6e6e;
}

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

table.dashboardTable {
  transition: 0.1s 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: #f7f7f7;
  border-bottom: 1px solid #e3e3e3;
  margin-top: 4px;
}

.card-box.login_page {
  background-color: #fafafa;
  width: 700px;
  padding: 0;
  /* margin-top: 12%; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


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

.logo_header {
  position: absolute;
  left: 1%;
  top: 50%;
  transform: translate(-1%, -50%);
}

.logo_header img {
  width: 40px;
}
.logo_header p {
  display: inline-block;
  text-transform: capitalize;
  font-size: 14px;
}
.logo_header:hover {
  color: black;
}

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

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



/*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.bg-light.btn-sm {
  border: 1px solid #9c9ea0 !important;
  background-color: #ffffff !important;
  color: #018585;
}

button.btn-add {
  background-color: #ffffff;
  color: black;
  margin: 10px;
  margin: 0;
  font-size: 14px;
  border: 2px solid black;
}

/*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;
}


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

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;
  margin: 0 17px;

}

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



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

span.btn-sm.text-success {
  font-size: 13px;
  /* text-transform: uppercase; */
  font-weight: 600;
  border: 1px solid #2aa004 !important;
  margin-left: 20px;
  cursor: pointer;
}

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

.okPrint a {
  text-decoration: none;
  color: #382e86;
}

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

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

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

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

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

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

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

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

.form-control:disabled,
.form-control[readonly] {
  background-color: #f5f5f5 !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;
}
.bord-icon {
  /* margin-top: 5px; */
  background-color: #f8f8f8;
  color: #145898b3;
  padding: 10px 14px;
  font-size: -5px;
  /* width: 44px; */
  /* height: 44px; */
  border-radius: 50%;
  margin: 10;
  align-self: center;
}
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: #ffffff  !important;
}
.f-small {
  font-size: 74%;
}
.login_page .logo_container {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #f7f7f7;
}
.logo_container img.logo {
  width: 188px;
  margin-top: 7px;
}
a.menu-item:hover {
  background-color: transparent;
  opacity: 0.8;
}
a.menu_item {
  border: none;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14.2px;
  /* line-height: 9px; */
  padding: 0;
  background-color: #ffffff;
  color: #312783;
  font-weight: 600;
  margin-top: -1px;
}
/* button.btn.btn-sm.btn-success {
  font-size: 16px;
  padding: 4px 8px;
} */

/* button.btn.btn-sm.btn-success:hover {
  border: 1px solid #382e86;
  background-color: white;
  color: #382e86;
} */
.nav-tabs a {
  color: #21619c;
}
button.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
button.btn.btn-warning,
button.btn-success,
button.btn-action,
button.btn-danger {
  color: white;
  padding: 3px 7px;
}
button.valider {
  font-size: 13px;
  padding: 6px 9.5px;
}

button.archiver {
  font-size: 14px;
  padding: 4.9px 9px;
}
button.btn.btn-warning.renvoyer {
  padding: 3.4px 8px;
}
small.text-progress {
  font-size: 11px;
}
td.progress-td {
  width: 300px;
}

.badge-blue {
  color: #ffffff;
  background-color: #312783;
}


.infos_bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.infos_bar span {
  margin-left: 7px;
}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
  box-shadow: unset !important;
}


button.btn.btn-sm.btn-importer {
    background-color: #e9e9e9;
    color: #21619c;
}
button.btn.btn-sm.btn-exporter {
    background-color: #32cb65;
    color: #ffffff;
}
a.navbar-brand {
  margin: 0;
  margin-left: 5px;
}
.login_page .row {
  padding: 49px;
  /* background-color: #ffffff; */
  width: 100%;
  margin: 0;
}
.logo-head img.logo {
  width: 188px;
}
.logo-head {
  text-align: center;
  margin-bottom: 42px;
}
#index {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
a.bg_compta {
  background-color: #24629b;
  width: 464px;
  margin: 10px;
  padding: 17px 0;
  color: white;
  border-radius: 50px;
  cursor: pointer;
  font-weight: 600;

}
.text-green {
  color: #198754!important;
}
button.btn.btn-sm.btn-success.btn-search.px-4 {
  background-color: #01a1a1;
  border-color: #01a1a1;
}
a.btn.bg_compta:hover {
  cursor: pointer; 
  color: white;
  opacity: 0.9;
} 
.add
{    color: #6c757d;
  font-size: 27px;
}
.img-logo:hover
{
  transform: scale(3.5); 

}
/* .img-logo
{
  vertical-align: sub;
} */
 .btn:focus {
  box-shadow: 0 0 0 0.2rem rgb(218 218 218 / 50%) !important;
}
hr{
  width: 69%;
  margin: 20px auto !important;
}
span.page-link {
  background-color: #6c7c7c;
  cursor: pointer;
}
.page-link {
  padding: 3px 12px !important;
}
body#login
{
  background-color: #ffffff !important;
}   
.logo-parent
{
  position: relative;
}
.logo-container
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 63px;
}
button#inputGroupFileAddon04 {
  width: 15%;
}
a.log {
  font-size: 15px;
}

.option input.form-check-input {
  opacity: 0;
  width: 100%;
  position: absolute;
  /* left: 0; */
  right: 0;
  margin: 0;
  cursor: pointer;
  

}

label.option {
  position: relative;
  left: 0;
  width: auto;
  margin-bottom: 10px;

}

.option input+span {
  padding: 4px 8px;
  border: 1px solid #808080;
  border-radius: 3px;
  cursor: pointer;
}
.option input:checked+span {
  background-color: #808080;
  color: #ffffff;
}