/* This stylesheet should be used to add your custom styles to the back-office without using the Sass sources. It will be loaded after all the default styles. 
You should NOT edit any other exisiting back-office CSS file manually: they are generated by the Sass preprocessor: http://www.sass-lang.com/ . */
body.adminmadusorder  .page-head{
	  background-color: #ddd;
}
body.adminorders   .page-head{
	  background-color: #fdfcd5;
}

body.admintranslations  form .panel h3 {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  z-index: 1;
  top: 125px;
  background-color: white;
}
body.admintranslations  form .panel .panel-footer {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1;
  bottom: 0;
}
.icon-remise{
	width: 30px!important;
	height: 30px!important;
}
div.btn-group-action div.btn-group>a{
	 position: relative;
	text-decoration: none;
	display: inline-block;
	float: none;  color: #1a1a1a;
    background-color: #fff;
    border-color: #DEDEDE;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid #DEDEDE;white-space: nowrap;
	padding: 6px 8px;
	font-size: 12px;
	line-height: 1.42857;
	border-radius: 3px;user-select: none;
}
table thead { background-color:#1a1a1a!important;color:white!important;}
table tfoot { background-color:#1a1a1a!important;color:white!important;}
table thead tr td,table tfoot tr td,table thead tr th,table tfoot tr th{ padding: 5px;}
.bootstrap .table thead > tr > th span.title_box {
  color: white;
}
.bootstrap .table tfoot > tr > th span.title_box {
  color: white;
}
.bootstrap .bg-critical{background-color:#934046;color:white;}
.bootstrap .text-critical{color:#934046;}
.degrade { background-color:#903!important;color:white!important;}
.degrade:nth-of-type(1),.degrade0 { background-color:#c0392b!important;color:white!important;}
.degrade:nth-of-type(2),.degrade10 { background-color:#e84c3d!important;color:white!important;}
.degrade:nth-of-type(3),.degrade20 { background-color:#e67e22!important;color:white!important;}
.degrade:nth-of-type(4),.degrade30 { background-color:#f1c40f!important;color:white!important;}
.degrade:nth-of-type(5),.degrade40 { background-color:#2ecc71!important;color:white!important;}
.degrade:nth-of-type(6),.degrade50 { background-color:#27ae60!important;color:white!important;}
.degrade:nth-of-type(7),.degrade60 { background-color:#1abc9c!important;color:white!important;}
.degrade:nth-of-type(8),.degrade70 { background-color:#16a085!important;color:white!important;}
.degrade:nth-of-type(9),.degrade80 { background-color:#3498db!important;color:white!important;}
.degrade:nth-of-type(10),.degrade90 { background-color:#2980b9!important;color:white!important;}
.degrade:nth-of-type(11),.degrade100 { background-color:#184f73!important;color:white!important;}
tr.va-t,.va-t{
	vertical-align:top;
}
tr.va-b,.va-b{
	vertical-align:bottom;
}
tr.va-m,.va-m{
	vertical-align:middle;
}
td.icon-plus
td.icon-minus{
	cursor:pointer;
}
.bootstrap .btn-group-default,.btn-group-default{
	  background-color: #C42727;
  color: white;
}
.bootstrap .btn-group-default .btn-default,.btn-group-default .btn-default{
	  background-color: #C42727;
  color: white;
}
.bootstrap .btn-group-default .btn-default.active,.btn-group-default .btn-default.active{
	 color: #1a1a1a;
background-color: #e6e6e6;
}
#nav-sidebar {
/*overflow: auto;*/
}
#attribute_group_chosen{
min-width:100%;
}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
  background: url("../img/chosen-sprite.png") right top no-repeat;
  display: block;
  font-size: 1px;
  height: 10px;
  position: absolute;
  top: 5px;
  width: 12px;
  right: 4px;
}
.chosen-container .chosen-results-scroll-down span{background:url("../img/chosen-sprite.png") no-repeat -4px -3px}
.chosen-container .chosen-results-scroll-up span{background:url("../img/chosen-sprite.png") no-repeat -22px -3px}
.chosen-container-single .chosen-single:abbr{background:url("../img/chosen-sprite.png") right top no-repeat;}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close{background:url("../img/chosen-sprite.png") right top no-repeat;}
.chosen-rtl .chosen-search input{background:url("../img/chosen-sprite.png") no-repeat -28px -20px,#F5F8F9;}
.edit_en_cours tr td {
	vertical-align: top !important;
}

.pulse {
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
@media print
{    
    .defaultForm,.filter,.no-print, .no-print *
    {
        display: none !important;
    }
}
.tooltip-inner {
    max-width: 100%!important; 
}
.tooltip, .tooltips {
  position: fixed!important;
  display: block!important;
}
/* Important part */
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    height: auto;
    overflow-y: auto;
}
.bootstrap .table tbody > tr.modifie > td {
    background-color: #ffe996 !important;
    border-bottom: 2px solid #D06734!important;
    border-top: 2px solid #D06734!important;
}

.bootstrap .border {
  border: 1px solid #DDD;
}
.bootstrap .border-5 {
  border-width: 5px!important;
}
.bootstrap .border-4 {
  border-width: 4px!important;
}
.bootstrap .border-2 {
  border-width: 2px!important;
}
.bootstrap .border-primary {
  border-color:#e6b800!important;
}
.bootstrap .border-success {
  border-color:#cce9d7!important;
}
.bootstrap .border-info {
  border-color:#d3f1f7!important;
}
.bootstrap .border-warning {
  border-color:#fef1d3!important;
}
.bootstrap .border-danger {
  border-color:#f9cce1!important;
}
.bootstrap .border-critical {
  border-color:#000!important;
}

#table-employee_message .selection td{
font-size:large;
} 
#table-employee_message .selection td .description-item-text{
font-size:small;
} .tooltip, .tooltips {
  position: fixed!important;
  display: block!important;
}
.message-body::after, .message-body::before {
  border-right: 13px solid #2da9e9;
}
.message-body.bg-info{
border: solid 1px #2da9e9;
}
.message-body.my{
border: solid 1px #dbe3e8;
}
.target::after {
 content: "";
  top: 10px;
  left: auto;
  right: 62px;
  float: left;
  z-index: 99;
  
  border-top: 11px solid transparent;
  border-left: 13px solid #2da9e9;
  border-bottom: 11px solid transparent;
  border-right: none;margin-top: 10px;margin-left: -15px;
}
::after, ::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.moi::before {
  content: "";
  top: 10px;
  left: 62px;
  float: right;
  z-index: 99;
  border-top: 11px solid transparent;
  border-left: none;
  border-bottom: 11px solid transparent;
  border-right:13px solid #dbe3e8;margin-top: 10px;margin-right: -15px;
  
}


.target.border-primary::before  { border-left-color:#e6b800!important;}
.target.border-success::before  {  border-left-color:#cce9d7!important;}
.target.border-info::before  {  border-left-color:#d3f1f7!important;}
.target.border-warning::before  {  border-left-color:#fef1d3!important;}
.target.border-danger::before  {  border-left-color:#f9cce1!important;}
.target.border-critical::before  {  border-left-color:#000!important;}

.moi.border-primary::before  { border-right-color:#e6b800!important;}
.moi.border-success::before  {  border-right-color:#cce9d7!important;}
.moi.border-info::before  {  border-right-color:#d3f1f7!important;}
.moi.border-warning::before  {  border-right-color:#fef1d3!important;}
.moi.border-danger::before  {  border-right-color:#f9cce1!important;}
.moi.border-critical::before  {  border-right-color:#000!important;}
.table-responsive-row  {  overflow: auto;padding-bottom: 50px;}
h2.page-title img{  width: 50px;}

 #page-header-desc-gsbtob-BlackList,#page-header-desc-gsbtob-BlackList i{
  color: white;
  background-color: black;
}
 #page-header-desc-gsbtob-All,#page-header-desc-gsbtob-All i{
  color: white;
  background-color: #72C279;
}
#page-header-desc-gsbtob-BlackList i{
  margin-bottom: 5px;
}	
#header_notifs_icon_wrapper{
 display: none;
}	
div.background,.absolute {
    position: absolute; 
    z-index: 0;}
table#tble div.background img{
    max-width: 1000px !important; 
    max-height: none !important;
	}
	
table#tble  tr.ligne_complete div.background img{
    max-width: 1250px !important;
    max-height: none !important;
	}
td.td-90, td.td-90 div.background,td.td-90  .absolute ,table#tble td.td-90 div.background img{ max-width: 900px !important;}
td.td-80, td.td-80 div.background,td.td-80  .absolute ,table#tble td.td-80 div.background img{ max-width: 800px !important;}
td.td-70, td.td-70 div.background,td.td-70  .absolute ,table#tble td.td-70 div.background img{ max-width: 700px !important;}
td.td-60, td.td-60 div.background,td.td-60  .absolute ,table#tble td.td-60 div.background img{ max-width: 600px !important;}
td.td-50, td.td-50 div.background,td.td-50  .absolute ,table#tble td.td-50 div.background img{ max-width: 500px !important;}
td.td-40, td.td-40 div.background,td.td-40  .absolute ,table#tble td.td-40 div.background img{ max-width: 400px !important;}
td.td-30, td.td-30 div.background,td.td-30  .absolute ,table#tble td.td-30 div.background img{ max-width: 300px !important;}
td.td-20, td.td-20 div.background,td.td-20  .absolute ,table#tble td.td-20 div.background img{ max-width: 200px !important;}
td.td-10, td.td-10 div.background,td.td-10  .absolute ,table#tble td.td-10 div.background img{ max-width: 100px !important;}
tr.ligne_complete td.td-90,tr.ligne_complete  td.td-90 div.background,td.td-90  .absolute ,table#tble tr.ligne_complete td.td-90 div.background img{ max-width: 1125px !important;}
tr.ligne_complete td.td-80,tr.ligne_complete  td.td-80 div.background,td.td-80  .absolute ,table#tble tr.ligne_complete td.td-80 div.background img{ max-width: 1000px !important;}
tr.ligne_complete td.td-70,tr.ligne_complete  td.td-70 div.background,td.td-70  .absolute ,table#tble tr.ligne_complete td.td-70 div.background img{ max-width: 875px !important;}
tr.ligne_complete td.td-60,tr.ligne_complete  td.td-60 div.background,td.td-60  .absolute ,table#tble tr.ligne_complete td.td-60 div.background img{ max-width: 750px !important;}
tr.ligne_complete td.td-50,tr.ligne_complete  td.td-50 div.background,td.td-50  .absolute ,table#tble tr.ligne_complete td.td-50 div.background img{ max-width: 625px !important;}
tr.ligne_complete td.td-40,tr.ligne_complete  td.td-40 div.background,td.td-40  .absolute ,table#tble tr.ligne_complete td.td-40 div.background img{ max-width: 500px !important;}
tr.ligne_complete td.td-30,tr.ligne_complete  td.td-30 div.background,td.td-30  .absolute ,table#tble tr.ligne_complete td.td-30 div.background img{ max-width: 375px !important;}
tr.ligne_complete td.td-20,tr.ligne_complete  td.td-20 div.background,td.td-20  .absolute ,table#tble tr.ligne_complete td.td-20 div.background img{ max-width: 250px !important;}
tr.ligne_complete td.td-10,tr.ligne_complete  td.td-10 div.background,td.td-10  .absolute ,table#tble tr.ligne_complete td.td-10 div.background img{ max-width: 125px !important;}
div.background.center{text-align: center;}
div.background.right{text-align: right;}
div.background.left{text-align: left;}
div.background.bold{font-weight: bold;}
div.background.bolder{font-weight: bolder;}
div.background.size_s{font-size:12.px}
div.background.size_md{font-size:14.3px}
div.background.size_l{font-size:18.7px}
div.background.size_xl{font-size:22px}
div.background.size_xxl{font-size:25.px}
.border-dark {
  border: 0.5pt solid #000000!important;
}