@charset "UTF-8";
body 																							{ color:#777 !important;}
.dark-spinner																					{ display: none; background-color: none !important;    height: 2000px;    opacity: 0.8;    position: fixed;    width: 100%;    z-index: 1000;}
.both 																							{ clear: both; height:0;}
.nopadding 																						{ padding: 0 !important;   margin: 0 !important;}
.nopadding-right																				{ padding-right:0 !important;}
.noborder																						{ border: 0px solid #ddd !important;}
ul 																								{ list-style-type: none;}
.page-header 																					{ margin-top:0 !important;}	

.alert																							{ font-size: 12px;}
.alert-danger																					{ background-color:#fbe1e3; border-color:#fbe1e3; color:#e73d4a; }
.customContainer 																				{ background-color: #FFF; border-left: 1px solid #bbb; border-right: 1px solid #bbb; min-height: 638px; padding-bottom: 30px; padding-top: 2px;}
.light																							{ font-weight: 500 !important;}
.txtItalic																						{ font-style:italic;}

.text-danger 																					{ color:#E7505A !important}
.text-left																						{ text-align:left !important;}
.text-right																						{ text-align:right !important;}
.logo .subtitle { font-family: 'Raleway', sans-serif;  font-size: 0.8rem; position: relative; top: -7px; left: 3px; }
.logo {text-decoration: none !important;}
.form-control																					{ font-size: 0.9em !important;}
a:hover 																						{ text-decoration: none;}
.swal2-title 																					{ font-size: 1.2em !important; }
b 																								{ font-weight: bold !important;}
.middle																							{ vertical-align: middle !important;}
/* CENTER COLS VERTICAL AND HORIZONTAL */
.flex																							{ display:flex;}
.margin-auto																					{ margin: auto !important;}
.vertical-align-center 																			{ vertical-align: middle !important; }

/* MAKE COLS SAME HEIGHT */
.column-layout 				 {  display: flex;  flex-wrap: wrap;}
.column-layout > div		 {  display: flex;}



/* ALERTIFY */
.ajs-header 																					{ background-color: #0f4c7e !important; color:#fff; font-weight: 700!important; font-size:18px !important;}
.ajs-content																					{ color: #0f4c7e !important;}

/* CENTER ELEMENTS VERTICAL IN A CO */
 .space-between																					{ display: flex; flex-direction: column; justify-content: space-between; }

.margin-top-2																					{ margin-top: 2px !important;}
.margin-top-5																					{ margin-top: 5px !important;}
.margin-top-10																					{ margin-top: 10px !important;}
.margin-top-20																					{ margin-top: 20px !important;}
.margin-bottom-10																				{ margin-bottom: 10px !important;}
.margin-bottom-20																				{ margin-bottom: 20px !important;}
.margin-left-0																					{ margin-left: 0!important;}
.margin-left-20																					{ margin-left: 20px !important;}
.margin-left-30																					{ margin-left: 30px !important;}
.margin-right-0																					{ margin-right: 0px !important;}
.margin-right-20																				{ margin-right: 20px !important;}
.margin-right-30																				{ margin-right: 30px !important;}

.nomargin																						{ margin: 0!important;}
.nomargin-left																					{ margin-left: 0!important;}
.nomargin-right																					{ margin-right: 0!important;}
.nopadding-left																					{ padding-left: 0!important;}
.nopadding-right																				{ padding-right: 0!important;}
.padding-10																						{ padding:10px!important;}
.padding-left-10																				{ padding-left:10px!important;}
.padding-left-20																				{ padding-left: 20px !important;}
.padding-left-30																				{ padding-left: 30px !important;}
.padding-right-10																				{ padding-right:10px!important;}
.padding-right-20																				{ padding-right: 20px !important;}
.padding-right-30																				{ padding-right: 30px !important;}
.padding-bottom-20																				{ padding-bottom: 30px !important;}
.padding-top-20																				{ padding-bottom: 30px !important;}

.border-4																						{ border : 4px solid ;}

.btn																							{ font-size: 14px !important; -webkit-transition: all ease-in-out 0.1s; /* Safari */    transition: all ease-in-out 0.1s;}
.btn:hover																						{ -webkit-transition: all ease-in-out 0.2s; /* Safari */    transition: all ease-in-out 0.2s;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn											{ cursor : default;}
.fa-star, .fa-star-half-o																						{ color:#ffbe00; }
.fa-star-o																						{ color:gold; }

.pager																							{ margin: 0px auto; width:350px;}
#earnings-detail .pager                             											{margin:0 auto 10px auto !important; width: 265px;}
#pubVertical																					{ width: 120px; height: 600px; background-repeat: no-repeat; border: 1px solid #ddd; padding:0; margin: auto;     margin-bottom: 20px;}
#pubHorizontal 																					{ height: 90px; background-repeat: no-repeat; margin:auto;}

.horizontalPubFrame																				{ width : 730px !important}

/*input																							{ color: #404040; padding-top:2px; padding-bottom:2px;}*/

#IndexPublic .thumbnail 																		{ width : 85%; height : auto; border: 5px solid #fff; -moz-box-shadow: 0px 0px 0px 1px #ddd; 
	-webkit-box-shadow: 0px 0px 0px 1px #ddd; -o-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd;   filter:progid:DXImageTransform.Microsoft.Shadow(color=#ddd, Direction=NaN, Strength=0);} 

li:hover .thumbnail																				{ opacity: 1;}


.page-content-inner																				{ margin-bottom:40px;}
#foreign .page-content-inner																	{ margin-bottom:0px;}

.leftContent 																					{ padding-right:0;}
.page-content																					{ padding:0;}

.pager .pageNumbers a.active																	{ color: #337ab7 !important; font-weight: bold; }


.close-white 																					{ background-image: url(../img/remove-icon-small-white.png)!important;}
a:hover																							{ cursor:pointer; }
.badge-default																					{ background-color: red;}
.titleSmall .caption 																			{ font-size:1.1em !important; padding: 7px 0 !important;}
.titleSmall .caption i						 													{ margin-top: 3px !important; }

.dropdown-menu>li>a																				{ font-weight:400 !important; font-size: 14px !important;}
.dropdown-user #RAPI_initiales																	{ width: 30px; height: 30px; border-radius: 15px !important; text-align: center; background: white;  color: #0f4c7e; display: inline-block; padding-top: 5px;}
.table td, .table th 																			{ font-size: 13px;}

.page-prefooter	 																				{ background: #135185;}
.page-prefooter	h2 																				{ color:#fff !important; font-size: 13px !important; text-transform: uppercase; font-weight: bold;}
.page-prefooter	p 																				{ font-size:13px; padding-top: 2px; margin: 0; }
.page-prefooter a 																				{ color:#fff;}
.page-prefooter .btn																			{ min-width: 100px; text-transform:lowercase !important ;}
.page-prefooter img																				{ width:100%;}


.modal-title																					{ font-size:18px; font-weight: bold !important;}
.portlet>.portlet-title>.caption 																{ font-weight: bold;}
.portlet>.portlet-title>.caption>i																{ font-size:18px;}
.portlet.box 																					{ border-top: 1 !important;}
.portlet-title.titleSmall																		{ min-height:30px !important;}

.listLarge .col-xs-7																			{ padding: 10px; padding-left: 0; }


.row.pageTitle 																					{padding:0 40px; margin-bottom:40px; margin-top: 20px; font-size: 1.1em; padding-left:20px;}
/* CUSTOM COLOR BLUE*/
.blue 																							{ background-color:#0f4c7e !important;}
.font_blue																						{ color:#0f4c7e !important;}
.font_blueLight																					{ color: #337ab7;}
.font_grey																						{ color: #333 !important;}
.font_greyLight																					{ color: #777 !important;}
.font-black                                             {color: #000000 !important;}
.portlet.blue, .portlet.box.blue>.portlet-title, .portlet>.portlet-body.blue					{ background-color:#0f4c7e !important; border-color:#0f4c7e !important; border-bottom: 1px solid #ddd;}
.portlet.box.blue 																				{ border: 1px solid #ddd;}
/* END CUSTOM COLOR BLUE*/

/* CUSTOM COLOR GREY*/
.grey-steel 																					{ background-color:#f6f6f6 !important;}
.portlet.box.grey-steel>.portlet-title, .portlet.grey-steel, .portlet>.portlet-body.grey-steel	{ background-color:#f6f6f6 !important; border-color:#ddd !important; border-bottom: 1px solid #ddd;}
.portlet.box.grey-steel 																		{ border: 1px solid #ddd;}
/* END CUSTOM COLOR GREY*/


.table-hover>tbody>tr:hover,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active 																		{background: #eef4f7; }

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th 														{ border-bottom: 0;}

/* CUSTOM HEADER*/
.loginBtn { border:2px solid white !important; border-radius:20px !important;}
.page-header 																					{ background-color:#0f4c7e;}
.navbar { padding: 0.2rem 1rem !important;}
.navbar.page-header 																			{ background-color:#0f4c7e !important; color:white !important;}
#list_jackpot h5 { font-size: 13px;}

.page-header li.dropdown-separator {
    padding-left: 0;
    padding-right: 6px;
}
.page-header li.dropdown-separator .separator {
    border-left: 1px solid #E3E8EC;
}
.headerButton, .dropdown-jackpot, .dropdown-user { padding-top: 16px;}
.page-header li.dropdown-separator .separator {
    float: left;
    display: inline-block;
    width: 1px;
    height: 18px;
    margin-left: 5px;
    margin-top: 17px;
}


.page-header .page-header-menu .hor-menu ul { padding-top: 8px; }
.page-header .page-header-menu .hor-menu li.active>a, 
.page-header .page-header-menu .hor-menu li.active>a:hover, 
.page-header .page-header-menu .hor-menu li.current>a, 
.page-header .page-header-menu .hor-menu li.current>a:hover
 {
    background-color: #eff7ff !important;
    color: #005580 !important;
    border-bottom: 0px !important;
    padding-bottom: 11px !important;
}
.page-header .navbar-nav > li.dropdown > .dropdown-toggle > i, 
.page-header .navbar-nav > li.dropdown > .dropdown-toggle:active > i, 
.page-header  .navbar-nav > li.dropdown > .dropdown-toggle:focus > i, 
.page-header  .navbar-nav > li.dropdown>.dropdown-toggle:hover > i {
    color: #fff;
    font-size: 22px;
}
.page-header label 																			    { font-size: 0.7rem; color: #fff; margin-bottom:0;}
.page-header input 																				{ height: 32px !important; font-size: 0.9em !important;}
.page-header .navbar-toggler 																			{ border:0;}
.page-header .navbar a.dropdown-toggle															{ font-size: 0.8rem;}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:active>i,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:focus>i,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover>i		{ color:#fff; font-size: 22px;}
.page-header .username 																			{ color:#fff !important;}
.page-header .page-header-top 																	{ height: 70px;}
.page-header .page-header-top .page-logo .logo-default 											{ margin:0;}
.page-header .page-header-menu 																	{ min-height: 40px; background-color: #dbeaf9; border-bottom: 1px solid #9bb7ce; height: 10%;}
.page-header .page-header-top .page-logo 														{ line-height: 16px; padding-top: 25px;}
.page-header .page-header-top .page-logo .subtitle 												{ font-size: 0.9rem;}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown.open>.dropdown-toggle>.username,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user.open>.dropdown-toggle>i,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user:hover>.dropdown-toggle>.username,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user:hover>.dropdown-toggle>i	{ color: #fff;}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject 	{ margin-left: 5px;}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .message 	{ margin-left: 5px;}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a 		{ display: inline-block; width:100%;}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a			{ color: #BCC2CB;}

.page-header .dropdown-jackpot																							{ font-weight:bold;}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:active,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:focus,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown:active .dropdown-toggle,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown:focus .dropdown-toggle 									{background-color: #135f9e; border-radius:4px; height: 50px;}
#loginSubmit .dropdown:hover { background: none;}
 
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle 										{ padding: 16px 16px; }

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle 									{ padding: 12px 12px; }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge 								{ right: 32px; top: 6px;}

.page-header .badge																										{ background-color: #f36a5a;     margin-left: 5px;}

.page-header .page-header-menu .hor-menu li .dropdown-menu li>a .badge										{ margin-right: 5px !important; }
.page-header .page-header-menu .hor-menu li.classic-menu-dropdown .dropdown-menu.surveys 					{ min-width: 270px !important; max-width: 300px !important;}
.page-header .page-header-menu .hor-menu li>a 																{ font-size: 14px !important; font-weight: 400 !important; padding: 9px 10px 11px 10px !important; color:#0088cc !important; text-decoration: none !important;}
.page-header .page-header-menu .hor-menu li>a>i 															{ color:#0f4c7e !important;}
.page-header .page-header-menu .container																				{ padding:0 !important;}

.page-header .page-header-menu .hor-menu li.open>a,
.page-header .page-header-menu .hor-menu li:hover>a,
.page-header .page-header-menu .hor-menu li>a:active,
.page-header .page-header-menu .hor-menu li>a:focus,
.page-header .page-header-menu .hor-menu li>a:hover															{ background-color: #eff7ff !important; color: #005580 !important;}
.page-header .page-header-menu .hor-menu li .dropdown-menu													{ background-color: #fff !important; border: 1px solid #eee; box-shadow: 5px 5px rgba(102,102,102,.1) !important; border-radius:4px !important;}
.page-header .page-header-menu .hor-menu li .dropdown-menu li>a												{ color:#6e6e6e;}
.page-header .page-header-menu .hor-menu li .dropdown-menu li:hover>a										{ background-color: #e1e5ec !important; color: #262626 !important;}


.page-header .headerButton																								{ margin: 0;    padding: 0 0 0 16px;    height: 60px;    display: block;    width: 73px;}
.page-header .headerButton	i																							{ color: #fff; font-size: 22px;     padding-top: 18px;}
.page-header .headerButton	.badge																						{ right: 12px; top: -15px; position: relative; font-weight: 300; padding: 3px 6px;}
.page-header .headerButton	a:focus,
.page-header .headerButton	a:active																					{ background-color: #135f9e; border-radius: 4px; height: 50px;}

.page-header .dropdown:not(.dropdown-separator):hover, .page-header .headerButton:hover { background-color: #135f9e; }

.page-header .page-header-menu .hor-menu li.active>a														{ border-bottom: 1px solid #9bb7ce;}
.page-header .page-header-menu .hor-menu li:first-child														{ border-bottom: 0;}

.secondNavbar  { padding: 0.1rem 1rem !important; margin-left: -28px;}
.secondNavbar li { padding: 6px; position: relative; top: 1px;}
.secondNavbar li.active { background-color: #eff7ff !important;}
.secondNavbar li:hover {  background-color: #eff7ff !important;}
.secondNavbar li a:hover {  text-decoration: none;}

.page-header .page-header-top .menu-toggler 																			{ display: none;}
.page-header .page-header-top .btnDeconnect																			{ margin-top: 12px !important;}

.headerAlert	{ margin-top : 20px !important; margin-bottom:0;}

.errorNotif .note 																										{ font-size: 12px; padding: 10px;}

/* END CUSTOM HEADER*/


#index .thumbnail {     padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
	width: 120px !important;
    opacity: 0.8;
    height: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto;
    padding: 0;
    background-position: center center;

}
.RAPI_lastCashbacks a:hover, .RAPI_lastCodesPromo a:hover { text-decoration: none;}

#IndexPublic											{ overflow : hidden;}

/*
	INBOX
*/
.inboxMenu li:hover, .inboxMenu li a:hover  { cursor:pointer; color: #fff; background-color: #007bff;}
.inboxMenu li:hover a  { color: #fff !important; text-decoration: none; }
.inboxMenu li:not(:first-child):hover  { color: #fff !important;  }
#tableInbox tr { cursor: pointer !important;}
#tableInbox td { padding: 3px !important; vertical-align: middle;}
/* LIST OFFRES, CASHBACK, SURVEYS, ETC */
.membersIndex											{ margin-left: 0px; padding: 0 20px;}
.itemList												{ text-align:center;}
.itemList .label, #lastOfferFrame .label				{ font-size:1.3em; font-weight:bold; margin-top: 5px;}

.itemList span 											{ margin-top: 0px; font-size: 13px; word-wrap: break-word;}

#lastOfferFrame h4,
#lastSurveysFrame h4,
#institutesPage h4										{ font-weight:bold; text-align:left; margin-bottom:0px; margin-top:0; padding-right: 0; font-size: 16px; min-height: 30px;}

.itemList h4											{ font-weight:bold; text-align:left; margin-bottom:7px; margin-top:7px; padding-right: 0; font-size: 16px; min-height: inherit;}
.itemList .margin-auto									{ width: 100%;}

.itemList .thumbnail 									{ width: 100%;}

.itemList .portlet-body ul								{ list-style-type: none; padding:0; margin-bottom: 0;}
.itemList .portlet-body li								{ border-top: 1px solid #e7ecf1; padding-left:0px; }

.itemList .portlet-body li 								{ border-top: 0px solid #e7ecf1; border-bottom:1px #e7ecf1 solid; }

.itemList .portlet-body li:nth-child(2n) 				{ background-color: #fbfcfd; }
.itemList .portlet-body li:hover						{ /*background-color: #eef1f5;*/ background: #eef4f7;}
#index .itemList .portlet-body li:hover					{ border-radius:0px;}



.itemList .portlet-body .row .col-md-6:nth-child(2n) 	{ padding-left:0; margin-left: -10px; color: #777;}

.itemList li .col-xs-6									{ padding-left:0; padding-right:0;}
.itemList li .txtReward									{ font-size: 0.9em;}

#index .itemList li										{ min-height:115px; padding: 10px 0;}
#index .btn 											{ min-width: 130px; text-decoration: none;}

#index_inbox  											{ max-width : 730px;}
#index_inbox .portlet-body 								{ padding: 0; padding-bottom: 10px;}
#index_inbox .table-advance 							{ margin-bottom: 0px!important;}
tr.unread td											{font-weight:700 !important; color: #006699;}

#index_list 											{ padding-left: 0px; padding-right: 0px;}
#index_list .panel-footer								{ padding: 10px 0;}
#index_list .panel-footer								{ height:55px; margin-top:-1px;}
#list_godchild span.bold,
#list_jackpot span.bold 								{ font-size:1.2em;}
#list_jackpot span.bold.cagnotteGlobale					{ font-size:1.4em; margin-bottom:20px;}
#list_godchild .rowImg									{ height:150px;}
#list_jackpot span										{ padding:0;}
#index h5 												{ font-weight: 400;}

#list_recommendations img								{ border: 1px solid #ddd;}
#list_recommendations .portlet-body						{ height : 399px !important;}

#list_godchild strong									{ font-size: 1em;}
#list_godchild .fontBlue 								{ margin-top:10px;}

#list_offers img,
#list_cashback img,
#list_codespromo img,
#list_surveys img										{ width:100%;  margin-bottom:0;  max-height:72px;}


#index_list .portlet-body								{  height:345px; border-radius:0; padding:0; margin-top: -7px; }



#list_godchild .portlet-body,
#list_jackpot .portlet-body								{ padding:15px;}


#list_godchild .portlet-body h3,
#list_recommendations .portlet-body h3,
#list_jackpot .portlet-body h3							{font-weight:600 !important; margin-top: 10px; margin-bottom:0; font-size: 19px;}

#list_godchild .portlet-body h5,
#list_recommendations .portlet-body h5,
#list_jackpot .portlet-body h5							{margin-bottom:0;}

.birth_year { width:82px; margin-left: -27px;}
.birth_month { margin-left: -16px;}
.birthday { width:64px; margin: 0 0 5px -14px;}
.RAPI_initiales 										{ height: 80px; width: 80px; background: #dbeaf9; text-align: center; border-radius: 40px !important; padding-top: 22px; font-size: 18pt; color: #6e849a;    margin: 15px; }
#Settings .settingsFrame:hover 							{ cursor: pointer;}

.btnIgraal												{ height : 50px !important;}



/* END LIST */



/* INBOX MAIL */
.inbox-body .table-advance th							{ text-align:center; font-weight:bold; }
.unread .label											{ font-size: 1em; font-weight: 700; color: #006699 !important; }
.read .label											{ font-size: 1em; font-weight: 500; color: #777  }
.inbox-body .emailLine .unread							{ font-weight:bold; color: #006699; }

 
.inbox-body tbody tr 									{ cursor:pointer; }
.inbox-body .emailLine 									{ display:block; border-bottom: 1px solid #e7ecf1; color: #696868; padding: 15px 0px 10px 0px;}
.inbox-body .expediteur 								{ color:#353535; font-weight: 600;}


/* END INBOX MAIL*/

.dropdown-item {
    padding: 8px 16px;
    color: #6e6e6e !important;
    text-decoration: none;
    display: block;
    font-weight: 400;
    line-height: 18px;
    white-space: nowrap;
	font-size: 14px !important;
}

/* PAGE INBOX */

.btn.btn-outline.blue 			{ background-color: transparent !important;}
.btn.btn-outline.blue:hover,
.btn.btn-outline.blue:focus 	{ color:#0f4c7e !important;}
.inbox .inbox-body .note 		{ margin:0;}
.inbox .inbox-body,
.inbox .inbox-sidebar 			{ min-height: 560px;}
.inbox .inbox-sidebar .active 	{ background-color: #f1f4f7; }
.inbox .inbox-nav 				{ margin:0;}
.inbox 							{ margin-bottom: 0;}
.inbox .col-md-3 				{ padding-right: 0; }
.inbox .col-md-9 				{ padding-left: 0; padding-right: 0;}

.inbox .inbox-body 				{ padding-left: 0;}
.inbox .inbox-sidebar 			{ padding-right: 0; }
.inbox .inbox-nav>li>a 			{ padding: 8px 16px;}
/*.inbox .inbox-content			{ border-top: #3f76a4 1px solid; border-left: #3f76a4 1px solid; border-bottom: #3f76a4 1px solid; min-height:0;}*/
.inbox .inbox-nav 				{ border-top: #3f76a4 1px solid;}
.inbox .table th				{ background-color: #f1f4f7; border-bottom-width: 0;}
.inbox .inbox-nav>li.divider 	{ margin: 0px; border-top: 1px solid #e7ecf1;}
.inbox .inbox-nav>li>a:hover 	{ background: #eef4f7;}

#inboxPage input 										{ cursor: pointer; height: auto !important; position: relative;}
#inboxPage .inbox-body .row 							{ padding-top:0;}
#inboxPage .row .text-right 							{ text-align:right;}
#inboxPage .table-advance 								{ margin-bottom: 0px!important;}
#inboxPage .inbox .inbox-body,
#inboxPage .inbox .inbox-sidebar						{ padding-top:0px;}
#inboxPage .inbox .inbox-body 							{ padding-right:0;}
#inboxPage .inbox .inbox-sidebar						{ padding-left:0px;}
#inboxPage .list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover							{ border: #f1f4f7 1px solid !important;}
/* #inboxPage .mt-checkbox>input  						{ position: relative; }*/

#inboxPage .inbox-bodyLarge								{ margin-right:-1px !important;}
#inboxPage .inbox .inbox-content 						{ min-height: 560px; border-right: 1px solid #e7ecf1;}
#inboxPage .btn.btn-outline.red-mint,
#inboxPage .btn.btn-outline.green-jungle,
#inboxPage .btn.btn-outline.grey-silver					{ font-size: 11px;}
#inboxPage .btn.btn-outline.grey-silver:hover, #inboxPage .btn.btn-outline.grey-silver:focus			{ color: #BFBFBF !important; background-color: transparent !important; cursor: default !important;}
#inboxPage .list-group-item								{ padding: 8px 15px !important;}
#inboxPage #lastMails .mt-checkbox						{ padding: 0; position: relative; top: 9px; }
#inboxPage div.checker, div.radio						{ margin-left:5px;}

.pagination-sm>li>a 			{ font-size:10px; padding: 4px 8px;}
.pagination 					{ margin: 8px 0 4px 0;}

#inboxPage .inboxMenu li.active { background-color: #f1f4f7; border:1px solid #337ab7 !important; color:#337ab7;}
#inboxPage .inboxMenu li { color:#337ab7;}
#inboxPage .badge-primary { background-color:#36c6d3;}



/* END PAGE INBOX */




/* OFFERS PAGE */
.leftTableContent .img 									{ width:100%;  margin-bottom:0;  max-height:72px;}


.leftTableContent .btn									{width:100%;}
.leftTableContent .btn:nth-child(2n)					{margin-top:10px;}
.badgeLarge												{margin-top:-2px; margin-left:5px; font-weight: bold;}


.leftTableContent ul									{ list-style-type: none; padding-left: 0; margin-bottom: 0; border: 1px solid #ddd; padding:0;}
.leftTableContent li									{ border-top: 1px solid #e7ecf1; padding: 10px; min-height: 125px;}
.leftTableContent li:first-child 						{ border-top: 0px solid #e7ecf1; }
.leftTableContent li:nth-child(2n) 						{ background-color: #fbfcfd; }
.leftTableContent li:hover								{ background-color: #eef1f5; border-radius:0px; background: #eef4f7;}
.leftTableContent li img								{ opacity: 0.8; }

.leftTableContent li:hover img							{ opacity: 1;}
.leftTableContent .row .col-md-6:nth-child(2n) 			{ padding-left:0; margin-left: -10px; color: #333;}

.leftTableContent>ul>li>a>.row 							{ padding-left:10px; padding-right:20px;}
.leftTableContent span									{ font-size:0.9em;}
.leftTableContent h4									{ margin-top:10px;}
.leftTableContent .col-md-3								{ padding-right:0;}
.leftTableContent .col-md-7								{ padding-left:0;}
.leftTableContent .label								{ padding-top:4px; font-size:1.2em;}
.leftTableContent .descriptionOffer .portlet-body		{ border-radius: .25em;}



/* END PAGE OFFERS*/

/* OFFERS SINGLE */
#offerSingle #lastOfferFrame .rewardFrame .col-md-8 	{ padding-left:0;}
#offerSingle #lastOfferFrame .col-md-4 					{ padding-right:0; text-align:center;}
#offerSingle .introText h5,
#institutesPage .introText h5 							{ font-size: 14px; padding-bottom:10px;}

#offerSingle #lastOfferFrame .offerSingleFrame 			{ border-bottom:1px solid #ddd; padding-bottom:10px; border-radius:0;}
#offerSingle .fa-clock-o								{ font-size:20px; color:#69BDE9;}
#offerSingle .portlet-body tr:first-child td,
#surveyReading .portlet-body tr:first-child td,
#emailReading .portlet-body tr:first-child td  			{ border-top-width:0; }


#offerSingle .descriptionOffer .active,
#surveyReading .descriptionOffer .active,
#pubContent .descriptionOffer .active 					{ border-right: 1px solid #ddd; background-color: #f1f4f7; }
#offerSingle .portlet-body tr:first-child td,
#surveyReading .portlet-body tr:first-child td 			{ border-radius: .25em 0 0 0 ;}
#offerSingle .portlet-body tr:nth-child(2n) td,
#surveyReading .portlet-body tr:nth-child(2n) td 		{ border-radius: 0 0 0 .25em ;}
#offerSingle .portlet-body tr  td,
#surveyReading .portlet-body tr  td 					{ vertical-align:middle;}
#offerSingle .descriptionOffer .label,
#surveyReading .descriptionOffer .label 				{ text-align:left; padding-top: 7px; font-size:1.0em; }

#lastOfferFrame .descriptionOffer,
#pubContent	.descriptionOffer							{ padding: 0 !important; margin-bottom: 10px;}

/* END OFFERS SINGLE */



/* SURVEY PAGE */

#surveyPage .portlet-body .row				{ margin-right:0;}
#surveyPage .portlet-body .fontBlue			{ padding-left:0;}
#surveyPage .portlet-body .col-md-1			{ padding-left:5px; padding-right:5px; }
#surveyPage .portlet-body .btn				{ margin: 2px 10px; width:90%;}
#surveyPage .portlet-body .badge			{ margin-top:-2px; margin-left:5px;}
#surveyPage  li								{ padding-top: 10px; padding-bottom: 10px;}
#surveyPage #lastOfferFrame  h4				{ font-weight:500; font-size: 14px;}
#surveyPage .label							{ font-size:1.1em; padding-left: 0; text-align: left;}
#surveyPage .fa-money						{ padding-right: 20px; }
#surveyPage	.listLarge .label				{ text-align: left; margin-top: 10px;}
#surveyPage	.thumbnail			{ width: 120px !important;
    opacity: 0.8;
    height: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto;
    padding: 0;
    background-position: center center;
}


/* END PAGE SURVEY*/


/* MAIL / SURVEY READ FRAME */
#lastOfferFrame .answerFrame h4 			{text-align:center; margin-bottom:15px;}
#lastOfferFrame .checkboxFrame  			{ margin-bottom:20px;}
.frame_menuBlue 							{ padding: 4px 20px !important; background-color: #dbeaf9; margin-bottom:10px !important; margin-top: 0 !important;}
.frame_menuBlue .col-md-8					{ padding-left:0;}
.frame_menuBlue .col-md-8 .fa				{ padding-right:5px;}
.frame_menuBlue .btn-group a				{ padding: 0 6px;}

.frame_TopMailRead 							{ padding-bottom: 10px; padding-left: 10px;}
.frame_MailRead_head 						{ border-top: #3f76a4 1px solid; margin: 0 10px;}
.avatar_MS 									{ width: 50px; height: 50px; margin-bottom:20px; background-image: url("../img/avatar_MS.jpg"); background-repeat: no-repeat; float: left;}
.txt_MailRead_head 							{ padding-top: 5px; font-size: 13px; color:#333;}
.frame_MailRead_head span 					{ padding-left: 10px;}
.frame_MailRead_head .pull-right 			{ padding-right: 10px;}

#commissionFrame i							{ font-size:24px; color:#00b0cb;}
#commissionFrame span						{ font-size: 14px;}



/* END MAIL / SURVEY READ FRAME */

/* INSTITUTES PAGES */
#institutesPage #lastOfferFrame .col-md-3 span 			{ font-size:1.0em; color:#FFCA00; cursor:pointer;}
#institutesPage #lastOfferFrame .col-md-12 				{ padding-left:0;}
#institutesPage #lastOfferFrame h4 						{ min-height: inherit;}
#institutesPage #lastOfferFrame .thumbnail,
#institutesPage .leftTableContent .thumbnail 			{ margin-bottom: 4px;}
.img_merchant 											{ width: 24px; height: 24px; margin-bottom:10px; margin-right:5px;}
.img-wallet_small, .img_gift  							{ display: inline-block; background-repeat: no-repeat;}
.img-wallet_small 										{ background-image: url("../img/icn_wallet_small.png");}
.img_gift 												{ background: url("../img/img_gift2.png"); }

#institutesPage .smallList 								{ font-size:0.9em; line-height: 20px;}
#institutesPage .smallList 	span						{ font-size:1em; }
#institutesPage .smallList 	a							{ text-decoration:underline; color:#0088cc;}

#institutesPage .smallList .fa-circle			 		{ font-size:5px; padding-right:10px; vertical-align: text-bottom;}

#institutesPage .row.pageTitle							{ margin-bottom : 20px;}
#institutesPage #lastOfferFrame .btnSingle 				{ line-height: 110px !important;}


#frame_merchants										{ margin-right: -5px; padding: 10px 10px 0 10px; background-color: #fbfcfd; border: #ddd 1px solid;	font-size:13px; border-radius:4px;}
.lineMerchantTitle 										{ text-align: center; height: 26px; border-bottom: #ddd 1px solid; margin-bottom: 8px;}
.lineMerchant 											{ padding:0;}
/* END INSTITUTES PAGES */


/* CASHBACK IGRAAL */
.logo_igraal 											{ margin-top: -19px; margin-left: 25px; }
#cashback .cashbackHeader								{ padding: 5px !important; text-align: center; margin-bottom: 10px; }
#cashback .cashbackHeader input							{ width:44%; margin: 0 10px; padding-left: 10px;}
#cashback .cashbackHeader button						{ margin: 10px;}
#cashback .schemaCashback 								{ width: 100%;    margin-bottom: 20px; border-radius:4px;}
.searchPromos 											{ padding: 2px 0; text-align: center;}
.searchPromos a 										{ padding: 0 6px;}

.tabbable-custom.nav-justified>.tab-content				{ padding-top: 20px;}

.frameListCashback .titleListCashback					{ height: 60px; background-color: #f6f6f6 ; }
.frameListCashback .descriptionListCashback				{ font-size: 12px; height:70px;}
.frameListCashback .portlet-body 						{ border-radius: 4px; padding: 10px 0 15px 0 !important;}
 .portlet.col-md-3.frameListCashback 					{ width: calc(25% - 10px);}

.frameListCashback .panel-footer 						{ padding: 4px 10px;}
#cashback li .noborder									{ margin: 0 2px; font-size:1.2em;}
#cashback li .noborder:hover							{ background-color:#fff;}
#cashback .pagination .chevronDouble i					{ margin-right: -4px; margin-left: -6px;}
#cashback .pagination									{ margin-bottom: 20px;}

#cashback .descriptionCoupon							{ font-size : 11px; background-color: #fff;}
#cashback .boutonFrameCoupon							{ background-color: #fff;}


.displayLikeQty, .displayDislikeQty						{ font-size : 12px; margin-right : 6px !important;}
.small_validite											{ font-size: 11px;}

.frameListCashback .btn.green-jungle					{ font-size : 13px; height: 32px; width: 90%;}

.codeCoupon 											{ border: 1px solid #ddd !important; width: 90%; margin: 0; padding : 0; height: 32px;}
.codeCoupon h3											{ margin: 0; line-height: 30px; font-size: 20px;}
.frameListCashback:hover .thumbList						{ opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity ease-in-out 0.2s; /* Safari */ transition: opacity ease-in-out 0.2s;}
.frameListCashback .thumbList							{ width:100%; max-width: 200px;}
.tabbable-custom>.nav-tabs>li.active 					{ border-top:0; border-bottom: 3px solid #ed6b75;    padding-bottom: 7px;    margin-bottom: 7px; }
.nav-tabs a:hover 										{ text-decoration: none;}

/* ENDCASHBACK IGRAAL */


/* SPONSORSHIP */

#Sponsorship .introText 								{ padding : 10px 20px 20px 20px;}
#Sponsorship .row.pageTitle 							{ margin-bottom: 30px;}
legend													{ font-size: 14px; margin-bottom: 10px; padding-top: 14px;}
#Sponsorship #bannerThird textarea						{ margin-bottom:50px; padding:10px !important; height: 100px !important;}

#Sponsorship #tab_1_1_1 textarea { height: 100px !important;}

#Sponsorship label										{ font-size: 0.9em; padding-left:0;}
#Sponsorship .buttonSponsorSend							{ margin-bottom:15px;}

#Sponsorship #tab_1_1_5	.col-md-12						{ padding-left:0; padding-right:0;}
#Sponsorship #tab_1_1_5	.col-md-10						{ padding-left:0; padding-right:0;}

.sponsor_Num											{ width: 40px; height: 40px; border-radius:20px !important; line-height: 34px; background-color: #1b5b91; color: white; padding: 0; margin: 0;}
.icn_facebook 											{ width: 34px; height: 34px; background: url("/assets/img/icn_facebook.jpg"); border-radius:4px; background-size:cover;}

#Sponsorship .bannersMainContent button 				{ width:100%; padding-left:0; padding-right:0; margin:4px 0;}
#Sponsorship #bannerFirst .btn-primary.active,
#Sponsorship #bannerFirst .btn-primary:active	{ background-color :#337ab7 !important; border-color: #2e6da4;}
#Sponsorship #bannerFirst .btn-primary:focus		{ background-color: #286090 !important;}
#Sponsorship #tab_1_1_1 legend							{ height : 34px; padding-top: 5px !important;}


#bannersContent 										{ background-color: #fcfcfc; border: #ddd 1px solid; padding:0;}


.bannersHeader 											{ background-color: #f4f4f4; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; padding:15px; color: #135185; font-size: 1.1em; margin-top: -1px;}

.bannersMainContent 			{ padding-top: 50px; padding-bottom: 50px; text-align: center;}

.bannerSponsor 					{ opacity: 0.5; filter: alpha(opacity=50);}
.bannerSponsor:hover 			{ opacity: 1; filter: alpha(opacity=100); cursor: pointer; -webkit-transition: opacity ease-in-out 0.2s; /* Safari */ transition: opacity ease-in-out 0.2s;}

.bannerStyle 					{ max-width: 100%; max-height: 100%;     border: #135185 1px solid;}

.bannerSelected 				{ opacity: 1; filter: alpha(opacity=100);}

.bannerSingleText 				{ font-size: 0.9em;}

.horizontalPubFrame 			{ margin-top : 20px !important; margin-bottom: 30px !important;}
.horizontalPubFrame .caption	{ color:#0f4c7e !important;}

/* END SPONSORSHIP */


/* PROFILE */

#Profile fieldset textarea 		{ margin-bottom:0;}
#Profile fieldset span 			{ font-size:0.9em; margin-bottom:10px;}
#Profile #txtProfile h5 		{ margin-bottom:0;}
#Profile td 					{ vertical-align: middle;}
#profileAvatar img				{ width:100%; max-width: 100px; height: auto; background-repeat: no-repeat; border: 1px solid #ddd;}

#profileAvatar img 				{ height: 100%;}

#Profile #txtTitleProfile .row	{ margin-bottom:4px;}
#Profile #txtTitleProfile i		{ font-size: 1.3em; line-height:1.3em;}
#Profile #txtTitleProfile h4	{ margin-top:0; margin-bottom:0; text-transform: capitalize;}
#Profile div.checker, div.radio { margin-left:0; margin-right:5px;}
#frameSponsorInt .col-sm-11 	{ padding-left:0;}


/* END PROFILE */

/* MY INFO */

#MyInfo .dropDownMenu .col-md-3 						{ padding:0;}
#MyInfo .dropDownMenu option 							{ padding:0;}
#MyInfo .dropDownMenu .btn:not(.btn-sm):not(.btn-lg) 	{ line-height: 1;}
#MyInfo .RAPI_userInscriptionDate						{ padding-left: 0 !important;}

/* END MY INFO */


/* SETTINGS */
.settingsFrame { padding: 38px 5px; border: solid 2px #efefef;   border-radius: 16px !important;}
.settingsFrame:hover { cursor: pointer; background-color: #0f4c7e ; color:white;}
.settingsFrame:hover i {  color:white;}

.settingsFrame .fa	{color: #0f4c7e ; padding-bottom: 15px;}
/*
.settingsNotifications	{color: #5aafff;}

.settingsPassword        	{color: #ffd25a;}
.settingsEmail        	{color: #6ae364;}
.settingsAssistance    	{color: #c992e6;}
.settingsClose        	{color: #ff5a5a;}
*/

 
/* END SETTINGS*/


#Help .customContainer 					{ min-height:690px !important;}


/* INDEX */
.scroll-to-top {    padding: 2px;    text-align: center;    position: fixed;    z-index: 10001;    bottom: 5px;    display: none;    right: 20px;}
.page-content {   background: #eff3f8;}
.page-prefooter {    padding: 30px 0;    clear: both; } 
.page-headerIndex						{ height:80px;}
#img_indexFlagTop {  background-color: #e6f3fa;  border: #c3e3f6 1px solid; }
.formConnection label 					{ color: white; font-size: 11px; margin-bottom: 2px; margin-top: 0; height: 12px; cursor: auto;}

.formConnection input 					{ margin-bottom:0; padding-left:5px; width:100%;}
.formConnection .col-sm-4				{ padding-right:0;}
.formConnection button 					{ width:100%; }

#indexStep_1							{ background-image: url("/assets/img/index_step1.png");}
#indexStep_2							{ background-image: url("/assets/img/index_step2.png");}
#indexStep_3							{ background-image: url("/assets/img/index_step3.png");}

.indexStep 								{ min-height: 102px; background-repeat: no-repeat; padding-top: calc(4%); background-size: contain; padding-left: calc(25%); }
.indexStep h1							{ margin-top: 0; margin-bottom:0;}
.frameStepsIndex 						{ padding-right:10px; padding-left:10px;}

.carousel-control-prev, .carousel-control-next	{ width:50px; color: #ffffff; background: #222222; }
.carousel img	{ width:75%;}
.carousel-inner .active 				{margin-left:30px; margin-right: 30px;}

.index_icnCoupon						{background: url("/assets/img/index_icnCoupon.png") no-repeat center center;}
.index_icnData							{background: url("/assets/img/index_icnData.png") no-repeat center center;}
.index_icnDelete						{background: url("/assets/img/index_icnDelete.png") no-repeat center center;}
.index_icnMoney							{background: url("/assets/img/index_icnMoney.png") no-repeat center center;}
.index_icnNotifications					{background: url("/assets/img/index_icnNotifications.png") no-repeat center center;}
.index_icnPartner						{background: url("/assets/img/index_icnPartner.png") no-repeat center center;}
.index_icnOffer							{background: url("/assets/img/index_icnOffer.png") no-repeat center center;}

.icnIndex								{ width:48px; height:48px;}

.color_reduction						{ color:#c254de; font-size: 1.2em;}
.color_sponsorship						{ color:#ef4747; font-size: 1.2em;}
.color_stats							{ color:#54b5de; font-size: 1.2em;}
.color_internet							{ color:#e165a7; font-size: 1.2em;}
.color_money							{ color:#f2813d; font-size: 1.2em;}
.color_offer							{ color:#65d11d; font-size: 1.2em;}


#indexContentTop						{ background-color: #f7f7f7; border-bottom: 1px solid #dddddd; }
#indexContentTop .thumbnail 			{ margin: auto; width: auto !important;}

#index_spam,
#index_reward							{	border: 1px solid #dddddd;	border-radius: 4px;	background-color:#fcfcfc; min-height:510px;}

.separatorGradient{
	height:1px;
	margin:auto;
	margin-top:-25px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #64a8d2 50%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#64a8d2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#64a8d2 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#64a8d2 50%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#64a8d2 50%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#64a8d2 50%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

#index .separatorGradient			{margin-top:-40px; }
.separatorBG						{margin-top:-3px;  height: 3px; margin: auto; background-color: white;}

.indexStepsFrame .separatorGradient	{ width:80%;}
#index_partners .separatorGradient	{ width:45%;}
#index_facebook .separatorGradient	{ width:100%;}
#index_howTo .separatorGradient		{ width:100%;}

.indexStepsFrame .separatorBG		{ width:75%;}
#index_partners .separatorBG		{ width:60%;}
#index_facebook .separatorBG		{ width:75%;}
#index_howTo .separatorBG			{ width:75%;}



#img_indexContentSms 					{ width: 100%; max-width:570px; height: 418px; background: url(/assets/img/img_pictureSms.png); background-repeat: no-repeat; margin-top: 100px;}
#unsuscribe #img_indexContentSms 		{ width: 295px; height: 311px; background: url(/assets/img/img_unsuscribe.png);background-repeat: no-repeat; margin: auto; margin-top: 100px;}
#unsuscribe .page-content-wrapper			{ height : 500px !important;}


.page-footer						{ background: #073a65; font-size: 12px; font-weight: 300; padding: 10px 0;}
.page-footer a						{ color: #fff; }
.scroll-to-top>i 					{ color: #99c0e0; font-size: 32px; opacity: 1;}
.scroll-to-top 						{ bottom: 40px;}

#title_joinUs						{ padding-top: 10px; }
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* END INDEX */

/*
	GADDIN SURVEY
*/
.mt-element-step .step-line .error .mt-step-title:after, 
.mt-element-step .step-line .error .mt-step-title:before {
    background-color: #efe6e6 ! important;
} 
/* MODALS */

 .modal-body						{ padding: 20px; font-size: 13px; overflow: auto; max-height: 545px;}
 .listAbout .txtStandard			{ display:inline-block;}
 .listAbout .fa 					{ margin-right:20px; color:#404040; }
#popup_old_account .modal-footer { text-align: center !important;}
/* END MODALS */

/* EARNINGS */

#EarningDetails	.portlet-body						{ border-radius:0; padding:0; margin-bottom: -10px;}
#EarningDetails	.portlet-body tr					{ cursor: pointer;}
#EarningDetails	.panel-footer						{ padding: 10px 0 !important;  }
#EarningDetails td:last-child						{ font-size:14px;}
#EarningDetails #RAPI_gainTotal2					{ font-size:14px;}


/* END EARNINGS */

#payment .linkSmall									{ font-size : 12px; margin-top:10px; padding:0;}
#payment .price-table-pricing .titleSmall			{ margin-bottom : -15px; }

#payment .price-column-container .price-table-footer button:hover,
#payment .price-column-container .price-table-footer button:active,
#payment .price-column-container .price-table-footer button:focus
													{ border-color: #26C281 !important; color: #26C281 !important; background-color: transparent !important;}
.img_payment										{ width:100%; height:120px; background-image: url("/assets/img/img_payment.png"); background-repeat:no-repeat; background-position: center; background-size:contain; margin: 10px auto;}

#payment .pricing-payment .price-table-content	{ background-color : #fff; padding: 30px 30px 10px;}
.message_earning { padding: 20px 10px;}

/* REGISTER PAGE */
.registerPage .page-content-inner,
#unsuscribe .page-content-inner					{ margin-bottom: 0px;}
.registerPage #indexContentTop 					{ margin-bottom :0; padding-bottom:0;}
.registerPage #img_indexContentSms				{ width: 390px; height: 488px; background: url(/assets/img/img_inscription.png);background-repeat: no-repeat; margin: auto;}
.registerPage .radio							{ padding-top : 1px;}



/* HOR MENU */
.page-header .page-header-menu .hor-menu,
.page-header .page-header-menu .hor-menu .navbar-nav	{ float:left;	width:100%;	}
.page-header .page-header-menu{	padding:0;}
#indexContentTop video												{ width : auto; max-width:95% !important; max-height:310px; margin-left:15px;}

/* modif pour surcharger les pubs */
#pubContent .container { width : auto !important;}
#emailReading .container { padding-left: 15px !important;  padding-right: 15px !important;}

/* CINT SURVEYS */
.cintSurveys .fa { font-size: 13pt; } 

/* CPX */
.css-1txb9c7 div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.css-1rpnwvt {
    transform: translateY(3px);
vertical-align:super; 
}
 
.css-1unzeq8 svg {
    transform: scale(0.7);
}
 
.portlet.box>.portlet-bodycpx {
    background-color: #fff;
    padding: 15px;
}

.page-header .page-header-menu .hor-menu li 			{ float:left !important; display: block; height: 31px;}

/* MEDIAQUERIES DESKTOP*/
@media (max-width: 1026px){ .container { width: 100%;} .customContainer { border-width: 0;}} /* A PARTIR DE 1010px, le container prend toute la largeur */
@media (min-width: 1027px)
{
  .container {  width : 1070px !important;}
}/* Au dela il fait 1010px de largeur */


@media (min-width: 1027px){

	.portlet>.portlet-title>.caption 									{ font-size: 17px;}
	.page-header .page-header-top .menu-toggler 						{ display: none;}
	.dropdown-jackpot { padding:15px 20px;}
	.dropdown-user { padding:15px 20px;}

}

@media (max-width: 1026px){
	.page-header .page-header-menu .hor-menu li>a 			{ padding: 10px 8px !important;}
	.portlet>.portlet-title>.caption 									{ font-size: 15px;}
	#indexContentTop video												{ width : auto; max-width:95% !important; max-height:310px; margin-left:15px;}
 
	#list_godchild .portlet-body h3,
	#list_recommendations .portlet-body h3,
	#list_jackpot .portlet-body h3 										{ font-size: 17px !important; }
	.itemList h4														{ font-size: 15px !important;}
	.frameListCashback .btn.green-jungle								{ font-size: 13px !important;}
}


@media (max-width: 920px){
	#index .itemList li													{ min-height:115px;}
	.itemList h4														{ font-size: 14px !important;}
	.page-header .page-header-menu .hor-menu li>a 			{ padding: 10px 8px;}
	.page-header .page-header-menu .hor-menu li>a>i			{ display:none;}
	.frameListCashback .btn.green-jungle								{ font-size: 12px !important;}
	.portlet.col-sm-4.frameListCashback 								{ width: calc(33.333% - 10px);}
	#Sponsorship .tabbable-custom>.nav-tabs>li>a						{ padding-left: 4px; padding-right:4px; font-size: 13px;}
	#forgotPassword #img_indexContentSms 								{ margin-left: -70px;}
}


@media (max-width: 890px){
	#IndexPublic .col-sm-12												{ padding-left: 4px; padding-right: 4px;}
	#list_godchild .portlet-body h3,
	#list_recommendations .portlet-body h3,
	#list_jackpot .portlet-body h3 										{ font-size: 14px; }

	h4																	{ font-size: 14px !important;}
	.indexStep															{ font-size: 1.1rem; padding-top:calc(1%);}
	#index_facebook														{ margin-left: -30px;}
	#index_reward .col-xs-12.margin-bottom-10,
	#index_reward .col-xs-12.margin-bottom-20,
	#index_list	.portlet-title											{ height:58px;}
	#index_list	.portlet-title i										{ height:15px;}
	#list_godchild .portlet-body h3,
	#list_recommendations .portlet-body h3,
	#list_jackpot .portlet-body h3 										{ font-size: 17px; }
	.col-sm-4															{ padding-left: 10px; padding-right: 10px;}
	.itemList .label													{ padding-top:0;}
	.frameListCashback .btn.green-jungle								{ font-size: 11px !important;}
	.bannersFormatsList .flex											{ display:block;}
}



@media (max-width: 767px){

	.indexStepsFrame .col-xs-4											{ padding-left: 5px; padding-right: 5px;}
	h1																	{ font-size: 30px;}
	.page-header .page-header-top .menu-toggler 						{ display: block;}
	#indexContentTop 													{  padding :0 !important;}
	#indexContentTop video												{ max-width:100%; max-height: inherit; margin-bottom:20px !important;}
	h4																	{ font-size: 18px !important;}
 	.indexStep															{ margin-bottom: 20px;}
	#index_howTo .separatorBG											{ width: 50%;}
	#index_facebook .separatorBG										{ width: 50%;}
	#indexStep_1														{ background-image: url("/assets/img/index_stepMobile1.png");}
	#indexStep_2														{ background-image: url("/assets/img/index_stepMobile2.png");}
	#indexStep_3														{ background-image: url("/assets/img/index_stepMobile3.png");}
	.indexStep 															{ min-height:200px; background-repeat: no-repeat; background-size: contain; padding-left: 0; background-position: center; margin-bottom:0px;}
	.indexStep h1														{ padding-top: calc(45%);}
	#index_list	.portlet-title											{ height:inherit;}
	#index_list	.portlet-title i										{ height:inherit;}
	#index_list															{ padding-left: 0px; padding-right: 0px;}
	#index_list	.col-xs-6												{ padding-left: 10px; padding-right: 10px;}
	.page-prefooter														{ padding: 10px;}
	.page-prefooter .col-xs-4											{ width:50%;}
	#index_reward .col-xs-12.margin-bottom-10,
	#index_reward .col-xs-12.margin-bottom-20,
	.leftContent 														{ padding-left: 0;}
	.listLarge .row 													{ margin-right:0;}
	#lastOfferFrame li													{ padding-right: 10px;}

#inboxPage .col-xs-offset-3 											{ margin-left: 15px !important; }
#inboxPage .input-actions .btn 											{ margin-right: 15px; }

	#surveyPage #lastOfferFrame  h4										{ font-size:14px !important;}

	.page-header .page-header-top .menu-toggler 						{ display: block;}
	.page-header														{ height:auto !important;}
	.navbar-nav>li>a													{ padding:16px;}

	.page-header .page-header-menu .hor-menu li:last-child	{ border-bottom: 1px solid #9bb7ce;}
	#forgotPassword #img_indexContentSms								{ margin-top: 0px;  margin-left: 0; width: 90%; background-size: contain; background-position: center bottom;}

	#loginSubmit														{ padding-bottom:20px;}
	#payment .price-table-footer button									{font-size: 12px;}

	#inboxPage .inbox-sidebar											{ min-height:auto;}
	#inboxPage .inbox-sidebar .list-group								{ margin-bottom:0;}
	#Sponsorship .RAPI_table_active_filleuls th							{ font-size: 13px;}
	#Sponsorship .sponsorshipContent									{ padding : 0;}
	#Sponsorship .tab-content											{ padding : 0 !important; border:0; }
	#Sponsorship .RAPI_active_filleuls									{ padding : 0 !important;}
	#Sponsorship .tabbable-custom .nav 									{ margin-bottom: 20px; border-bottom: 1px solid #ddd;}



	}

@media (min-width: 768px){
	.navbar-nav>li														{ float: left !important;}
	.page-header .page-header-menu 										{ display:block !important; padding-top:0; height: 40px; background-color: #dbeaf9; border-bottom: 1px solid #9bb7ce;}
	.page-header .page-header-menu .hor-menu .navbar-nav				{ background-color: inherit !important;}
	.page-header .page-header-menu .hor-menu .navbar-nav .arrow			{ display:none !important;}
	.page-header .page-header-menu .hor-menu li>a 			{ color: #0088cc !important;}
	.page-header .page-header-menu .hor-menu li.active>a,
	.page-header .page-header-menu .hor-menu li.active>a:hover,
	.page-header .page-header-menu .hor-menu li.current>a,
	.page-header .page-header-menu .hor-menu li.current>a:hover
																		{ text-decoration:none !important; color: #005580 !important; }
	.page-header .page-header-menu .hor-menu li.active>a:hover>i,
	.page-header .page-header-menu .hor-menu li.active>a>i,
	.page-header .page-header-menu .hor-menu li.current>a:hover>i,
	.page-header .page-header-menu .hor-menu li.current>a>i,
	.page-header .page-header-menu .hor-menu li.open>a:hover>i,
	.page-header .page-header-menu .hor-menu li.open>a>i	{ color: #0f4c7e !important;}	
	.navbar-nav .surveyMobileAccess-hide-desktop { display: none;}
}



@media (max-width: 650px){
	.indexStep h1 														{ padding-top: calc(55%); font-size:24px;}
	#offersPage .listLarge .col-xs-3									{ padding-right: 0; }
	.page-header .page-header-top .page-logo							{ width: 25% !important; margin: 0;}
	#forgotPassword .page-header .page-header-top .page-logo			{ width: 25% !important; margin: 0;}
	.page-header .page-header-top .page-logo .logo-default				{ width : 100%;}
	.fb_iframe_widget													{ margin-left : 10px !important;}
	#forgotPassword #img_indexContentSms 								{ margin-top: -80px;}
	#inboxPage .mailObjectInbox, #inboxPage .mailDateInbox				{ display:none;}

	}
@media (max-width: 600px){
	.indexStep h1 														{ padding-top: calc(60%); font-size:20px;}
	#index_list	.portlet-title 											{ height:58px;}
	#index_list	.portlet-title i 										{ height:15px;}
	#index_list .portlet-body 											{ min-height:342px;}
	#index .itemList li													{ min-height:114px;}
	.listLarge .row .btn												{ font-size:13px; padding: 6px 6px;}
	.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-separator	{ padding-right:2px !important;}

	}
@media (max-width: 520px){
	.indexStep h1 														{ padding-top: calc(66%); font-size:20px;}

	.listLarge .col-xs-3												{ width: 100%;}
	#surveyPage .listLarge .col-xs-3.label								{ width: 50%; margin-left: 0;}
	.listLarge .col-xs-2												{ width: 25%;}
	.listLarge .col-xs-7												{ width: 75%;}

	#surveyPage .thumbnail												{ margin-bottom: 20px;}
	#surveyPage #lastOfferFrame .col-xs-12								{ padding-left: 20px;}
	#institutesPage .smallList											{ padding-left: 20px;}
	.img-wallet_small													{ margin-left:20px;}
	.page-header .page-header-top .page-logo							{ display : none;}
	.portlet.col-sm-4.frameListCashback 								{ width: calc(50% - 10px);}

	.pager div															{ padding: 5px 10px !important; margin: 4px !important; }

}

@media (max-width: 480px){
	.indexStepsFrame .col-xs-4 											{ width:100%;}
	.indexStep 															{ font-size: 0.8rem;}
	.indexStep h1 														{ padding-top: calc(32%); font-size:30px;}
	.page-header .page-header-top .top-menu 							{ display: inline-block; clear: none; margin-top: 10px;}
	.page-header .top-menu,
	.page-header .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle,
	.page-header-fixed-mobile .page-header .top-menu					{ background-color: inherit !important;}
	#forgotPassword #img_indexContentSms								{ margin-top: -180px;}

	#inboxPage .input-actions .btn 										{ margin-top: 10px;	}

}

@media (max-width: 460px){

	/*.col-xs-12															{ margin:0; padding:0;}*/
	.col-xs-12.font_blueLight											{ padding-left: 15px;}
	#index_list	.portlet-title											{ height:inherit;}
	#index_list	.portlet-title i										{ height:inherit;}
	#index_list .portlet-body											{ height:390px;}

	#index .itemList .col-xs-6											{ width:50% ;}
	#index .itemList li													{ height: 130px;} 
	.page-prefooter .col-xs-4											{ width:100%;}
	h5 																	{ font-size: 16px;}
	.portlet>.portlet-title>.caption 									{ font-size: 18px;}
	#list_jackpot span.bold.cagnotteGlobale 							{ font-size: 1.8em;}
	#list_godchild span.bold, #list_jackpot span.bold 					{ font-size: 1.4em;}
	.itemList h4 														{ font-size: 18px !important;}
	.itemList span 														{ font-size: 14px;}
	.portlet.col-sm-4.frameListCashback 								{ width: inherit;}

	#cashback .cashbackHeader input 									{ width: 90%; margin: 10px;}

	#payment .priceTitle												{ display : block;}
	#payment .nopadding-xs												{ padding:0 !important;}

	#Sponsorship th:nth-child(2),
	#Sponsorship td:nth-child(2)										{ display : none;}

	#inboxPage .inbox.col-xs-12 { padding: 20px;}
	#inboxPage .btnInbox { margin-left :-30px; margin-right : -30px;}
	.formConnection														{ margin:6px 0 1px 11px;}

}





@media (max-width: 390px){
	h3																	{ font-size: 22px; }
	#index_facebook, #index_partners									{ display:none;} 
	.separatorGradient													{ display:none;}
	.indexStepsFrame .col-xs-4											{ width:100%;}
	.icnIndex															{ width: 100%; text-align: center; background-repeat: no-repeat; background-position: center; margin-bottom:10px;}
	.indexStep															{ width: 100%;}
	.indexStep h1														{ padding-top: calc(30%); }
	.col-xs-4:last-child .indexStep										{ margin-bottom:20px;}

	.listLarge .col-xs-3												{ width: 100%; margin-left: 12px;}
	.listLarge .col-xs-2												{ width: 100%;}
	.listLarge .col-xs-2 .btn											{ width: 100%; padding: 10px; margin-left: 12px;}
	.listLarge .col-xs-2.nopadding										{ padding-left: 15px !important; padding-right: 15px !important;}
	.listLarge .col-xs-7												{ width: 100%; margin-left: 15px;}
	#lastOfferFrame h4, #lastOfferFrame span							{ text-align:center;}
	#surveyPage .listLarge .col-xs-3.label								{ text-align: center;}
	#institutesPage .smallList											{ padding-left: 20px; }
	.img-wallet_small													{ margin-left: calc(50% - 24px);}
	.pager div															{ padding: 3px 6px !important; margin: 3px !important; }

}

@media (max-width: 297px){
	.col-xs-12															{ width : 100% !important;}
	.indexStep h1 														{ padding-top: calc(40%);}
	.portlet>.portlet-title>.caption									{ font-size: 15px;}
	#index_inbox .inbox-content th										{ font-size: 13px;}
	#index_list	.col-xs-6												{ padding: 0;}
	#index .itemList li													{ height: inherit;}
	.navbar-nav>li>a,
	.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle
																		{ padding:16px 10px;}

	.titleSmall .caption												{ font-size: 0.8em !important;}
	.nav.pull-right>li.dropdown-jackpot>.dropdown-menu					{ left:0; right:0;}
	.nav.pull-right>li.dropdown-user>.dropdown-menu						{ left:-84px; right:0;}
	#index_inbox .inbox-content thead									{ display:none;}
	#index_inbox 														{ margin-bottom:10px !important;}
	#index .page-content-inner .note-danger								{ display:none !important;}
	.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu:before,
	.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu:after
																		{ border-color: #0f4c7e; top:-9px !important;}
	#index_list .portlet-body 											{ height: auto;}
	.itemList h4 														{ font-size: 14px !important; margin-bottom: 10px; margin-top:10px;}
	.thumbnail															{ min-height:55px; min-width:100px;}
	.pager div															{ padding: 3px 6px !important; margin: 3px !important; }
}