.pk-appbar
{
	position:absolute;
	min-height:56px;
	width:100%;
	background-color:var(--pk-theme-primary);
	left:0px;
}

#pk-appbartop {top:0px;}
#pk-appbartop h6 {display:inline-block;margin:0;}

#pk-appbarbottom
{
	bottom:0px;
}


/** MOT DE PASSE **/
.pk-form-password {position:relative;}
.pk-form-password .icon-container {width:44px;height:44px;position:absolute;top:0;right:0;text-align:center;}
.pk-form-password .icon-container i {line-height:44px;cursor:pointer;}
.pk-form-password input {padding-right:64px;padding-left:0px!important;}



/*.input-field .pk-form-password i {font-size:1.6rem;}*/
/*.input-field .pk-form-password .icon-container {position:absolute;right:0;top:10px;z-index:1;cursor:pointer;}*/
/*.input-field .pk-form-password input {width:92%;}$:;



.pk-textinput input {/*padding-left:10px!important*/;background-color:#eef2fd!important;}

/*.pk-floatingbutton {position:absolute;top:0px;left:0px;width:100vw;height:100vh;}*/

/** MATERIALIZE OVERRIDE **/
input, textarea {color:#000000;}

/** 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)}

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

.input-field label {color:#000;}


.error {color:#FF0000;}

.input-field__error {display:none;color:var(--pk-theme-error);line-height:90%;}
.input-field__help {display:none;}

.pk-form.error .pk-message {color:#FF0000;}
.error .input-field {color:#FF0000;}
.error .input-field__error {display:block;padding-top:4px;}


.form-groupe > .row {margin-bottom:0;}

.pk-phone .iti--allow-dropdown input,
.pk-phone .iti--allow-dropdown input[type=text],
.pk-phone .iti--allow-dropdown input[type=tel],
.pk-phone .iti--separate-dial-code input,
.pk-phone .iti--separate-dial-code input[type=text],
.pk-phone .iti--separate-dial-code input[type=tel]
{
    width:calc(100% - 52px);
}


/************************************/
/*** LIST ITEM
/************************************/

/** **/
.pk-chat-view .card-content {padding:8px;}
.pk-chat-view .card-action {padding:8px;}

/** **/
.pk-list
{
	border:1px solid #e5e5e5;
	background-color:#FFF;
	/*font-family: Roboto, sans-serif;*/
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    line-height: 1.5rem;
    margin: 0;
    /*padding: 8px 0;*/
    list-style-type: none;
    color: rgba(0,0,0,.87);
}

.pk-list-item
{
	display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    padding: 0 16px;
    overflow: hidden;
    height:48px;
    cursor:pointer;
    color:var(--pk-theme-text--primary);
}

.pk-list-item strong {font-weight:bold;}

.pk-list-item:last-child {margin-bottom:0px;}

.pk-list-item.selected {background-color:rgb(0,0,0,.05);}
.pk-list-item:hover {background-color:rgb(0,0,0,.05);}
.pk-list-item a
{
    color:var(--pk-theme-text--primary);
}

.pk-list-item__graphic
{
	color: rgba(0,0,0,.54);
	display: inline-flex;
	margin-left: 0;
    margin-right: 32px;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    fill: currentColor;
    background-color: transparent;
}

.pk-list-item__text
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pk-list-item__primary
{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-top: 0;
    line-height: normal;
    /*margin-bottom: -20px;*/
    display: block;
}

.pk-list-item__secondary
{
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    text-decoration: inherit;
    text-transform: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-top: 0;
    line-height: normal;
    display: block;
    color:var(--pk-theme-text--secondary)
}



.pk-list-item__meta
{
	color: rgba(0,0,0,.6);
	-webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0333333333em;
    text-decoration: inherit;
    text-transform: inherit;
    margin-left: auto;
    margin-right: 0;
}

.pk-list-item__meta .pk-dropdown {padding-right:8px;padding-left:8px;}


.pk-list-divider
{
	margin: 8px 0;
	height: 0;
    margin: 0;
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0,0,0,.12);
}



.pk-list-item-2lines .pk-list-item: {height:72px;}


/** **/
@media only screen and (max-width: 320px)
{
    .pk-list-item {padding:0;}
}


/**********************************/
/*** SMS
/**********************************/


