/********** GENERAL **********/
html,body{ height: 100%; }
.row-no-margin {  margin-left: 0px;  margin-right: 0px;  }
.color-white {  background-color: #fff !important;  }
.clearfix{padding: 5px 5px 5px;}
.cursor-pointer {  cursor: pointer;  }
.text-uppercase {  text-transform: uppercase;  }
.padding-0{  padding: 0px;  }
.padding-3-15 {  padding: 3px 15px;  }
.padding-25 {  padding: 25px;  }
.padding-5{padding: 5px;}
.p-12{padding: 12px !important;}
.margin-bottom-0{margin-bottom: 0px;}
.mb-5{margin-bottom: 5px !important;}
.mt-10{margin-top: 10px;}
.padding-left-25{padding-left: 55px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: #dadada;  cursor: not-allowed;  }
.colorRed{color: #c01616;}
.float-right {  float: right;  }
.displayNone{display: none;}
.border-none{border: none;}
.pt-15{padding-top: 15px !important;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.w-150{width: 150px !important;}
.overflow-x-auto{overflow-x: auto;}
/*****Login Page *************/
#log-inauto{background: url("../img/logo-assistance.png"); height: 150px;background-position: center;background-repeat: no-repeat;background-size: contain;}
.span-login{  background-color: #c01717;  color: white;  border:0 !important;  }
.login-info  {  color: #c01717;  margin-top: 10px;  }
.btn-login {color: #fff;  background-color: #c01717;  border-color: #772017;  }
.btn-login:hover {color: #fff;background-color: #a51717;  border-color:#f8c6c1;  }
.form-login::placeholder {  color: #772017 !important;  }
.href-oublie {  color: #c01717;  margin-top: 10px;  }
.href-oublie:hover {  color: #f01e1e;  }
.panel-login{border-color: #c01616;  border-radius: 10px;   box-shadow: 5px 5px 10px rgba(0,0,0,0.5);background-color: #ffff;}
/******** footer ************************/

footer{  color: #fff;  padding: 0;  text-align: center;  width: 100%;  line-height: 60px;  height: 60px;  }
.h-footer {  height: 60px;  }
.bg-footer-1{  background-color: #037de7;  }
.bg-footer-2{  background-color: #0366bd;  }
.bg-footer-3{  background-color: #02549c;  }
.bg-footer-4{  background-color: #014a89;  }
.bg-footer-5{  background-color: #02427b;  }
.bg-footer-6{  background-color: #013562;  padding-top: 2px;  }
.logo-footer {  background-color: white;  transform: skew(-30deg);  }
.footer-logo {  width: 150px;  margin-bottom: 10px;  }
.h6-footer {  text-align:right ;  }
/********  header ************************/
.h6-header {padding: 15px;  margin: 0px;  color: #fff;  text-align: center;  }
.h6-date {  background-color: #c01717;  }
.h6-societe {background-color: #013562;  }
.menu-title {  border-radius: 10px;    color: white;  text-align: center;margin-top: 5px;  }
/********** Page portail et Page client ****************/
.thumbnail{  border-radius: 10px;  padding-top: 30px;  padding-bottom: 10px;  color: white;  text-align: center;  margin-bottom: 25px;  }
.thumbnail .caption { padding-top: 0px;  }
.circle-badge {  height: 30px;  width: 30px;  line-height: 30px;  text-align: center;  border-radius: 50px;  background: #fff;  color: #013562;  margin-left: auto;  margin-right: auto;  display: inline-block;  }
.bg-carre {  background-color: rgba(255, 255, 255, 0.5);  border: 4px solid #fff;  }
.bg-carre:hover {  background-color: rgba(255, 255, 255, 1);  }
.bg-image {  background-image: url("../img/bg-menu.jpg");  background-repeat: no-repeat;  background-size: cover;  min-height: 100px;  }
.bg-image-menu {  background-image: url("../img/bg-auto.jpg");  background-repeat: no-repeat;  background-size: cover;   background-position: center;  }
.p-box {  margin-top: 15px;  font-weight: bold;  color: #024b8b;  }
.img-box {  height: 50px !important;  }
.href-box :hover{text-decoration:none ! important;  }
.col-centered {  display:inline-block;  float:none;  text-align:left;  margin-right:-4px;  }
.circle-badge-portail {  height: 70px;  width: 70px;  line-height: 80px;  text-align: center;  border-radius: 50px;   color: white;  margin-left: auto;  margin-right: auto;  display: inline-block;  }
.btn-theme {  border-radius: 10px;  padding-top: 15px;  padding-bottom: 5px;  color: white;  text-align: center;    display: inline-block;  margin-right: 10px;  width: 100px;  }
.circle-badge-btn {  height: 30px;  width: 30px;  line-height: 30px;  text-align: center;  border-radius: 50px;  background: #013562;  color: white;  margin-left: auto;  margin-right: auto;  display: inline-block;  margin-top: 3px;  }
.btn-display{    height: 95px;  }
.btn-title{color:#fff !important;}
.p-box {  margin-top: 5px;  font-weight: bold;  color: #024b8b;  font-size: 10px; display: inline-table; }
.p-box-theme {  margin-top: 5px;  font-weight: bold;  color: #013562;  }
.form-panel {  margin: 25px;   }
li.active {  background-color: white !important;  }
.bgButton1{background-image: url("../img/btn1.png"); background-position: center;background-repeat: no-repeat; }
.bgButton2{background-image: url("../img/btn2.png");background-position: center;background-repeat: no-repeat;}
.bgButton3{background-image: url("../img/btn3.png");background-position: center;background-repeat: no-repeat;}
.bgButton4{background-image: url("../img/btn4.png");background-position: center;background-repeat: no-repeat;}
/*.bgButton1:hover { box-shadow:0 0 0 2px #aeb1b6; }
.bgButton2:hover { box-shadow: 0 0 0 2px #46b4ff;  }
.bgButton3:hover { box-shadow: 0 0 0 2px #dc1e1e;   }
.bgButton4:hover { box-shadow: 0 0 0 2px #87a2d4;  }*/

.bgButton1:hover {box-shadow: inset 0 0px 10px #1a1818; }
.bgButton2:hover { box-shadow: inset 0 0px 10px #094872;  }
.bgButton3:hover { box-shadow: inset 0 0px 10px #391515;  }
.bgButton4:hover { box-shadow: inset 0 0px 10px #03112a; }
.col-md2-responsive:hover  .circle-badge-portail{ transform: scale(1.1);}
.col-md2-responsive:hover  .p-box-theme{ transform: scale(1.1);}


.col-md2-responsive{width: 180px;padding-left: 10px;  padding-right: 0px;}
.center-div-p{padding-top: 5px;  padding-bottom: 5px;}
/************ Label error *****/
label.error {  float: right;  color: #c01717;  font-size: 12px;  margin-right: 10px;  }
label.error:after {  font-family: 'themify';  position: absolute;  right: 20px;  top: 40px;  font-size: 13px;  }
input.error , select.error{  border: 1px solid #c01717 !important;  }
.input-error{  color: #c01717;  font-size: 12px;  float: right;  }
.error-btn{ border: 5px solid #ffb9b9 ; background-color: #fcd3d3 !important;  }
/************ Btn*****/
.btn-danger {  background: #c01616;  color: white;  }
.btn-bleu:hover{  background-color: #0366bd;  color: #fff;  }
.next-previous{margin-bottom: 5px;}
.btn-primary {  color: #ffffff;  background-color: #428bca;  border-color: #357ebd;  }
/***********dataTable****************************/
table.dataTable > thead{  background-color: #e1f0fc ;  color: black;  }
.table-striped tbody tr:nth-of-type(2n+1) {  background-color: #ededed;  }
.btn-table {  padding: 1px 5px;  }
.table-responsive{  overflow-x: auto; min-height: .01%; }
table.dataTable tbody td {  padding: 2px 10px;  }
table.dataTable thead th,table.dataTable thead td {  padding: 2px 10px;  }
table.dataTable.no-footer {  border-bottom: 1px solid #c6c6c6;  }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {  border-top: 1px solid #DDDDDD;  line-height: 1.42857;  padding: 1px;  vertical-align: top;  }
.table-hover > tbody > tr:not(.notHover):hover > td, .table-hover > tbody > tr:not(.notHover):hover > th {  background-color: #3366cc;  color: #FFFFFF;  }
/************** Panel ***************/
.panel-theme{  border-radius: 0px;border: none; border-bottom: 1px solid #dddddd;margin-bottom: 0px;border-bottom: none; box-shadow: none;background-color: transparent; }
.panel-heading-orange{background-color: #fc9b3d !important;color: #fff !important;}
.panel-body-bleu{  background-color: #eff7fd;  }
.panel-heading {  background-color: #428bca;    color: #ffffff;  }
.panel-footer {border: none;}
/********* Center div ***************************/
.center-div {  justify-content: center !important;  flex-direction: column;  }
.d-flex {  display: flex;  }
/******* Form tab ************************/
.form-titre {  background-color: #02549c;  padding: 10px;  font-size: 15px;  color: white;  margin: 0px;  }
.inner {  padding-top: 15px;  padding-left: 15px;  padding-right: 15px;  }
/************* chosen **********************/
.chosen-container {width: 100% !important;text-align: left;}
/************* utocomplete **********************/
.autocomplete-suggestions{  border: 1px solid rgb(204, 204, 204);  background-color: #fff;  overflow-y: auto;  }
.autocomplete-suggestion{  padding: 5px;  font-size: 13px;  border-bottom: 1px solid #ccc6c6;  }
.autocomplete-no-suggestion{  padding: 5px;  }

#contenu {  background-image: url("../img/bg-auto.jpg");  background-repeat: no-repeat;  background-size: cover;  }
.bgBlanc { background: #fff;}

.fil-ariane{position: absolute;top: 20px;}
.thumbnail-img{  text-align: left;  padding-top: 5px;  border-radius: 3px;  }
/******* Module ordre fournisseur  ************************/
.input-ordre {  position: relative;float: left;width: 35px; border-radius: 0px 2px 2px 0px;text-align: center;  }
.border-danger { background-color: #cbcbcb; border: #d43f3a  1px solid;}
.border-success { border: #4cae4c 1px solid;}
.border-warning { border: #f0ad4e 1px solid;}
.ticket_info{color: #000 !important;    background: #F4FAFF !important;}

.badge-menu{  text-align: center;  vertical-align: middle;  position: absolute;  background: #a50101;  height: 2.2rem;  top: 3rem;  right: 5rem;  width: 2.5rem;  line-height: 1.6rem;  font-size: 1.2rem;  border-radius: 50%;  color: #fefefe;  border: 1px solid rgb(161, 1, 1);  font-weight: bolder;  }