/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//+		© Copyright iDIWAY 2014
//+		Tout droits de reproduction interdits
//+		http://www.idiway.fr
//+		$Revision: 4387 $
//+		$Date: 2017-05-03 17:29:58 +0200 (mer. 03 mai 2017) $
//+		$HeadURL: svn://svn.id.lan/pko/sat/14/144_cst/bch/eval1/tpl/tpl0/css/mod/mod12a/login_gift.css $
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.lbl {width: 100% !important;}
.txt {margin: 25px 0; line-height: 18px; font-size: 14px; color: #403840;}

.prg-extended-ctr span {padding: 10px; height: 39px; display: block;}

.iTpl-row-pag.slt_max .not_max {display: none !important;}
.iTpl-row-pag.slt_max .bt_prev {margin-left: auto !important; margin-right: auto !important; justify-content: center !important;}
.iTpl-row-pag:not(.slt_max) .slt_max {display: none !important;}


.frm option:disabled { background-color: #aaa; color: #d7d7d7;}




/* info usr sup */

.ico_bt{ width: 20px; height: 20px; line-height: 18px; color: white; font-weight: bold; font-size: 15px; text-align: center; cursor: pointer; font-family: verdana, arial, sans-serif; display: inline-block; margin: 5px 0 0; }
.ico_bt:after{ display: block; height: 100%; border-radius: 5px; width: 100%; }
.ico_bt.add{ font-size: 18px; position: relative; z-index: 0; display: inline-block; }
.ico_bt.add:after{ background-color: #329932; content: '+'; }
.ico_bt.del:after{ background-color: #c00; content: '✗'; }

.add_part .row{ transition: color 0.1s ease-in; cursor:pointer; border-radius: 0 10px 0 0; position: relative; z-index: 0; }
.add_part .row:before{ content: ''; position: absolute; bottom: 0; top: 100%; left: -5px; right: 0; background-color: #a51b35; display: block; z-index: -1; transition: top 0.1s ease-in; border-radius: 5px; }
.add_part .row:hover { color: #fff; }
.add_part .row:hover:before { top: 0; }
.row_pattern{ display: none; }

.row_part > .ctn,
.row_start > .ctn,
.add_part .row > .ctn{ width: 5% !important; }
.row_part > .ctn:last-child,
.row_start > .ctn:last-child,
.add_part .row > .ctn:last-child{ width: 95% !important; }



/* info gift */
.frm > .grp.gift_chk {margin-bottom: 0;}
.frm > .grp.gift_chk .ctn_img {height: 28px;}
#ctn_gift {margin-top: 0; box-shadow: -3px 0 0 0 #fff, -6px 0 0 0 #ce537a;}

.frm .set.gift{ /*border-color: #a51b35; color: #a51b35;*/ position: relative; }
.frm .set.gift > .mix{/* border-color: #a51b35; */}
.frm .set.gift > .mix.max{ color: #a51b35;  font-weight: bold; }
.frm .set.gift > .lbl{ /*border-color: #a51b35; */}
.frm .set.gift > .ctn_img{ /*background-color: #a51b35;*/ color: #fff; position: absolute; right: 100%; top: 0; bottom: 0; display: block; }
.frm .set.gift > .ctn_img img{ vertical-align: sub; }
.frm .set.gift a{ color: #000; font-weight: normal; }

.frm .set.gift > .ctn_img img.selected,
.frm .set.gift.selected > .ctn_img img.unselect{ display: none }
.frm .set.gift.selected > .ctn_img img.selected,
.frm .set.gift > .ctn_img img.unselect{ display: inline }

.frm .set.gift.selected > .mix,
.frm .set.gift.selected > .lbl{ background-color: #a51b35; color: #fff; }
.frm .set.gift.selected a{ color: #fff; }

#ctn_gift > .frm{ box-shadow: -3px 0 0 0 #fff, -6px 0 0 0 #ce537a; }
#nb_part_gift{ width: 100px !important; }

.frm .opt_gift .msg_head{ font-size: 12px; box-sizing: border-box; padding: 0; }
.frm .opt_gift .msg_head:before{ font-size: 12px; }
.frm .opt_gift .msg_head .set > .mix{ color: #fff; }

.frm .grp.dsend_gift .mix{ display: inline-block; box-sizing: border-box; }
.frm .grp.dsend_gift .mix > div > *{ vertical-align: middle; }
.frm .grp.dsend_gift input.if_ide{ padding: 0 4px 0 0 !important; border: none !important; box-shadow: none !important; height: 18px !important; text-align: right; }
.frm .grp.dsend_gift .da_hover{ background-color: #a51b35; color: #fff; }

@media screen and (max-width: 800px){
	.iPko-RWD .tbl_usr_sup { min-width: auto; }
	.iPko-RWD ul{ padding: 0 0 0 20px; margin: 0; }
	.iPko-RWD .ctn_art > *{ width: auto; display: block; }
	.iPko-RWD .frm .set.gift{ white-space: normal; }
	.iPko-RWD .frm .set.gift .ctn_img{ position: static; display: table-cell; }
	.iPko-RWD .ctn_frm > .frm{ width: 100% !important; }
	.iPko-RWD #ctn_gift > .frm { box-shadow: 3px 0 0 0 #ce537a inset; }
}