.sms__container {height:410px;width:100%;overflow:scroll;}
.sms {padding:10px;background-color:#EEE;margin-bottom:5px;}
.sms__author {font-weight:bold;}
.sms__date  {font-size:.75rem;padding-top:5px;}
.sms__right {background-color:var(--pk-theme-color)!important;justify-content:flex-end;text-align:right;}
.sms__message {word-wrap:break-word;}

/**********************************/
/*** MATERIALIZE OVERRIDE
/**********************************/

.progress {background-color:var(--pk-secondary-color);}
.progress .indeterminate {background-color:var(--pk-theme-color);}
.spinner-layer {border-color:var(--pk-theme-color);}

.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {background-color:#001064;}

.toast-error {background-color:#FF0000;color:#FFFFFF;font-weight:bold;}


/**********************************/
/*** PK TABS
/**********************************/

.pk-tabs {overflow-y:hidden;position:relative;}


/**********************************/
/*** DROPDOWN / menu
/**********************************/

.pk-list-dropdown
{
    position:absolute;width:auto;padding:0;max-width:200px;min-width:0;
    -webkit-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%);
    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%);
}

.pk-list-dropdown .only-graphic .pk-list-item__graphic {margin-right:0;}


/**********************************/
/*** CHAT UI
/**********************************/

.chat-input {margin:0;position:relative;padding:0;}
.chat-input .input-field {margin-bottom:0px;}
.chat-input textarea {padding:5px;padding-right:120px;}
.chat-input__options {position:absolute;top:5px;right:5px;}

.pk-chat-conversation-item
{
    padding:5px;
    background-color:var(--pk-theme-lightgrey);
    border-bottom:1px solid var(--pk-secondary-color);
    margin-bottom:4px;
}

.pk-contersation-item__date {font-size:12px;color:var(--pk-secondary-color);}

.pk-chat-message-item
{
    height:auto;padding-top:5px;padding-bottom:5px;
    background-color:var(--pk-theme-lightgrey);
    border-bottom:1px solid var(--pk-secondary-color);
    margin-bottom:4px;
}


/**********************************/
/*** CHAT VIDEO
/**********************************/


.item-video-chat__video video {width:100%;height:auto;pointer-events: none;}
.item-video-chat__meta {position:absolute;width:100%;padding:5px;}
.item-video-chat__text {position:absolute;width;100%;padding:5px;bottom:0px;}


/**********************************/
/*** STICKY
/**********************************/

div.pk-sticky
{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    /*top: 0;*/
}

/**********************************/
/*** PRICE INPUT
/**********************************/

.pk-form-price .row {margin-bottom:0px;}
.pk-form-price .input-field {margin-bottom:0px;}

/**********************************/
/*** TIMEBAR
/**********************************/

.pk-timebar {width:100%;}
.pk-timebar__container {width:100%;height:4px;background-color:var(--pk-theme-color);position:relative;}
.pk-timebar__container .pk-timebar__primary {position:absolute;width:100%;height:100%;opacity:1;background-color:#FFFFFF;opacity:.1;z-index:0;}
.pk-timebar__container .pk-timebar__secondary {position:absolute;width:100%;height:100%;opacity:.5;background-color:#FFFFFF;z-index:1;}


/**********************************/
/*** SOUND PLAYER
/**********************************/

.pk-soundplayer .list-item img {border:none;}

/**********************************/
/*** VIDEO SECTION
/**********************************/


.video-player-container {position:relative;}
.video-player-container__footer
{
    position:absolute;
    bottom:0;
    left:0;
    z-index: 1;
    padding:20px;
}

.container-footer
{
    position:absolute;bottom:10px;left:0px;padding-left:15px;padding-right:15px;padding-bottom:10px;
    display:flex;flex-wrap: wrap;
    justify-content: space-between;
    width:100%;
    align-items: center;
}

.container-footer__left {}
.container-footer__left .pk-copyright {position:absolute;bottom:10px;}
.container-footer__right {}
.container-footer__center {}


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

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


/** IMG **/
.pk-img {width:100%;overflow:hidden;min-height:150px;max-height:300px;margin-bottom:1rem;position:relative;background-color:#EEEEEE;}
.pk-img img {width:100%;display:block;background-color:#0b126f;opacity:1;z-index:2;}
.pk-img:over img {opacity:1;}
.pk-img .title {position:absolute;padding:24px;color:#FFFFFF;left:0;bottom:0;line-height:1.2rem;}
.pk-img i {position:absolute;padding:24px;top:0;left:0;color:#FFFFFF;}

/** FORM IMAGE **/
.pk-form-image .img {height:100%;width:auto;}
.pk-form-image .pk-img {text-align:center;}

/** **/
@media only screen and (max-width: 992px)
{
    .pk-form-image .pk-img {height:64px;min-height:64px;}
}




/***********************************/
/*** COPYRIGHT
/***********************************/

.pk-copyright
{
    opacity : 0;
    transition: opacity 1s linear;
    -webkit-transition : opacity 1s linear;
}

.pk-copyright__graphic
{
    height:20px;width:20px;background-color:#e22468;line-height:20px;text-align:center;color:#FFF;display:inline-block;
    border-radius:10px;
    margin-right:5px;
    font-weight:bold;
}

.pk-copyright__text
{
    display:inline-block;
    background-color:rgba(0,0,0,.5);
    color:#FFFFFF;
    line-height:20px;
    /*opacity:0;
    transition : ;*/
}

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


.pk-form p.label {margin:0;line-height:105%;color:#777777;font-size:1rem;}

p.form__message {margin-bottom:20px!important;}

.input-field input:-moz-read-only{color:#000;border-bottom: 1px solid #d5d3d3;}
.input-field input:read-only{color:#000;border-bottom: 1px solid #d5d3d3;}


.pk-form-datetime input {margin-bottom:0px!important;}


/**********************************/
/*** FORM MINI
/**********************************/

.form-mini form .row {margin-bottom:0rem;}
.form-mini .input-field .fieldname {display:none;}
.form-mini input:not([type]),
.form-mini input[type=text]:not(.browser-default),
.form-mini input[type=password]:not(.browser-default),
.form-mini input[type=email]:not(.browser-default),
.form-mini input[type=url]:not(.browser-default),
.form-mini input[type=time]:not(.browser-default),
.form-mini input[type=date]:not(.browser-default),
.form-mini input[type=datetime]:not(.browser-default),
.form-mini input[type=datetime-local]:not(.browser-default),
.form-mini input[type=tel]:not(.browser-default),
.form-mini input[type=number]:not(.browser-default),
.form-mini input[type=search]:not(.browser-default),
.form-mini textarea.materialize-textarea
{
    height:2.3rem;
    margin-bottom:5px;
}

.form-mini .input-field__error {font-size:12px;}

/**********************************/
/*** FOOTER MODAL
/**********************************/

@media only screen and (max-width: 360px)
{
    #footer-modal .modal-content {padding:0px;}
    #footer-modal h4 {margin-bottom:5px;}
    #footer-modal .modal-footer {text-align:left;padding:0;}
}


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

.modal #modal-close-btn {position:fixed;right:0px;top:0px;height:56px;padding:0 15px;display:block;z-index:100;}
.modal #modal-close-btn i {line-height:56px;height:56px;}
.modal .modal-title {padding-right:48px;min-height:48px;}
.modal .page-container
{
    background-color:transparent;
    margin:0;padding:0;
}

/** FILE **/
.modal-content .card-panel, .popinfile-index .card-panel
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.modal-content p {margin:0;}

@media only screen and (max-width : 320px)
{
    .modal {width:100%!important;}
}


@media only screen and (max-width : 600px)
{
    .popinfile-index .card-panel {padding:5px;}
    .modal-content .card-panel {padding:5px;}

    .card .card-content {padding:15px;}
    .modal .modal-content {padding:10px;}
    .modal {width:100%;max-height:100%;top:0!important;}
    .modal.modal-fixed-footer {height:100%;}
    .modal .choose-option {padding-right:5px;padding-left:5px;font-size:9px;min-width:60px;}
}

.modal .page-container>.row .card-panel {padding:0;background-color:transparent!important;}

.large-modal {max-height:90%;width:85%;height:85%!important;}



/**********************************/
/*** COMMENTAIRE
/**********************************/


.pk-comment .pk-list-item__secondary
{
    font-size:1.1rem;color:var(--pk-theme-text--primary);
    white-space:initial;line-height:120%; /* permet le multiligne **/
}

.pk-comment
{
    margin:0;
    height:auto;
    margin-top:-1px;
    border-width:1px;border-color:#e1e2e1;border-style: solid;
    padding-top:15px;padding-bottom:10px;padding-right:15px;padding-left:15px;
}

.pk-comment .created-date {font-size:12px;line-height:36px;padding-right:32px;}

.pk-comment .chip,
.pk-comment .chip:hover,
.pk-comment .chip.selected
{
    background-color:transparent;line-height:26px;
}
.pk-comment .chip img {height:26px;width:26px;}
.pk-comment .pk-comment-text {padding-left:32px;margin-top:8px;margin-bottom:20px;color:#000000;}
.pk-comment .pk-menu-btn {padding-left:16px;}
.pk-comment .pk-menu-btn .btn, .btn-large, .btn-small, .btn-flat {padding-left:12px;padding-right:12px;}

@media only screen and (max-width : 600px)
{
     .pk-comment {padding-right:5px!important;}
}



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

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

/*************************************/
/*** BAR BUTTON
/*************************************/

.btn-bar {background-color:#EEE;padding:5px;border:1px solid #CCCCCC;display:inline-block;}



/**********************************/
/*** FONT
/**********************************/

/** CHAPEAU PAGE **/
.pk-description {font-size:20px;line-height:1.2;margin-bottom:30px;color:#071352;max-width:650px;}

/***********************************/
/*** CARD
/***********************************/

.card p {line-height:120%;}
.card.blue span.card-title {color:#FFFFFF;}
.card.blue a {color:#Ffffff;opacity:.6;line-height:100%;width:100%;position:relative;height:auto;}
.card.blue a:hover {opacity: 1;}

.card-content .logo {text-align:center;}
.card-content .logo img {width:100%;height:auto;max-width:200px;display:inline-block;}


/** **/
.pk-datachooser .search-container {padding-right:40px;}
.pk-datachooser .pk-autocomplete  {margin-bottom:0px;}

/** **/
li.context-menu a {line-height:50px;display:block;margin:auto;padding:0!important;height:50px!important;}
li.context-menu i {float:none!important;margin:0!important;}
li.context-menu {text-align:center;}

.map-view input {all: unset;}
input:not(.mapboxgl-ctrl-geocoder--input)
{
    /*background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 16px;
    margin: 0 0 8px 0!important;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;*/
}

.mapboxgl-ctrl-geocoder--input:focus
{
    box-shadow: none!important
    border:none!important;
}

input.mapboxgl-ctrl-geocoder--input
{
    font: inherit;
    width: 100%!important;
    border: 0!important;
    background-color: transparent;
    height: 50px;
    color: #404040;
    color: rgba(0, 0, 0, 0.75);
    padding: 6px 45px!important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden!important;
    box-sizing: border-box!important;
    margin: 0 0 8px 0!important;
}

input.mapboxgl-ctrl-geocoder--input:focus
{
    border:none!important;
    box-shadow:none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
}

.mapboxgl-ctrl-geocoder
{
    font-size: 18px!important;
    line-height: 24px!important;
    width: 100%!important;
    border:none!important;
}



@media screen and (min-width: 640px)
{
    .mapboxgl-ctrl-geocoder--input {
        height: 36px!important;
        padding: 6px 35px!important;
    }
}

/*******************************/
/*** TABLE
/*******************************/

table.mini td,table.mini th {padding-top:3px;padding-bottom:3px;}


/********************************/
/*** CHAT PRINCIPAL
/********************************/

#pk-global-chat {position:fixed; bottom:90px; right:10px; width:250px;padding:5px;background-color:#FFFFFF;z-index:10;}


/*****************************/
/*** MESSAGERIE
/*****************************/

.messages_list {overflow:scroll;}
.message {border:1px solid #EEEEEE;padding:10px;position:relative;overflow:scroll;max-height:400px;}
.alert .message_type {color:red;}
.message .message_from, .message .message_time {color:#666;font-size:14px;line-height:28px;}
.message .message_content {padding-left:28px;padding-right:60px;}
.message .message_icon {position:relative;top:3px;margin-right:5px;}
.message .message_content a {color:#ffab40;font-weight:bold;}

.notification-circle {width:16px;height:16px;border-radius:7px;background-color:#FF0000;position:absolute;left:25px;top:16px;text-align:center;font-size:9px;line-height:16px;color:#FFFFFF;}