/** COLOR **/
:root
{
  --c-white:#FFFFFF;
  --c-black:#000000;

  --extra-c-primary:#575b73;
  --extra-c-primary-dark:#363a55;
  --extra-c-primary-light:#b8bbcd;

  --extra-c-secondary:#c4a0e3;
  --extra-c-secondary-light:#ddd7e2;
  --extra-c-secondary-dark:#3a2f43;

  --extra-c-tertiary:#fe7026;
}



/** dark-grey => #202124 **/
/** very-light-grey => #fafafa **/

.page-footer {background-color:#202124;}


/** permet le positionnement du footer **/
body
{
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-family: 'Roboto', sans-serif;
}


main
{
    flex: 1 0 auto;
    padding-top:64px; /** hauteur du header principal **/
    background-color:#EFEFEF;
    padding-left:0px;
}

.menu-left-open main {padding-left:300px;} /** largeur du menu de gauche **/
main.popinfile-index {padding-left:0!important;padding-top:0;margin-top:0;}

@media only screen and (max-width : 992px)
{
    .menu-left-open main {padding:0;}
    main {padding-left: 0;padding-top:0;}
}


#pk-modal main {padding-top:0;}
#pk-main.popin {padding-left:0px;}


.page-title {display:none;margin:0;font-size:14px;}



footer {padding-left:300px;}
@media only screen and (max-width : 992px)
{
    footer {padding-left:0px;}
}


a {color:#202124;}
a.link {text-decoration: underline;}
/*a:hover {background-color:#EEEEEE;color:#202124;text-decoration: underline;}*/

/** container principal de contenu **/
/*.main-container
{
    padding-left:4rem;
    padding-right:4rem;
    max-width:1200px;
    margin:auto;
    width:100%;
    background-color:#fafafa;
}*/


table .bg-grey {background-color:#EEEEEE;}
table .bg-dark-grey {background-color:#DDDDDD;}

table .h1 {background-color:#DDDDDD;font-weight:bold;padding-left:10px;}
.compta td {padding-top:5px;padding-bottom:5px;}
.compta th {padding-top:5px;padding-bottom:5px;}


.page-container
{
    padding:2rem;
    background-color:#EFEFEF;
}

.page-title {display:none!important;}

@media only screen and (max-width : 600px)
{
    .page-container {/*padding:.5rem;*/padding-left:3px;padding-right:3px;}
    .card-panel {padding:15px;}
    /*.page-container .col.s12 {padding-left:0;padding-right:0;}*/
}


/*****************************/
/** HELPER
/*****************************/

.no-shadow {box-shadow:none;border:1px solid #CCCCCC;}
.no-margin {margin:0!important;}
.font-size-mini {font-size:12px!important;}

.pk-scroll-x {overflow-x: scroll;}





/*****************************/
/*** IMAGE
/*****************************/


/** centrage de l'image **/
.pk-img, .pk-img-container
{
    overflow:hidden;
    width:100%;
    background-color:#adaeb359;
    text-align:center;
    margin:auto;
    min-height:100px;
}

.img-container a:hover {border:none;}
.img-container img {width:100%;height:auto;}
.force img {width:100%;height:100%;}
.img-container.avatar
{
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:50px;
    height:50px;
}

img.img-error {opacity:0;min-height:40px;display:none;}

/****************************/
/*** SIDE NAV
/****************************/

nav
{
  background-color:#1d2d6b;
  z-index:1000;
  padding-left:2rem;
  position:fixed;
}

.sidenav.sidenav-fixed {padding-top:68px;}
.sidenav li > a {color:#5f6368;}

.menu-left-open .sidenav {}


@media only screen and (max-width : 992px)
{
    .sidenav.sidenav-fixed {}
    nav {padding-left:0;}
}

nav.second
{
    background-color:#FFFFFF;
    color:#202124;
    position:relative;
    z-index:2;
}

nav.second i.tiny {font-size: 1rem!important;margin-right:5px;opacity:.5;}

nav.second .breadcrumb:last-child {opacity:1;}
nav.second .breadcrumb {color:#202124;opacity:.5;}
nav.second .breadcrumb:before {color:rgba(0,0,0,0.5);}

nav.second ul a {color:#202124;}

nav.third
{
    background-color:#FFFFFF;
    color:#202124;
    border-bottom:1px solid #EEEEEE;
}


#mobile-options {display:none;}
#mobile-options li a {margin:0;}
/*#sidenav-mobile-options {right:0px;}*/


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


/* label color */
.input-field label {
 /*color: #000;*/
}
/* label focus color */
.input-field input[type=text]:focus + label {
 color: #000;
}
/* label underline focus color */
.input-field input[type=text]:focus
{
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* valid color */
.input-field input[type=text].valid
{
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input[type=text].invalid
{
    border-bottom: 1px solid #FF0;
    box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active
{
  color: #000;
}

.input-field .pk-form-image {padding:5px;}

.input-field .pk-multidatainput .chips {padding-right:40px;}
.input-field .pk-multidatainput .pk-menu-btn {position:absolute;top:1px;right:0;}

.error .chips {border-color:#FF0000;margin:0;}
.error .pk-image {background-color:rgba(255,0,0,0.1);}

.input-field .pk-textarea > textarea {margin-bottom:0px;}
.input-field .pk-textarea .helper {margin-top:2px;}


.input-field .textEditor-container {margin-top:10px;}
.input-field .html-container textarea {resize: vertical;padding:10px;border:1px solid #9e9e9e;}



/****************************/
/*** COMPONENT **/

.btn {background-color:#202124;}
.btn:hover {background-color:#202124;}
.btn .btn-label {display:inline-block;line-height:36px;float:right;margin-left:10px;}

.bat-yellow {background-color:#EFA300;color:#000000;}
.bat-yellow:hover {background-color:#000;color:#FFF;}
.bat-yellow .* {color:#000000;}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly])
{
    border-bottom-color:#202124;
    /*height:2.7rem;*/
}

input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=text]:not(.browser-default), input.valid[type=text]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default), input.valid[type=number]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown
{
    border-bottom-color:#666666;
}

.error input, .error textarea {border-bottom-color:#FF0000!important;color:#FF0000!important;}


.btn-extra-small
{
    height: 28px;
    line-height: 28px;
    font-size: 11px;
    padding:0 10px;
}




/** **/
.pk-link {text-transform:color:#202124;}
.pk-link:hover {uppercase;background-color:#EEEEEE;}

/** TEXT INPUT **/
.input-field > label {font-size:1.2rem;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color:#FFFFFF!important;}


/** DROP DOWN **/

.dropdown-content
{
    background-color: #fff;
    margin: 0;
    display: none;
    min-width: 100px;
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    transform-origin: 0 0;
}

.dropdown-content li > a, .dropdown-content li > span {color:#202124;}

/** COLOR PICKER **/
input[type=color] {height:3rem;}

/** RADIO **/
.error [type="radio"]:not(:checked) + span:before, [type="radio"]:not(:checked) + span:after {border-color:red;}


/** MENU BTN **/
.pk-menu-btn .separator {width:10px;display:inline-block;}



/****************************************/
/** MOTEUR DE RECHERCHE INDEX
/****************************************/

.index-vue-label {font-size:12px;padding-left:15px;}

/****************************************/
/** TABLE INDEX
/****************************************/

.pk-table th .btn-flat {padding-left:0;padding-right:0;}
.pk-table th .btn-flat i.right {margin-left:0px;}

.pk-table td, .pk-table th {padding-top:2px;padding-bottom:2px;max-width:400px;word-wrap: break-word;}

/** BADGE **/
span.pk-badge
{
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    background-color: #26a69a;
    border-radius: 2px;
    min-width: 3rem;
    padding: 0 6px;
    margin-left: 14px;
    text-align: center;
    line-height: 22px;
    height: 22px;
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

table span.pk-badge
{
    display: inline-block;
    float: none;
    margin-left: auto;
}

span.pk-badge.HIGH {background-color:#ff5252;}
span.pk-badge.MEDIUM {background-color:#ffd740;}
span.pk-badge.LOW {background-color:#64ffda;}

/** HTML dans le tableau d'index **/
.pk-show-label {margin-top:.5rem;margin-bottom:.5rem;}
.pk-show-html p {margin:0!important;}
.pk-show-html strong {font-weight:bold!important;}


/*************************************/
/*** LIST SHOW
/*************************************/

.pk-show-label {font-weight:bold;}
.pk-show-preview {width:50px;height:auto;border-radius:25px;border:2px solid white;min-height:50px;}
.pk-show-preview.rect {border-radius:0px;width:75px;height:auto;}


/*************************************/
/*** ARBORESCENCE
/*************************************/

.dd3-content button {border:none;background-color:transparent;height:20px;float:right;line-height:20px;cursor:pointer;}
.dd3-content button i {font-size:18px;}
.dd3-content .label {padding-right:150px;}
.dd3-content .menu {position:absolute;top:5px;right:5px;}

@media only screen and (min-width: 700px)
{
    .dd {float:left;width:100%;}
}

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

tr.pk-error {background-color:#f8bbd0;}
td.pk-error, td.ignore, th.ignore {background-color:#f8bbd0;}

td.pk-checkbox {width:30px;}
td.not-valid {width:30px;color:#FF0000;}


/*************************************/
/*** STATISTIQUES
/*************************************/

.card
{
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
    margin: .5rem 0 1rem 0;
    background-color: #fff;
    transition: box-shadow .25s;
    border-radius: 2px;
    min-height:30px;
}

.card .card-metrics.card-metrics-static .card-metric
{
    cursor: default;
}

.card .card-metrics .card-metric
{
    cursor: pointer;
    padding: 24px;
}

.card .card-metrics .card-metric .card-metric-value {
    font-size: 26px;
    font-weight: 300;
}

.card .card-metrics .card-metric .card-metric-change {
    font-size: 12px;
    line-height: 24px;
}








/****************************************/
/*** MENU EDITION TEMPLATE
/****************************************/

/** **/
#pk-editor-menu
{
    padding:2rem;
    background-color:#EEEEEE;
    width:100%;height:100%;
    position:fixed;
    left:0;
    z-index:2;
}



.pk-elt-menu {position:absolute;top:-30px;left:0;}


/*****************************************/
/*** SIDE NAV DE DROITE
/*****************************************/

#right-sidenav
{
  right:0px;left:auto;display:none;padding:0rem;padding-top:6rem;
}

#right-sidenav .tabs .tab a {padding-left:.5rem;padding-right:.5rem;}
#right-sidenav .tabs {border-bottom:1px #CCCCCC solid;}

/*****************************************/
/*** DRAG AND DROP BOARD
/*****************************************/

/* Board */

.board {
  position: relative;
  margin-left: 1%;
}
.board-column {
  position: absolute;
  left: 0;
  right: 0;
  width: 30%;
  margin: 0 1.5%;
  background: #f0f0f0;
  border-radius: 3px;
  z-index: 1;
}
.board-column.muuri-item-releasing {
  z-index: 2;
}
.board-column.muuri-item-dragging {
  z-index: 3;
  cursor: move;
}
.board-column-header {
  position: relative;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding: 0 20px;
  text-align: center;
  background: #333;
  color: #fff;
  border-radius: 3px 3px 0 0;
}
@media (max-width: 600px) {
  .board-column-header {
    text-indent: -1000px;
  }
}
.board-column.todo .board-column-header {
  background: #4A9FF9;
}
.board-column.working .board-column-header {
  background: #f9944a;
}
.board-column.done .board-column-header {
  background: #2ac06d;
}
.board-column-content {
  position: relative;
  border: 10px solid transparent;
  min-height: 95px;
}
.board-item {
  position: absolute;
  width: 100%;
  margin: 5px 0;
}
.board-item.muuri-item-releasing {
  z-index: 9998;
}
.board-item.muuri-item-dragging {
  z-index: 9999;
  cursor: move;
}
.board-item.muuri-item-hidden {
  z-index: 0;
}
.board-item-content {
  position: relative;
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  font-size: 17px;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.2);
  box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.2);
}

@media (max-width: 600px) {
  .board-item-content {
    text-align: center;
  }
  .board-item-content span {
    display: none;
  }
}


/****************************************/
/*** EMAIL EDITOR
/****************************************/

.mail-item-selected
{
    border-color:#FF0000
    border-width:1px;
    border-style: solid;
}


/****************************************/
/*** NEWSLETTE EDITOR
/****************************************/

.newsletter-options .free-text a {color:#121ec0;}
.newsletter-options .free-button .button-content {min-height:30px;border-radius:4px;font-size:15px;line-height:15px;padding:15px;}

.free-button .button-content {min-height:30px;border-radius:4px;font-size:15px;line-height:15px;padding:15px;}

/**
.newsletter-options .newsletter-template h2 {font-size: initial!important;}
.newsletter-options .newsletter-template h3 {all: initial!important;}
.newsletter-options .newsletter-template h4 {all: initial!important;}
.newsletter-options .newsletter-template h5 {all: initial!important;}
**/


/****************************************/
/*** COMMENTAIRES
/****************************************/

.pk-comment .created-date
{
    font-size:13px;
    color:rgba(0, 0, 0, 0.6);
    line-height:32px;
}

.pk-comment .pk-comment-text {margin-bottom:10px;}
.pk-comment p {margin:0px;line-height:150%;}

/****************************************/
/*** PREVIEW VIEW
/****************************************/

.pk-preview
{
    margin:auto;
    -webkit-transition: width .2s, height .2s; /* Safari */
    transition: width .2s,height .2s;
}

.pk-preview iframe {border:none;min-height:486px;}
.desktop-size {width:100%;height:1024px;}
.tablet-size {width:768px;height:1024px;}
.mobile-size {width:320px;height:486px;}

#pk-editor-menu span.fieldname {display:none;}
#pk-editor-menu p.label {margin-bottom:.1rem;font-weight:bold;}


/****************************************/
/*** IMAGE / MEDIA ADD
/****************************************/

.upload-zone {border-width:3px;border-style:dashed;width:100%;height:150px;}
.upload-zone p {width:100%;text-transform:uppercase;color:#9e9e9e;}
.files .card {max-width:200px;display:inline-block;margin-right:10px;}


/****************************************/
/*** SIMPLE TEMPLATE
/****************************************/

#pk-freeItemText
{
    background-color:#FF0000;
    width:100%;
    height:200px;
}

.template-container .pk-selected {border:2px dotted #FF0000;background-color:#FFFFFF;padding:10px;}

.template-container .pk-menu-btn {display:none;}
.template-container .pk-selected .pk-menu-btn
{
    display:block;background-color:#FFF;
}
.template-container .pk-selected > .pk-menu-btn {border:1px solid #ccc;margin-bottom:5px}

/** le nom des champs n'est pas affiché **/
.template-container span.fieldname {display:none;}
.template-container .input-field p.label {font-weight:bold;}


.pk-editor-bar {z-index:1000;background-color:#FFFFFF;}
.pk-freeItem {border:1px dotted #666666;}
.pk-freeItem .pk-content {padding-left:10px;padding-right:10px;}
.pk-freeItem .pk-content p {margin:0;}

.template-container .item-content.selected .card {border:2px dotted #FF0000;}

.freeItemAccordion h3 {margin-bottom:20px;}
.freeItemAccordion .accordion-item {padding:10px;border:1px solid #CCC;}


.pk-freeItem .free-separator-wrapper {background-color:transparent;width:100%;height:auto;padding-top:5px;min-height:5px;}
.pk-freeItem .free-separator-line {height:1px;width:100%;background-color:#000000;}


.pk-freeItem > .pk-btn-menu {background-color:#FFFFFF;}
.pk-freeItem .copyright-img-container img {max-width:200px;}

.pk-freeItem .pk-free
.pk-freeItem .accordion-item {padding:10px;border:1px solid #999999;margin-bottom:10px;}
.pk-freeItem .accordion-item textarea {padding:10px;}
.pk-freeItem:not(.pk-selected) .free-text.content {max-height:400px;overflow:hidden;}

.pk-freeItem:not(.pk-selected) .free-sound .pk-sound-player {display:none;}
.pk-freeItem .free-sound .pk-sound-player {display:initial;}

/** bloc de data **/
.freeItemDataContent .pk-img-container {max-width:200px;margin:0;}
.freeItemDataContent .pk-menu-btn {border:none!important;}

/** type de bloc **/
.freeitem-type{line-height:1.2rem;font-size:1rem;margin-top:0px;margin-bottom:5px;color:#999;}
.freeitem-type .material-icons {font-size:1.2rem;float:left;margin-right:5px;}



/****************************************/
/*** MENU LEFT
/****************************************/

/** position du logo **/
nav .brand-logo {left:60px;}
.menu-left-open nav .brand-logo {left:0px;}
@media only screen and (max-width: 992px)
{
    .menu-left-open nav .brand-logo,
    nav .brand-logo
    {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

/****************************************/
/*** MENU LEFT
/****************************************/

.sidenav .collapsible>.active .collapsible-header .chevron { transform: rotate(90deg);}
.sidenav .collapsible .collapsible-body li>a>i.material-icons {margin-right:12px;}
.sidenav .collapsible .collapsible-header .chevron
{
    float: right;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 12px 0 0 0;
    transition: transform .2s;
}


/* Hide scrollbar safari, chrome */
#mobile-demo::-webkit-scrollbar
{
    display: none;
}

/* Hide scrollbar for IE and Edge */
#mobile-demo { -ms-overflow-style: none;transition: translateX .5s;
    overflow-y: scroll;
    height: 100vh;
  }
#mobile-demo .collapsible-header i {margin-right:0;}
#mobile-demo .collapsible-header a {margin-right:0;}

#mobile-demo > ul {margin-top:0px;}
#mobile-demo > ul .collapsible {/*border-bottom: 1px solid rgba(100,100,100,1);*/}
#mobile-demo .pk-mobile-menu-header {height:60px;border-bottom:solid 1px rgba(0,0,0,.1);}
#mobile-demo .pk-mobile-menu-header > a {height:60px;padding-right:16px;margin-left:12px;padding-left:12px;}
#mobile-demo .pk-mobile-menu-header a > i.material-icons {margin-right:0px;line-height:60px;}
#mobile-demo .pk-mobile-menu-header .chip {height:32px;margin-top:14px;line-height:32px;}
/*#mobile-demo  li.active {background-color:rgba(0,0,0,.3);}*/
/*#mobile-demo  li.active i.material-icons {color:rgba(0,0,0,1);}*/

.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {background-color:#3f43506e;}

/** gestion Hamburger **/
nav a.sidenav-trigger {display:block;}
.menu-left-open nav a.sidenav-trigger {display:none;}

.menu-left-open #main-amburger {display:none;}

@media only screen and (min-width: 993px)
{
  .menu-left-open #main-amburger {display:none;}
  .menu-left-open nav a.sidenav-trigger {
      display: none;
  }
}

@media only screen and (max-width: 992px)
{
    nav a.sidenav-trigger {display:block;}
    .menu-left-open nav a.sidenav-trigger {display:block;}
    .menu-left-open #main-amburger {display:block;}
}


/****************************************/
/***
/****************************************/

.secondary-content.textarea,
.secondary-content.richtext,
.secondary-content.light-richtext {float:none;}

.secondary-content.textarea {word-wrap: break-word;}


/*****************************************/
/*** NOTES
/*****************************************/

/** STAR DE VOTE **/
.btn-note i {line-height:36px;}

/*****************************************/
/*** SEND TEMPLATE
/*****************************************/

p.email-error {color:#FF0000;margin:0;}


/*****************************************/
/*** EMAIL TEMPLATE
/*****************************************/

.material-icons {pointer-events: none;}
.collapsible-header .material-icons {pointer-events:auto;}
.chips .material-icons {pointer-events:auto;}

.pk-free-section
{
    min-height:50px;
    height:auto;
    background-color:#EEEEEE;
    margin-bottom:1px;
    position:relative;
}

.pk-free-section:hover {border-color:#000000;border-width:1px;border-style:solide;}
.pk-free-section > .pk-menu-btn
{
    position:absolute;bottom:5px;left:5px;background-color:#FFFFFF;
}

.pk-free-section .template-container {max-width:600px;background-color:#FFFFFF;margin:auto;height:100%;}
.pk-free-section.pk-selected {border:1px dotted #000000;}

/** l'éditeur est toujours sur fond blanc **/
.pk-free-section .ql-snow {background-color:#FFFFFF!important;}

/** IMAGE SIMPLE **/
.pk-freeItem .free-image img {width:100%;display:block;}
.pk-freeItem:not(.pk-selected) .free-image .link {display:none;}

.pk-toolbar {overflow:scroll;}


/** composant téléphone **/
.pk-phone {max-width:250px;}

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

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
    content: 'mini';
    font-size: 14px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
    content: 'Normal';
    font-size: 16px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
    content: 'Large';
    font-size: 18px !important;
}

/** LIKE MATERIALIZE FRONT **/
/*.ql-snow .ql-editor h5 {font-size: 1.64rem;margin:0;}
/*.ql-snow .ql-editor h4 {font-size: 2.28rem; margin: 1.52rem 0 0.912rem 0;}*/
/*.ql-snow .ql-editor h4 {font-size: 2.28rem;margin:0;}
.ql-snow .ql-editor h3 {font-size: 2.92rem;}
.ql-snow .ql-editor h2 {font-size: 3.56rem;}*/

/** custom button **/
/*.ql-snow .ql-html {font-family: 'Material Icons';font-size: 24px;padding:0!important;}
.ql-snow .ql-html:after
{
  content:"\e86f";
}

.ql-toolbar.ql-snow {background-color:#FFF;}*/

/** version newsletter **/
.newsletter-template .ql-editor h2,
.newsletter-template .free-text h2
{
    margin-top: 0.83em!important;
    margin-bottom: 0.83em!important;
    font-size:1.5em!important;
    font-weight:bold!important;
    font-family:sans-serif!important;
    line-height:20px!important;
}

.newsletter-template .ql-editor h2:after,
.newsletter-template .free-text h2:after
{content:none;}


.newsletter-template h3
{
    font-family:sans-serif!important;
    line-height:20px!important;
    margin-top: 1em!important;
    margin-bottom: 1em!important;
    font-size:1.17em!important;
    font-weight:bold!important;
}

.newsletter-template h4
{
    font-family:sans-serif!important;
    line-height:20px!important;
    margin-top: 1.33em!important;
    margin-bottom: 1.33em!important;
    font-size:15px!important;
    font-weight:bold!important;
}

.newsletter-template h5
{
    font-family:sans-serif!important;
    font-size: 0.83em!important;
    line-height:20px!important;
    margin-top: 1.67em!important;
    margin-bottom: 1.67!important;
    font-weight:bold!important;
}

/****************************************/
/*** HELP / AIDE
/****************************************/

.pk-help-link {border-bottom: solid 1px #999999;padding-bottom:2px;margin-bottom:4px;display:inline-block;line-height:100%;}
.pk-help-link:hover {color:#111ec0;border-bottom-color:#111ec0;}

.helper,.help {font-size:11px;margin-top:-10px;color:#9e9e9e;}

/****************************************/
/*** JOURNAL
/****************************************/

.journal-index .from-time {margin:0;font-size:12px;}
.collection .collection-item.avatar
{
    padding-left: 72px;
    position: relative;
}
.journal-index .collection .collection-item.avatar img {position:absolute;top:10px;left:10px;}
.journal-index .collection .collection-item a {color:#121ec0;}
.journal-index .collection .collection-item a:hover {border-bottom: solid 1px #121ec0;}


/****************************************/
/*** MATERIALIZE
/****************************************/

/*.card .card-content {padding:12px;}*/
.card .card-content #label {word-break:break-all;max-width:100%;}
.datepicker-modal {width:100%;}
.timepicker-modal {width:100%;}





/****************************************/
/*** POST LIVE MESSAGE
/****************************************/

.post-container {padding-left:60px;}
.post .avatar {width:50px;height:50px;margin-right:10px;}
.post .img-container {margin-bottom:10px;}
.post .pk-img-container {margin-bottom:10px;}
.post .hashtag {color:<?php echo $secondary;?>;}

/*****************************************/
/*** SETTINGS MODAL
/*** @see application/extra/_common/tpl/default/index.tpl
/***
/*****************************************/

#settings-modal .modal-content {padding-bottom:0;}
#settings-modal .row {height:300px;}
#settings-modal .col {height:100%;overflow-y:scroll;}
#settings-modal .col-left {padding-left:0;}
#settings-modal .col-right {padding-right:0;}
#settings-modal .modal-footer {border-top:solid 1px #CCCCCC;}


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

/** doit passer au dessus de tout **/
.ql-snow .ql-tooltip {z-index:1200;}


/*****************************************/
/**** VIS TIMELINE
/*****************************************/

.vis-item {border-color:#CCCCCC;}
.vis-item-content
{
  padding:10px!important;
  background-color:#FFFFFF;
}
.vis-item-content p {margin:0;}
.vis-item-content .btn-flat {padding-right:10px;padding-left:10px;}
.vis-selected {border-color:#333333!important;}
.vis-selected .pk-menu-btn {display:none!important;}

.vis-item .vis-delete-rtl:after, .vis-item .vis-delete:after
{
    color:#000000;
    line-height:26px;
}
.vis-item .vis-delete {right: -28px;}
.vis-item .vis-delete-rtl:hover, .vis-item .vis-delete:hover {background-color:#CCCCCC;color:#000000!important;}


/*********************************/
/*** RSS
/*********************************/

.feed-item {font-size:14px;line-height:130%;}
.feed-item .date {color:#CCCCCC;font-size:12px;}

/*********************************/
/*** TASK
/*********************************/

.task-item {background-color:#FFFFFF;padding:10px;margin-top:1px;margin-bottom:3px;}
.task-item-content
{
    /*display:flex;
    flex-direction: row;
    flex-wrap:nowrap;*/
}

.task-item-content .item {flex:1,content;}

.task-colomn-content
{
  min-height:400px;
}

/*********************************/
/*** APP PRELOADER
/*********************************/

.pk-app-loader {position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1005;}
.pk-loader-overlay
{
    background-color:#000000;
    opacity:.7;
    width:100%;height:100%;
}

.pk-app-loader .pk-loader-wrapper
{
    position:absolute;top: 50%; left: 50%; /* à 50%/50% du parent référent */
    transform: translate(-50%,-50%);
}
.pk-app-loader .spinner-layer {border-color:#bf5600;}

/*********************************/
/*** LIAISON ITEM
/*********************************/

.card.depense {height:120px;}


/*********************************/
/*** BIENVENU
/*********************************/

.search-result-item
{
    border-bottom : 1px solid #CCCCCC;
    display:block;
    position:relative;
}

.search-result-item::last-child {border-bottom:none;}
.search-result-item-content {min-height:44px;}

/*******************************/
/*** MATERIALIZE ADD-ON
/*******************************/

.tabs-mini .tab a {font-size:12px;padding-left:12px;padding-right:12px;}
.modal-content .pk-form {margin:0;padding-bottom:0;}
/*.modal-content .datepicker-modal {min-height:300px;}*/

/** permet d'afficher le calendrier dans une modal **/
.modal.modal-fixed-footer .datepicker-container {position:initial;}
.modal.modal-fixed-footer .timepicker-container {position:initial;}



/********************************/
/*** IMG
/********************************/

/** ITEM THUMBNAIL **/
.pk-thumbnail .card-image a {display:block;position:relative;overflow:hidden;width:100%;height:150px;background-color:#EEEEEE;line-height:150px;}
.pk-thumbnail .card-image img {}
.pk-thumbnail .pk-img-overlay {position:absolute;top:0;left:0;width:100%;height:100%;padding:10px;z-index:1;}

/** data-chooser **/
.form-image-content img {max-width:300px;display:block;}


/********************************/
/*** CHAT
/********************************/

.pk-chat .pk-chat-container
{
    position:relative;
    height:400px;
    padding-bottom:80px;
}

.pk-chat .pk-chat-messages-list
{
    height:320px;
    overflow-y:scroll;
    padding-right:2px;
    padding-left:2px;
}

.pk-chat .pk-chat-message {}
.pk-chat .pk-chat-footer
{
    position:absolute;
    width:100%;
    bottom:0px;
    left:0;
}






/** TEST VIDEO CHAT */

div#remote-media {
  height: 43%;
  width: 100%;
  background-color: #fff;
  text-align: center;
  margin: auto;
}

  div#remote-media video {
    border: 1px solid #272726;
    margin: 3em 2em;
    height: 70%;
    max-width: 27% !important;
    background-color: #272726;
    background-repeat: no-repeat;
    min-height:300px;
  }

div#controls {
  padding: 3em;
  max-width: 1200px;
  margin: 0 auto;
}

  div#controls div {
    float: left;
  }

    div#controls div#room-controls,
    div#controls div#preview {
      width: 16em;
      margin: 0 1.5em;
      text-align: center;
    }

  div#controls p.instructions {
    text-align: left;
    margin-bottom: 1em;
    font-family: Helvetica-LightOblique, Helvetica, sans-serif;
    font-style: oblique;
    font-size: 1.25em;
    color: #777776;
  }

  div#controls button {
    width: 15em;
    height: 2.5em;
    margin-top: 1.75em;
    border-radius: 1em;
    font-family: "Helvetica Light", Helvetica, sans-serif;
    font-size: .8em;
    font-weight: lighter;
    outline: 0;
  }

  div#controls div#room-controls input {
    font-family: Helvetica-LightOblique, Helvetica, sans-serif;
    font-style: oblique;
    font-size: 1em;
  }

  div#controls button:active {
    position: relative;
    top: 1px;
  }

  div#controls div#preview div#local-media {
    width: 270px;
    height: 202px;
    border: 1px solid #cececc;
    box-sizing: border-box;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjgwcHgiIGhlaWdodD0iODBweCIgdmlld0JveD0iMCAwIDgwIDgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjEgKDEyMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5GaWxsIDUxICsgRmlsbCA1MjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJjdW1tYWNrIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU5LjAwMDAwMCwgLTE3NDYuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJGaWxsLTUxLSstRmlsbC01MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU5LjAwMDAwMCwgMTc0Ni4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zOS42ODYsMC43MyBDMTcuODUsMC43MyAwLjA4NSwxOC41IDAuMDg1LDQwLjMzIEMwLjA4NSw2Mi4xNyAxNy44NSw3OS45MyAzOS42ODYsNzkuOTMgQzYxLjUyMiw3OS45MyA3OS4yODcsNjIuMTcgNzkuMjg3LDQwLjMzIEM3OS4yODcsMTguNSA2MS41MjIsMC43MyAzOS42ODYsMC43MyBMMzkuNjg2LDAuNzMgWiBNMzkuNjg2LDEuNzMgQzYxLjAwNSwxLjczIDc4LjI4NywxOS4wMiA3OC4yODcsNDAuMzMgQzc4LjI4Nyw2MS42NSA2MS4wMDUsNzguOTMgMzkuNjg2LDc4LjkzIEMxOC4zNjcsNzguOTMgMS4wODUsNjEuNjUgMS4wODUsNDAuMzMgQzEuMDg1LDE5LjAyIDE4LjM2NywxLjczIDM5LjY4NiwxLjczIEwzOS42ODYsMS43MyBaIiBpZD0iRmlsbC01MSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ3Ljk2LDUzLjMzNSBMNDcuOTYsNTIuODM1IEwyMC4wOTMsNTIuODM1IEwyMC4wOTMsMjcuODI1IEw0Ny40NiwyNy44MjUgTDQ3LjQ2LDM4LjI1NSBMNTkuMjc5LDMwLjgwNSBMNTkuMjc5LDQ5Ljg1NSBMNDcuNDYsNDIuNDA1IEw0Ny40Niw1My4zMzUgTDQ3Ljk2LDUzLjMzNSBMNDcuOTYsNTIuODM1IEw0Ny45Niw1My4zMzUgTDQ4LjQ2LDUzLjMzNSBMNDguNDYsNDQuMjE1IEw2MC4yNzksNTEuNjY1IEw2MC4yNzksMjguOTk1IEw0OC40NiwzNi40NDUgTDQ4LjQ2LDI2LjgyNSBMMTkuMDkzLDI2LjgyNSBMMTkuMDkzLDUzLjgzNSBMNDguNDYsNTMuODM1IEw0OC40Niw1My4zMzUgTDQ3Ljk2LDUzLjMzNSIgaWQ9IkZpbGwtNTIiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
  }

    div#controls div#preview div#local-media video {
      max-width: 100%;
      max-height: 100%;
      border: none;
    }

  div#controls div#preview button#button-preview {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE3cHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDE3IDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjEgKDEyMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5GaWxsIDM0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImN1bW1hY2siIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjUuMDAwMDAwLCAtMTkwOS4wMDAwMDApIiBmaWxsPSIjMEEwQjA5Ij4KICAgICAgICAgICAgPHBhdGggZD0iTTEzNi40NzEsMTkxOS44NyBMMTM2LjQ3MSwxOTE5LjYyIEwxMjUuNzY3LDE5MTkuNjIgTDEyNS43NjcsMTkxMC4wOCBMMTM2LjIyMSwxOTEwLjA4IEwxMzYuMjIxLDE5MTQuMTUgTDE0MC43ODUsMTkxMS4yNyBMMTQwLjc4NSwxOTE4LjQyIEwxMzYuMjIxLDE5MTUuNTUgTDEzNi4yMjEsMTkxOS44NyBMMTM2LjQ3MSwxOTE5Ljg3IEwxMzYuNDcxLDE5MTkuNjIgTDEzNi40NzEsMTkxOS44NyBMMTM2LjcyMSwxOTE5Ljg3IEwxMzYuNzIxLDE5MTYuNDUgTDE0MS4yODUsMTkxOS4zMyBMMTQxLjI4NSwxOTEwLjM3IEwxMzYuNzIxLDE5MTMuMjQgTDEzNi43MjEsMTkwOS41OCBMMTI1LjI2NywxOTA5LjU4IEwxMjUuMjY3LDE5MjAuMTIgTDEzNi43MjEsMTkyMC4xMiBMMTM2LjcyMSwxOTE5Ljg3IEwxMzYuNDcxLDE5MTkuODciIGlkPSJGaWxsLTM0IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)1em center no-repeat #fff;
    border: none;
    padding-left: 1.5em;
  }

  div#controls div#log {
    border: 1px solid #686865;
  }

  div#controls div#room-controls {
    display: none;
  }

    div#controls div#room-controls input {
      width: 100%;
      height: 2.5em;
      padding: .5em;
      display: block;
    }

    div#controls div#room-controls button {
      color: #fff;
      background: 0 0;
      border: 1px solid #686865;
    }

    div#controls div#room-controls button#button-leave {
      /*display: none;*/
    }

  div#controls div#log {
    width: 35%;
    height: 9.5em;
    margin-top: 2.75em;
    text-align: left;
    padding: 1.5em;
    float: right;
    overflow-y: scroll;
  }

    div#controls div#log p {
      color: #686865;
      font-family: 'Share Tech Mono', 'Courier New', Courier, fixed-width;
      font-size: 1.25em;
      line-height: 1.25em;
      margin-left: 1em;
      text-indent: -1.25em;
      width: 90%;
    }

/********************************/
/** MENU CONTEXTUEL
/********************************/

#context-menu {min-width:200px;height:auto;background-color:#FFFFFF;border:1px solid #CCCCCC;position:absolute;z-index:1000;}
#context-menu a {display:block;border-bottom:1px solid #CCCCCC;padding:5px;}
#context-menu a:hover {background-color:#CCCCCC;}
#context-menu a:last-child {border:none;}

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

#colorpickermodal {min-height:250px;}

/*******************************/
/*** CHAT CLIENT
/*******************************/


/********************************/
/*** DEFAULT LIST
/********************************/

.list-container {}
.list-container .list-item {min-height:32px;position:relative;background-color:#EEEEEE;border-bottom:1px solid #CCC;margin-top:5px;}
.list-container .list-item .pk-menu-btn {position:absolute;top:4px;right:4px;}
.list-container .list-item .label {padding-right:100px;line-height:32px;padding-left:5px;}
.list-container .list-item.selected {background-color:#FF0000;}


/********************************/
/*** AGENDA / CALENDRIER
/********************************/

/** les options de design se trouve danc common/css/pk_styles.css **/
@media only screen and (max-width: 600px)
{
    .fc-header-toolbar .fc-right {display:none;} /** on supprime les options de navigation **/
}


.login .main-container
{
    max-width:50%;
}