/* Page login */

.msgmdplost_ok{
  display:none;
}

.msgmdplost_ko{
  display:none;
}

/* Correction du thème pour le drag&drop */
.fadeInRight {
  -webkit-animation-name: initial;
  animation-name: initial;
}

/* Gestion des tables */
#table_drag li {
  cursor:move;
}

#table_drag li table {
  float:none;
}
#livres_drag li > span {
  float: left;
  width: 20px;
}
#livres_drag li > img {
  float: left;
  width: 50px;
}
#livres_drag li > p {
  margin-left: 80px;
}
#livres_drag li {
  cursor:move;
  padding: 5px;
  margin-bottom: 5px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
#livres_drag > li.li_ligne_clair {
  background: #fff;
}


/* Recherche livre */
#liste_livres .ibox-title {
  height:110px;
}
#liste_livres .ibox-title img {
  height:80px;
  margin-right: 10px;
}

/* For form, from custom.css inspinia */
/* iCheck plugin Square skin, green */
.icheckbox_square-green,
.iradio_square-green {
    display: inline-block;
    *display: inline;
    vertical-align: text-bottom;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url('/gestion/images/green.png') no-repeat;
    border: none;
    cursor: pointer;
    position:relative;
}

.icheckbox_square-green {
    background-position: 0 0;
}
.icheckbox_square-green.hover {
    background-position: -24px 0;
}
.icheckbox_square-green.checked {
    background-position: -48px 0;
}
.icheckbox_square-green.disabled {
    background-position: -72px 0;
    cursor: default;
}
.icheckbox_square-green.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-green {
    background-position: -120px 0;
}
.iradio_square-green.hover {
    background-position: -144px 0;
}
.iradio_square-green.checked {
    background-position: -168px 0;
}
.iradio_square-green.disabled {
    background-position: -192px 0;
    cursor: default;
}
.iradio_square-green.checked.disabled {
    background-position: -216px 0;
}

.chkRayon, .chkColonnes, .chkColor, .chkPt {
  position: relative;
  display: block;
  margin-top: 5px;
  height: 15px;
  width: 40px;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #525252;
}

.chkRayon:after, .chkColonnes:after, .chkColor:after, .chkPt:after {
  position: absolute;
  left: -2px;
  top: -3px;
  display: block;
  width: 21px;
  height: 21px;
  border-radius: 100px;
  content: '';
  transition: all 0.3s ease;
  background: #d2d2d2;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.05);
}

.cbxColonne:checked ~ label, .cbxColor:checked ~ label, .cbxPt:checked ~ label {
  background: #1ab39498;
}

.cbxColonne:checked ~ label:after, .cbxColor:checked ~ label:after, .cbxPt:checked ~ label:after {
  left: 20px;
  background: #1ab394;
}


