/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//+		© Copyright iDIWAY 2009
//+		Tout droits de reproduction interdits
//+		http://www.idiway.fr
//+		$Revision: 4510 $
//+		$Date: 2017-07-06 15:04:47 +0200 (jeu. 06 juil. 2017) $
//+		$HeadURL: svn://svn.id.lan/pko/sat/14/144_cst/trunk/tpl/tpl0/css/iTpl.css $
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* --- Color ---

	Couleur :
		#B90900
		#DB0B4C
		#FF3977
		#810C79
		#B67BAC

	Gris :
		#000000
		#404040
		#8E887B
		#D5D1C8
		#F6F5F3

*/

/* --- Font ---
	iDW_iFF001, Georgia, Times New Roman
*/

@font-face {
	font-family: "iDW_iFF001";
	src:url("font/iFF001/iFF001_med.woff") format("woff"),
		url("font/iFF001/iFF001_med.ttf") format("truetype"),
		url("font/iFF001/iFF001_med.otf") format("opentype");
	font-style: normal;
	font-weight: 400;
}

/*

	Taille :
		Base : 14px

		Titre : 24px - 1.7rem
		Sous-Titre : 20px - 1.4rem
		Sous-Titre 2 : 16px - 1.2rem

		Bouton : 14px - 1rem

*/

