textarea:focus {outline:none;}


/** GRILLE MANSONRY **/
.pk-grid, .pk-grid-diapo {
  position: relative;
}

/************************************/
/*** Pk IMAGE
/************************************/

.pk-image {min-width:200px;min-height:200px;background-color:#EEEEEE;overflow: hidden;position:relative;}
.pk-image img {width:100%;height:auto;}


/** ITEM PRODUIT LIAISON **/
#product-liaison .pk-mansonry-item {width:300px;}
#product-liaison .pk-mansonry-item textarea {font-size:14px;border-color:#CCCCCC;padding:5px;}

.pk-mansonry-item
{
  display: block;
  position: absolute;
  width: 175px;
  height: auto;
  margin: 5px;
  z-index: 1;
  /*background: #000;*/
  color: #fff;
}

/** FLUX RSS **/
#rss .pk-mansonry-item {width:300px;}



.pk-mansonry-item.muuri-item-dragging {
  z-index: 3;
}
.pk-mansonry-item.muuri-item-releasing {
  z-index: 2;
}

.pk-mansonry-item.muuri-item-hidden {
  z-index: 0;
}

.pk-grid-diapo .item-content,
.pk-grid .item-content {
  position: relative;
  width: 100%;
  height: 100%;
}

.pk-mansonry-item .card-content {padding:1rem;}
.pk-mansonry-item .card-action {padding-right:1rem;padding-left:1rem;}
.pk-mansonry-item .card-content span {color:#000000;}
.pk-mansonry-item .title {font-size:12px;color:#000000;}


/** **/
.toast.toast-error {background-color:#FF0000;}


/** TAG MOTEUR DE RECHERCHE **/
/** non interprété en tag par le JS**/
.pk-chip
{
    display: inline-block;
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    line-height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    background-color: #e4e4e4;
    margin-bottom: 5px;
    margin-right: 5px;
}

.pk-chip .close
{
    cursor: pointer;
    float: right;
    font-size: 16px;
    line-height: 32px;
    padding-left: 8px;
}

/************************************/
/*** VIEW
/************************************/

.pk-view
{
    position:relative;
}






/****************************************/
/*** FULL CALENDAR OVERRIDE
/****************************************/

.pk-calendar {width:100%;min-height:300px;}

/** main container **/
.fc-view-container
{
    background-color:#FFF;
    border: #b1b1b1 solid 1px;
    /*box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);*/
}

/** HEADER **/
.fc-toolbar.fc-header-toolbar
{
    margin: 0;
    /*padding: 0 16px;*/
}

/** BUTTON **/

.fc-toolbar.fc-header-toolbar .fc-right .fc-button {
    margin-left: 8px;
}

.fc-toolbar > * > :not(:first-child) {margin-left:0px;}



.fc-toolbar.fc-header-toolbar .fc-button {
    background: rgba(0,0,0,0.08);
    border: 0;
    box-shadow: none;
    height: 40px;
    margin-top: 16px;
    margin-bottom: 16px;
    float: left;
    text-shadow: none;
    padding: 0 12px;
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.fc-toolbar.fc-header-toolbar .fc-button.fc-state-active
{
    background-color: #448AFF;
    color: #fff;
    font-weight: 500;
}

/** titre **/
.fc-toolbar.fc-header-toolbar h2 {
    color: rgba(0,0,0,0.54);
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    line-height: 64px;
    margin-left: 8px;
}

.fc .fc-button.fc-prev-button::before, .fc .fc-button.fc-next-button::before, .fc-icon::before
{
    display: block;
    padding: 8px;
    line-height: 24px;
    font-size: 24px;
}

.fc .fc-button.fc-prev-button {margin-left:10px;;}
.fc-prev-button::before {
    content: 'chevron_left';
}

.fc-next-button {margin-left:4px!important;}
.fc-next-button::before {
    content: 'chevron_right';
}

.fc .fc-button.fc-prev-button, .fc .fc-button.fc-next-button, .fc-icon
{
    color: rgba(255,255,255,0.87) !important;
    font-family: "Material Icons";
    overflow: hidden;
    width: 40px;
    height: 40px;
    padding: 0;
    box-shadow: none;
    border: 0;
    border-radius: 50%;
    background: transparent;
    /*margin-top:12px;*/
}

.fc .fc-button:hover
{
    /*color: rgba(255,255,255,0.87) !important;*/
    /*background: rgba(0,0,0,0.05) !important;*/
    background-color:#75a80d!important;
    border: 0;
    box-shadow: none;
}

/*.fc .fc-button.fc-prev-button:hover, .fc .fc-button.fc-next-button:hover, .fc-icon:hover{
    color: rgba(255,255,255,0.87) !important;
    background:#5f6368;
    border: 0;
    box-shadow: none;
}*/


.fc-toolbar.fc-header-toolbar .fc-button
{
    background-color:#5f6368;
}

.fc-toolbar.fc-header-toolbar .fc-button-active {background-color:#75a80d;}

.fc-button-primary:not(:disabled):active:focus, .fc-button-primary:not(:disabled).fc-button-active:focus
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fc-license-message {display:none!important;}



/***********************************/
/*** QUILL TEXT EDITOR
/***********************************/

/** container principal **/
.pk-texteditor {height:250px;}
.pk-editor-container {width:auto;height:200px!important;position:relative;}

.ql-toolbar.ql-snow {padding-right:50px!important;}
.pk-texteditor .texteditor {height:auto;min-height:200px;}
.pk-texteditor .html-container {padding:1rem;}
.pk-texteditor .ql-html {position:absolute;top:2px;right:10px;}
.pk-texteditor .textEditor-container {height:200px;}

/** TOOLBOX **/
.ql-formats i {font-size:18px;}

.ql-custom-test {color:#FF0000;font-size:20px;text-align:center;}

/** force le bold sur le strong */
.ql-editor strong {font-weight:700;}


/***********************************/
/*** PUSHPIN CSS
/***********************************/

.pin-top
{
    position: relative;
}

.pin-bottom
{
    position: relative;
}

.pinned
{
    position: fixed !important;
}

/************************************/
/*** IFRAME
/************************************/


/************************************/
/*** PAGINATION
/************************************/

/** **/
.pk-pagination .select-wrapper {max-width:70px;min-width:70px;display:inline-block;float:right;}
.pk-pagination .select-wrapper input.select-dropdown {height:2rem;line-height:2rem;}
.pk-pagination .btn-floating {background-color:transparent;color:#000;line-height:30px;height:30px;width:30px;}
.pk-pagination .btn-floating i {color:#000;line-height:30px;}
.pk-pagination .btn-floating:hover {background-color:#EFEFEF;}
.pk-pagination .page-count {display:inline-block;margin-left:1rem;margin-right:1rem;line-height:30px;font-weight:bold;}


/************************************/
/*** PRELOADER
/************************************/

.preloader-wrapper.tiny
{
    width: 20px;
    height: 20px;
}

a .preloader-wrapper {margin-top:4px;margin-left:4px;}
a .spinner-layer {border-color: #FFFFFF;}



/************************************/
/*** FEEDBACK
/************************************/

.pk-feedback
{
    padding:1rem;
    background-color:#dcedc8 ;
    border-radius:2px;
}

.pk-feedback.error {background-color:#ffcdd2;}


/**************************************/
/*** PROFIL UPLOADER
/**************************************/

.pk-profil-photo img {width:100px;height:100px;border-radius:50%;}
.pk-profil-photo h4 {margin-top:0;}

/************************************/
/*** FORMULAIRE
/************************************/

.pk-form .input-field .help {font-size:.8rem;}


/*************************************/
/*** MENU BTN
/*************************************/

.card .card-action .pk-menu-btn .btn-flat {margin-right:0!important;margin-left:0;}
.pk-menu-btn .btn-flat
{
    padding-right:8px;
    padding-left:8px;
    margin-right:0;
    margin-bottom:0;
}

.pk-menu-btn .btn-flat:hover { background-color:rgba(0, 0, 0, 0.1)}
.pk-menu-btn .btn-flat.active {background-color:rgba(0, 0, 0, 0.2)}


/***********************************/
/*** FORMULAIRE
/***********************************/

.pk-form {padding-top:1rem;padding-bottom:1rem;}

/* TODO */
/*.pk-form span.fieldname {color:#CCCCCC;font-size:.8rem;display:none;}*/
.pk-form span.fieldname {color:#CCCCCC;font-size:.8rem;}
.show-fieldname span.fieldname {display:initial;}

.pk-form .input-field {margin-top:0;}
.pk-form .input-field p {margin:0;line-height:105%;}
.pk-form p.label {margin:0;line-height:105%;color:#9e9e9e;font-size:1rem;}
.pk-form span.mandatory::after
{
    content: " *";
}

.pk-form .hint {color:#CCCCCC;font-size:.9rem;}
.pk-form .error-hint {color:#FF0000;font-size:.9rem;}

.pk-multidata .data {display:inline-block;width:calc(100% - 40px);}

.light-form {margin:0;padding:0!important;}
.light-form .fieldname {display:none!important;}
.light-form .form-row {margin-bottom:0px!important;}
.light-form input {margin-bottom:0px;}
.light-form .input-field {margin:0!important;}
.light-form .select-wrapper input.select-dropdown {margin:0!important;height:2rem;line-height:2rem;}
.light-form p.form__message {display:none;margin:0!important;}
.light-form * {margin:0!important;}

/***********************************/
/*** IMAGE EDITOR
/***********************************/

.image-editor {}
.image-editor .image-container
{
    /**text-align:center;background-color:#000000;**/
    /**padding:2rem;**/
    min-height:500px;
}

.image-editor img {max-height:100%;}


/************************************/
/*** TOOLBAR
/************************************/

.pk-toolbar
{
    /*position: absolute;*/
    position:fixed;
    right: 100px;
    top: 100px;
    background-color: #fafafa;
    padding:.5rem;
    /*max-height: 70%;*/
    height:auto;
    min-height:400px;
    width: 100px;
    height:auto;
    border-radius: 2px;
    will-change: top, opacity;
    z-index:1001;
}

.pk-toolbar .pk-toolbar-handler
{
    height:30px;
    width:100%;
    background-color:#CCCCCC;
    margin-bottom:1rem;
}

.pk-toolbar .pk-color-btn {max-height:30px;max-width:30px;padding:2px!important;margin-bottom:10px!important;}
.pk-toolbar .btn:not(form) {width:100%;padding:0 8px;margin-bottom:5px;}
.pk-toolbar .separator {height:10px;}
.pk-toolbar form {padding-top:0;}
.pk-toolbar .pk-form-image img {height:100px;width:auto;display:block;}
.pk-toolbar .pk-image {min-width:0;min-height:0;}

.pk-toolbar .pk-form {padding:0;min-height:250px;}
.pk-toolbar .pk-form p.label {font-size:.8rem;margin-top:5px;}

.pk-toolbar span.fieldname {display:none;}
.pk-toolbar .select-wrapper input.select-dropdown {height:2rem;lineHeight:2rem;}
.pk-toolbar input[type=text]:not(.browser-default) {height:2rem;lineHeight:2rem;}



/***************************************/
/*** COLOR PICKER
/***************************************/

.pk-selectedcolor,
.pk-currentcolor {width:50%;height:36px;display:inline-block;cursor:pointer;}
.pk-selectedcolor {background-color:#FF0000;}
.pk-currentcolor {background-color:#FFFF00;}

.pk-color-btn
{
    width:40px;
    height:40px;
    padding:2px;
    background-color:#FFFFFF;
    margin-bottom:10px;
}

.pk-color-btn span {background-color:#FF0000;width:100%;height:100%;display:inline-block;}
.pk-transparent-bg
{
    background-color:none!important;
    background-image:url('/img/transparent.png');
    background-repeat:repeat;
}



/***************************************/
/*** TABLEAU INDEX
/***************************************/

.pk-table td p {margin-bottom:.5rem;margin-top:.5rem;}
.pk-table td {word-break: break-word}
.pk-mailing-cell .dates-container p {margin:0;font-size:11px;}
.pk-mailing-cell .dates-container p.error {color:#FF0000;}

/** bouton choisir **/
.pk-table .choose-td {/*float:right;*/}



/***************************************/
/*** UI DIVERS
/***************************************/

.pk-avatar
{
    display:inline-block;
    width:40px;height:40px;
    background-color:#EEEEEE;
    border-radius: 20px;
    text-align:center;
    line-height:40px;
    margin-right:1rem;
}

.pk-avatar i {line-height:40px;font-size:16px;}


.editorbar

.palette_item {width:30px;height:30px;background-color:#000000;display:inline-block;}


/** MATERIALIZE **/
.btn-flat.selected {background-color:rgba(0, 0, 0, 0.1)!important;}
table.striped > tbody > tr:nth-child(odd) {background-color:rgba(255,255,255,.75)}

/***************************************/
/*** ROW COL
/***************************************/

.col-border
{
    border-style:solid;
    border-color:#CCCCCC;
    border-width:1px;
}

.col-border:first-child
{
    border-radius:4px 0 0 4px;
}


/***************************************/
/*** TEMPLATE FREE
/***************************************/


/** h1, h2 {color:#18275f;font-weight:bold;margin-bottom:20px;} **/

/*h2:after
{
    content: ".";
    color: #e95a0a;
    font-size: 60px;
    padding-left: 5px;
    line-height:20px;
}*/


h1 {font-size:40px;text-transform: uppercase;}
h5 {margin:0;padding:0;font-size:18px;}
h3 {margin:0;padding:0;font-size:1.5rem;}
p {color:#1d1d1b;}
p a {text-decoration:underline;}

a.link:hover {text-decoration:underline;}



.free-image img {max-width:100%;}

.free-text, .ql-editor
{
    /*font-size:16px;font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;*/
    font-family:'Arial',sans-serif;
    max-height:400px;
}



/*.free-text h2, .ql-editor h2 {font-size:32px;margin: 0 0 8px;}*/
/*.free-text h3, .ql-ediror h3 {font-size:20;font-weight:bold;}*/
/** @see htdocs/css/style_ui.css **/


.free-text h3 .ql-editor h3 {font-size: 2.92rem;line-height: 110%;margin-bottom:20px;font-weight:400;}
.free-text h4 .ql-editor h4 {font-size: 2.28rem;line-height: 110%;margin-bottom:20px;}
.free-text h5 .ql-editor h5 {font-size: 18px;line-height: 135%;margin-bottom:20px;}




.free-text h5:first-child, .ql-editor h5:first-child {margin-top:0;}

/*.free-text ul, .ql-editor ul
{
    list-style-type: circle;
    margin: 0;
    padding: 0 0 0 40px;
}*/

/** liste à puce dans l'éditeur **/
/** .free-text ul > li, .ql-editor ul > li {list-style-type: circle;}**/
.ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl)
{
    padding-left:1em;
}

.free-text ul, .ql-editor ul {padding-left:0px;}
.free-text li, .ql-editor li
{
    display: list-item;
}

.error .ql-toolbar, .error .ql-container {border-color:#FF0000;}


/*****************************************/
/**** FORM
/*****************************************/

/** DATE PICKER **/
.pk-form-datetime .pk-date-item {width:140px;}
.pk-form-datetime .pk-time-item {width:120px;margin-left:1rem;}
/*.pk-form-datetime .btn-flat {height:43px;width:43px;}
.pk-form-datetime .btn-flat i {height:43px;line-height:43px;}*/


/****************************************/
/*** MODAL
/****************************************/

#pk-modal main {padding-top:0;background-color:transparent;padding-left:0px;}

/****************************************/
/*** COLLECTION
/****************************************/

.collection-item .primary__content {font-weight:bold;}
.collection-item .secondary__content {color:#666666;font-size: 12px;}

/****************************************/
/*** SELECT / DROPDOWN
/****************************************/

.mini-items .dropdown-content li {min-height:42px;}
.mini-items .dropdown-content li > a, .mini-items .dropdown-content li > span
{
    padding:10px 10px 10px 10px;
    font-size:14px;
    line-height:22px;
}