/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-green,
    .iradio_square-green {
        background-image: url(green@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

/*_____________________________________
	STYLE utils */

.loading:before {
	content: '\f110';

	font-size: 20px!important;
	width: 100%;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;

	/* .fa-spin */
	animation: 2s linear 0s normal none infinite running fa-spin;

	/* .fa */
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-size-adjust: none;
	font-stretch: normal;
	font-feature-settings: normal;
	font-language-override: normal;
	font-kerning: auto;
	font-synthesis: weight style;
	font-variant: normal;
	font-size: inherit;
	text-rendering: auto;
}
.loading>* {
    visibility: hidden;
}

/* Statistiques catalogue PNB */
.stats-td {
  vertical-align : middle !important;
}
.stats-mb15{
  margin-bottom : 15px;
}
.stats-mt10 {
  margin-top : 10px;
}
.stats-span {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

/* disable image upload (base64)*/
.note-image-dialog>.modal-dialog .row-fluid [type=file],
.note-image-dialog h5:first-child {
	display: none;
}

/* use to hide under the menu */
.note-editor .note-toolbar .note-color .dropdown-menu {
	z-index:3000;
}

/*____________________________________________________________________________
  STYLE LOADER STYLE LIVRE */
   
.blocmainLoading {
  width: 100%;
  background: #ffffff;
  height: 100%;
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: wait;
  flex-direction: column;
}

.blocmainLoading h2 {
  position:  absolute;
  top: 50px;
  left: -35px;
}

.loaderText:after {
  position: absolute;
  content: "";
  -webkit-animation: Dots 2s cubic-bezier(0, .39, 1, .68) infinite;
  animation: Dots 2s cubic-bezier(0, .39, 1, .68) infinite;
}

.blocmainLoading .loader {
  margin: 5% auto 30px;
}

.blocmainLoadingAjax {
  background: rgba(0,0,0,0.9);
}

.blocmainLoadingAjax h2 {
  color: #ffffff;
}

.blocmainLoading .book {
  border: 4px solid #9f9f9f;
  width: 60px;
  height: 45px;
  position: relative;
  perspective: 150px;
  background: #ededed;
  top: -50px;
}

.blocmainLoading .page {
  display: block;
  width: 30px;
  height: 45px;
  border: 4px solid #9f9f9f;
  border-left: 1px solid #9f9f9f;
  margin: 0;
  position: absolute;
  right: -4px;
  top: -4px;
  overflow: hidden;
  background: #ededed;
  transform-style: preserve-3d;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.blocmainLoading .book .page:nth-child(1) {
  -webkit-animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 2s infinite;
  animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 2s infinite;
}

.blocmainLoading .book .page:nth-child(2) {
  -webkit-animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.8s infinite;
  animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.8s infinite;
}

.blocmainLoading .book .page:nth-child(3) {
  -webkit-animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.6s infinite;
  animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.6s infinite;
}


/* Page turn */

@-webkit-keyframes pageTurn {
  0% {
  -webkit-transform: rotateY( 0deg);
  transform: rotateY( 0deg);
  }
  20% {
  background: #ededed;
  }
  40% {
  background: #dfdfdf;
  -webkit-transform: rotateY( -180deg);
  transform: rotateY( -180deg);
  }
  100% {
  background: #ededed;
  -webkit-transform: rotateY( -180deg);
  transform: rotateY( -180deg);
  }
}

@keyframes pageTurn {
  0% {
  transform: rotateY( 0deg);
  }
  20% {
  background: #ededed;
  }
  40% {
  background: #dfdfdf;
  transform: rotateY( -180deg);
  }
  100% {
  background: #ededed;
  transform: rotateY( -180deg);
  }
}


/* Dots */

@-webkit-keyframes Dots {
  0% {
  content: "";
  }
  33% {
  content: ".";
  }
  66% {
  content: "..";
  }
  100% {
  content: "...";
  }
}

@keyframes Dots {
  0% {
  content: "";
  }
  33% {
  content: ".";
  }
  66% {
  content: "..";
  }
  100% {
  content: "...";
  }
}

/*____________________________________________________________________________
	Specific bloclibre */

.BlocLibre {
	border:1px solid #cfcfcf;
	margin-bottom:30px;
	height:350px;
	position:relative;
	overflow: hidden;
	background-color: white;
}
.BlocLibre-header{
	padding:5px;
}
.BlocLibre-header h2{
	color:#FFF;
	font-size:1.2em;
}

.BlocLibre-contentText{
	border-top:1px solid #cfcfcf;
	padding:5px;
	overflow: hidden;
	background-color:#FFF;
	width: 100%;
}

.BlocLibre-contentImg+.BlocLibre-contentText{
	transition: top .3s ease;
	position: absolute;
	bottom: 0;
	top:240px;
}
.BlocLibre-contentImg+.BlocLibre-contentText:hover{
	top: 30px;
}

.BlocLibre-footer{
	text-align:right;
	font-size:0.8em;
	padding:5px;
	background:#cfcfcf;
	color:#FFF;
	position:absolute;
	bottom:0;
	right:0;
	left:0;

	box-shadow: 0 -1px 6px #888;
}
.BlocLibre-footer a:hover{
	text-decoration:underline;
}

/*______________________________________________________________________________
  Gestion promo / VPC*/

.listePromotion,
.listeVpc,
.listePtRelais{
  overflow-y: scroll;
  height: 62vh;
  border-bottom: 1px solid;
  border-image: linear-gradient(to left, white, rgb(180, 180, 180) 50%,white) 10;
}

.listeVpc{
  height: 90vh;
}

.listePtRelais{
  height: 47vh;
}

.listePromotion::-webkit-scrollbar,
.listeVpc::-webkit-scrollbar ,
.listePtRelais::-webkit-scrollbar{
  width: 6px;
  background-color: #F5F5F5;
}
.listePromotion::-webkit-scrollbar-thumb,
.listeVpc::-webkit-scrollbar-thumb,
.listePtRelais::-webkit-scrollbar-thumb {


  background-color: #888888;

}
.listePromotion::-webkit-scrollbar-track,
.listeVpc::-webkit-scrollbar-track,
.listePtRelais::-webkit-scrollbar-track {


  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;

  
}

/*______________________________________________________________________________
  Gestion clients*/

.ongletClient, .titleDetailClient{
  margin-top:10px;
}

.bloc_facturation_client,
.bloc_gestion_promo,
.bloc_rayon_palma{
border-right: 1px solid;  
border-image: linear-gradient(to top, white, rgb(180, 180, 180) 50%,white) 10;
}

.bloc_option_client,
.bloc_gestion_ptRelais{
  border-top: 1px solid ;  
  border-image: linear-gradient(to left, white, rgb(180, 180, 180) 50%,white) 10;
  padding-top: 1%;
}

.bloc_gestion_ptRelais{
  background-color: #f5f5f5;
}

.bloc_liseuse_client{
  border-top: 1px solid ;  
  border-image: linear-gradient(to left, white, rgb(180, 180, 180) 50%,white) 10;
  padding-top: 1%;
}

/*____________________________________________________________________________
	Specific modal search */

#MODAL-SEARCH .modal-dialog{
	width: 100%;
	max-width: 1000px;
	margin-top: 0;
	padding-top: 10px;
}

/*____________________________________________________________________________
	Pages libres */


/*____________________________________________________________________________
	Mot du libraire */

.mdlProduct {
  overflow: hidden;
}

.mdlProduct-img {
  margin-right: 10px;
  float: left;
}

a.minMdl{
    color:#676a6c;
    padding: 12px;
    transition: all .2s ease;
}

a.minMdl:hover{
    /* background-color:lightgrey; */
}
  
.crayon{
    z-index:0;
    bottom: 20px;
    right: 25px;
    position: absolute;
    color:white;
  }
  .bg-light {
    --bs-bg-opacity: 1;
    transition: all .2s linear;
}






/*____________________________________________________________________________
	Modal BS */

.modal-body{
  overflow:hidden;
}
.modal-body img{
  max-width:100%;
}

/*____________________________________________________________________________
	Modal Cover */
#AFFICHECOUVRECTO .modal-body,
#AFFICHECOUVVERSO .modal-body {
  text-align: center;
}

/*____________________________________________________________________________
    Selections */

.mag-select-div { display: inline-block; }

.angular-ui-tree-handle {
    background: #f8faff;
    border: 1px solid #dae2ea;
    color: #7c9eb2;
    padding: 10px 10px;
}
.angular-ui-tree-handle:hover {
    color: #438eb9;
    background: #f4f6f7;
    border-color: #dce2e8;
}
.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
tr.angular-ui-tree-empty {
    height:100px
}
.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}

/* --- Tree --- */
.tree-node {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2;
}
.nodrop {
    background-color: #f2dede;
}
.tree-node-content {
    margin: 10px;
}
.tree-handle {
    padding: 10px;
    background: #428bca;
    color: #FFF;
    margin-right: 10px;
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*_____________________________________________________________________________
  Module Upload images*/
/* CSS ICONE */
.groupIcone{
  position: relative;
}

.iconeUpload1{
  box-shadow: inset 0px 1px 0 20px white;
  border-right: 3px solid white;
  z-index: 1;
  display: inline-block;
  top: 0;
  position: absolute;
  border-radius: 25%;
}

.iconeUpload2{
  transition: ease 0.5s all;
  display: inline-block;
  margin-left: 2px;
  transform-origin: bottom right;
}

.zoneUpload:hover .iconeUpload2, .is-dragover .iconeUpload2{
  transition: ease 0.4s all;
  transform: rotate(35deg);
}

/* CSS BLOCK UPLOAD */
.zoneUpload:hover, .is-dragover{
  transition: all 0.1s ease;
  color: #676a6c82;
  border-color: #676a6c82!important;
}

.textUpload{
  font-size: 2.5rem;
}

.pnbTitle{
  border-top: 1px solid;
  border-image: linear-gradient(to left, white, rgb(180, 180, 180) 50%,white) 10;
  padding:18px 0 0 0;
} 

#filz{
  z-index: 2;
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.zoneUpload{
  transition: all 0.1s ease;
  position: relative;
  box-sizing: border-box;
  height: auto;
  border: 2px dashed grey;
  border-radius: 10px;
}

.mb-005 { margin-bottom: 5px; }
.mb-01 { margin-bottom: 10px; }
.mb-02 { margin-bottom: 20px; }
.mr-003 { margin-right: 3px; }
.mr-01 { margin-right: 10px; }
.mt-01 { margin-top: 10px; }
.mt-005 { margin-top: 5px !important; }
.mt-01 { margin-top: 10px !important; }
.mt-02 { margin-top: 20px !important; }
.mt-03 { margin-top: 30px !important; }
.mt-04 { margin-top: 40px !important; }
.mt-05 { margin-top: 50px !important; }
.mt-06 { margin-top: 60px !important; }
.mt-10 { margin-top: 100px !important; }

/*____________________________________________________________________________
  Input Checkbox Gangnam Style  */
.checkboxStyle {
  cursor: pointer;
  position: relative;

}

.checkboxStyle > span {
  color: #34495E;
  padding: 0.5rem 0.25rem;
}

.checkboxStyle > input {
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid #A7B1C2;
  outline: none;
  transition-duration: 0.3s;
  background-color: #f3f3f4;
  cursor: pointer;
}

.checkboxStyle > input:checked {
  border: 1px solid #127762;
  background-color: #1ab394;
}

.checkboxStyle > input:active {
  border: 2px solid #1ab394;
}

.BTN-ACTION {
  margin-right: 0;
}

.btn-AjoutDebut label {
  border: 1px solid #A7B1C2;
}

.btn-AjoutDebut .active {
  background: #428bca;
  color: #ffffff;
}

.etatStock path, .etatStock i {
  color: #1ab394 !important;
}

.etatCommande path, .etatCommande i {
  color: #f7a54a !important;
}

.text-danger {
  color: red;
}
.fontAwesome {
font-family: Helvetica, 'FontAwesome', sans-serif;
}
.border-b {
border: none;
border-bottom: 1px solid #bbbbbb;
}
.border-n {
border: none;
}
.p-003 {
padding: 3px;
}
.fw-normal {
font-weight: normal;
}
.text-secondary {
color: #999c9e;
}
#article-form input {
color: #000000;
}
#article-form input[disabled], #article-form select[disabled] {
color: #bbbbbb;
background: #f7f7f7;
border: none !important;
}
.d-flex {
display: flex;
}
.align-items-center {
align-items: center;
}

.icon-wrapper {
  position: absolute;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  left: 0;
  right: 0;
  text-align: center;
  padding: 5px;
  color: #ffffff;
}