/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* classes préféfinies de kwo */

HTML { height:100%; }

SUP { vertical-align:text-top; }
SUB { vertical-align:text-bottom; }

TABLE.fixed { table-layout:fixed; width:100%; }
TABLE.auto { table-layout:auto; width:100%; }

TD { vertical-align:top; }
TH { text-align:left; font-weight:normal; }

LABEL::first-letter,
TH::first-letter,
H1::first-letter,
H2::first-letter { text-transform:uppercase; }

LABEL.for { cursor:pointer; }
IMG.icon { vertical-align:middle; }

.clear { clear:both; display:block; font-size:0;
         height:0; line-height:0; width:100%; margin:0;
         min-height:0; padding:0; }
.hidden { display:none; }
.sub { vertical-align:sub; font-size:smaller; }
.sup { vertical-align:super; font-size:smaller; }
.wide { width:100%; }

.inline-block { display:-moz-inline-stack; display:inline-block;
                vertical-align: top; zoom: 1; *display: inline; }

SELECT, 
TEXTAREA,
.text { box-sizing:border-box; -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box; -ms-box-sizing:border-box; }

.dialog-overlay {background-color:black; opacity: 0.5!important; z-index:100; }
.dialog-shadow { z-index:102; }
.dialog-support { background-color:#ffffff; border:1px solid #e6e6e6; cursor:default;}
.dialog-close {position: absolute; top: 5px; right: 15px; cursor:pointer; z-index: 9; text-decoration: none !important; }
.dialog-close::before {content: "\f00d"; font-family: "Font Awesome 6 Pro"; font-size: 24px; font-weight: bold; color: #004C79; }
.dialog-support .buttons {text-align:right;}
.dialog-support img[onclick] {-moz-opacity:1;}

.dialog-shadow ul.hbox, .dialog-shadow div.frame {margin:12px 12px 12px 0; text-align:left;}
.dialog-shadow div.elt {margin-bottom:12px;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.bold {font-weight:bold;}

table.grid {width:100%!important; font-size:11px; margin-bottom:22px; border-collapse:collapse; font-variant:small-caps;}
table.grid tr {text-align:left; border-collapse:collapse;}
table.grid th,
table.grid td {padding:8px 4px 6px 4px; margin:20px 0; border:1px solid #d5d5d5; vertical-align:middle;}
table.grid th {background-color:#ffffff; color:#999999; font-weight:bold;}
table.grid tr {background-color:#efefef; color:#313131; border-top:1px solid #e3e4e4;}
table.columns td {padding-right:16px;}

/* ---- Hammel ---- */
.dialog-support .heading {position:relative; padding: 1rem 3rem 1rem 1rem; background: #F6F9FC; color: #000000; }
.dialog-support .heading h2 {text-transform: uppercase; margin: 0; }
.dialog-support .modal-content {text-align:left; padding:0 1rem; margin:0; height: calc(100% - 50px); overflow:auto; border: none; align-items: center;}
.dialog-support .modal-content img { max-width: 100%; }
/*.dialog-auth .modal-content { height: 431px !important; }*/
@media (max-width: 768px) {
  .dialog-support .modal-content {
    max-height: calc(100vh - 50px);
  }
}
.dialog-support .modal-content h2 { font-weight: bold; border: none; }
.dialog-support .modal-content h2::before { content: none; }
.dialog-support .modal-content.flippingbook {padding: 0; overflow: hidden; height: calc(100% - 36px) !important;}
.dialog-support .modal-content.flippingbook iframe {overflow:hidden;}

.dialog-shadow.dialog-shadow-fullscreen { height: 100vh !important; top: 0 !important; bottom: auto !important; }
.dialog-support.fullscreen {height: 100% !important;}
@media (max-width: 768px) {
  .dialog-shadow.dialog-shadow-fullscreen-mobile { height: 100vh !important; top: 0 !important; bottom: auto !important; }
  .dialog-support.fullscreen-mobile {height: 100% !important;}
}

@media (min-width: 768px) {
  .dialog-alert .modal-content{
    padding: 0 90px;
  }
}

.dialog-overlay.dialog-overlay-hidden, .dialog-shadow.dialog-shadow-hidden { display: none; }

/* Kiamo Chat */
[id$="kiamo-chat"]{
  position: fixed;
  z-index: 2;
  right: 1rem !important;
  bottom: 1rem !important;
  width: 315px !important;
  height: 300px;
  color: white;
  background: #0D3887 !important;
  font-size: 12px;
  text-align: center;
  box-shadow: 3px 3px 6px #00000029;
  border-radius: 15px;
}
body #fake-kiamo-chat{ height: 220px; }
@media (max-width: 640px) {
  [id$="kiamo-chat"]{
    right: 0 !important;
    bottom: 0 !important;
  }
  body #fake-kiamo-chat,
  body #kiamo-chat.kc-conversation{
    width: 100vw !important;
    /*height: 100%;*/
  }
}
[id$="kiamo-chat"] .kc-icon.kc-close{ cursor: pointer; }
[id$="kiamo-chat"] [id$="kc-header"]{
  height: 20px;
  padding: 5px;
  border: none !important;
  background: none !important;
  box-sizing: content-box;
}
#kiamo-chat #kc-header #kc-logo{ float: left; width: 120px !important; height: 16px; background-image: url('/app/hammel/pix/kc-logo.png') !important; background-position: 0 !important; background-repeat: no-repeat !important; }
[id$="kiamo-chat"] [id$="kc-header"] [id$="kc-topbar-actions"] { float: right; }
[id$="kiamo-chat"] [id$="kc-header"] [id$="kc-topbar-actions"] .kc-icon{ width: 16px !important; height: 16px !important; background-repeat: no-repeat !important; background-position: 0 !important; margin: 0 0.5em !important; }
[id$="kiamo-chat"] [id$="kc-header"] [id$="kc-topbar-actions"] .kc-icon.kc-lower{ display: none !important; }
[id$="kiamo-chat"] [id$="kc-header"] [id$="kc-topbar-actions"] .kc-icon.kc-upper{ display: none !important; }
[id$="kiamo-chat"] [id$="kc-header"] [id$="kc-topbar-actions"] .kc-icon.kc-print{ background-image: url('/app/hammel/pix/kc-print.png') !important; }
[id$="kiamo-chat"] [id$="kc-header"] [id$="kc-topbar-actions"] .kc-icon.kc-mail{ background-image: url('/app/hammel/pix/kc-mail.png') !important; }
[id$="kiamo-chat"] [id$="kc-header"] [id$="kc-topbar-actions"] .kc-icon.kc-toggler{ display: none !important; }
[id$="kiamo-chat"] [id$="kc-header"] [id$="kc-topbar-actions"] .kc-icon.kc-close,
[id$="kiamo-chat"] [id$="kc-header"] [id$="kc-topbar-actions"] .kc-icon.fake-kc-close{ cursor: pointer; background: white !important; border-radius: 5px; color: #707070; padding: 0 0.5rem; width: auto !important; height: auto !important; display: inline !important; }
[id$="kiamo-chat"] [id$="kc-header"] [id$="kc-topbar-actions"] .kc-icon.kc-close,
[id$="kiamo-chat"] [id$="kc-header"] [id$="kc-topbar-actions"] .kc-icon.fake-kc-close::before{ content: '×'; }
[id$="kiamo-chat"] [id$="kc-body"] h3 { color: white; margin-top: 0; }
[id$="kiamo-chat"] [id$="kc-body"] .btn-light { color: white; background: #6b7d9f; border-radius: 20px; font-size: 0.8rem; padding: .25rem .75rem; }
[id$="kiamo-chat"] [id$="kc-body"] [id$="kc-message-list"] { }
[id$="kiamo-chat"] [id$="kc-body"] [id$="kc-message-list"] .kc-message { background: #ecf0f1; border-radius: 5px; color: #646567; padding: 5px; margin: 5px; }
[id$="kiamo-chat"] [id$="kc-body"] [id$="kc-message-list"] .kc-choice { padding: 0 10px 10px 10px; }

/* Kiamo callback */
body #fake-kiamo-chat.kc-callback{ height: 320px; }
body #fake-kiamo-chat.kc-callback h3{  }
body #fake-kiamo-chat.kc-callback #fake-kc-header #fake-kc-logo{  }
body #fake-kiamo-chat.kc-callback form { margin-top: }
body #fake-kiamo-chat.kc-callback form label{ display: inline-block; text-align: left; width: 85px; }
body #fake-kiamo-chat.kc-callback form input{ max-width: 160px; }
body #fake-kiamo-chat.kc-callback form input:focus{ background-color: white; color: black; }