/* --- GNL --- */
*{ box-sizing: border-box; }
html{ height: 100%; font-size: 18px; }
a{ color: #810C79; transition: color 0.25s ease; }
a:hover{ color: #DB0B4C; }

.iTpl-body{ min-height: 100%; margin: 0; padding: 0; letter-spacing: 0.5px; word-spacing: 1px; line-height: 1.2rem; background: url('../img/mep/body/bg.png') center 150px no-repeat #FFF; color: #404040; font-size: 15px; font-family: iDW_iFF001, Georgia, Times New Roman; display: block; }
.iTpl-body.iTpl-body-grey{ background-color: #F9F9FF; }
.iTpl-body.iTpl-head-small{ padding-top: 150px; }
.iTpl-body.iTpl-body-glue{ padding-top: 85px; }

	/* MEP */
.iTpl-row-pag{ display: block; margin: 0 auto; padding: 0; }
.iTpl-col-pag{ max-width: 1900px; margin: 0 auto; }
.iTpl-col-pag.large{ max-width: 1900px; }
.iTpl-ctn{ padding: 15px 0; position: relative; }
.iTpl-ctn.aero{ padding: 50px 0; }

.iTpl-icon{ display: inline-block; vertical-align: bottom; width: 20px; height: 20px; }
.iTpl-btn{ display: inline-block; cursor: pointer; }
.iTpl-sys{ text-align: center; font-style: italic; line-height: 30px; color: #8E887B; }
.iTpl-hsep{ border-top: 1px solid #D5D1C8; margin: 20px 50px; }

.iTpl-flex{ display: flex; }
.iTpl-flex > *{ flex: none; }
.iTpl-flex .iTpl-flex-max{ flex: 1 1 auto; }
.iTpl-flex .iTpl-flex-left{ text-align: left; }
.iTpl-flex .iTpl-flex-center{ text-align: center; }
.iTpl-flex .iTpl-flex-right{ text-align: right; }

.iTpl-mail{ white-space: nowrap; }
.iTpl-mail span{ display: inline }
.iTpl-mail span[data-content]:after{ content: attr(data-content); }

	/* BAN */
.iTpl-banner{ background-color: rgba(255, 255, 255, 0.75); position: fixed; bottom: 0; left: 0; right: 0; z-index: 10000; padding: 15px; }

/**
 *
 * ICON
 *
 */

.svg__icon { width: 16px; height: 16px; }
.svg__icon--baseline {  height: 10px !important; vertical-align: baseline !important;; }
.svg__icon--8 { width: 8px !important; height: 8px !important; }
.svg__icon--10 { width: 10px !important; height: 10px !important; }
.svg__icon--12 { width: 12px !important; height: 12px !important; }
.svg__icon--16 { width: 16px !important; height: 16px !important; }
.svg__icon--20 { width: 20px !important; height: 20px !important; }
.svg__icon--24 { width: 24px !important; height: 24px !important; }
.svg__icon--32 { width: 32px !important; height: 32px !important; }
.svg__icon--48 { width: 48px !important; height: 48px !important; }
.svg__icon--64 { width: 64px !important; height: 64px !important; }
.svg__icon--128 { width: 128px !important; height: 128px !important; }
.svg__icon--256 { width: 256px !important; height: 256px !important; }


	/* MODAL */
.iTpl-modal{ position: fixed; z-index: 10000; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; text-align: center; white-space: nowrap; transition: opacity 0.5s ease; }
.iTpl-modal.show{ opacity: 1; }
.iTpl-modal:before{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.iTpl-modal .iTpl-modal-win{ background-color: #FFF; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); display: inline-block; vertical-align: middle; padding: 25px; white-space: normal; width: 700px; margin: 15px; max-width: calc(100% - 30px); max-height: calc(100% - 30px); overflow: auto; }
.iTpl-modal .iTpl-tit,
.iTpl-modal .iTpl-tit-sep{ margin: 0 0 25px; }
.iTpl-modal .iTpl-modal-btn{ text-align: center; }

	/* FLYER */
.iTpl-sensor{ position: relative; }
.iTpl-flyer{ padding: 5px 10px; display: none; position: absolute; color: #8E887B; background: none #FFF; border: 1px solid #D5D1C8; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); top: 100%; }
.iTpl-flyer.left{ right: 0; }
.iTpl-flyer.right{ left: 0; }
.iTpl-sensor:hover .iTpl-flyer,
.iTpl-sensor.TS-hover .iTpl-flyer{ display: block; }

	/* I OBS */
.iTpl-info{ display: inline-block; width: 18px; height: 18px; text-align: center; font-size: 0; word-spacing: 0; letter-spacing: 0; margin: 0 0 0 5px; z-index: 100; border-radius: 50%; border: 1px solid #DB0B4C; color: #DB0B4C; }
.iTpl-info:hover{ cursor: default; }
.iTpl-info > i{ line-height: 1rem; font-style: normal; margin-left: 2px; }
.iTpl-info > * { font-size: 14px; word-spacing: 1px; letter-spacing: 0.5px; }
.iTpl-info .iTpl-obs{ display: none; position: absolute; width: 300px; text-align: left; margin: 8px 0 0 -2px; padding: 5px 10px; background-color: #FFF; z-index: 500; color: #8E887B; border: 1px solid #D5D1C8; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); }
.iTpl-info:hover .iTpl-obs{ display: inline; }

/* --- HEAD --- */
.iTpl-head{ /*position: fixed; top: 0; left: 0; right: 0;*/ z-index: 5000; height: 150px; position: relative; }
.iTpl-head .iTpl-flex{ align-items: center; }
.iTpl-head .iTpl-flex > *{ padding: 15px; align-items: center; }

.iTpl-logo{ margin: 0 0 -10px; display: block; cursor: pointer; }
.iTpl-logo.small{ margin: 0; display: none; }

.iTpl-head-lnk{ cursor: pointer; }
.iTpl-head-lnk img{ margin: 0 10px; vertical-align: middle; }
.iTpl-head-lnk-arw{ position: relative; left: -5px; transition: left 0.25s ease; }
.iTpl-head-lnk:hover .iTpl-head-lnk-arw{ left: 5px; }

.iTpl-head-lnk .iTpl-tit{ color: #DB0B4C; text-align: right; display: inline-block; margin: 0 10px; vertical-align: middle; }
.iTpl-head-lnk .iTpl-tit.underline::after{ background-color: #DB0B4C; }

.iTpl-head-btn{ padding: 15px 10px; display: inline-block; vertical-align: middle; cursor: pointer; }
.iTpl-head-btn img{ display: block; }

.iTpl-head-loc{ text-transform: uppercase; font-weight: bold; font-size: 1.2rem; text-decoration: none; color: #404040; padding: 15px 5px; }
.iTpl-head-loc.sld{ color: #DB0B4C; }

.iTpl-head-usr {z-index: 1;}
.iTpl-head-usr .iTpl-flyer{ right: 0; white-space: nowrap; padding: 0; text-align: left; }

.iTpl-head-small .iTpl-head{ position: fixed; top: 0; left: 0; right: 0; background-color: #fff; height: auto; box-shadow: 0 1px 0 0 #D5D1C8; }
.iTpl-head-small .iTpl-logo{ display: none; }
.iTpl-head-small .iTpl-logo.small{ display: inline-block; vertical-align: middle; }
.iTpl-head-small .iTpl-head-btn{ padding: 0 10px; }
.iTpl-head-small .iTpl-head-usr .iTpl-flyer{ top: calc( 100% + 15px ); }
.iTpl-head-small .iTpl-head-usr .iTpl-flyer::before{ content: ''; display: block; position: absolute; top: -15px; height: 15px; left: 0; right: 0; }
.iTpl-head-small .iTpl-head-loc{ padding: 0 5px; }

.iTpl-noSearch .iTpl-head .iTpl-flex-center{ text-align: left; }
.iTpl-noSearch .iTpl-head .iTpl-flex-center > *{ display: inline-block; vertical-align: text-bottom; margin: 0 10px; }

	/* NAV */
.iTpl-menu{ position: fixed; line-height: 30px; font-size: 0; word-spacing: 0; letter-spacing: 0px; top: 0; bottom: 0; left: 0; right: 100%; z-index: 10000; opacity: 0; transition: opacity 0.5s ease, right 0s 0.5s; }
.iTpl-menu .iTpl-menu-shadow{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 500; background-color: rgba(255, 255, 255, 0.5); }
.iTpl-menu .iTpl-col-pag{ padding: 110px 0 20px; transition: padding 0s 0.5s; text-align: right; }
.iTpl-menu .iTpl-menu-content{ text-align: left; overflow: hidden; max-height: calc( 100% - 95px ); max-width: 100%; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); background-color: #fff; display: inline-block; position: relative; z-index: 10000; border: 1px solid #D5D1C8; }
.iTpl-menu .iTpl-menu-content:before,
.iTpl-menu .iTpl-menu-content:after{ content: ''; position: absolute; display: block; }
.iTpl-menu .iTpl-menu-content:after{ border-bottom: 15px solid #fff; top: -15px; right: 11px; border-left: 12px solid transparent; border-right: 12px solid transparent; }
.iTpl-menu .iTpl-menu-content:before{  top: -17px; right: 10px; border-bottom: 17px solid #D5D1C8; border-left: 13px solid transparent; border-right: 13px solid transparent; }

.iTpl-menu-show .iTpl-menu{ right: 0; opacity: 1; transition: opacity 0.5s ease; }
.iTpl-menu-show .iTpl-menu .iTpl-col-pag{ padding: 110px 20px 20px; transition: none; }
.iTpl-menu-show .iTpl-menu-content{ overflow: visible; }

.iTpl-head-small .iTpl-menu .iTpl-col-pag{ padding: 75px 0 20px; }
.iTpl-head-small.iTpl-menu-show .iTpl-menu .iTpl-col-pag{ padding: 75px 20px 20px; }

.iTpl-menu-up{ display: block; margin: -5px -5px 0 0; max-width: calc( 100% + 5px ); }
.iTpl-menu-down{ display: block; margin: 0 0 -5px -5px; max-width: calc( 100% + 5px ); }

.iTpl-menu-close{ cursor: pointer; opacity: 0.5; position: absolute; top: 0; right: 0; padding: 8px; z-index: 100; display: none; }
.iTpl-menu-close:hover{ opacity: 1; }
.iTpl-menu-close > *{ vertical-align: top; margin-right: -20px; }

.iTpl-menu .iTpl-menu-btn,
.iTpl-head-usr a{ font-weight: normal; display: block; padding: 10px 25px; cursor: pointer; position: relative; font-size: 1.2rem; text-decoration: none; color: #000; border-bottom: 1px solid #D5D1C8; }
.iTpl-menu .iTpl-menu-btn:hover .iTpl-menu-txt,
.iTpl-menu .iTpl-menu-btn.TS-hover .iTpl-menu-txt,
.iTpl-menu .iTpl-menu-btn.prt .iTpl-menu-txt,
.iTpl-menu .iTpl-menu-btn.sld .iTpl-menu-txt,
.iTpl-head-usr a:hover{ text-decoration: underline; }
.iTpl-menu .iTpl-menu-ico,
.iTpl-menu .iTpl-menu-txt{ display: inline-block; vertical-align: middle; }

.iTpl-menu .iTpl-menu-btn:last-child,
.iTpl-head-usr a:last-child{ border: none; }

.iTpl-menu-btn .iTpl-menu-ico.in,
.iTpl-menu-btn:hover .iTpl-menu-ico.out,
.iTpl-menu-btn.sld .iTpl-menu-ico.out,
.iTpl-menu-btn.TS-hover .iTpl-menu-ico.out,
.iTpl-btn > img.in,
.iTpl-btn:hover > img.out{ display: none; }

.iTpl-menu-btn:hover .iTpl-menu-ico.in,
.iTpl-menu-btn.TS-hover .iTpl-menu-ico.in,
.iTpl-menu-btn.sld .iTpl-menu-ico.in,
.iTpl-menu-btn .iTpl-menu-ico.out,
.iTpl-btn:hover > img.in,
.iTpl-btn > img.out{ display: inline-block; }

.iTpl-menu .iTpl-menu-btn.sep{ padding-bottom: 20px; border-bottom: 1px solid #D5D1C8; }
.iTpl-menu .iTpl-menu-btn.sep + .iTpl-menu-btn{ padding-top: 20px; }

/* --- MAIN --- */
.iTpl-main{ min-height: 100%; }

.iPko-adm .iTpl-main{  }
.iTpl-main .iTpl-row-pag.cream{ background-color: #F6F5F3; }
.iTpl-main .iTpl-col-pag{ padding: 20px; }
.iTpl-main .iTpl-row-pag.black,
.iTpl-main .iTpl-col-pag.black{ background-color: #404040; color: #fff; }

.iTpl-wave{ display: block; }
.iTpl-wave.cream{ fill: #F6F5F3; }
.iTpl-wave.black{ fill: #404040; }

.iPko-BOP{ width: 100%; height: 100%; display: block; }

	/* Nav */
.iTpl-back{ text-align: left; display: block; padding: 5px 0; color: #DB0B4C; text-transform: uppercase; cursor: pointer; }
.iTpl-back::before{ position: relative; content: url('../img/picto/btn/20/back.png'); height: 26px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; transition: left 0.25s ease; left: 0; }
.iTpl-back:hover::before{ left: -10px; }

.iTpl-nav{ display: block; text-align: right; }
.iTpl-nav > *{ padding: 10px 5px; opacity: 1; cursor: pointer; vertical-align: middle; }
.iTpl-nav.first .prev,
.iTpl-nav.last .next{ cursor: default; opacity: 0.5; }
.iTpl-nav.first.last{ display: none; }

	/* Titre */
.iTpl-tit-sep{ font-size: 1.7rem; font-weight: normal; display: block; position: relative; line-height: normal; text-align: left; }
.iTpl-tit-sep span{ display: inline-block; padding: 0 25px 0 0; background-color: #FFF; position: relative; z-index: 10; }
.iTpl-tit-sep:before{ content: ''; border-bottom: 2px solid #D5D1C8; display: block; position: absolute; width: 100%; bottom: 10px; }

.iTpl-row-pag.cream .iTpl-tit-sep span{ background-color: #F6F5F3; }
.iTpl-col-pag.black .iTpl-tit-sep span{ background-color: #404040; }

.iTpl-tit{ font-size: 1.4rem; font-weight: normal; line-height: normal; text-align: left; position: relative; }
.iTpl-sstit{ font-size: 1.2rem; font-weight: bold; line-height: normal; text-align: left; position: relative; }
.iTpl-sstit.purple{ font-size: 1.2rem; font-weight: bold; line-height: normal; color: #810C79; }

.iTpl-tit.underline::after,
.iTpl-sstit.underline::after{ content: ''; width: 75px; height: 4px; background-color: #fff; display: block; position: absolute; right: 0; bottom: -8px; }

.iTpl-leaf{ display: inline-block; margin: 0 0 0 10px; vertical-align: top; }
.iTpl-leaf.small{ width: 20px; }

	/* Bouton */
.iTpl-btn{ border-radius: 50px; color: #810C79; background-color: #FFF; margin: 4px 14px; position: relative; font-size: 1rem; text-align: center; text-decoration: none; padding: 5px 25px; cursor: pointer; display: inline-block; }
.iTpl-btn::before{ transition: box-shadow 0.25s ease; box-shadow: 0 0 0 0 transparent; content: ''; position: absolute; z-index: -10; top: -4px; left: -4px; right: -4px; bottom: -4px; background-image: linear-gradient(to right, #ff0c00 0%, #d40b5a 50%, #810c79 100%); border-radius: 50px; }
.iTpl-btn:not(.dis):hover::before{ box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2); }

.iTpl-btn.dark{ color: #FFF; box-shadow: none; background-color: #DB0B4C; border: 3px solid #FF3977; transition: background-color 0.25s ease, border-color 0.25s ease; }
.iTpl-btn.dark::before{ display: none; }
.iTpl-btn.dark:not(.dis):hover{ background-color: #FF3977; border-color: #DB0B4C; }

.iTpl-btn.light{ border: none; box-shadow: none; padding: 0; margin: 5px; background-color: transparent; }
.iTpl-btn.light::before{ display: none; }
.iTpl-btn.light::after{ position: relative; left: -5px; transition: left 0.25s ease; height: 22px; content: url('../img/picto/btn/20/right_ppl.png'); display: inline-block; vertical-align: middle; margin: 0 0 0 10px; }
.iTpl-btn.light:hover::after{ left: 5px; }

.iTpl-btn.dis{ color: #8E887B; }
.iTpl-btn.dis::before{ background-color: #8E887B; background-image: none; }

	/* ITM */
.iTpl-itm{ border: 2px solid transparent; transition: border-color 0.25s ease, background-color 0.25s ease; margin: 10px; max-width: calc(100% - 20px); }

	/* ART */
.iTpl-itm.art{ text-align: left; border-color: #D5D1C8; width: 430px; padding: 0; background-color: #fff; display: inline-flex; position: relative; vertical-align: top; cursor: pointer; }
.iTpl-itm.art:hover{ border-color: #404040; background-color: #404040; color: #fff; }

.iTpl-itm.art.pmo{ border-color: #DB0B4C; }
.iTpl-itm.art.pmo:hover{ background-color: #DB0B4C; }
.iTpl-itm.art.pmo:hover .px .val_new,
.iTpl-itm.art.pmo:hover .px .tax{ color: #fff; }

.iTpl-itm.art .img{ position: relative; display: inline-block; width: 200px; height: 200px; vertical-align: top; background-color: #F6F5F3; }
.iTpl-itm.art .img img{ max-width: 100%; display: block; margin: 0 auto; }

.iTpl-itm.art .ctn{ position: relative; z-index: 100; display: inline-block; width: calc( 100% - 200px ); vertical-align: top; padding: 10px; height: 200px; }

.iTpl-itm.art .ctn-part.core{ height: calc(100% - 60px); padding: 0 0 10px; }
.iTpl-itm.art .type{ margin: 0 0 5px; font-size: 0.8rem; position: relative; padding-right: 30px; }
.iTpl-itm.art .type .iTpl-leaf{ right: 0; top: 0; position: absolute; margin: 0; }
.iTpl-itm.art .dsg{ margin: 0; font-size: 1.1rem; }
.iTpl-itm.art .dsg.nom_art_small {font-size: 0.9rem;}

.iTpl-itm.art .ctn-part.more{ position: absolute; bottom: 8px; left: 10px; right: 10px; padding-right: 20px; background: transparent url('../img/picto/btn/20/right_ppl.png') no-repeat 100% calc(100% - 2px); }
.iTpl-itm.art .px .val_last{ font-size: 0.9rem; color: #810C79; display: inline-block; }
.iTpl-itm.art .px .val_last.unval{ text-decoration: line-through; }
.iTpl-itm.art .px .val_new,
.iTpl-itm.art .px .tax{ color: #DB0B4C; font-size: 1.2rem; }

	/* ACTU */
.iTpl-itm.actu{ color: #404040; margin: 15px; text-align: right; display: inline-block; vertical-align: top; white-space: normal; cursor: pointer; position: relative; background-color: #fff; width: 400px; max-width: calc(100% - 50px); border: 1px solid #fff; }
.iTpl-itm.actu:hover{ border-color: #DB0B4C; }

.iTpl-itm.actu .img{ min-height: 200px; background-color: #D5D1C8; }
.iTpl-itm.actu .img img{ display: block; margin: 0 auto; width: 100%; }

.iTpl-itm.actu header{ }
.iTpl-itm.actu .iTpl-sstit{ margin: 10px 0; text-align: right; }

.iTpl-itm.actu .txt{ padding: 0 20px; flex: 1 1 auto; }
.iTpl-itm.actu .dsc{ /*overflow: hidden;*/ margin: 0 0 65px; }
.iTpl-itm.actu footer{ font-style: italic; position: absolute; bottom: 10px; right: 0px; font-size: 12px; max-width: 75%; padding: 0 20px; }

	/* SEARCH */
.iTpl-search{ display: flex; border: 2px solid #8E887B; border-radius: 50px; background-color: #fff; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2); padding: 0; position: relative; overflow: hidden; }
.iTpl-search .iTpl-search-flt{ padding: 0 10px; }
.iTpl-search .iTpl-search-ipt{ color: #8E887B; flex: 1 1 auto; border: none; box-shadow: -6px 0 0 -5px #8E887B; padding: 5px 10px; font-size: 1rem; font-style: italic; }
.iTpl-search .iTpl-search-del{ padding: 10px; cursor: pointer; opacity: 0; }
.iTpl-search.use .iTpl-search-del{ opacity: 0.5; }

/* --- FOOT ---  */
.iTpl-foot{ background-color: #000000; color: #fff; }

.iTpl-foot .iTpl-flex{ align-items: center; padding: 10px !important; }
.iTpl-foot .iTpl-flex-left{ flex: 1 1 40%; }
.iTpl-foot .iTpl-flex-right{ flex: 1 1 40%; }
.iTpl-foot .iTpl-flex-center{ flex: 1 1 20%; }

.iTpl-foot a{ color: #fff; text-decoration: none; padding: 0 5px; }

/* --- AFF POP --- */
.iTpl-body.iPko-popup{ overflow-y: auto; width: auto; padding: 0 !important; }
.iTpl-body.iPko-popup .iTpl-head{ position: static; text-align: center; padding: 10px 25px; height: 100px; }

.iTpl-body.iPko-popup .iTpl-main .iTpl-col-pag{ padding: 25px; }
.iTpl-body.iPko-popup footer{ text-align: center; }

/* --- AFF IFRAME --- */
.iTpl-body.iPko-iframe{ overflow-y: auto; background-color: #e5e5e5; background: none; width: auto; margin: 0; }
.iTpl-body.iPko-iframe .iTpl-main{ width: auto; }




/**
 *
 * i-tbl
 *
 */

.i-tbl { position: relative; border-collapse: collapse; font-size: 12px;}
.i-tbl th{ font-size: 12px; color: #C2C2C2; font-weight: normal; padding: 10px 0; text-align: left;}
.i-tbl tr:not(:last-child) td{ border-bottom: 1px solid #DEDEDE; }
.i-tbl tr td:not(:last-child),
.i-tbl tr th:not(:last-child){ padding-right: 50px;}
.i-tbl td{ padding: 10px 0;}

.i-tbl--max {width: 100%;}

.i-tbl--v tr:not(:last-child) th{ border-bottom: 1px solid #DEDEDE; }

@media screen and (max-width: 800px) {
	.i-tbl tr td:not(:last-child),
	.i-tbl tr th:not(:last-child){ padding-right: 25px;}
}

/* --- density --- */
.i-tbl--density3 th,
.i-tbl--density3 td { padding: 1px 10px !important; }

.i-tbl--density3 th.small,
.i-tbl--density3 td.small { padding: 1px 1px !important; }

.i-tbl--density3 th.small_left,
.i-tbl--density3 td.small_left { padding-left: 1px !important; }
.i-tbl--density3 th.small_right,
.i-tbl--density3 td.small_right { padding-right: 1px !important; }



/**
 *
 * RWD
 *
 */

.r-pcHd-show,
.r-tab-show,
.r-tab-flex,
.r-pc-show,
.r-mob-show,
.r-mob-block,
.r-mob-inline-block,
.r-mob-inline,
.r-mob-list-item,
.r-mob-table,
.r-mob-table-row,
.r-mob-table-cell,
.r-mob-initial,
.r-mob-flex,
.r-mob-inherit { display: none !important; }

/* PC HD */
@media screen and (min-width: 1920px) {
	.r-pcHd-show,
	.r-pcHd-block { display: block !important; }
	.r-pcHd-inline-block { display: inline-block !important; }
	.r-pcHd-inline { display: inline !important; }
	.r-pcHd-list-item { display: list-item !important; }
	.r-pcHd-table { display: table !important; }
	.r-pcHd-table-row { display: table-row !important; }
	.r-pcHd-table-cell { display: table-cell !important; }
	.r-pcHd-initial { display: initial !important; }
	.r-pcHd-inherit { display: inherit !important; }
	.r-pcHd-flex { display: flex !important; }
	.r-pcHd-hide { display: none !important; }
}

/* PC */
@media screen and (min-width: 1025px) and (max-width: 1919px) {
	.r-pcHd-show{ display: none !important }

	.r-pc-show,
	.r-pc-block { display: block !important; }
	.r-pc-inline-block { display: inline-block !important; }
	.r-pc-inline { display: inline !important; }
	.r-pc-list-item { display: list-item !important; }
	.r-pc-table { display: table !important; }
	.r-pc-table-row { display: table-row !important; }
	.r-pc-table-cell { display: table-cell !important; }
	.r-pc-initial { display: initial !important; }
	.r-pc-inherit { display: inherit !important; }
	.r-pc-flex { display: flex !important; }
	.r-pc-hide { display: none !important; }
}

/* TAB */
@media screen and (max-width: 1024px) {
	.r-tab-show,
	.r-tab-block { display: block !important; }
	.r-tab-inline-block { display: inline-block !important; }
	.r-tab-inline { display: inline !important; }
	.r-tab-list-item { display: list-item !important; }
	.r-tab-table { display: table !important; }
	.r-tab-table-row { display: table-row !important; }
	.r-tab-table-cell { display: table-cell !important; }
	.r-tab-initial { display: initial !important; }
	.r-tab-inherit { display: inherit !important; }
	.r-tab-flex { display: flex !important; }
	.r-tab-hide { display: none !important; }

	.ntf{bottom: calc(var(--share__h) + var(--footer__h) + var(--pnlLeft__h));}
}

/* Mobile */
@media screen and (max-width: 800px) {
	.r-mob-show,
	.r-mob-block { display: block !important; }
	.r-mob-inline-block { display: inline-block !important; }
	.r-mob-inline { display: inline !important; }
	.r-mob-list-item { display: list-item !important; }
	.r-mob-table { display: table !important; }
	.r-mob-table-row { display: table-row !important; }
	.r-mob-table-cell { display: table-cell !important; }
	.r-mob-initial { display: initial !important; }
	.r-mob-inherit { display: inherit !important; }
	.r-mob-flex { display: flex !important; }
	.r-mob-hide { display: none !important; }
}